@charset "utf-8";

label {
    display: inline-block;
    margin-bottom: 0;
    margin-top: .2rem;
}

div.resultbox{
	padding:3px;
	margin-top:5px;
	margin-right:5px;
	background-color:#ccc;
	width:200px;
	color:#000;
}
div.resultbox a{
	color:#fff;
}
div.act{
	background-color:#ddd;
}
div.act a{
	color:#0056b3;
}
.error1{
	color:#dc3545;
}
.thead{
	background-color:rgba(0, 0, 0, 0.2);
}
.thead1{
	background-color:rgba(0, 0, 0, 0.05);
}
.even{
	background-color:rgba(0, 0, 0, 0.05);
}
.odd{
	background-color:rgba(0, 0, 0, 0.01);
}
.background-form{
	background-color:rgba(0, 0, 0, 0.05);
}
.background-nav{
	/*background-color: rgba(0, 100, 200, 0.1);*/
	border-bottom: 1px solid #ccc;
}
.background-search{
	background-color:rgba(0, 90, 200, 0.08);
}
.list-nav{
	min-width:33px;
}

.change_chng,
i.change_chng{
	color:#28a745;
}
.change_addt{
	color:#28a745;
}
.change_delt,
i.change_delt{
	color:#dc3545;
	text-decoration: line-through;
}
.table > thead > tr > th {
	background-color: #d9d9d9;
	color: #333333;
}
.table.stat > tbody > tr > td,
.table.stat > thead > tr > th{
	padding: 4px 4px;
}
.th-thin{
	font-weight:normal;
	font-style:italic;
}
.fa{
	color:#545b62;
}
.modal-schlagwoerter{
	z-index:1100;
}
.vorjahresdaten{
	font-size:0.9rem;
	color:#545b62;
	margin-bottom: 0;
}
.vorjahresrow{
	background-color:#cacaca;
	margin-top: 10px;
	border-bottom: 2px solid #999;
}
.borderrow{
	border-bottom: 2px solid #999;
	padding-top:8px;
}

.blockflex.collapse.show {
	display: flex;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 992px) {
	.modal-lg {
	    max-width: 950px;
	}
	.modal-schlagwoerter{
		max-width:900;
	}
}
.dropdown-menu {
	margin: 0;
	padding: 0.3rem 0;
	background-color: #fff; 
	background-clip: padding-box;
	/*border: none;*/
	border-color:#ccc;
}
.navbar-nav .dropdown-menu {
	margin: 0;
	padding: 0.3rem 0;
	background-color: transparent; 
	background-clip: padding-box;
	border: none;
}
/* Stile schulliste*/
.table-low-padding td{
	padding-top:0;
	padding-bottom:0;
	border-top: none;
}
.schulliste td,
.schulliste th{
	padding: 0.25rem;
}
.schulliste td{
	border-bottom: 1px solid #dee2e6;
}
.schulliste td.noline{
	border-bottom: 0;
}
.sl-plz{
	min-width:30px;
	width:5%;
	max-width:5%;
}
.sl-bez{
	min-width:60px;
	width:10%;
	max-width:10%;
}
.sl-shf{
	min-width:60px;
	width:10%;
	max-width:10%;
}
.sl-shd{
	min-width:90px;
	width:15%;
	max-width:15%;
}	
.sl-det{
	min-width:240px;
	width:20%;
	max-width:20%;
}	
.sl-dir{
	min-width:60px;
	width:10%;
	max-width:10%;
}	
.sl-adr{
	min-width:240px;
	width:20%;
	max-width:20%;
}	
.sl-erh{
	min-width:120px;
	width:10%;
	max-width:10%;
}	
.pl-20{
	padding-left:40px;
}
.pl-80{
	padding-left:80px;
}
.pl-30{
	padding-left:100px;
}

/* Stile Mitgliederliste*/
.mitgliederliste td,
.mitgliederliste th{
	padding: 0.25rem;
}
.ml-nr1{
	min-width:60px;
	width:5%;
	max-width:80px;
}
.ml-nr2{
	min-width:80px;
	width:5%;
	max-width:100px;
}
.ml-inh{
	min-width:420px;
	width:auto;
	/*max-width:420px;*/
}

.tooltip-main {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	font-weight: 700;
	background: #eee;
	border: 1px solid #007bff;
	/*color: #007bff;*/
	margin: 4px 121px 0 5px;
	float: right;
	text-align: left !important;
}
.tooltip-inner {
	/*max-width: 236px !important;*/
	max-width: 300px !important;
	min-height: 42px;
	font-size: 14px;
	padding: 10px 15px 10px 15px;
	background: #ddd;
	color: rgb(0, 0, 0, 1);
	border: 1px solid #22ce14;
	text-align: left;
}
.tooltip-inner h5{
	font-size:16px;
	color:#007bff;
	margin-bottom:0;
	padding-bottom:0;
}
.tooltip-inner ul{
	list-style-type: circle;
	padding-left: 15px;
}
.tooltip-inner ul>li.blue{
	list-style-type: none;
	color:#007bff;
}
.tooltip-inner ul>li.blue_dot{
	color:#007bff;
}
.tooltip-inner ul>li.red{
	list-style-type: none;
	color:#c00;
}
.tooltip + .tooltip.top > .tooltip-arrow,
.tooltip + .tooltip.bottom > .tooltip-arrow,
.tooltip + .tooltip.left > .tooltip-arrow,
.tooltip + .tooltip.right > .tooltip-arrow {
    border-top: 5px solid #007bff;
}

.tooltip.show {
	opacity: 1;
}



