@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
a {
	font-weight: 400;
}
#sidebar {
	padding: 0;
	overflow: auto;
}
#sidebar #hider {
	padding: 10px;
	display: inline-block;
	float: right;
}
#menu {
	clear: both;
}
#menu li {
	margin: 0;
}
#menu li a {
	font-size: 11px;
	padding: 15px 25px;
	border-bottom: 1px solid #bfbfbf;
}
#menu li a:hover, #menu li a.active {
	background: #CCC;
	color: black;
}
#menu li a.active {
	font-weight: 700;
}
#logged-users li {
	padding: 5px 25px;
}
#sidebar {
	width: 185px;
}
#sidebar .sys-logout {
	display: inline-block;
	position: static;
	left: 20px;
	bottom: 20px;
	font-size: 12px;
	padding: 20px;
	margin-top: 45px;
}
#sidebar .sys-logout:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 18px;
	background: url('https://app.osobnyudaj.sk/images/i-out.png') left center no-repeat;
	background-size: 15px auto;
	vertical-align: bottom;
}
#screen {
	padding-left: 215px;
	position: relative;
	left: 0;
}
#menu {
	border-top: 1px solid #bfbfbf;
}
#menu li a.treba-doplnit-informacie-is {
	background: #ff0a3e;
	height: 18px;
	padding: 0 6px;
	line-height: 18px;
	border-radius: 15px;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	min-width: 26px;
	text-align: center;
	box-sizing: border-box;
}
#menu li a.treba-doplnit-informacie-is:before {
	content: '';
	display: inline-block;
	width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;

  border-left: 6px solid #ff0a3e;
  position: absolute;
	left: 6px;
	bottom: -4px;
	z-index: 0;
}
.table td, .table th {
	border-color: #f2f2f3;
}
.table th {
	background-color: #f1f1f2;
}
#firm-menu {
	padding-left: 0;
	border-bottom: 2px solid #dbdcdf;
}
#firm-menu li {
	border-bottom: 2px solid #dbdcdf;
}
#firm-menu li a {
	border: 2px solid #dbdcdf;
	border-bottom: none;
	border-radius: 1px 1px 0 0;
}
#firm-menu li a.active {
	background-color: #dbdcdf;
}
.table.mtab {
	width: auto;
	margin-bottom: 15px;
}
.table.mtab td,
.table.mtab th {
	padding: 8px 18px;
	padding-right: 25px;
}
.ui-table {
	border-color: #dbdcdf;
}
.ui-table thead {
	background-color: #dbdcdf;
}
.ui-table thead th {
	background-color: #dbdcdf;
	z-index: 1;
}
.ui-table tbody tr:nth-child(2n+1) {
	background-color: #f1f1f2;
}
.ui-table tbody tr:hover {
	background-color: #e9e9e9 !important;
}
.table.nthtrbg.ui-table tbody tr.filter-row,
.table.nthtrbg.ui-table tbody tr.filter-row + tr th {
	background-color: #dbdcdf;
	border: 0;
}
.table.nthtrbg.ui-table tbody tr.filter-row {
	border-bottom: 1px solid #ccc;
}
table.smallpading th {
	background-color: #f1f1f2 !important;
	border: 1px solid #dbdcdf !important;
}
table th {
	position: -webkit-sticky;
	position: sticky;
	top: -1px;
}
table.smallpading th.header {
	padding-right: 15px !important;
}
table.smallpading th
.enablesort td, .enablesort th {
	border-color: #dbdcdf;
}
#forcsv .header span {
	top: auto !important;
}
#firm-menuss li a.active,
#firm-menu li a:hover {
	background-color: #dbdcdf;
}
#finstat_load {
	margin-top: 20px;
}
.form.noconfirm .span4 span {
	align-self: center;
	-moz-align-self: center;
	-webkit-align-self: center;
}
#settings-menu li a:hover {
	text-decoration: none;
}
.logo {
	display: inline-block;
	padding: 20px 15px;
	border-bottom: 1px solid #bfbfbf;
}
.logo img {
	width: 100%;
}
#hodiny {
	position: static;
	padding: 15px 20px;
	border-bottom: 1px solid #bfbfbf;
	min-height: 45px;
}
#sidebar h1 {
	font-size: 20px;
	padding: 25px 20px;
	margin: 0;
	text-align: center;
	border-bottom: 1px solid #bfbfbf;
}
#prihlaseny {
	display: inline-block;
	position: relative;
	padding: 20px;
	padding-left: 65px;
	font-size: 12px;
}
#prihlaseny i {
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50px;
	background: #ccc url('https://app.osobnyudaj.sk/images/i-pawn.png') center center no-repeat;
	background-size: auto 15px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	margin: auto;
}
#logged-users {
	padding-bottom: 80px;
}


#hodissny {
	position: static;
	padding: 15px 20px;
}

.table .data-table-row.nevalidne,
.table .data-table-row.nevalidne td,
.table .data-table-row.nevalidne td input,
.table .data-table-row.nevalidne td select {
	background-color: #e74c3c;
	border-bottom: 1px solid #e74c3c;
}
.table .data-table-row.nevalidne td:first-child {
	color: #fff;
}
.table .data-table-row.nevalidne td input,
.table .data-table-row.nevalidne td select {
	color: #fff !important;
}
.table .data-table-row.nevalidne > td > a {
	color: #fff !important;
}
.vyber-testov {
	padding: 0;
}
.vyber-testov label {
	padding: 10px;
	margin: 0;
}
.vyber-testov label.odstraneny-test {
	background: #f667674a;
	border-bottom: 1px solid #fff;
}
.vyber-testov label span {
	width: 162px;
}
tr.space {
	height: 30px;
	border: 1px solid #fff;
}
.table tr + .space.kons {
	height: 0;
}
.table tr.kolekcia + .space.kons {
	height: 30px;
}
.table tr.space:first-of-type {
	height: 0;
}

table.tabvs1 {
	width: 100%;
	border-collapse: collapse;
}
table.tabvs1 tbody tr:nth-child(2n) {
	background: #f9f9f9;
}
table.tabvs1 tbody tr {
	transition: all 0.3s ease;
}
table.tabvs1 tbody tr:hover {
	background: #efefef;
	box-shadow: inset 0px 0px 15px 0px #d4d4d4;
	position: relative;
}

table.tabvs1 td,
table.tabvs1 th {
	font-family: 'Open Sans', sans-serif;
	padding: 12px 0;
	min-height: 80px;
	padding-left: 54px;
}
table.tabvs1 th {
	font-size: 18px;
	font-weight: 600;
	white-space: nowrap;
	padding: 26px 0;
	padding-left: 54px;
	background: #fff;
	cursor: default;
}
table.tabvs1 td a {
	text-decoration: none;
}
table.tabvs1 tr:first-of-type {
	cursor: default;
}
.table-wrap {
	width: 100%;
	background: #fff;
	overflow: auto;
	box-shadow: 0 0 12px #efefef;
	margin-top: 35px;
}
.nav-box {
	list-style: none;
	margin-left: 0;
}
.nav-box li {
	display: inline-block;
	border: 1px solid #0b4ea2;
}
.nav-box li a {
	display: inline-block;
	padding: 14px 25px;
	background: #fff;
	color: #0b4ea2;
	text-decoration: none;
	transition: all 0.3s ease;
	margin-left: -1px;
}
.nav-box li:first-child a {
	border-left: 1px solid #0b4ea2;
}
.nav-box li a:hover {
	background: #155eba;
	color: #fff;
}
.nav-box li a.active {
	background: #0b4ea2;
	color: #fff;
}


.blh1 h1 {
  margin-top: 50px;
  margin-bottom: 30px;
}
.blotazky * {
	box-sizing: border-box;
}
.odpwrap {
  list-style: none;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 0;
}
.odpwrap label {
  cursor: pointer;
}
.odpwrap label input + span {
    font-size: 16px;
    position: relative;
    display: inline-block;
    margin-bottom: 8px;
}
.blotazky .txtotaz p {
  font-weight: 500;
}
.blotazky h3 {
	font-size: 16px;
	font-weight: 700;
	margin: 17px auto 25px;
}
.odpwrap label input[type="radio"] {
    display: none;
}
.odpwrap label input[type="radio"] + span {
  font-size: 16px;
  cursor: pointer;
  padding-left: 40px;
  position: relative;
  min-height: 30px;
}
.txtotaz p {
	margin-bottom: 20px;
}
.odpwrap label input[type="radio"] + span:before {
  content: '';
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 0 18px 0 0;
    padding: 0;
    vertical-align: middle;
    border: 1px solid #a0a5a9;
    background: #fff;
    cursor: pointer;
}
.odpwrap label input[type="radio"]:checked + span:before {
  border: 1px solid #ab0534;
}
.odpwrap label input[type="radio"]:checked + span::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 6px;
    background: #ab0534;
}

.odpwrap label input[type="checkbox"] {
    display: none;
}
.odpwrap label input[type="checkbox"] + span:before {
  content: '';
    display: inline-block;
    position: relative;
    top: 2px;
    width: 15px;
    height: 15px;
    margin: 0 18px 0 0;
    padding: 0;
    vertical-align: bottom;
    border: 1px solid #a0a5a9;
    background: #fff;
    cursor: pointer;
}
.odpwrap label input[type="checkbox"]:checked + span:before {
  border: 1px solid #ab0534;
}
.odpwrap label input[type="checkbox"]:checked + span::after {
    content: '';
    display: inline-block;
    width: 21px;
    height: 15px;
    position: absolute;
    top: 4px;
    left: -1px;
    background: url('/css/images/ou_icon_check.svg') center center no-repeat;
    background-size: 21px auto;
}
.odpwrap input[type="text"],
.odpwrap textarea,
.odpwrap .odp-nfsi label input,
.odpwrap .odp-tmpet label input,
.odpwrap input {
    font-size: 14px;
    background: #fff;
    border: 1px solid #a0a5a9;
    padding: 6px 17px;
    width: 100%;
}
.odpwrap .odp-nfsi label input,
.odpwrap .odp-tmpet label input,
.odpwrap input {
	margin-top: 8px;
	margin-bottom: 16px;
	width: auto;
	margin-right: 20px;
}
.odpwrap .odp-nfsi,
.odpwrap .odp-tmpet,
.odpwrap .odp-pzsou,
.odpwrap .odp-tspz,
.odp-odo {
	margin: 20px 0;
}
.multicol-sys i {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url('/css/images/cancel_icon.svg') top 4px center no-repeat;
	background-size: 20px auto;
	vertical-align: middle;
	cursor: pointer;
}
.multicol-sys div label {
	display: inline-block;
	width: 100%;
	max-width: calc(100% - 40px);
}
.multicol-sys div.odp-tmpet label,
.multicol-sys div.odp-pzsou label,
.multicol-sys div.odp-tmpet label,
.multicol-sys div.odp-tspz label,
.multicol-sys div.odp-pzsou label,
.multicol-sys div.odp-nfsit label,
.multicol-sys div.odp-odo label,
.multicol-sys div .multicol-wrap label {
	width: auto;
}
.multicol-sys div label + i {
	vertical-align: top;
	background-size: 25px auto;
}
.multicol-sys label span + textarea {
	margin-top: 15px;
}
.multicol-sys-add {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	background: green;
	border-radius: 50%;
	font-size: 0;
	margin-bottom: 20px;
	cursor: pointer;
	top: -20px;
}
.multicol-sys-add:before {
	content: '+';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 25px;
}
.odpwrap textarea {
  max-width: 100%;
  min-width: 100%;
}
.multicol-sys select {
	padding: 8px 20px;
}
.blotazky {
  background: #f8f8f8;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}



.blotazky .otaz:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('/css/images/i-rtt-s.png') center center no-repeat;
	background-size: 16px;
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
	transition: all 0.25s ease;
}
.blotazky.open .otaz:before {
    transform: rotate(180deg);
}

.blotazky .otaz,
.blotazky .txtotaz {
	padding: 10px 5px;
}
.blotazky .otaz {
	position: relative;
	cursor: pointer;
	padding-right: 50px;
}
.blotazky .txtotaz p {
	margin: 0;
}
.blotazky .txtotaz {
	border-top: 1px solid #ccc;
	background: #fefefe;
}
.blotazky .odpwrap {
	display: none;
	background: #fff;
	border-top: 1px solid #ccc;
	padding: 15px 10px;
	padding-bottom: 5px;
}
.blotazky .odpwrap .odp-input {
	margin-top: 0;
	margin-bottom: 5px;
}
.blotazky h3 {
	margin: 0;
	font-weight: 400;
}
.chinput {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.odp-input,
.odp-texta {
  padding-left: 20px;
  padding-right: 20px;
}
.odp-input {
	margin-top: 15px;
}
.odp-input label span + input {
	margin-top: 10px;
}
.odpwrap label input[type="checkbox"] + span {
  margin-left: 3px;
}
.odpwrap label input[type="checkbox"] + span + .chinput{
  padding-left: 38px;
}
.odpwrap label input[type="checkbox"]:checked + span + .chinput,
.odpwrap label input[type="radio"]:checked + span + .chinput {
  max-height: 100%;
  transition: max-height 0.9s ease;
  margin-bottom: 20px;
}
.odpwrap label input[type="radio"] + span + .chinput {
  padding-left: 44px;
}
.blotazky + .blh2 {
  margin-top: 50px;
}
.dotaz-menu * {
	box-sizing: border-box;
}
.dotaz-menu {
	list-style-type: none;
	margin-left: 0;
}
.dotaz-menu li {
	background: #fff;
	border: 2px solid #dbdcdf;
	border-bottom: 0;
	position: relative;
}
.dotaz-menu li span.ulozeny-koncept {
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	color: green;
	display: inline-block;
	height: 22px;
	transition: all 0.3s ease;
}
.dotaz-menu li a {
	display: inline-block;
	width: 100%;
	padding: 8px 25px;
	padding-right: 200px;
	text-decoration: none;
	color: #000;
	transition: all 0.3s ease;
}
.dotaz-menu li:hover a {
	background: #0b4ea2;
	color: #fff;
}
.dotaz-menu li:hover a + span.ulozeny-koncept {
	color: #fff;
	font-weight: 700;
}
.dotaz-menu li:last-child {
	border-bottom: 2px solid #dbdcdf;
}
.data-table-row.live-ukladanie-portal-osoba td {
	position: relative;
}

.portal-user-settings {
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
	z-index: 1;
}
.portal-user-settings img {
	width: 100%;
	height: auto;
}
#message_ifr {
	min-height: 80px;
}
#editVisit.modal .modal-end-cont .sub-cont.end-doc {
	max-height: 500px;
	overflow: auto;
}
@media screen and (max-height: 750px) {
	#editVisit.modal .modal-end-cont .sub-cont.end-doc {
		max-height: 325px;
	}
}
@media screen and (max-height: 560px) {
	#editVisit.modal .modal-end-cont .sub-cont.end-doc {
		max-height: 290px;
	}
}
#editVisit.modal .tab .body {
	padding-top: 5px;
}
#editVisit.modal .sub-cont.end-doc .blh1 h1 {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 15px;
	padding-left: 10px;
}
#editVisit.modal .modal-end-cont .sub-cont h2 {
	font-size: 15px;
}
#editVisit.modal .sub-cont.end-doc .blotazky {
	margin-bottom: 5px;
    padding: 10px 15px;
    padding-bottom: 1px;
}
#editVisit.modal .sub-cont.end-doc .blotazky h3 {
	font-size: 13px;
	margin-bottom: 15px;
	margin-top: 8px;
}
#editVisit.modal .sub-cont.end-doc .blotazky .txtotaz p {
	font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
}
#editVisit.modal .sub-cont.end-doc .odp-texta {
	padding-left: 0;
	padding-right: 0;
}
#editVisit.modal .odpwrap label input[type="radio"] + span {
	font-size: 13px;
	padding-left: 30px;
	min-height: 18px;
}
#editVisit.modal .odpwrap label input[type="radio"] + span:before {
	width: 14px;
    height: 14px;
    top: 0;
}
#editVisit.modal .odpwrap label input[type="radio"]:checked + span::after {
	width: 8px;
    height: 8px;
    top: 4px;
    left: 4px;
}
#editVisit.modal .sub-cont.end-doc textarea {
	min-height: 50px;
	max-height: 150px;
	margin-top: -15px;
}
#editVisit.modal .sub-cont.end-doc .odp-ro {
    display: inline-block;
    margin-right: 0;
    padding-right: 20px;
    width: 50%;
    vertical-align: top;
    padding-bottom: 5px;
}
/* #message_ifr {
	min-height: 150px !important;
} */

.conv-cont.message .con-date {
	float: right;
	width: 180px;
	text-align: right;
}
.conv-cont.message .con-from {
	float: left;
	width: 300px;
	padding-right: 30px;
}
.conv-cont.message .con-subj {
	display: inline-block;
	width: calc(100% - 605px);
}
.tabwr .data-table-row td .poznmka-zo {
	max-width: 95px;
    max-height: 30px;
}
.tabwr .data-table-row td .poznmka-zo.zvecsena-zo {
	top: 0;
	left: 0;
	max-height: inherit;
    max-width: inherit;
}
.relative-positioning {
	position: relative;
	z-index: 1;
}
.relative-positioning.zve-zi {
	z-index: 2;
}
.relative-positioning textarea.poznmka-zo,
.relative-positioning textarea.poznmka-zo.zvecsena-zo {
	width: 100% !important;
	max-width: 100% !important;
	min-height: 35px;
	padding: 5px;
	min-height: 37px;
	box-sizing: border-box;
}

#screen_dot .odpwrap label {
	display: inline-block;
	padding-right: 20px;
	width: auto;
}
#screen_dot .odpwrap label input {
	width: 100%;
}
#screen_dot .odpwrap label input[type="radio"] + span + .chinput {
	padding-left: 40px;
}
#screen_dot .odpwrap .odp-tmpet,
#screen_dot .odpwrap .multicol-sys-wrap div {
	display: flex;
	align-items: center;
}
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap {

}
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-tmpet,
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsi,
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsit {
	margin: 0;
}
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-tmpet label span,
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsi label span,
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsit label span {
	opacity: 0;
	height: 0;
}
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-tmpet label input,
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsi label input,
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsit label input,
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsit label select {
	margin-top: 1px;
	margin-bottom: 1px;
}
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-tmpet:first-of-type,
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsi:first-of-type,
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsit:first-of-type { 
	margin: 0;
}
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-tmpet:first-of-type i,
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsi:first-of-type i,
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsit:first-of-type i { 
	margin-top: 37px;
}
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-tmpet:first-of-type label span,
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsi:first-of-type label span,
#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsit:first-of-type label span {
	opacity: 1;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#screen_dot .odpwrap .multicol-sys-wrap div {
	flex-wrap: wrap;
}
#screen_dot .odpwrap .multicol-sys-wrap div.multicol-sys-map-cam-header {
	width: 100%;
	padding: 5px 20px;
	border-bottom: 1px solid #ccc;
	background: #f8f8f8;
	position: relative;
}
#screen_dot .odpwrap .multicol-sys-wrap div.multicol-sys-map-cam-header .multicol-sys-map-cam-remove {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(/css/images/cancel_icon.svg) top 4px center no-repeat;
	background-size: 25px auto;
	cursor: pointer;
}
#screen_dot .odpwrap .multicol-sys-wrap div.multicol-sys-map-cam-header label {
	width: 100%;
	max-width: 510px;
}
#screen_dot .odpwrap .multicol-sys-wrap div.multicol-sys-map-cam-header label input {
	margin-top: 2px;
	margin-bottom: 2px;
}
#screen_dot .odpwrap .multicol-sys-wrap div.multicol-sys-map-cam-header-status {
	display: block;
	font-size: 12px;
	width: 100%;
	padding: 2px 20px;
	border-bottom: 1px solid #ccc;
}
#screen_dot .odpwrap .multicol-sys-wrap div.multicol-sys-map-cam-header-status p span {
	display: inline-block;
	font-weight: 700;
}
#screen_dot .odpwrap .multicol-sys-wrap div.multicol-sys-map-cam-body {
	padding: 5px 20px;
	align-items: flex-start;
}
#screen_dot .odpwrap .multicol-sys-wrap div.multicol-sys-map-cam-body .span4 {
	align-items: initial;
}
#screen_dot .odpwrap .multicol-sys-wrap div.multicol-sys-map-cam-body .span4:last-child,
#screen_dot .odpwrap .multicol-sys-wrap div.multicol-sys-map-cam-body .span4:first-child {
	height: 100%;
}
#screen_dot .odpwrap .multicol-sys-wrap div.multicol-sys-map-cam-body .span4:last-child select,
#screen_dot .odpwrap .multicol-sys-wrap div.multicol-sys-map-cam-body .span4:last-child label {
	width: 100%;
}
#screen_dot .odpwrap .multicol-sys-wrap div.multicol-sys-map-cam-body .span4:last-child select {
	height: 36px;
}
#screen_dot .odpwrap .multicol-sys-wrap div.multicol-sys-map-cam-body h4 {
	width: 100%;
}
#screen_dot .odpwrap .multicol-sys-wrap div.multicol-sys-map-cam-body label {
	max-width: 100%;
}
#screen_dot .odpwrap .multicol-sys-wrap span {
	display: block;
}
#screen_dot .odpwrap div[data-action="repeat-block-of-map"] {
	padding-left: 20px !important;
}
#screen_dot .odpwrap div[data-action="repeat-block-of-map"] .multicol-sys-wrap {
	counter-reset: pocet;
}
#screen_dot .odpwrap div[data-action="repeat-block-of-map"] .multicol-sys-wrap .odp-nfsi {
	counter-increment: pocet;
	border: 1px solid #ccc;
	margin-bottom: 12px !important;
}
#screen_dot .odpwrap div[data-action="repeat-block-of-map"] .multicol-sys-wrap .odp-nfsi label span {
	opacity: 1;
	height: auto;
}
#screen_dot .odpwrap div[data-action="repeat-block-of-map"] .multicol-sys-wrap .odp-nfsi .multicol-sys-map-cam-header-icon h3 {
	width: 100%;
	padding-left: 30px;
}
#screen_dot .odpwrap div[data-action="repeat-block-of-map"] .multicol-sys-wrap .odp-nfsi .multicol-sys-map-cam-header-icon h3:first-of-type:before {
	content: '';
    display: inline-block;
    width: 21px;
    height: 15px;
    position: absolute;
    top: 13px;
    left: 13px;
    background: url(/css/images/kamera-dot.svg) center center no-repeat;
    background-size: 21px auto;
}
#screen_dot .odpwrap div[data-action="repeat-block-of-map"] .multicol-sys-wrap .odp-nfsi .multicol-sys-map-cam-header-icon h3:first-of-type:after {
	content: counter(pocet);
	font-size: 12px;
	display: inline-block;
	margin-right: 15px;
	margin-left: 5px;
	position: relative;
	top: -1px;
	background: royalblue;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-family: Arial, Helvetica, "Trebuchet MS", Tahoma, Geneva, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#screen_dot .odpwrap .multicol-sys-map-cam-space-watch {
	position: relative;
	width: 100%;
	height: calc(100% - 25px);
	overflow: auto;
}
#screen_dot .odpwrap .multicol-sys-map-cam-space-watch > div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

#screen_dot .odpwrap .multicol-sys-map-cam-space-watch label {
	display: block;
	width: 100%;
	max-width: 100%;
}
.multicol-sys-map-cam-reason textarea {
	max-width: 100%;
	min-height: 140px;
}
.multicol-sys-map-cam-reason {
	max-width: 100%;
}
.multicol-sys-map-cam-reason .odp-input {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}
.odpwrap .multicol-sys-map-cam-body label input[type="radio"] + span:before,
.odpwrap .multicol-sys-map-cam-body label input[type="checkbox"] + span:before {
	content: '';
    display: inline-block;
	position: absolute;
	left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    margin: 0 18px 0 0;
    padding: 0;
    vertical-align: bottom;
	border: 1px solid #a0a5a9;
	border-radius: 0;
    background: #fff;
    cursor: pointer;
}
.odpwrap .multicol-sys-map-cam-body label input[type="radio"]:checked + span:before,
.odpwrap .multicol-sys-map-cam-body label input[type="checkbox"]:checked + span:before {
	border: 1px solid #ab0534;
}
.odpwrap .multicol-sys-map-cam-body label input[type="radio"]:checked + span::after,
.odpwrap .multicol-sys-map-cam-body label input[type="checkbox"]:checked + span:after {
	content: '';
    display: inline-block;
    width: 21px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: -1px;
    background: url(/css/images/ou_icon_check.svg) center center no-repeat;
    background-size: 21px auto;
}
.odpwrap .multicol-sys-map-cam-body label input[type="checkbox"] + span {
	padding-left: 40px;
	margin-left: 0;
	font-size: 14px;
}

.odpwrap .multicol-sys-wrap select {
	margin-top: 8px;
	margin-bottom: 16px;
	height: 31px;
}

.odp-chceck .multicol-sys-wrap + .multicol-sys-add {
	top: -5px;
}

#screen_dot .odp-chceck .nahrada-ol .odp-input input,
#screen_dot .odp-chceck .nahrada-ol .odp-input label,
#screen_dot .odp-chceck .nahrada-ol .odp-texta textarea,
#screen_dot .odp-chceck .nahrada-ol .odp-texta label {
	width: 100%;
	max-width: 400px;
}
#screen_dot .odp-chceck .nahrada-ol > .multicol-sys {
	padding-left: 40px;
}

.dynamic-uploaded-file {
	flex-wrap: wrap !important;
	padding-top: 15px;
}
.dynamic-uploaded-file i {
	margin-top: 0 !important;
}
.dynamic-uploaded-file-preview-wrap,
.dynamic-uploaded-file-status-wrap {
	width: 100%;
}
.multicol-sys-map-cam-header-photo-from-cam-uploader {
	position: relative;
	top: 2px;
	cursor: pointer;
}
.multicol-sys-map-cam-header-photo-from-cam-uploader-success {
	height: 32px;
}

.repeat-handler-link {
	display: inline-block;
	padding: 8px 20px;
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 50px;
	text-decoration: none;
}
.repeat-handler-link-wrap {
	padding-left: 20px;
	margin-bottom: 10px;
}
.repeat-handler-link:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(/css/images/i-nvr.svg) center center no-repeat;
	background-size: 15px auto;
	margin-right: 10px;
}

@media only screen and (max-width:480px) {
	body {
		min-width: 100% !important;
	}
	#sidebar {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}
	.logo {
		border-bottom: 0;
	}
	#hodiny {
		border-top: 1px solid #bfbfbf;
	}
	.mmobile-menu {
		display: block !important;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #f3f5fa;
		border-bottom: 1px solid #bfbfbf;
		z-index: 100000;
	}
	.mmobile-menu .logo {
		width: calc(100% - 100px);
		max-width: 265px;
		padding-bottom: 10px;
	}
	#screen {
		padding-left: 15px;
		padding-right: 15px;
		min-width: 100% !important;
		margin-top: 75px;
	}
	body #screen.ts {
		padding-left: 0;
	}
	#screen .ts-container {
		padding: 25px 15px;
	}
	#screen .ts-search input {
		padding: 34px 75px;
	}
	#screen .ts-search button {
		left: 28px;
	}
	#screen .ts-bar .right ul li a {
		margin-bottom: -1px;
	}
	#screen .ts-bar .right ul li:first-child {
		margin-right: 0;
	}
	.button.small {
		margin-bottom: 2px;
	}
	#nav-icon{width:26px;height:26px;position:relative;margin:25px 15px 0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;float:right;z-index:12;}
	#nav-icon span{display:block;position:absolute;height:3px;width:50%;background:#000;opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;border-top-left-radius: 2px;border-bottom-right-radius: 2px;}
	#nav-icon span:nth-child(even){left:50%;border-radius:0 9px 9px 0;}
	#nav-icon span:nth-child(odd){left:0px;border-radius:9px 0 0 9px;}
	#nav-icon span:nth-child(1),
	#nav-icon span:nth-child(2){top:0px;}
	#nav-icon span:nth-child(3),
	#nav-icon span:nth-child(4){top:7px;}
	#nav-icon span:nth-child(5),
	#nav-icon span:nth-child(6){top:14px;}
	#nav-icon.open span:nth-child(1),
	#nav-icon.open span:nth-child(6){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
	#nav-icon.open span:nth-child(2),
	#nav-icon.open span:nth-child(5){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	#nav-icon.open span:nth-child(1){left:2px;top:3px;}
	#nav-icon.open span:nth-child(2){left:calc(50% - 2px);top:3px;}
	#nav-icon.open span:nth-child(3){left:-50%;opacity:0;}
	#nav-icon.open span:nth-child(4){left:100%;opacity:0;}
	#nav-icon.open span:nth-child(5){left:2px;top:12px;}
	#nav-icon.open span:nth-child(6){left:calc(50% - 2px);top:12px;}

	#nav-icon:before {
		content: '';
		display: inline-block;
		width: 50px;
		height: 50px;
		position: absolute;
		top: -17px;
		left: -11px;
	}
	.menu-click #sidebar {
		display: block;
	}
	#sidebar .logo {
		padding-bottom: 0;
		padding-top: 15px;
	}
	.span6 {
		width: 100%;
		margin-right: 0;
	}
	.oh.menu-click {
		overflow: hidden;
	}
	.row .span2 {
		width: 100%;
	}
	.row .span10 {
		width: 100%;
	}
	.row .span2 h2,
	.row .span10 h2 {
		margin-top: 15px;
	}
	#ajaxwindow form {
		width: 100%;
		box-sizing: border-box;
	}
	#ajaxwindow form .close {
		margin-top: 0;
		margin-right: 0;
	}
	#filter_form .span12 label span {
		width: 100%;
		text-align: left;
		margin-bottom: 12px;
	}
	#filter_form .span4 label input, #filter_form .span4 label span, #filter_form .span4 label select, #filter_form .span4 label textarea, #filter_form .span6 label input, #filter_form .span6 label select, #filter_form .span6 label textarea, #filter_form .span12 label input, #filter_form .span12 label select, #filter_form .span12 label textarea {
		width: 100% !important;
	}
	#screen .span7 .tab-wrap,
	body #screen .span5 {
		margin-top: 30px;
	}
	#screen .span7 .tab-wrap .tab {
		width: calc(100% / 2);
	}
	#screen .tab-wrap .tab .wrap {
		width: auto;
		min-width: 140px;
		max-width: 140px;
	}
	#screen .span5 .bg-wrap {
		padding: 30px 20px;
	}

	.right.inline.sumar {
		margin-top: 0;
	}
	.span8,
	.row .span8,
	.span4 {
		width: 100%;
	}
	#kontakt_opakovat.right,
	#pomoc_opakovat.right {
		float: none !important;
		margin-top: 10px;
	}
	.form span {
		text-align: left;
	}
	.form label span {
		text-align: left;
		top: 0;
		margin-bottom: 3px;
	}
	#doplnujuce-otazky.form .span4 span {
		padding-right: 20px;
	}
	.form .span4 label, .form .span6 label, .form .span12 label {
		flex-wrap: wrap;
	}
	.form textarea {
		width: 100% !important;
		max-width: 100%;
	}
	.form textarea + button.button.small {
		margin-top: 5px;
	}
	#faq-sys-wrap #faq-sys-filter {
		width: 100%;
		padding-left: 5px;
		padding-right: 5px;
	}
	#faq-sys-wrap #faq-filter-text {
		width: 100%;
		box-sizing: border-box;
		margin: 8px 0;
	}
	.tabwr {
		overflow: auto;
		clear: both;
	}
	label.inline-label input.sirsi,
	input[style="width: 413px;"] {
		width: 100% !important;
	}
	.odstran-kontaktnu-osobu {
		position: static;
		margin-bottom: 8px;
	}
	.nav-box li {
		display: block;
		border-bottom: 0;
	}
	.nav-box li:last-child {
		border-bottom: 1px solid #0b4ea2;
	}
	.nav-box li a {
		width: 100%;
		box-sizing: border-box;
		margin-left: 0;
	}
	table.tabvs1 th,
	table.tabvs1 td {
		padding-left: 25px;
		padding-right: 20px;
	}
	.c100.p100.center span{
		box-sizing: border-box;
	}
	#login-form {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	#content {
		width: 100%;
	}
	.crmemaily .bg-wrap {
		padding: 20px 20px 50px;
	}
	.crmhlav.mail h1 + p {
		margin-bottom: 15px;
	}
	.nav-box li:first-child a {
		border-left: 0;
	}
	.conv-cont.message .con-date {
		display: block;
		float: none;
		text-align: left
	}
	.conv-cont.message .con-subj {
		width: 100%;
		margin: 10px 0;
	}
	#conversation .conv-cont .zobraz {
		padding-left: 0;
		text-decoration: underline;
	}
	#conversation img {
		max-width: 100%;
		height: auto;
	}
	.primail a[href^="/emaily/sprava/"] {
		display: inline-block;
		min-width: 300px;
	}
	#message_cont .em-hlav .left {
		overflow: auto;
		width: 100%;
	}
	#dot_wrap #sidebar_dot {
		width: 100%;
		display: none;
	}
	#dot_wrap #sidebar_dot + #screen_dot {
		width: 100%;
	}
	#screen_dot form.itd .blotazky {
		margin-left: 0;
		
	}
	#screen_dot form.itd .blotazky .otaz {
		padding-left: 40px;
	}
	#screen_dot form.itd .blotazky:before {
		left: 5px;
	}
	#screen_dot .odp-chceck .nahrada-ol > .multicol-sys {
		padding-left: 10px;
	}
	.odp-input, .odp-texta {
		padding-left: 0;
		padding-right: 0;
	}
	.repeat-handler-link-wrap {
		padding-left: 0;
	}
	#screen_dot .odpwrap label {
		padding-right: 5px;
	}
	#dot_wrap #sidebar_dot + #screen_dot {
		padding: 10px;
	}
	#screen_dot form.itd .button {
		margin-top: 20px;
	}
	.repeat-handler-link {
		text-align: center;
	}
	.mmobile-menu.bp-dot {
		padding-bottom: 5px;
	}
	.mmobile-menu.bp-dot #nav-icon {
		margin-top: 20px;
	}
	#nav-icon {
		margin-top: 28px;
	}
	#dot_wrap #sidebar_dot + #screen_dot {
		padding-top: 70px;
	}
	body.menu-click #dot_wrap #sidebar_dot {
		display: block;
		padding-top: 50px;
	}
	#dot_wrap #sidebar_dot #menu li:first-child {
		margin-bottom: 20px !important;
	}
	#screen_dot .odpwrap label {
        width: 100%;
    }
    #screen_dot .odpwrap label select {
        width: 100%;
	}
	.multicol-sys-add:before {
		line-height: 30px;
	}
	#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-tmpet label span, #screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsi label span, #screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsit label span {
		opacity: 1;
		height: auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap {
		padding-top: 10px;
	}
	#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-tmpet,
	#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsi,
	#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div.odp-nfsit {
		margin-top: 20px;
		background-color: #fefefe;
		border-radius: 8px;
		border: 1px solid #ccc;
		padding: 10px;
		position: relative;
	}
	#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div {
		position: relative;
	}
	#screen_dot .odpwrap .multicol-sys .multicol-sys-wrap > div > i {
		position: absolute;
		top: 10px;
		right: 10px;
		margin-top: 0 !important;
	}
}