/* zakladni elementy */
html, body, img, form,
div, ul, ol, li, 
h1, h2, h3, h4, h5, h6,
span, p, a, label	{ margin:0; padding:0}
div { font-size: 12px}
body {
	height:100%;
	font-size:100%;
} 
html, body {
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
}
/*
p {
	line-height: 100%;
}
*/
#headerbg {
   z-index: 1500;
   top:0px;
   left:0px;
   margin: 0px;
   padding: 0px;
}

#logotext{
	font-size: 16px;
	letter-spacing:-0.8px;
	margin-top: 20px;
}
.tlpmapi {
	width: auto;
	height: auto;
}
.map  {
	position:absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	border-top: 1px solid #97A5B0;
	/*border-top: 1px solid black;*/
	border-bottom: 1px solid #97A5B0;
	border-right: 1px solid #97A5B0;
	border-left: 1px solid #97A5B0;
	background: white;
}
.map h1, .map h2, .map h3, .map h4, .map h5 {
	color: black;
}
#ajax {
	position:absolute;
	display:none;
	right: 30px;
	top:40px;
	width:32px;
	height:32px;
	background: transparent url(img/ajax-loader.gif) no-repeat 0 0;
	z-index:1000;
}
#ajax.map-changelist {
	position: static;
	right: auto;
	top: auto;
	width: auto;
	height: auto;
        background: transparent url('img/puff.svg') no-repeat right center;
        background-size: 16px;
        padding: 0 20px 0 10px;
}
.is_bootstrap #ajax.map-changelist {
        margin: 0 13px;
        padding: 0 25px 0 0;
        background-size: 20px;
        line-height: 20px;
        font-size: 14px;
}
.xs #ajax.map-changelist,
.is_bootstrap.sm #ajax.map-changelist {
        width: 25px;
        padding: 0;
        overflow: hidden;
        white-space: nowrap;
        color: transparent;
}
#header	{
/*
	position: absolute;
	width:100%;
	height: 76px;
	background-color: #f5f6fb;
	float: left;
*/
}

#logo { position: absolute; top:5px; left: 5px; }
#login { position: absolute; top:5px; right: 5px; }
#login a { color: black; font-size: 11px; cursor: pointer }
#login a.selected { color: black }
#login a.active { color: black }

#savebtn	{ cursor:pointer; border:0; width:89px; height:24px; background: url(img/edt_save.gif) no-repeat scroll -2%; position:absolute; right:12px; top: 34px }

.sidebar {
	position: absolute;
	z-index: 1500;
	width: 352px;
	right: 0px;
	background-color: #f5f6fb;
	border-top: 1px solid #97A5B0;
	border-bottom: 1px solid #97A5B0;
	border-right: 1px solid #97A5B0;
	overflow: hidden;
}
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5 {
	color: black;
}
.sidebarwrapper {
	padding: 7px 7px 7px 8px;
}
.sidebartoggle {
	left: 0;
	top: 0px;
	position: absolute;
	width: 7px;
	cursor: pointer;
	background: url(img/handler.gif) no-repeat 0px 50%;
	background-color: #f5f6fb;
}
.sidebarpane {
	font-size: 12pt;
	background: #FFFFFF none repeat scroll 0%;
	border: 1px solid #97A5B0;
	width: 350px;
	overflow: hidden;
	border: 1px solid #97A5B0;
}
.sidebar.closed {
	width: 8px !important;
	margin-right: 0px !important;
	border-left: 1px solid #97A5B0;
	padding: 8px 0px 0px 0px;
}
.sidebar.closed .sidebarpane {
	display: none;
}
.contentpane {
	width: 100%;
	overflow: hidden;
	/*background-color: #dee3f4;*/
}

.contentpane .title {
	width: 99%;
	background: #dee3f4 none repeat scroll 0%;
	border-bottom: 1px solid #97A5B0;
	padding: 4px 6px 4px 6px;
	background-color: #C6DBF7;
}
.contentpane .title .closebtn {
	background:transparent url(img/closebtn.png) no-repeat scroll 0pt;
	cursor:pointer;
	height:15px;
	width:14px;
	overflow:hidden;
	position:absolute;
	right:12px;
	top:10px;
}
.contentpane .title .backbtn {
	background:transparent url(img/backbtn.gif) no-repeat scroll 0pt;
	cursor:pointer;
	height:15px;
	width:14px;
	overflow:hidden;
	position:absolute;
	right:30px;
	top:10px;
}
.contentpane .title .reloadbtn {
	background:transparent url(img/reloadbtn.gif) no-repeat scroll 0pt;
	cursor:pointer;
	height:15px;
	width:14px;
	overflow:hidden;
	position:absolute;
	right:29px;
	top:10px;
}
.contentpane .title h1 {
	font-size: 10pt;
}
.contentpane .title .inactive {
	cursor:default;
	background: #C6DBF7 none repeat scroll 0%;
	color: white;
}

.contentpane .content .inactive {
	cursor:default;
	color: #e3d9d9;
}

.contentpane .content {
	width: 96%;
	padding: 4px 6px 4px 6px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.contentpane .content #searchbtn_value {
	color: blue;
}

/* tabovany sidebar */
#sidebartabs #sidebartabs_wrapper {
	display: inline-block;
	background-color: #aaa;
}
#sidebartabs .sidebartab {
	width: auto;
	display: inline-block;
	background-color: #f0f2f4;
	height: 30px;
	line-height: 30px;
	position: relative;
	margin-left: 31px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
#sidebartabs .sidebartab:before,
#sidebartabs .sidebartab:after {
	content: '';
	border: 15px solid #f0f2f4;
	position: absolute;
	top: 0;
	bottom: 0;
}
#sidebartabs .sidebartab:before {
	border-bottom-color: transparent;
	border-left-color: transparent;
	right: 100%;
}
#sidebartabs .sidebartab:after {
	border-top-color: transparent;
	border-right-color: transparent;
	left: 100%;
}
#sidebartabs .sidebartab.active {
	background-color: var(--header-bottom-bar);
	color: #FFF;
}
#sidebartabs .sidebartab.active:before,
#sidebartabs .sidebartab.active:after {
	border-color: var(--header-bottom-bar);
}
#sidebartabs .sidebartab.active:before {
	border-bottom-color: transparent;
	border-left-color: transparent;
}
#sidebartabs .sidebartab.active:after {
	border-top-color: transparent;
	border-right-color: transparent;
}
#sidebartabs .sidebartab.inactive:hover {
	background-color: #afc8d9;
}
#sidebartabs .sidebartab.inactive:hover:before {
	border-color: #afc8d9;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
#sidebartabs .sidebartab.inactive:hover:after {
	border-color: #afc8d9;
	border-top-color: transparent;
	border-right-color: transparent;
}
#sidebartabs .sidebartab:first-child {
	margin-left: 10px;
}
#sidebartabs .sidebartab:first-child:before {
	border-bottom-width: 0;
	border-left-width: 0;
}
#sidebartabs .sidebartab .title {
	display: inline-block;
}
#sidebartabs .sidebartab .title h1 {
	display: inline-block;
	font-size: 13px;
}
#sidebartabs .sidebartab.active .title h1 {
	color: #FFF;
}
#sidebartabs .sidebartab.inactive .title h1 {
	color: #333;
}
#sidebartabs .sidebartab .closebtn {
	display: inline-block;
	background: transparent url(img/closebtn.png) no-repeat scroll 0pt;
	height: 15px;
	width: 14px;
	margin: 0 0px -2px 6px;
}
/* hacky pro FF */
@-moz-document url-prefix() {
	/* zajistuje barvu mezer mezi taby stejnou jako u posledniho zkoseni */
	/* XXX toto mi rozbiji zcela predel */
	/*
	#sidebartabs #sidebartabs_wrapper {
		background-color: transparent;
	}
	*/
	#sidebartabs .sidebartab {
		margin-left: 30px; /* zajistuje stejne sirokou mezeru mezi taby jako v Chrome a IE */
	}
}
/* hacky pro prijatelny design v IE7 */
*+html #sidebartabs #sidebartabs_wrapper {
	display: block;
	float: left;
}
*+html #sidebartabs {
	width: 100%;
}
*+html #sidebartabs .sidebartab {
	margin: 0 1px 0 0;
	padding: 0 12px;
	display: block;
	float: left;
}
*+html #sidebartabs .sidebartab:first-child {
	margin-left: 0px;
}
*+html #sidebartabs .sidebartab .title {
	display: block;
	float: left;
}
*+html #sidebartabs .sidebartab .title h1 {
	display: block;
	float: left;
}
*+html #sidebartabs .sidebartab .closebtn {
	display: block;
	float: left;
	margin: 7px 0px 0px 6px;
}

/* search results */
.searchresults h2 {
	font-size:13px;
	margin:0px 10px 3px 5px;
	padding:10px 0px 0px 0px;
}
.searchresults h3 {
	margin-top: 0px;	/* zruseni pravidla definovaneho v tlp/admin/base.css */
}
.searchresults .numresults {
	margin:0px 20px 3px 5px;
	padding-top:10px;
	padding-left: 0px;
	padding-right: 0px;
}
.searchresults .simplehtml {
	margin:0px 20px 3px 5px;
	padding-top:10px;
}
.searchresults .simplehtml a {
	color:#0000CC;
	font-weight:normal;
	text-decoration:underline;
}
.searchresults .actionspan {
	padding-top:10px;
	cursor:pointer;
}
.actionspan.disabled {
	color: gray;
}
/* action links */
.searchresults .pane_actions {
    float: right;
    margin-top: 10px;
}
.searchresults .pane_actions a {
    display: inline-block;
    margin-right: 7px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    padding: 0px;
}
.searchresults .pane_actions .show_tabular_list {
    background-image: url("img/changelist_tabular_small.png");
}
.searchresults .pane_actions .addlink {
    background-image: url("img/changelist_add_14.png");
    background-position: top left;
}
/* search results */
.searchResultItem {
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px 1pt;
	cursor:pointer;
	padding:5px;
	min-height: 35px;
	width: 96%
}
.searchResultItem .hiddenData {
	display: none;
}
.searchResultItem .itemContent {
	margin-left:35px;
	margin-right:35px;
}
.searchResultItem .itemContentLeft {
	margin-left:10px;
	margin-right:10px;
}
.searchResultItem .itemActions {
	margin-left:3px;
}
.searchResultItem .itemActions a {
	color:#000000;
	text-decoration:underline;
	font-size:90%;
	margin-right:4px;
}
.searchResultItem .itemContent p {
	font-size: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
.searchResultItem .itemContent h3 {
	padding-left: 0px;
	padding-right: 0px;
}
.searchResultItem .searchResultIcon {
	float:right;
}
.searchResultItem.relatedItem .relatedIcon {
	float:right;
}
.searchResultItem.relatedItem .searchResultIcon {
	float:left;
}
.searchResultNumber {
	background: white;
	border: 1px solid black;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	min-width: 19px;
}
.searchIconActive .searchResultNumber {
	border: 1px solid black;
}
.searchResultNumber.numberedIcon {
	/* cislovana ikona v mape:
	 *   float - kvuli velikosti
	 *   position - posun vlevo nahoru, offset spocitany js dle obrazku
	 */
	position: relative;
	float: left;
	border: none;
}
.searchIconActive .searchResultNumber.numberedIcon {
	border: 1px solid black;
}
.searchResultItem .searchResultNumber {
	float: left;
	font-size: 12px;
}
.numberedIcon strong {
	display: none;
}
.searchIconActive .numberedIcon strong {
	display: block;
}
.searchIconActive {
	z-index: 1;
}
.searchIconActive .searchResultNumber {
	/*background: #ffe16a;*/
}
.searchResultItem h3 {
	color:#0000CC;
	font-size: 100%;
	font-weight:normal;
	text-decoration:underline;
	padding-bottom: 2px;
}
.selectedItem h3 {
	color:#0000CC;
}
.invalidItem h3,
.poi-box.invalidItem span {
	color: #808080;
	font-style: italic;
}
.selectedItem,
.poi-box.selectedItem { /* prefix .poi-box pro override vychoziho stylu .poi-box */
	background-color: #fffdca;
	border-color: #fadcaa;
}
.invalidItem.selectedItem,
.poi-box.invalidItem {
	background-color: #fbfbfb;
	border-color: #d0d0d0;
}
.currentItem {
	background-color: #fffdca;
	border-color: #fadcaa;
}
.changedItem {
	background-color: #FFEEDD;
	border-color: #d20b05;
}
.currentItem.changedItem {
	background-color: #ffa2a2;
	border-color: #d20b05;
}
.selectedItem .searchResultIcon strong {
	color:#000000;
}

.ui-tabs-nav, .ui-tabs-panel {
	font-size:12px;
}

.paginator {
	font-size:10px;
}
        
.paginator a {
	text-decoration: none;
	/*border: solid 1px #AAE;*/
	color: #0000CC;
}
.paginator table {
	margin-right: auto;
	margin-left:auto;
	max-width: 95%;
	margin-top:20px;
	width: auto !important;
}
.paginator a, .paginator span {
    display: block;
    float: left;
    padding: 0.2em;
    margin-right: 2px;
    margin-bottom: 5px;
}

.paginator .current {
    background: #26B;
    color: #fff;
/*	border: solid 1px #AAE;*/
}

.paginator .current.prev, .paginator .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}
.popupContent h2 {
        margin: 0;
        padding: 0;
        font-size: 16px;
}
.popupContent h3 {
	padding-left: 5px;
}
.popupContent .left {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
}
.popupContent .right {
	position: relative;
	float: right;
	top: 0px;
	right: 0px;
}
.popupContent tr {
	border-bottom: none;
}
p.adr {
	font-size: 14px;
	padding-top: 7px;
}
p.item {
	font-size: 14px;
	padding-top: 7px;
}

div.popupActions {
        overflow: auto;
        padding: 10px;
        border-top: 1px solid var(--border-color);
        line-height: 18px;
}
div.popupActions2 {
	width: 96%;
	margin-left: 2px;
	border-top: 1px solid #97A5B0;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
	line-height: 18px;
	overflow: hidden;
}
.popupActions span {
	color: #0000CC;
	cursor: pointer;
	text-decoration: underline;
	margin-right: 10px;
}

.popupActions2 span {
	margin-left: 10px;
}
.popupActions a {
	text-decoration: underline;
}
.popupActions span a, span a.selected, span a.active {
	color: #0000CC;
}
.copyright {
	font-size:11px;
	margin-top: 20px;
	text-align:center;
}

.copyright a { color: black; cursor: pointer;
}

div.company_logo {
	margin-left:90px;
	margin-top:35px;
}
.popupContent p {
        margin: 10px 0 0 0;
        padding: 0;
}
.popupContent table {
        margin-top: 10px;
}
.popupContent td {
	padding: 5px 10px 5px 5px;
	font-size: 12px;
	border: none !important; /* nutne pro prepsani definic z changelists.css */
}
.popupContent img {
        max-width: 100%;
        height: auto;
}
.popupContentTable {
        margin: 0;
        padding: 10px 0 0 0;
        table-layout: auto;
}
.popupContentTable p {
        margin: 0;
}
.popupContentTable .row {
	font-weight: normal;
	font-size: 11px;
}
.popupContentTable .crow {
	font-weight: normal;
	font-size: 11px;
	background-color: #BEDAF2;
}
.popupContentTable .cheading {
	font-weight: bold;
	font-size: 11px;
	background-color: #636363;
	color: white;
}
.popupContentTable .sectionheading {
	padding-bottom:5px;
	padding-top:10px;
}
.popupContentTable .heading{
	width: 30%;
}
.popupContentTable .content{
	padding-left:5px;
	width: 66%;
}
.popupContentTable .item {
	min-width: 50px;
}
div#popupDocument,
div#popupPhoto {
	margin-top: 20px;
}
div#popupDocument h3,
div#popupPhoto h3 {
	margin: 0;
	padding: 0 10px 5px 5px;
}
.popupContentTable#popupDocumentTable a#documentChangeListLink,
.popupContentTable#popupPhotoTable a#photoGalleryLink {
	color: #0000CC;
	text-decoration: underline;
}
.popupContentTable#popupPhotoTable a#popupMainPhoto {
	display: inline-block;
}
.popupContentTable#popupPhotoTable img {
	border: 1px solid #97A5B0;
	margin: 0;
}
td.vtop {
	vertical-align: top;
}
img.border {
	border: 1px solid;
	margin-left: 5px;
}
img.right {
	float: right;
}
div.itemDualClickToolbar {
	height: 38px;
	line-height: 38px;
	margin: 20px 0px 0px 5px;
}
div.itemDualClickToolbar div {
	width: 49%;
	height: 100%;
	float: left;
	text-align: center;
}
div.itemDualClickToolbar div.itemDual1 {
	border: 1px solid white;
}
.selectedItem div.itemDualClickToolbar div.itemDual1 {
	border: 1px solid #fffdca;
}
div.itemDualClickToolbar div.itemDual2 {
	right: 0px;
	border: 1px solid #e0e0e0;
	background-color: #fafafa;
}
div.itemDualClickToolbar div.itemDual2:hover {
	background-color: #fefefe;
}

/* prehravac zaznamu v sidebaru */

div.sidebar div.contentpane div.content div.playerSelectedItem {
        border-color: #f79646;
        background-color: #fcd8b9;
}

div.sidebar div.contentpane div#player {
        height: 72px;
        padding: 6px;
        border-top: 1px solid #D4D4D4;
}

div.sidebar div.contentpane div#player div#player_controls {
        width: 82px; /* 3 * (24 + 1 + 1 ) + 2 * 2 */
        height: 26px;
        margin: 0 auto;
        padding: 4px 0;
}

div.sidebar div.contentpane div#player div#player_controls div.player_control {
        float: left;
        width: 24px;
        height: 24px;
        margin-left: 2px;
        border: 1px solid #aaa;
        border-radius: 24px;
        background: transparent none no-repeat 0 0;
        cursor: pointer;
}

div.sidebar div.contentpane div#player div#player_controls div.player_control#player_control_play {
        margin-left: 0;
        background-image: url(img/control_play.png);
}

div.sidebar div.contentpane div#player div#player_controls div.player_control#player_control_play.playing {
        background-image: url(img/control_pause_blue.png);
}

div.sidebar div.contentpane div#player div#player_controls div.player_control#player_control_play.paused {
        background-image: url(img/control_play_blue.png);
}

div.sidebar div.contentpane div#player div#player_controls div.player_control#player_control_stop {
        background-image: url(img/control_stop.png);
}

div.sidebar div.contentpane div#player div#player_controls div.player_control#player_control_speed {
        background-image: url(img/control_speed.png);
}

div.sidebar div.contentpane div#player div#player_controls div.player_control#player_control_speed div#speed_value {
        padding: 4px 0 0 4px;
        color: #4e7bb4;
        font-weight: bold;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}

div.sidebar div.contentpane div#player div#player_controls div.player_control#player_control_speed div#speed_value.default_speed_value {
        color: #6e6e6e;
}

div.sidebar div.contentpane div#player div#player_controls div.player_control.disabled {
        opacity: 0.5;
        filter: alpha(opacity = 50);
}

div.sidebar div.contentpane div#player div#player_current_item {
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-weight: bold;
        color: #666;
        overflow: hidden;
}

div.sidebar div.contentpane div#player div#player_slider {
        width: 360px;
        margin: 4px auto;
}

div.sidebar div.contentpane div#player div#player_slider input#player_slider_input {
        display: block;
        -webkit-appearance: none;
        width: 100%;
        height: 5px;
        padding: 0;
        border: 1px solid #aaa;
        border-radius: 4px;
        background: #f7f7f7;
        outline: none;
}

div.sidebar div.contentpane div#player div#player_slider input::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 16px;
        height: 11px;
        border: 1px solid #999999;
        border-radius: 4px;
        background: #dadada url(img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
        cursor: pointer;
        z-index: 1000;
}

div.sidebar div.contentpane div#player div#player_slider input::-moz-range-thumb {
        width: 16px;
        height: 11px;
        border: 1px solid #999999;
        border-radius: 4px;
        background: #dadada url(img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
        cursor: pointer;
}

div.sidebar div.contentpane div#player div#player_slider input::-webkit-slider-thumb:hover {
        background: #dadada url(img/ui-bg_glass_75_5283c0_1x400.png) 50% 50% repeat-x;
}

div.sidebar div.contentpane div#player div#player_slider input::-moz-range-thumb:hover {
        background: #dadada url(img/ui-bg_glass_75_5283c0_1x400.png) 50% 50% repeat-x;
}

/* carusel vysledku hledani pod kompaktni mapou */

#results-carusel {
    position: absolute;
    bottom: 0;
    overflow-x: auto;
    white-space: nowrap;
    display: none; /* Skryt carusel, pokud nejsou zadne POIs */
    background-color: #f5f5f5;
    width: 100%; /* Viditelna sirka, ktera odpovida sirce mapy */
}

.poi-box {
    position: relative;
    display: inline-block;
    /* Fixni vyska zajisti konstantni vysku vsech poi-boxu v karuselu
     * bez ohledu na existenci volitelne description polozky */
    height: 54px;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    /* Padding-left/right 43px pro 10px mezeru mezi
     * .nav-button a maximalne sirokym obsahem poi-boxu:
     * 43px - 3px (.nav-button left/right) - 30px (.nav-button width) = 10px */
    padding: 10px 43px;
    overflow: hidden;
    background-color: white;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 16px;
    cursor: pointer;
}

.poi-box, .poi-box * {
    box-sizing: border-box;
}

.poi-box .nav-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 5px;
    cursor: pointer;
}

.poi-box .nav-button:hover {
    background-color: #dedede;
}

.poi-box .nav-button.prev {
    left: 3px;
}

.poi-box .nav-button.next {
    right: 3px;
}

.poi-box .nav-button img {
    width: 30px !important;
    height: 30px !important;
}

.poi-box .poi-box-content {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 32px;
    text-align: left;
}

.poi-box .poi-box-content .poi-box-icon-order {
    margin-right: 5px;
    align-self: center;
    flex-shrink: 0;
    font-weight: bold;
}

.poi-box .poi-box-content.has-description .poi-box-icon-order {
    align-self: flex-start; /* Zarovna poradi s prvnim radkem nazvu polozky */
}

.poi-box .poi-box-content .poi-box-text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 1;
    overflow: hidden;
}

.poi-box .poi-box-content .poi-box-text-wrapper .poi-box-name,
.poi-box .poi-box-content .poi-box-text-wrapper .poi-box-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.poi-box .poi-box-content .poi-box-text-wrapper .poi-box-description {
    color: #666;
}

.poi-box .poi-box-content .poi-box-icon {
    align-self: center;
    flex-shrink: 0;
    margin-left: 10px;
}

.poi-box .poi-box-content.has-description .poi-box-icon {
    align-self: flex-start;
}