/*CSS pro zobrazení mapy*/

@font-face {
    font-family: OpenSans;
    src: url('../fonts/OpenSans-Regular.ttf');
    font-weight:normal;
}

@font-face {
    font-family: OpenSans;
    src: url('../fonts/OpenSans-Bold.ttf');
    font-weight:bold;
}

#header-container {
	height: 84px;
	background-color: #ecebeb;	
}

#header-container #small-clicker {
	width: 963px;
	height: 50px;
	display: block;
}

/*Tools-container - panel B*/

#tools-container {
	margin-top: 5px;
	margin-bottom: 5px;
}

#tools-container #other-is ul.dropdown-menu{
	min-width: 185px;
}

#tools-container #topics ul.dropdown-menu{
	min-width: 200px;
}


#tools-container #menu #switcher {
	width: 175px;
	padding-left: 30px;
}

#tools-container #menu #switcher #toogle-data-container {
	/*Fix pro IE 8*/
	position: absolute;
	top: 0px;
	left: 60px;
}

#tools-container #menu #switcher label {
	font-size: 9pt;
}

#tools-container #menu #switcher label.btn {
	border-radius: 0px;
}

#tools-container #menu #switcher label.active{
	background-image: url('../images/inner-menu-item.png');
	background-position: right;
	color: #fff;
	font-weight: bold;
}


#tools-container #menu #switcher .btn-group{
	white-space:nowrap;
}

#tools-container #menu #switcher label.btn{
	white-space:normal;
}

#content-container {
	padding-right: 0px;
}

#content-container .box-header h2 {
	font-size: 11pt;
}

#content-container .box-header div.col-xs-8 {
	width: 180px;
}
#content-container .box-header div.col-xs-4{
	margin-top: 10px;
	margin-bottom: 5px;
}


#content-container .map-box-title {
	width: 180px;
	height: 30px;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#content-container .map-box-title a {
	color: #fff;
}

#content-container .map-box-title-button {
	position: relative;
	top: 0px;
	right: 4px;
}

#content-container #map-box-a-title {
	background-image: url('../images/map-title-1.png');
}

#content-container #map-box-b-title {
	background-image: url('../images/map-title-2.png');
}

#content-container #map-box-c-title {
	background-image: url('../images/map-title-3.png');
}

#content-container #map-box-d-title {
	background-image: url('../images/map-title-4.png');
}

#content-container #map-box-e-title {
	background-image: url('../images/map-title-5.png');
}

#content-container .map-box-a {
	/*background-image: url('../images/map-directory-1.png');*/
}

#content-container .map-box-b {
	/*background-image: url('../images/map-directory-2.png');*
}

#content-container .map-box-c {
	/*background-image: url('../images/map-directory-3.png');*/
}

#content-container .map-box-d {
	/*background-image: url('../images/map-directory-4.png');*/
}

#content-container .map-box-e {
	/*background-image: url('../images/map-directory-5.png');*/
}

#content-container .map-box-link {
	height: 50px;
	width: 180px;
	background-position: left;
	padding-left: 0px;
}

#content-container .map-box-link a {
	color: #000;
	/*font-weight: bold;*/
	vertical-align: middle;
	display: block;
}

#content-container .map-box-link a.single {
	line-height: 50px;
	text-align: left;
	margin-left: 30px;
}

#content-container .map-box-link span.single {
	display: block;
	line-height: 30px;
	text-align: left;
	margin-left: 30px;
	font-weight: normal;
	color: #000;
	vertical-align: middle;
	cursor: pointer;
}

#content-container .map-box-link span.multiple {
	display: block;
	position: relative;
	top: 10px;
	margin-left: 30px;
	text-align: left;
	cursor: pointer;
	font-weight: normal;
	color: #000;
}

#content-container .map-box-link input[type="checkbox"] {
	float: left;
	top: 15px;
	position: relative;
}


#content-container .slim .map-box-link input[type="checkbox"] {
	float: left;
	top: 5px;
	position: relative;
}

#content-container #middle {

}

#map-canvas {
	margin-top: 10px;
}

#map-footer {
	min-width: 800px !important;
	font-size: 80%;
	padding-top: 5px;
	padding-left: 2em;
}

#middle #data-canvas {
	/*void*/
}

#middle #data-canvas table th a{
	color: #000;
}

#data-canvas code{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#data-canvas #data-table_length{
	margin-bottom: 20px;
}


#data-canvas #checkbox-help{
	position: absolute;
	background-color: #d8d8d8;
	padding: 0.2em;
}

#data-canvas #data-table_filter label{
	display: inline-block;
	margin-top: 0.5em;
}


#data-canvas #data-table_length select{
	display: inline-block;
	width: auto;
}


#data-canvas #data-table_length label{
	display: inline-block;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}


#data-canvas #data-table_filter input{
	width: auto;
	display: inline-block;
}


.sorter {
	color: #333;
}

.sorter:hover {
	color: #333;
}

.sorter-checkbox{
	margin-left: 10px !important;
}

#content-container #middle {
	border-left-width: 2px;
	border-left-color: #ecebeb;	
}

#content-container .left-box-container{
	margin-bottom: 1px
}

#content-container .left-box-container button[type="button"] {
	margin-top: 2px;
}

#content-container .left-box-container .info-btn {
	padding-right: 28px;
}

#content-container .slim{
	height: 30px;
}

#content-container .slim .map-box-link {
	height: 30px;
}
#content-container .slim .map-box-link a.single {
	line-height: 30px;
}

#content-container .btn-big {
	margin-top: 15px !important;
}

#content-container .left-box-filter{
	border-width: 5px;
	border-style: outset;
	margin-bottom: 10px;
}

#content-container .left-box-filter-a{
	border-color: #790303;
}

#content-container .left-box-filter-b{
	border-color: #905209;
}


#content-container .left-box-filter-c{
	border-color: #001a65;
}

#content-container .left-box-filter-d{
	border-color: #482a1f;
}

#content-container .left-box-filter-e{
	border-color: #066b2f;
}

#map-selected a.button span.npuicon{
	margin-top: 0.2em;
}

#map-selected a.button:not(:first-child) {
	margin-top: 0.5em;
}

#data-selected a.button:not(:first-child) {
	margin-top: 0.5em;
}


/*Middle*/

#middle button {
	margin-bottom: 10px;
}

#middle {
	width: 80px;
}



#map-inner{
	position: absolute;
	z-index: 450;
	background-color: whitesmoke;
	margin-top: 15px;
	width: 26em;
}


/*Sidebar*/
#sidebar-map {
	width: 300px;
	background-color: #ecebeb;
	position: absolute;
	display: none;
	padding-top: 10px;
	z-index: 10000;
}

#sidebar-map hr {
	border-color: #000;
}

#sidebar-map div.col-12{
	padding-right: 1.5em;
}

#sidebar-map #address-finder label{
	margin: 1em 0px 0px 0px;
}

#map-inner .left-box-filter-a label, #map-inner .left-box-filter-b label, #map-inner .left-box-filter-c label{
	margin: 1em 0px 0px 0px;
}

#map-inner .left-box-filter-a .form-group:last-child, #map-inner .left-box-filter-b .form-group:last-child, #map-inner .left-box-filter-c .form-group:last-child{
	margin-top: 1em;
}


#sidebar-map #address-finder-button, #sidebar-map #address-cleaner-button{
	margin-top: 1em;
}

#map-inner{
	padding-right: 1.5em;
}

.onoffswitch-next {
	margin-left: 53%;
}

.onoffswitch-previous {
	margin-right: 53%;
}


/*Custom icons*/
/*nutno kombinovat s tridou glyphicon*/
.icon-layers {
    background-image: url("../images/icons/layers-16.png");
	background-position: center center;
	width: 16px;
	height: 16px;
}

.icon-tag {
    background-image: url("../images/icons/tag-16.png");
	width: 16px;
	height: 16px;
}

.icon-polygon {
    background-image: url("../images/icons/polygon-16.png");
	width: 16px;
	height: 16px;
}

.icon-red {
    background-image: url("../images/icons/red-14.png");
	width: 14px;
	height: 14px;
}

.icon-blue {
    background-image: url("../images/icons/blue-14.png");
	width: 14px;
	height: 14px;
}

.icon-green {
    background-image: url("../images/icons/green-14.png");
	width: 14px;
	height: 14px;
}

.icon-brown {
    background-image: url("../images/icons/brown-14.png");
	width: 14px;
	height: 14px;
}

.icon-yellow {
    background-image: url("../images/icons/yellow-14.png");
	width: 14px;
	height: 14px;
}


.slider-selection{
	background: #BABABA;
}

.slider.slider-vertical {
	width: 60px !important;
}

#coordinate-x, #coordinate-y{
	display: inline-block;
	min-width: 45px;
}

#scale-graphic {
	position: relative;
	top: 5px;
}

.leaflet-control-scale{
	display: inline-block;
	float:none !important;
}

.leaflet-control-zoom{
	display: none;
}


/*overlay 1*/
div.overlay1 div.glass-pane {
	opacity: 0.5;
	background-color: black;
	width: 100%;
	height: 100%;
}

div.overlay1 {
	position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    left: 30px;
	z-index: 10;
	width: 440px;
	height: 100%;	
	font-size: 2em;
	color: white;
}

div.overlay1 div.text {
	position: absolute;
	top: 50%;
	text-align: center;
	width: 440px;
}

/*overlay 2*/
div.overlay2 div.glass-pane {
	opacity: 0.5;
	background-color: black;
	width: 100%;
	height: 100%;
}

div.overlay2 {
	position: absolute;
    margin: 0;
    padding: 0;
    z-index: 10;
	height: 100%;	
	font-size: 2em;
	color: white;
	min-width: inherit;
}

div.overlay2 div.text {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
}

.filter-disabled, #content-container .map-box-link span.layer-disabled {
	color: #c0c0c0;
}

.filter-disabled span{
	opacity: 0.5;
}

.no-map-padding-left, .no-map-padding-left .container-fluid
{ padding-left: 0px; padding-right: 0px; }

.cursor-pointer { cursor: pointer; }

.inline-buttons { display: inline; padding-left: 15px; }

.label-indisciplinae { background-color: #482a1f; }
.label-za-archeologii { color: #041764; font-size:11pt; }
.label-pamatkova-pece { color: #066b2f; font-size:11pt; }
.label-praha-arceologicka { color: #905209; font-size:11pt; }
.label-zkoumane-plochy { background-color: #ff0000; }

.leaflet-popup-content-wrapper .list-group-item { padding: 3px 15px; }

#data-selected .btn-default:active, #data-selected .btn-default.active {
	background: none;
}

#data-selected .btn-default:hover, #data-selected .btn-default:focus {
	background: #e6e6e6;
}

.easy-autocomplete { width: 100% !important; }

/* .modal-transparent */
.modal-transparent {
	background: transparent;
}
.modal-transparent .modal-content {
	background: transparent;
}
.modal-backdrop.modal-backdrop-transparent {
	background: #ffffff;
}
.modal-backdrop.modal-backdrop-transparent.in {
	opacity: .9;
	filter: alpha(opacity=90);
}

/* .modal-fullscreen */
.modal-fullscreen {
	background: transparent;
}
.modal-fullscreen .modal-content {
	background: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
	background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
	opacity: .95;
	filter: alpha(opacity=95);
}

.modal-fullscreen .modal-header{
	margin-top: 25%;
}

.modal-body p{
	margin-bottom: 1em;
}

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

.division .label {
	color: #333;
}

.row-highlight {
	font-weight: bold;
	background-color: #ecebeb;
}

.tooltip-ois {background-color: rgb(253, 196, 0) !important; }
.tooltip-rar {color: #ffffff !important; background-color: rgb(147, 39, 128) !important; }
.tooltip-keramika {color: #ffffff !important; background-color: rgb(189, 9, 38) !important; }
.tooltip-pruvodce {color: #ffffff !important; background-color: rgb(0, 92, 160) !important; }
.tooltip-vychazky {color: #ffffff !important; background-color: rgb(0, 92, 160) !important; }
.tooltip-vap {color: #ffffff !important; background-color: rgb(39, 104, 57) !important; }
.tooltip-ras {color: #ffffff !important; background-color: rgb(148, 50, 47) !important; }
.tooltip-adb, .tooltip-vb {color: #ffffff !important; background-color: rgb(255, 0, 0) !important; }

.sg-basic-class-marker {width: 6px; height: 6px; background-color: #ff0000;}
.sg-basic-class-marker-selected {width: 6px; height: 6px; background-color: #c0c0c0c0;}

.sg-basic-class-sonda{background:red;
					  border:5px solid rgba(255,255,255,0.5);
					  color:black;
					  font-weight:bold;
					  text-align:center;
					  border-radius:50%;
					  line-height:30px;
}
.sg-basic-class-sonda-selected {
	background:#c0c0c0c0;
	border:5px solid #c0c0c0c0;
	color:#c0c0c0c0;
	font-weight:bold;
	text-align:center;
	border-radius:50%;
	line-height:30px;
}

#data-table_wrapper input[type=checkbox]{
	moz-appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -ms-appearance: checkbox !important;
    appearance: checkbox !important;
	opacity: 1;
	margin-right: 1em;
}

.dataTables_wrapper{
	margin-top: 0.5em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	color: white !important;
    border: 1px solid #ee6a6b;
    background-color: #f85e6e;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85e6e), color-stop(100%, #ee6a6b));
    background: -webkit-linear-gradient(top, #f85e6e 0%, #ee6a6b 100%);
    background: -moz-linear-gradient(top, #f85e6e 0%, #ee6a6b 100%);
    background: -ms-linear-gradient(top, #f85e6e 0%, #ee6a6b 100%);
    background: -o-linear-gradient(top, #f85e6e 0%, #ee6a6b 100%);
    background: linear-gradient(to bottom, #f85e6e 0%, #ee6a6b 100%); 
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
	color: 	#adadad !important;
}


#map-print-container #map-canvas{
	margin-top: 0px;
}


.leaflet-popup-content ul.list-group{
	list-style-type: none;
	padding-left: 0;
}

.leaflet-popup-content div.row div.col-xs-12, .leaflet-popup-content div.row div.col-xs-6 {
	padding-left: 5px;
}


/* .modal-fullscreen size: we use Bootstrap media query breakpoints */
.modal-fullscreen .modal-dialog {
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
@media (min-width: 768px) {
	.modal-fullscreen .modal-dialog {
		width: 750px;
	}
}
@media (min-width: 992px) {
	.modal-fullscreen .modal-dialog {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.modal-fullscreen .modal-dialog {
		width: 1170px;
	}
}