/*-------------------------------------------------------------------------------------------
1. AUSWERTUNG
-1.0 Allgemein
-1.1 Dialog
-1.2 Popup
-1.3 Ergebnistabelle
-1.4 Export-Button
-1.5 Karte
-1.6 Karte Diversität
-1.7 Revision Popup
-1.8 Tooltips
-------------------------------------------------------------------------------------------*/
.aui {
	/*----------------------------------- 1.0 Allgemein -----------------------------------*/
	.accordion-group{
		margin-bottom: 10px;
	}
	
	.accordion-heading{
		background-color: #f1f0ef;
		font-weight: bold;
		cursor: default;
	}
	
	.accordion-toggle{
		cursor: default;
	}
	
	select option:disabled, select option[disabled="disabled"] {
    	display: none; 
    }
    
    input[type="checkbox"][disabled] + strong{
	    color: #9E9E9E;
	}
	
	/*--------------------------------------- 1.1 Dialog -----------------------------------*/
	.ui-widget-header {
    	background: none !important;
        background-color: rgba(0, 0, 0, 0);
	    background-color: #4F81BD !important;
	    border: 1px solid #bbb !important;
	}
	.ui-dialog .ui-dialog-titlebar-close {
		background-image: url(images/ui-icons_222222_256x240.png) !important;
		background-position: -96px -128px !important;
	}

	
	/*--------------------------------------- 1.2 Popup -----------------------------------*/
	.ui-widget-content {
		border: 1px solid #0068b4;
	}
	
	.popup-table td:first-child {
		color: #003664;
	}
	
	.popup-table tr:first-child > td{
	    border-top: none!important;
	}
	
	.nav-tabs > .active > a {
		font-weight: bold;
	}
	
	video{
		max-width: 100%;
	}
	
	/*--------------------------------------- 1.3 Ergebnistabelle -----------------------------------*/
	#search-result-table thead tr{
	    background-color: #0068b4;
	  	color: #fff;
	}
	td.action-row{
		cursor: pointer;
	}
	tr.action-row:hover td {
		background-color: #003664!important;
		color: white;
	}
	tr.action-row:hover td.action-field a:hover {
		text-decoration: none;
	}
	tr.action-row:hover td.action-field a:hover i {
		color: #ef7c00;
	}
	tr.action-row:hover td.action-field i {
	    color: #fff;
	}
	
	#search_result .row-fluid {
		padding-top: 30px;
		padding-bottom: 5px;
	}
	
	/*--------------------------------------- 1.4 Export-Button -----------------------------------*/
	#btn-export {
		display: none;
		text-align: right;
	}
	#btn-export .btn {
	    color: #999;
	    border: 1px solid #0068b4;
        font-size: 16px;
	    border-radius: 0;
	    height: unset;
	    padding: 5px 15px;
	    margin: 0;
	    width: min-content;
	    float: right;
	}
	#btn-export .btn:hover {
		border: 1px solid #0068b4 !important;
	}
	#btn-export .btn:active {
		border: 1px solid #0068b4 !important;
	}
	#btn-export .btn-group.open .btn.dropdown-toggle{
		background-color: #0068b4;
		color: #fff;
	}
	#btn-export .dropdown-menu > li > a{
		color: #0068b4!important;
	}	
	#btn-export .dropdown-menu > li > a:hover{
		color: #fff!important;
		background-color: #0068b4;
		background-image: none;
	}
	
	/*--------------------------------------- 1.5 Karte -----------------------------------*/
	.map-div {
		width: 100%;
		height: 600px;
		border: 1px solid #e5e5e5;
		border-radius: 2px;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		z-index: 0;
	}
	
	div.legende-quadrat{
		width: 18px;
	    height: 18px;
	    display: inline-block;
	}
	
	.bundesland{
		border: 2px solid #003664;
	}
	
	.landkreis {
		border: 2px solid #9e9e9e;
	}
	
	.quadranten{
		border: 2px solid #ef7c00;
	}
	
	.minutenfelder{
		border: 2px solid #bccdeb;
	}
	
	.verbreitung-amphibien{
		border: 2px solid #0168b5;
		background-color: rgba(1, 104, 181, 0.5);	
	}
	
	.verbreitung-reptilien{
		border: 2px solid #1abc9c;
		background-color: rgba(26, 188, 156, 0.5);
	}
	
	.verbreitungsgebiet-amphibien{
		border: 2px dashed #0168b5;
		background-color: rgba(1, 104, 181, 0.2);
			
	}
	
	.verbreitungsgebiet-reptilien{
		border: 2px dashed #1abc9c;
		background-color: rgba(26, 188, 156, 0.2);
	}
	
	
	/*--------------------------------------- 1.6 Karte Diversität -----------------------------------*/
	.icon-diversitaet-kategorie-1{
		width: 24px!important;
		height: 24px!important;
		margin-left: -12px!important;
		margin-top: -12px!important;
		border-radius: 18px;
		border: 2px solid #958623;
		text-align: center;
		color: #fff;
		background-color: #958623;
		font-size: 16px;
		z-index: 100!important;
	}
	
	.icon-diversitaet-kategorie-2{
		width: 26px!important;
		height: 26px!important;
		margin-left: -13px!important;
		margin-top: -13px!important;
		border-radius: 18px;
		border: 2px solid #c65100;
		text-align: center;
		color: #fff;
		background-color: #c65100;
		font-size: 16px;
		z-index: 200!important;
	}
	
	.icon-diversitaet-kategorie-3{
		width: 28px!important;
		height: 28px!important;
		margin-left: -14px!important;
		margin-top: -14px!important;
		border-radius: 18px;
		border: 2px solid #b70000;
		text-align: center;
		color: #fff;
		background-color: #b70000;
		font-size: 16px;
		z-index: 300!important;
	}
	
	.icon-diversitaet-anzahl {
	    display: flex!important;
	    justify-content: center;
	    align-items: center;
	    font-family: 'Source Sans Pro', Arial;
    	font-weight: bold;
	}
	
	.icon-diversitaet-anzahl.kategorie-1{
		height: 24px!important;
	}
	
	.icon-diversitaet-anzahl.kategorie-2{
		height: 26px!important;
	}
	
	.icon-diversitaet-anzahl.kategorie-3{
		height: 28px!important;
	}
	
	.diversitaet-hover-heading{
		font-weight: bold;
		color: #0068b4;
	}
	
	.legende-icon-diversitaet{
		display: block;
		margin: auto!important;
	}
	
	.legende-icon-diversitaet .icon-diversitaet-anzahl{
		display: block!important;
	}
	
	
	/*--------------------------------------- 1.7 Revision Popup -----------------------------------*/
	.ajs-button.ajs-ok:disabled{
	    color: #fff!important;
	    background-color: #e0e0e0!important;
	    cursor: not-allowed;
	    border: 1px solid #e0e0e0!important;
	}
	
	/*--------------------------------------1.8 Tooltips---------------------------------*/
	/* Tooltips */	
	.tooltips {
	  position: relative;
	  display: inline-block;
	}
	
	.tooltips .tooltiptext {
	  visibility: hidden;
	  width: 300px;
	  background-color: #555;
	  color: #fff;
	  padding: 10px;
	  border-radius: 6px;
	
	  position: absolute;
	  z-index: 1;
	  bottom: 125%;
	  left: 50%;
	  margin-left: -160px;
	  
	  font-family: 'Source Sans Pro', Arial;
	  font-size: 12px;
	  line-height: 16px;
	
	  opacity: 0;
	  transition: opacity 0.3s;
	}
	
	.tooltips .tooltiptext::after {
	  content: "";
	  position: absolute;
	  top: 100%;
	  left: 50%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: #555 transparent transparent transparent;
	}
	
	.tooltips:hover .tooltiptext {
	  visibility: visible;
	  opacity: 1;
	}
}