body { 
	/* width: 100%; */
	/* height: 100%; */
	overflow: hidden;
}
a {
    color: #002b59;
    font-weight: bold;
}
ul li a {
        white-space: normal !important;
}
ul div li a {
    white-space: normal !important;
}
.jstree-default .jstree-anchor {
    height: auto !important;
}
.navbar-offset { margin-top: 48px; }
.navbar-default {
    background-color: inherit !important;
    border-color: inherit !important;
    border: 0 !important;
}
.navbar-default .navbar-brand,.navbar-default .navbar-nav>li>a  {
	color: #ff5200;
	text-shadow: none;
	font-size: 22px;
  	font-weight: bold;
  	padding: 0 5px;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  background-color: transparent;
  color: #ff5200;
  
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #eee;
}
.navbar button, .navbar input,.navbar label, .navbar-nav > li > a {
	padding-top:3px !important; 
	padding-bottom:3px; !important;
	/*height: 28px;*/
	margin-bottom:1px !important;
}

@media (min-width: 768px) {
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	    margin-left: 0 !important;
	}
}

.navbar {
	color: white;
	/*min-height:28px !important;*/
}
.navbar-form {
	margin-top: 6px !important; 
	margin-bottom: 6px !important; 
	padding-left: 0 !important; 
	padding-right: 4px !important; 
}


  
  
.navbar-header {
	margin: 10px 0 0 0 !important;
    padding:0 !important;
}
/*
.close {
    color: #fff; 
    opacity: 1;
}
*/


.zoom-top-opened-sidebar { margin-top: 5px; }
.zoom-top-collapsed { margin-top: 45px; }


#map { 
	z-index: 35;
	/*background-color: #FAF8ED;*/
	/*
	position: absolute;
	top: 51px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	*/
	/*width: 100%;*/
	 
}
#map .ol-zoom { font-size: 1.2em; }

#panelLegendContent {
	position: absolute; 
	left: 45px; top: 55px;
	background-color: white; 
	border: 1px solid black; 
	border-radius: 4px;
	padding: 10px;
	z-index: 9999;
}

.sidebar, .drawToolbar { 
	z-index: 45; 
}
.sidebar-left {
	min-width: 270px;
}



    
    


.main-row { position: relative; top: 0; }



.slide-submenu{
  /* background: rgba(0, 0, 0, 0.45); */
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
}
.mappopup {
	 -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}
.ol-popup {
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.popover{
	color: black;
    min-width:400px;
    /*font-size: 10px;*/
}
.popover .mappopup {
    margin:0; padding:0; border:0;
    font-size: 12px;
}
.popover .mappopup hr {
    margin: 4px 0; padding:0;
}
.popover .mappopup ul {
    list-style: disc inside none;
    margin:0; padding:0; border:0;
    margin-left: 4px;
    padding-left: 4px;
}
.popover .mappopup ul li {
    margin:0; padding:0; border:0;
}

#loadIndicatorStavbyPopup {
	top: 73px;
	right: 83px;
	position: absolute;
	z-index: 99;
}
#popupStavba {
	top: 73px;
	right: 83px;
	position: absolute;
	border: 1px solid red;
	z-index: 99;
	background-color:  #ececec;
	width: 500px;
	padding: 0;
	border: 1px solid #cccccc;
	-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
}

.laydescicn {
	cursor: pointer;
}

#taskpane {
	overflow: auto; 
	height: calc(100vh - 130px);
}
#layerspanel1 {
	overflow: auto; 
	height: calc(100vh - 210px);
}
#layerspanel3 {
	overflow: auto; 
	height: calc(100vh - 210px);
}
#objGridPanel {
	overflow: auto; 
	height: calc(100vh - 210px);
}


#accordion-right {
	/* overflow: scroll; */
}


  
.LayerSlideDiv {
	width: 50px;
	height: 20px;
	background-color: red;
}

#left-panel-pin, #left-panel-hide {
	margin-left: 5px;
}

.layer_opac_plus {
	margin: 5px;
}

.layer_opac_minus {
	margin: 5px;
}
.sliderContainer {
	font-size:12px;
	font-style: italic;
}
.layergrp {
	width: 10px;
}
.slider {
	margin:0;
	width: 90%;
	display:inline-block;
	/*
	margin-left: 5px;
	margin-right: 5px;
	width: 40px;
	display:inline-block;
	*/
}

.slToggler {
	margin: 5px;
}

.drawBtn {
    background-color: #D5E2F2;
    border: 1px solid;
    color: #008CBA;
    padding: 18px 15px 0px 15px;
    margin: 2.5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /* font-size: 10px; */
	border-radius: 4px;
	cursor: pointer;
	background-position: 50% 20%;
    background-repeat: no-repeat;
	min-width: 100px;
}

.drawBtnOn {
	background-color: #ffffff;
}

/* D r a w i n g */
.drawToolbar {
	display: none;
}

.btnKresleni {
	/*margin: 2.5px;*/
}

.strokeSelector {
	color: black;
}
/*
.iconDrawPoint {
	content: url("../images/drawPoint.png");
}
.iconDrawLine {
	content: url("../images/drawLine.png");
}
.iconDrawPath {
	content: url("../images/drawPath.png");
}
.iconDrawPolygon {
	content: url("../images/drawPolygon.png");
}
.iconNone {
	content: url("../images/draw_edit.png");
}
*/
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.fa-square-o {
	margin-right: 4px;
}
.fa-check-square-o {
	margin-right: 2px;
}
.checkbox, .radio {
    margin-top: 2px;
    margin-bottom: 2px;
}

.uzivZobrazLivyber {
	cursor: pointer;
}
.uzivZobrazLivyber:hover {
	cursor: pointer;
}

.btnStyl {
	border: 1px solid #cccccc;
	border-radius: 2px;
	/* padding-left: 5px; */
	/* padding-right: 5px; */
	padding: 5px;	
	margin: 1px;
}

.objStyl {
	padding: 5px;
	margin: 1px;	
}

.floatRight {
	float: right;
}
/*
.drawClear {
	background-image: url(../images/icon-plus.png);
	background-size: 18px 16.5px;
}

.drawPoint {
	background-image: url(../images/drawPoint.png);
}

.drawLine {
	background-image: url(../images/drawLine.png);
}

.drawFh {
	background-image: url(../images/drawPath.png);
}

.drawPolygon {
	background-image: url(../images/drawPolygon.png);
}

.drawNAngleBtn {
	background-image: url(../images/drawRegular.png);
}

.drawSel {
	background-image: url(../images/selectFeature.png);
}

.drawRem {
	background-image: url(../images/deleteFeature.png);
}

.drawMod {
	background-image: url(../images/modifyFeature.png);
}

.drawMod {
	background-image: url(../images/modifyFeature.png);
}

.drawDrag {
	background-image: url(../images/dragFeature.png);
}
*/
.jscolor {
	width: 15px;
	border: 0px;
}

.colorFill, .colorStroke {
	width: 30px;
	color: transparent !important;
}

.strokeWeight1 {
	background-color: #000000;
	margin-top: 2px;
	height: 1px;
	width: 50px;
}

.strokeWeight2 {
	background-color: #000000;
	margin-top: 1px;
	height: 2px;
	width: 50px;	
}

.strokeWeight3 {
	background-color: #000000;
	margin-top: 0px;
	height: 3px;
	width: 50px;	
}

.drawWeights > li {
	height: 25px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.drawWeights > li:hover {
	background-color: #D5E2F2;
}

.isDisabled {
    opacity: .5;
    pointer-events: none;
}




/* docasny */
/*
.tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
}
*/
.tooltip-measure {
  opacity: 1;
  font-weight: bold;
}
.tooltip-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
}
.tooltip-measure:before,
.tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}
.tooltip-static:before {
  border-top-color: #ffcc33;
}

.spacerX {
	margin-left: 20px !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 4px;
}





.tree {
    min-height:20px;
    /*max-height: 150px;*/
    overflow: auto;
    padding: 3px;
    margin-bottom:5px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.tree li {
    list-style-type:none;
    margin:0;
    /*padding:10px 5px 10px 5px;*/
    position:relative;
}
.tree ul {
	padding-left:20px;
}
.tree li span {
    display:inline-block;
    padding:1px 2px;
    text-decoration:none;
    font-size: 12px;
}
.tree li span span {
    margin:0; padding:0;
}
.tree li.parent_li>span {
    cursor:pointer;
}
#detail-panel-body table th {
	font-size: 18px;
	font-weight: bold;
}
#detail-panel-body table td {
	padding: 2px;
}
#detail-panel-body {
		
	  position: absolute;
	  top: 37px;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  

	  overflow: auto;
	}
	
	
.mainAlertbox {
    position:fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%;
    z-index:9999; 
    border-radius:0px
}
.btn-tiny {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 13px;
}
.searchGridUL {
	font-size: 12px;
}

.searchGridUL .list-group-item {
	padding: 4px 16px 1px 4px;
}

.searchGridUL img {
	height: 48px;
	float: left;
	margin-right: 6px;
	/*
	display: block;
	float: left;
	*/
}
.searchGridLHeader {
	/*font-weight: bold;*/
	font-style: italic;
	/*float: left;*/
}
/*
.searchGridLBody {
	float: left;
	
}

*/
.popover.top {
    margin-top: -40px;
}

#cMapControls {
	position: absolute;
	top: 70px;
	left: 10px;
	padding: 2px;
	z-index:45;
}
.cMapControlsItem {
	color: #fff;
	background-color: #00a1e0;
	border: 1px solid #00a1e0;
	border-radius: 4px;
	margin: 2px;
	padding: 5px 10px !important;
	
}
#cMapMereni {
	position: absolute;
	top: 120px;
	left: 40px;
	padding: 6px;
	z-index:1055;
	background-color: rgba(255, 255, 255, 0.70);
	border: 1px solid rgba(29, 68, 103, 0.9);
	border-radius: 4px;
	margin: 0;
}
#cMapKresleni {
	position: absolute;
	top: 120px;
	left: 40px;
	padding: 6px;
	z-index:1055;
	background-color: rgba(255, 255, 255, 0.70);
	border: 1px solid rgba(29, 68, 103, 0.9);
	border-radius: 4px;
	margin: 0;
}
#panelPrint {
	position: absolute;
	top: 60px;
	left: 340px;
	padding: 0;
	z-index:1056;
	/*background-color: rgba(255, 255, 255, 0.70);*/
	background-color: white;
	border: 1px solid rgba(29, 68, 103, 0.9);
	border-radius: 4px;
	margin: 0;
}
#panelPrint-wrap {
	margin: 0;
}
#panelPrint .form-horizontal {
	padding: 6px;
}
#panelPrint .form-group {
	/*margin-bottom: 6px;*/
}
#panelLegend {
	position: absolute;
	top: 48px;
	left: 290px;
	z-index:40;
	margin: 0;
}
#panelRVseznamTrajektorii {
	position: absolute;
	top: 100px;
	left: 50px;
	z-index:40;
	margin: 0;
}
#panelRVseznamTrajektoriiContent {
	max-height: 400px;
	overflow: auto; 
}
#panelLayerInfo {
	position: absolute;
	top: 48px;
	left: 290px;
	z-index:40;
	margin: 0;
}
#panelLayerInfoContent {
	max-height: 400px;
	overflow: auto; 
	padding: 8px;
}
#panelLayerInfoContent h3 {
	margin: 8px 2px;
}
#panelPJInfo {
	position: absolute;
	top: 48px;
	left: 290px;
	z-index:40;
	margin: 0;
}
#rvFoto {
	float:right;
	margin: 0; padding:0;
	z-index:99999999999999999999999999;
	height: calc(100vh - 54px);
	border: 1px solid black;
}


.treeview .list-group-item {
	cursor: pointer;
}
.treeview span.indent {
	margin-left: 10px;
	margin-right: 10px;
}
.treeview span.icon {
	width: 12px;
	margin-right: 5px;
}
.treeview .node-disabled {
	color: silver;
	cursor: not-allowed;
}

.borderless td, .borderless th {
    border: none !important;
}

.iconPrejezd {
	background: url("../images/prejezd32.png") !important;
    background-size: 22px 22px !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
}
.iconMost {
	background: url("../images/most20.png") !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
}
.iconPropustek {
	background: url("../images/propustek20.png") !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
}
.iconTunelZ {
	background: url("../images/tunel_zacatek.png") !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
}
.iconTunelK {
	background: url("../images/tunel_konec.png") !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
}
.iconPozemek {
	background: url("../images/icon-pozemek2.png") !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
}
.iconPozemekP {
	background: url("../images/icon-pozemek2p.png") !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
}
.iconBudova {
	background: url("../images/icon-budova2.png") !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
}
.iconBudovaP {
	background: url("../images/icon-budova2p.png") !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
}
.iconLeaf {
	background: url("../images/leaf.gif") !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
}


#detail-panel-body .table-condensed th {
	font-size: 14px !important;
}
#hLoginBtns, #hLoginBtns2, .luInfoBtns {
	float: left;
}

#hLoginBtnsTOG {
	clear:both;
}
#hLoginBtnsTOGbtns {
	float: left;
	margin: 4px;
}
#hLoginBtns, #zoomSt {
	margin-top: 8px;
}
#hLoginBtns .luInfo, #hLoginBtns2 .luInfo {
	float: left; font-size: 12px; margin-right: 8px;
	display: inline-block;
}
.luInfoCopy {
	float: left; margin: 4px;font-size: 12px;display: inline-block;
}

#dialogUzivatelUlozNacti fieldset, #dialogPJCustomDate fieldset {
	padding: 1em;
	margin: 0.2em 0.1em 2em 0.1em;
}
#dialogUzivatelUlozNacti legend, #dialogPJCustomDate legend {
	width: auto;
	font-size: 16px;
	border: 0;
	border-bottom: 0;
}
fieldset.save {
	border: 2px solid #31708F;
}
fieldset.load {
	border: 2px solid #3C763D;
	margin: 0.2em 0.1em 1em 0.1em !important;
}
.paddL20 {
    padding-left:20px;
    margin-bottom: 0;
}

.tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
}
.tooltip-measure {
  opacity: 1;
  font-weight: bold;
}
.tooltip-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
}
.tooltip-measure:before,
.tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}
.tooltip-static:before {
  border-top-color: #ffcc33;
}

.zkusProvoz {
	/*
	border: 1px solid red;
	background-color: #f9f9f9;
	font-size: 11px;
	font-weight: bold;
	color: black;
	*/
	font-weight: bold;
	margin: 5px 0px;
	
}

#dialogAktualityContent h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 0; margin:0;
}

div#dialogAktuality.modal.fade .modal-dialog {
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	top: -300px;
  right:-500px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
div#dialogAktuality.modal.fade.in .modal-dialog {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform: translate3d(100px, -100px, -100px);
	transform: translate3d(-500px, 300px, 0px);
	opacity: 1;
}
#rvCloseBtn {
	position: absolute; right:0;top:0;z-index:2;
	margin: 8px;
    background-color: #fff;
    border: 1px solid #999;
    border-color: rgba(0,0,0,0.4);
    border-radius: 3px;
    cursor: pointer;
    padding: 4px;
}
#rvPlayBtns {
	position: absolute; left:0;bottom:0;z-index:2;
	margin: 8px;
    background-color: #fff;
    border: 1px solid #999;
    border-color: rgba(0,0,0,0.4);
    border-radius: 3px;
    cursor: pointer;
    padding: 4px;
}
#rvHdSdBtns {
	position: absolute; left:0;bottom:50px;z-index:2;
	margin: 8px;
    background-color: #fff;
    border: 1px solid #999;
    border-color: rgba(0,0,0,0.4);
    border-radius: 3px;
    cursor: pointer;
    padding: 4px;
}
#rvDatetime {
	position: absolute; right:60px;bottom:0;z-index:2;
	margin: 0; padding: 4px;
	color: white;
    text-shadow: 1px 0 0 #000, -2px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}
/*
.pnlm-load-box, .pnlm-load-box p, .pnlm-load-box div {
  display: none !important;
}
*/

.pnlm-load-box {
    left: 10px !important;
    width: 150px !important;
    height: 60px !important;
    margin: 0 !important;
    font-size: 16px !important;
    bottom: 160px !important;
    top: unset !important;
}
.pnlm-lbox {
	left: unset !important;
	right: 10px !important;
}

.sidebar-right {
	width: 460px;
}
/*
#panelDetail {
	width: 400px;
}
*/
.ssetm {
	width: 300px;
	padding: 10px;
}
.ssetm li {
	color: black;
	
}
.ssetm li input {
	height: auto !important;
}
#right-mini-submenu-group {
	position: fixed;
	height: 1px;
    top: 170px;
    right: 0;
    z-index: 40;
}
#right-mini-submenu-group .panel-default {
	margin-bottom: 210px;
    margin-right: -75px;
    border: 0;
    box-shadow: none;
    background: none;
    
   
}
.mini-submenu{
  text-shadow: none;
    border: 0;
    padding: 15px 0px;
    margin: 0px;
    background-image: none;
    text-align: center;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    z-index: 2000;
    border-radius: 5px;
    background-color: #002b59 !important;
    color: #fff !important;
    font-weight: bold;
    font-size: 18px;
}
.mini-submenu:hover, #fldsZobrazLeg {
  /*cursor: pointer;*/
}
.mini-submenu a, .mini-submenu a:hover, .mini-submenu a.active, .mini-submenu a:active, .mini-submenu a.active:focus, .mini-submenu a.active:hover, .mini-submenu a:active.focus, .mini-submenu a:active:focus, .mini-submenu a:active:hover  {
	text-decoration: none;
	padding: 15px 40px;
	color: #fff !important;
}

#panel-footer-down-arrow {
	cursor: pointer;
	padding: 0 0 10px 10px;
	/*border: 1px solid red;*/
	width: 60px;
	text-align: right;
	
}
#mini-submenu-footer {
	display: none;
    position: fixed;
    bottom: 0;
    right: 10px;
    cursor: pointer;
    border-top: 1px solid #002b59;
    border-left: 1px solid #002b59;
    border-right: 1px solid #002b59;
    width: 36px;
    text-align: center;
    background-color: #ececec;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#scp-right-arrow, #scp-down-arrow {
	cursor: pointer;
	padding: 1px 8px;
}

#cMapStCestaInfo, #cMapStCestaInfo2 {
    overflow: auto;
	padding: 0;
	margin: 0;
}
.imgSPF {
	max-width: 460px;
    margin: 0 10px 10px 10px;
}

#wndLegnd1 {
	padding: 8px; float: left;
}
#legend-hide {
	cursor: pointer;
}
#wndLegnd2 {
	z-index: 50;
	padding: 8px;
	background-color: #ececec;
	border: 1px solid #002b59;
    position: absolute;
    left: 0;
    bottom: 0;
}

#wndLegnd1 > div > div.lgnd {
	width: 50px;
    height: 6px;
    border: 1px solid #fff;
    border-radius: 3px;
    display: inline-flex;
    margin: 2px 4px;
}
#wndLegnd1 > div {
	margin: 1px;
	height: 6px;
}
#wndLegnd2 > div > div.lgnd {
	width: 50px;
	height: 10px;
	border: 2px solid #fff;
	border-radius: 4px;
	display: inline-flex;
	margin: 2px 4px;
}
.lgndPripr {
	background-color: #002b59;
}
.lgndRealiz {
	background-color: #E40039;
}
.lgndPriprO {
	background-color: #34a49a;
}
.lgndRealizO {
	background-color: #faa800;
}
.lgndDokonc {
	background-color: #613532;
}
.lgndVRTpripr {
	background-color: #00a1e0;
}
.dVersion {
	color: #737373;
	font-size: 11px;
	position: fixed;
    right: 10px;
    bottom: 10px;
}
#panelFormStavbyCesta {
	/*
	position: absolute;
	top: 58px;
	right: 8px;
	*/
	z-index:40;
	margin: 0;
	overflow: auto;
}
#panelFormStavbyCestaContent {
	/*overflow: auto;*/
}

#submenu-scp {
	position: fixed;
    top: 73px;
    right: 83px;
    /*height: 693px;*/
    border-radius: 0;
    z-index: 2020;
    width: 750px;
    background-color: #ececec;
}
#submenu-zobr {
    position: fixed;
    top: 73px;
    right: 83px;
    /*height: 693px;*/
    border-radius: 0;
    z-index: 2020;
    width: 750px;
    background-color: #ececec;
}
    
#panelTableStavbyCesta {
	
	position: absolute;
	bottom: 72px;
	left: 0;
	max-width: calc(100% - 92px);*/
	/*max-width: 1000px;*/
	/*max-height: 200px;*/
	
	height: 250px;
	z-index:40;
	margin: 0;
	
}
#panelTableStavbyCesta-wrap {
	margin: 0; padding: 0;
}

#panelTableStavbyCestaT tbody tr {
	cursor: pointer;
}
#panelTableStavbyCestaT tbody tr td {
	padding: 1px;
}
#panelTableStavbyCestaContent {
	/*overflow: auto;*/
}
#panelTableStavbyCestaT tbody tr.even {
	background-color: #f9f9f9;
}
#panelTableStavbyCestaT tbody tr.even.selected, #panelTableStavbyCestaT tbody tr.odd.selected {
	background-color: #737373;
}
table.dataTable.display tbody>tr.selected:hover>.sorting_1, table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1, table.dataTable.stripe tbody>tr.odd.selected, table.dataTable.stripe tbody>tr.odd>.selected, table.dataTable.display tbody>tr.odd.selected, table.dataTable.display tbody>tr.odd>.selected, table.dataTable.display tbody>tr.selected>.sorting_1, table.dataTable.order-column.hover tbody>tr.selected>.sorting_1 {
    background-color: #737373 !important;
}



fieldset.basic {
	border: 1px solid #B5C2DB;
	margin: 0.2em 0.1em 0.3em 0.1em !important;
	padding-bottom: 10px;
	text-align: center;
}
legend.basic {
	padding: 0px 5px;
    margin: 2px 4px;
    border: 0;
    /*
    border-top: 0px solid #B5C2DB;
    border-left: 1px solid #B5C2DB;
    border-right: 1px solid #B5C2DB;
    border-bottom: 0px solid #B5C2DB;
    border-radius: 4px;
    */
    font-size: 100%;
    width: auto !important;
    text-align: left;
}
fieldset.basic li {
	list-style: none;
}
fieldset.basic .bootstrap-select {
	padding: 10px;
}


ul.basic {
	/*width: 300px;*/
	padding: 0 10px;
}
ul.basic li input {
	height: auto !important;
}






.ol-popup {
  position: absolute;
  background-color: #ececec;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  padding: 0;
  /*border-radius: 10px;*/
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  min-width: 500px;
  z-index: 99;
}
.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup:after {
  border-top-color: #ececec;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}

.popup-header{
	margin: 0;
    font-weight: bold;
    background-color: #002b59;
    color: #fff;
    font-size: 16px;
    padding: 10px;
}
.popup-h1 {
	font-size: 16px;
	padding: 8px 0;
}

.colorWhite {
	color: #fff;
}
.colorLightBlue {
	color: #00a1e0;
}
.colorDarkBlue {
	color: #002b59;
}
.bold {
	font-weight: bold;
}
.borderBottom {
    border-bottom: 1px dotted #000;
    margin-top: 4px;
    margin-bottom: 5px;
}
.row {
	margin: 0 !important;
	padding-bottom: 6px;
}
.maincont {
	/*height: 100vh;*/
	/*height: calc(100% - 50px);*/
	/*overflow: scroll;*/
}
.top-box {
    height: 60px;
    background-color: #002b59;
}
.main-box1 {
    /*height:100%;*/
    height: calc(100vh - 60px);
    
}
.main-box2 {
	float: left;
	width: 100%;
	height:100%;
}
.map-box {
    height: calc(100% - 70px);
    /*position: absolute;*/
    top: 60px;
    left: 0;
}

.bottom-box {
    height: 70px;
    background-color: #ececec;
    color: #002b59;
}
.yright {
	float: right;
	clear: right;
}

/* new design */

body {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.33;
}



.panel-body {
    background-color: #ececec;
    padding: 10px !important;
}
.panel-default, .panel-primary  {
	border: 0 !important;
	background-color: #ececec;
}
.panel-primary>.panel-heading {
	font-weight: bold;
	font-size: 18px;
    background-color: #ececec;
    
    color: #002b59;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #737373;
    
}

h4.modal-title {
	font-weight: bold;
	font-size: 18px;
    color: #002b59;

}

label {
	color: #828282;
	font-weight: normal;
    font-size: 15px;
    padding: 0 !important;
    margin: 15px 0 5px 0 !important;
	
}
.form-field-label {
	font-weight: bold;
	font-size: 14px;
	padding-top: 10px;
    padding-bottom: 5px;
}
#submenu-scp .panel-body-content, #submenu-zobr .panel-body-content {
	height: 500px;
}



.dataTables_scrollHead {
	border-bottom-style: dotted !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #737373 !important;
	
}

.btn {
	font-weight: bold;
	padding: 6px 16px;
}

.btn-default, .btn-default:hover, .btn-default.active, .btn-default:active, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover  {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #00a1e0 !important;
    border-color: #00a1e0 !important;
}

.btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    background-color: #00a1e0 !important;
    border-color: #00a1e0 !important;
}
.btn-orange, .btn-orange.active.focus, .btn-orange.active:focus, .btn-orange.active:hover, .btn-orange:active.focus, .btn-orange:active:focus, .btn-orange:active:hover {
    background-color: #ff5200 !important;
    border-color: #ff5200 !important;
}
.btn-default.btnFiltPriprava, .btn-default.btnFiltPriprava.active.focus, .btn-default.btnFiltPriprava.active:focus, .btn-default.btnFiltPriprava.active:hover, .btn-default.btnFiltPriprava:active.focus, .btn-default.btnFiltPriprava:active:focus, .btn-default.btnFiltPriprava:active:hover {
	color: #002b59 !important;
	background-color: rgba(255, 255, 255, 0.15) !important;
	border-color: #002b59 !important;
}
.btn-primary.btnFiltPriprava, .btn-primary.btnFiltPriprava.active.focus, .btn-primary.btnFiltPriprava.active:focus, .btn-primary.btnFiltPriprava.active:hover, .btn-primary.btnFiltPriprava:active.focus, .btn-primary.btnFiltPriprava:active:focus, .btn-primary.btnFiltPriprava:active:hover {
	background-color: #002b59 !important;
	border-color: #002b59 !important;
}
.btn-default.btnFiltPripravaO, .btn-default.btnFiltPripravaO.active.focus, .btn-default.btnFiltPripravaO.active:focus, .btn-default.btnFiltPripravaO.active:hover, .btn-default.btnFiltPripravaO:active.focus, .btn-default.btnFiltPripravaO:active:focus, .btn-default.btnFiltPripravaO:active:hover {
	color: #34a49a !important;
	background-color: rgba(255, 255, 255, 0.15) !important;
	border-color: #34a49a !important;
}
.btn-primary.btnFiltPripravaO, .btn-primary.btnFiltPripravaO.active.focus, .btn-primary.btnFiltPripravaO.active:focus, .btn-primary.btnFiltPripravaO.active:hover, .btn-primary.btnFiltPripravaO:active.focus, .btn-primary.btnFiltPripravaO:active:focus, .btn-primary.btnFiltPripravaO:active:hover {
	background-color: #34a49a !important;
	border-color: #34a49a !important;
}
.btn-default.btnFiltRealiz, .btn-default.btnFiltRealiz.active.focus, .btn-default.btnFiltRealiz.active:focus, .btn-default.btnFiltRealiz.active:hover, .btn-default.btnFiltRealiz:active.focus, .btn-default.btnFiltRealiz:active:focus, .btn-default.btnFiltRealiz:active:hover {
	color: #E40039 !important;
	background-color: rgba(255, 255, 255, 0.15) !important;
	border-color: #E40039 !important;
}
.btn-primary.btnFiltRealiz, .btn-primary.btnFiltRealiz.active.focus, .btn-primary.btnFiltRealiz.active:focus, .btn-primary.btnFiltRealiz.active:hover, .btn-primary.btnFiltRealiz:active.focus, .btn-primary.btnFiltRealiz:active:focus, .btn-primary.btnFiltRealiz:active:hover {
	background-color: #E40039 !important;
	border-color: #E40039 !important;
}
.btn-default.btnFiltRealizO, .btn-default.btnFiltRealizO.active.focus, .btn-default.btnFiltRealizO.active:focus, .btn-default.btnFiltRealizO.active:hover, .btn-default.btnFiltRealizO:active.focus, .btn-default.btnFiltRealizO:active:focus, .btn-default.btnFiltRealizO:active:hover {
	color: #faa800 !important;
	background-color: rgba(255, 255, 255, 0.15) !important;
	border-color: #faa800 !important;
}
.btn-primary.btnFiltRealizO, .btn-primary.btnFiltRealizO.active.focus, .btn-primary.btnFiltRealizO.active:focus, .btn-primary.btnFiltRealizO.active:hover, .btn-primary.btnFiltRealizO:active.focus, .btn-primary.btnFiltRealizO:active:focus, .btn-primary.btnFiltRealizO:active:hover {
	background-color: #faa800 !important;
	border-color: #faa800 !important;
}
.btn-default.btnFiltDokonc, .btn-default.btnFiltDokonc.active.focus, .btn-default.btnFiltDokonc.active:focus, .btn-default.btnFiltDokonc.active:hover, .btn-default.btnFiltDokonc:active.focus, .btn-default.btnFiltDokonc:active:focus, .btn-default.btnFiltDokonc:active:hover {
	color: #613532 !important;
	background-color: rgba(255, 255, 255, 0.15) !important;
	border-color: #613532 !important;
}
.btn-primary.btnFiltDokonc, .btn-primary.btnFiltDokonc.active.focus, .btn-primary.btnFiltDokonc.active:focus, .btn-primary.btnFiltDokonc.active:hover, .btn-primary.btnFiltDokonc:active.focus, .btn-primary.btnFiltDokonc:active:focus, .btn-primary.btnFiltDokonc:active:hover {
	background-color: #613532 !important;
	border-color: #613532 !important;
}

.btn-ok, .btn-ok:hover, .btn-ok.active, .btn-ok:active, .btn-ok.active:focus, .btn-ok.active:hover, .btn-ok:active.focus, .btn-ok:active:focus, .btn-ok:active:hover  {
	color: #fff !important;
    background-color: #002b59 !important;
    border-color: #002b59 !important;
}
.btn-cancel, .btn-cancel:hover, .btn-cancel.active, .btn-cancel:active, .btn-cancel.active:focus, .btn-cancel.active:hover, .btn-cancel:active.focus, .btn-cancel:active:focus, .btn-cancel:active:hover  {
	color: #fff !important;
    background-color: #737373 !important;
    border-color: #737373 !important;
}
#btnLoginMgmt {
	cursor: pointer;
}
	        
.container-fluid {
    background-color: #002b59 !important;
}
.btn40fix {
	width: 240px;
    margin: 2px;
}
.btn44 {
	width: 44%;
}
.btn90 {
	width: 90%;
}
.btn95 {
	width: 93%;
}
.button-checkbox button {
	font-weight: bold !important;
	font-size: 14px !important;
	text-align: left;
}
.state-icon {
    font-size: larger !important;
}
button.multiselect  {
	font-size: 14px !important;
	font-weight: bold !important;
	overflow: auto;
    white-space: normal;
	
}
.btn-group {
	width: 90%;
}

.liNone {
	padding-left: 10px;
}
.multiselect-container>div>li>a>label {
	padding: 3px 20px 3px 30px !important;
}

.multiselect-container.dropdown-menu {
	font-size: 13px;
	/*
	top: auto !important;
	bottom: 100% !important;
	left: -10px;
	*/
}
/*
ul.scftra div.options-wrapper {
	max-width: 230px;
	max-height: 380px;
	overflow: auto;
}
*/
div.options-wrapper {
	/*max-width: 230px;*/
	max-height: 200px;
	overflow: auto;
}
ul.scfkr>li>a>label {
	margin: 0 !important;
}
.options-wrapper>li>a>label {
	margin: 0 !important;
}

ul.scfkr div.options-wrapper {
	max-height: 170px;
	overflow: auto;
}

.dropdown-menu>div>li>a {
    display: block;
    clear: both;
    color: #333;
    text-decoration: none;
}
.dropdown-menu>div>li>a:link,  .dropdown-menu>div>li>a:hover {
	text-decoration: none;
	background-color: #eee;
}
/*
a:active {
  background-color: hotpink;
} 
*/

.dt-buttons, button.dt-button {
	padding: 4px 10px;
	display: inline !important;
	float: none !important;
	
}
.buttons-colvis {
	padding: 0 10px !important;
	margin: 0 !important;
}

.dt-button-collection {
	top: auto !important;
	bottom: 34px !important;
	width: 180px !important;
}

div[data-notify=container] {
	border: 1px solid red;
}
div[data-notify=container].alert-success {
	border: 1px solid green;
}

.btn-orange, .btn-orange.active.focus, .btn-orange.active:focus, .btn-orange.active:hover, .btn-orange:active.focus, .btn-orange:active:focus, .btn-orange:active:hover {
	font-size: 10px;
    /*width: 80px;*/
}


table.dataTable th {
	padding-left: 16px !important;
}
table.dataTable th:after {
	left: 0;
	right: auto;
}
#dtProcessing {
	background: rgba(255, 255, 255, 0.85);
    border-radius: 4px;
    position: fixed;
    color: red;
    bottom: 80px;
    z-index: 99999999999999999;
    left: 50%;
    padding: 20px 120px;
    width: 400px;
    text-align: center;
    margin-left: -200px;
    border: 1px solid lightgray;
}
#mapLoadIndicator {
	width: 16px;
    height: 16px;
    position: fixed;
    right: 20px;
    top: 20px;
}
.favSel {
	/*color: red;*/
	background-color: red;
}
div.fa-stack {
	height: auto !important;
}
.scpbuttons-text {
	display: inline;
}
.scpbuttons-icon {
	display: none;
}
.ol-selectable {
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.vidcontainer {
	text-align: center;
    vertical-align: middle;
}
#dlgPrezVideo>.modal-dialog {
	width: auto !important;
	margin: 0 !important;
}
.top-box-mobile {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background-color: #002b59;
	padding: 4px;
    margin: 4px;
	cursor: pointer;
}
.top-box-mobile img {
	width: 30px;
	height: 30px;
}
#panelFooter {
		height: 70px;
}

/* mobilni zobrazeni */
/*
@media screen and (max-width: 600px) { 
	.ol-zoom {
		display: none;
	}
}
*/
@media screen and (max-width: 1365px) and (min-width: 900px) {
	#hLoginBtns {
		display: none;
	}
	#hLoginBtnsToggler {
		display: block;
	}
	
	
	#frmMainSearch .btn-defaultview, #frmMainSearch .btn-legend, #frmMainSearch .btn-print {
		display: none;
	}
	
}
@media screen and (max-width: 899px) {
	#hLoginBtns {
		display: block;
	}
	#hLoginBtnsToggler, #hLoginBtnsTOGbtns, #hLoginBtns2, .luInfoCopy {
		display: none;
	}
	#inputMainSearch {
		width: 75%;
		float: left;
		margin: 6px;
	}
	.navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a {
		font-size: 16px;
	}
	.top-box {
	    height: 60px;
	    
	}
	/*
	#cMapControls {
		top: 56px;
	}
	*/
	#scp-right-arrow, #scp-down-arrow {
		padding: 0 !important;
	}
}	
@media screen and (min-width: 1365px) {
	#hLoginBtns {
		display: block;
	}
	#hLoginBtnsToggler, #hLoginBtnsTOGbtns, #hLoginBtns2, .luInfoCopy {
		display: none;
	}
}	


@media (max-width: 900px) {
	
	#panelDetail {
		width: 25%;
	}

	/*
	.sidebar-right {
		position: fixed;
		 left:0; top:37px;
		  margin: 0;
		  width: 100%;
		  height: 95%;
		  padding: 0;
	}
	*/
	#panelDetail {
		 position: fixed;
		 left:0; top:37px;
		  margin: 0;
		  width: 100%;
		  height: 95%;
		  padding: 0;
	}
	
	#detail-panel-body {
		
	  position: absolute;
	  top: 37px;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  
	  border: 2px solid #3c7dcf;
	  border-radius: 0;
	  box-shadow: none;
	  overflow: scroll;
	}
	
	
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}


@media screen and (max-width: 699px) {
	
	.top-box {
		display: none;
	}
	.main-box1 {
	    /*height: 100%;*/
	    height: calc(100vh);
	}
	.top-box-mobile {
		display: block;
	}
	#cMapControls {
		top: 10px;
	}
	#panelFooter, .dVersion {
		font-size: 8px;
	}
	.lgnd {
		height: 7px;
		margin: 0;
	}
	#panelFooter>div>div {
		margin: 0 !important; 
	}
	.panelFooterSection2 {
		max-width: 174px;
	}
	.panelFooterSection3 {
		max-width: 180px;
	}
	#panelFooter {
		height: 50px;
	}
	.map-box {
	    height: calc(100% - 50px);
	}
	
	
	/*
	#mini-submenu-footer {
		display: block;
	}
	#panelFooter {
		display: none;
	}
	#map {
		height: 100%;
	}
	*/
	
	.navbar-brand {
		height: 40px;
	}
	a.navbar-brand {
		font-size: 12px !important;
		width: 190px;
		margin:0 !important; padding: 0 !important;
	}
	
	img.logo1 {
		width: 10px; height: 36px; margin-top: 3px;
	}
	
	img.logo2 {
		width: 130px; 
	}
	
	.scpbuttons-text {
		display: none;
	}
	.scpbuttons-icon {
		display: inline;
	}

	
}
@media screen and (max-width: 399pt) {
	
/*
	img.logo2 {
		display: none;
	}
*/
	
	
	
}
@media(min-height:551px) and (max-height:900px) and (min-width:992px) {
	
	
	
	#right-mini-submenu-group {
	    top: 130px;
	    right: 10px;
	}
	#right-mini-submenu-group .panel-default {
	    margin-bottom: 130px;
	    margin-right: -65px;
	}
	.mini-submenu {
	    padding: 10px 0px;
	    font-size: 12px;
	}
	.mini-submenu a, .mini-submenu a:hover, .mini-submenu a.active, .mini-submenu a:active, .mini-submenu a.active:focus, .mini-submenu a.active:hover, .mini-submenu a:active.focus, .mini-submenu a:active:focus, .mini-submenu a:active:hover {
	    padding: 15px 20px;
	}
	#submenu-scp .panel-body-content, #submenu-zobr .panel-body-content {
	    height: 410px;
	}
	.form-field-label {
	    font-size: 12px;
	    padding-top: 6px;
	    padding-bottom: 2px;
	}
	#mapLoadIndicator {
	    right: 10px;
	    top: 10px;
	}
	
	
}




@media(max-height:550px) /*and (min-width:992px)*/ {
	
	.top-box {
		display: none;
	}
	.main-box1 {
	    /*height: 100%;*/
	    height: calc(100vh);
	}
	.top-box-mobile {
		display: block;
	}
	#mini-submenu-footer {
		display: block;
	}
	#panelFooter {
		display: none;
	}
	#map {
		height: 100%;
	}
	#cMapControls {
		top: 10px;
	}
	#panelFooter, .dVersion {
		font-size: 8px;
	}
	.lgnd {
		height: 7px;
		margin: 0;
	}
	#panelFooter>div>div {
		margin: 0 !important; 
	}
	.panelFooterSection2 {
		max-width: 280px;
	}
	.panelFooterSection3 {
		max-width: 180px;
	}
	#panelFooter {
		height: 50px;
	}
	.map-box {
	    height: calc(100% - 50px);
	}
	
	
	
	#right-mini-submenu-group {
	    top: 70px;
	    right: 10px;
	}
	#right-mini-submenu-group .panel-default {
	    margin-bottom: 0;
	    margin-right: 0;
	}
	.mini-submenu {
	    padding: 10px 0px;
	    font-size: 12px;
	    transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
	}
	
	
}
@media(max-width:991px) {
	
	.mini-submenu a, .mini-submenu a:hover, .mini-submenu a.active, .mini-submenu a:active, .mini-submenu a.active:focus, .mini-submenu a.active:hover, .mini-submenu a:active.focus, .mini-submenu a:active:focus, .mini-submenu a:active:hover {
	    padding: 10px 10px;
	}
	#right-mini-submenu-group {
	    top: 70px;
	    right: 10px;
	}
	#right-mini-submenu-group .panel-default {
	    margin-bottom: 0;
	    margin-right: 0;
	}
	.mini-submenu {
	    padding: 10px 0px;
	    font-size: 12px;
	    transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
	}
	#mapLoadIndicator {
	    right: 5px;
	    top: 10px;
	}
	
	
	
}


@media(max-height:550px), (max-width:991px) {
	
	#submenu-scp, #submenu-zobr, #popup, #panelTableStavbyCesta, #popupNoGraphic, #popupStavba {
		position: fixed;
	    top: 0 !important;
	    right: 0 !important;
	    left: auto !important;
	    bottom: auto !important;
	    width: 100%!important;
	    min-width: auto !important;
	    height: 100%;
	    overflow-y: scroll;
	    z-index: 2000;
	    max-width: inherit; max-height: inherit;
	}
	#panelTableStavbyCesta {
		z-index: 1990;
	}
	
	.dataTables_scrollBody {
		height: calc(100vh - 105px) !important;
	}
	#submenu-scp .panel-body-content, #submenu-zobr .panel-body-content {
	    height: auto;
	}
	.panel-body-buttons {
		    margin-top: 10px;
	}
	.form-field-label {
	    font-size: 12px;
	    padding-top: 6px;
	    padding-bottom: 2px;
	}
	
}