body {
  background-color: #121212;
  font-family: "Nunito", sans-serif;
  font-size: 1rem;
  color: white;
}

main {
  max-width: 900px;
  margin: auto;
  padding: 0.5rem;
  text-align: center;
  padding-top: 15vh;
}

ul{
	max-width: max-content;
    margin: 0 auto;
    text-align: left;
}

.logo{
    width: 300px;
}

.btn{
	background-color: #01c29a;
	color: white;
}

.link{
	text-decoration: underline;
	cursor: pointer;
}

.green{
	color: green;
}

.addon-text{
	min-width: 220px;
}

.white-text{
	color: white;
}

footer{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	color: white;
	text-align: center;
	padding: 15px 0;
	background-color: #121212;
}

.pointer{
	cursor: pointer;
}

.active-icon{
	color: #01c29a;
}

.alert{
	position: relative;
    left: -50%;
}

.msg-container{
	position: absolute;
    left: 50%;
    top: 50px;
}

.custom-file-label::after{
    content: "Durchsuchen";
	min-width: 144px;
	cursor: pointer;
}

/*
.custom-file-label-filled::after{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.25rem;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Löschen";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0;
	min-width: 144px;
}
*/

.custom-file-label-delete{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.25rem;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Löschen";
    background-color: #e9ecef;
    /*border-left: 1px solid #ced4da;*/
    border-radius: 0 .25rem .25rem 0;
	min-width: 144px;
	cursor: pointer;
}

.aff-struct-tile{
	padding: 10px;
    border: 1px #01c29a solid;
    border-radius: 5px;
}

.code-tile{
	display: inline;
    padding: 3px;
    margin: 0 2px;
    border-radius: 5px;
}

.width300{
	width: 300px;
}

.modal-dialog{
	color: black !important;
}