/* Allgemein */
.ui-dialog {
	z-index: 1000 !important;
}

.ui-widget {
	font-family: Arial!important;
}

.ui-widget-content label {
	font-weight: bold!important;
}

.aui .ui-widget-content {
	border: 1px solid #ccc;
}

.aui .ui-widget-header {
	background-color: #004751 !important;
	background: none;
	border: 1px #bbb !important;
}

.ui-datepicker {
	z-index: 1000 !important;
}

/* Button */
.aui .btn {
    color: #fff;
    background-color: #004751;
    padding: calc(1rem / 2) 1rem;
    border-radius: 5px!important;
    border: 1px solid transparent;
    font-weight: 400;
    line-height: 1.625;
    box-shadow: none;
    background-image: none;
    text-shadow: none;
}

.aui .btn:focus {
	background-color: #004751!important;
	color: #fff!important;
	outline: none!important;
}

/* Navigation */
.aui .nav-tabs {
	border-bottom: 1px solid #004751;
}

.aui .nav-tabs>.active>a, .aui .nav-tabs>.active>a:hover, .aui .nav-tabs>.active>a:focus
	{
	border: 1px solid #004751;
}

.aui .nav-tabs>li>a:hover, .aui .nav-tabs>li>a:focus {
	border-color: #004751;
}

.aui .nav>li>a:hover, .aui .nav>li>a:focus {
	background-color: #004751;
	color: #fff;
}

/* Accordion */
.aui .accordion-group {
	border: 1px solid #fff;
}

.aui .accordion-heading {
	background-color: #004751!important;
	border-radius: 5px 5px 0 0;
}

.aui a.accordion-toggle {
	color: #fff;	
}

.aui a.accordion-toggle:hover {
	color: #fff;
}

.aui .accordion-body {
	background-color: #fff;
	color: #000;
	border: 1px solid #ccc;
	border-radius: 0 0 5px 5px;
}

/* Filter */
.aui .filter-section {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.aui .control-group {
	border-bottom: 1px solid #004751;
}

/* Legende */
.aui .legend-toggle {
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #fff;
}

.aui .legend-toggle.homepage {
	margin-top: 0px;
	height: 580px;
}

/* Karte */
.aui .map-div {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	height: 609px;
}

.front-layer {
	z-index: 50 !important;
}

/* Legende */
.centered {
	text-align: center;
}

.legend {
	margin-left: 0px!important;
    padding: 5px;
}

p.legend-row {
	margin: 5px 0 0 0;
}

.legend-icon {
	width: 32px;
	border-radius: 50%;
	padding: 5px;
}

.legend-text {
	margin-left: 5px;
	cursor: default;
}

.siedlungsformen {
	background-color: #fb4436;
}

.landwirtschaft {
	background-color: #77923d;
}

.gartenkunst_gruenanlagen {
	background-color: #b30753;
}

.jagd_fischerei {
	background-color: #4e6328;
}

.waldwirtschaft_baeume {
	background-color: #1da038;
}

.bergbau_handel_industrie {
	background-color: #ce0009;
}

.gewaesserbau_nutzung {
	background-color: #89bae5;
}

.verkehr {
	background-color: #026cb3;
}

.bestattung_religion_kult {
	background-color: #db7952;
}

.verteidigung_militaer {
	background-color: #204177;
}

.herrschaft_verwaltung_recht {
	background-color: #f9d815;
}

.legend-html {
	height: 20px;
    width: 45px;
    float: left;
}

.table-text {
	padding-left: 5px;
}

.table-text .legend-text{
	margin-left: 0px;
	word-break: break-word;
}

.legend-control-button {
	color: #004751!important;
}

.chevron {
  float: right;
 }

/* Export */
#btn-export .dropdown-menu li:last-child {
    display: none;
}

#btn-export .dropdown-menu > li > a:hover {
	background-image: none!important;
	background-color: #004751!important;
}

#btn-export .dropdown-menu .divider {
	margin: 1px 1px;
}

/* Tabelle */
.aui .table thead th {
    background-color: #004751!important;
    color: #fff;
    font-weight: bold!important;
    font-size: 16px!important;
}

.aui .table-bordered {
	border: 1px solid #ccc;
}

.aui .table-bordered th, .aui .table-bordered td {
	border-left: 0px;
}

.aui .table td {
	background-color: #fff;
}

.aui .table th, .aui .table td {
	border-top: 1px solid #ccc;
}

tr.hover:hover > td {
	cursor: pointer;
}

.aui .action-field i.icon-ok-circle {
	color: #96bb37;
}

/* Info-Popup */
.aui .popup-table td {
	border-top: 1px solid #eeeeee;
}
@media (max-width: 767px){
	.aui .logo img {
		max-width: 55px !important;
	}
}

.ui-dialog .ui-dialog-titlebar-close {
	border: none!important;
    background: none!important;
    color: white!important;
}

/* Anhänge im Info-Popup */
#data-artenliste-anhaenge .media {
	padding: 5px;
    border-top: 1px solid #e4f0e4;
}

#data-artenliste-anhaenge .icon-file {
	font-size: 224px;
	cursor: pointer;
}

/* Mobile Ansicht Info-Popup */
@media (max-width: 500px){
	#result_dialog td {
	    display:block;
	    border-top: 0;
	}
	
	#result_dialog .popup-label {
		font-style: italic;
		font-weight: bold;
	}
}