@import url('https://fonts.googleapis.com/css?family=Overpass:400,700');
@charset "UTF-8";

* { margin: 0; box-sizing: border-box; }

html {
    height: 100%;
}

body { 
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
}

*,
*::before,
*::after {
	 margin: 0;
    padding: 0;
  box-sizing: border-box;
}


body{
	background-color: #1a1d21;	
}

main{
	color: #ccc !important;
}

header {
	background-color: #384233 !important;
	margin-bottom: 0rem !important; 
	border-bottom: 2px solid #fff;
}

nav{
	background-color: #292B31 !important;
	color: #ccc !important;
}

nav li:hover{
	background-color: #384233 !important;
	color: #f8f9fa !important;
}
.dropdown-menu{
	background-color:#394334;
	box-shadow:rgb(0 0 0 / 20%) 0 12px 28px 0, rgb(0 0 0 / 10%) 0 2px 4px 0;
}

.dropdown-item{
	color: #f8f9fa !important;	
}

.dropdown-item:hover {
	background-color:#292B31;
	color: #f8f9fa !important;	
}

.pageNavigation, .bg-light {
	background-color: #292B31 !important;
	color: #ccc !important;
	flex: 0 0 auto;
	margin-bottom: 20px;
}

.headerimg{
	margin: 20px;
	position:relative;

}


.breadcrumbs__title{
	color: #fff;
	font-size: 1.4rem;
	
}

ul {
    list-style: none;
}

.table{ 
	background-color: #222529;
	color: #ccc !important;	
}
	
.tableThead{
	background-color: #384233 !important;
	color: #fff;
	border-color: inherit;
	border-style: solid;
	border-width: 0.5px;
	border-bottom: 2px solid #fff;
}	
	
.table-striped > tbody > tr {
	color: #ccc !important;	
	min-width:100px;
}

.stelle{
	position: relative;
	width:90%;
	margin: auto;
}

.mycell {
    max-width: 5px;
	text-align: center;
}


.stellenplan svg{
	margin-left:auto; 
	margin-right:auto; 
	display:block;
}

#ANTpopup{
  display:none;
  margin: auto;
  height: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position:fixed;
  background-color: #1a1d21;
  padding:10px;
}


.table-wrapper > table {
  border-spacing: 0;
  overflow: hidden;
  width:100%;
}

td{
	border: 1px solid #ccc;
	width: 1%;
    white-space: nowrap;
	color: #ccc !important;	
}

.td{
	text-align: center; 
    vertical-align: middle;
}

.td_span{
	text-align: center;
}
.centerContent{
	min-width: 100px;
}


.statusreserve{
  background: repeating-linear-gradient( 135deg, #5cb85c, #5cb85c 10px, #ddd 10px, #ddd 20px ) !important;
  color: #000;
  padding: 5px 10px;
  font-weight: bold;
  width:200px;
  display:inline-block;
  text-align: center;
}

.inaktiv{
	width:200px;
	font-weight:bold;
	background-color:#dedede;
	padding: 5px 10px;
	color: #333;
	display:inline-block;
	 text-align: center;
}

.success{
	background-color: #AAFF00 !important;
	color: #333;
	width:200px;
	display:inline-block;
	padding: 5px 10px;
	display:inline-block;
	 text-align: center;
}

.dangercolor{
	background-color: #ff0000 !important;
	color: #fff;
	width:200px;
	padding: 5px 10px;
	display:inline-block;
	 text-align: center;
}

.secondary{
	background-color: #c1c1c1 !important;
	color: #333;
	width:200px;
	padding: 5px 10px;
	display:inline-block;
	 text-align: center;
}
.primary{
	background-color: #0000cc !important;
	color: #c1c1c1;
	width:200px;
	padding: 5px 10px;
	display:inline-block;
	 text-align: center;
}


.training{
	border:1px dashed #333;	
}

.spanHeadline{
	padding: 2px 0;
	color: #ccc !important;
	font-weight: bold;
	margin: auto;
	margin-bottom: 3px;
	text-align: center;
}
.flex-item{
    border: 1px solid #fff; 
    padding: 4px;  
    justify-content: space-around;
	margin: 3px 3px;
}

	
.yellow_promotion{
	background: #FFFF00;
	width: 5px;
}

.green_promotion{
	background: #40FF00;
	width: 5px;
}

/*Punktevergabe*/
.points{
	background-color: #222529;
	color: #ccc !important;	
	
}
.points th,  .s1, .s2, .s3, .s4, .s5{
	text-align: center;
	font-weight: bold;
}

.points td{
	text-align: center;
}

.points .pointSecondline{
	background-color: #dbdbdb;
	color: #333 !important;	
}


.s1{
	background-color: #70ad47;
	color: #fff !important;	
}

.points .s2{
	background-color: #ffc000;
	color: #fff !important;	
}

.points .s3{
	background-color: #ffc000;
	color: #fff !important;	
}

.points .s4{
	background-color: #ed7d31;
	color: #fff !important;	
}

.points .s5{
	background-color: #4472c4;
	color: #fff !important;	
}

.whitebackground{
	background-color: #fff !important;	
	color: #333 !important;	
}

.col-2 { width: 50%; }

.pointHeadline{
	text-align: center;
}


/* memberverwaltung*/
.memberverwaltung, .dlcveraltung{
	text-align: center;
}

.memberverwaltung td span, .dlcverwaltung td span{
	width:200px;	
}

.dlcverwaltung td{
	position: relative;
	margin:10px !important;
}

.boxed{
	border: 1px solid #36373B;
    border-radius: 2px;
    background-color: #212428;
    padding: 20px;
}

.container{
	max-width: 95%;
}

#registerbox{
	display:none;
}

@media only screen and (max-width: 600px) {
 #ATNpopup{
    position: relative;
    width: 100%;
  }
}