.nav-bar {
  max-width: 500px;
  padding: 10px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
  background-color: #333;
  border-radius: 55px;
/*  position: sticky;
  top: 0;  */
}

.nav-einrad {
	-webkit-mask: url(../bilder/einrad.svg) no-repeat center;
	mask: url(../bilder/einrad.svg) no-repeat center;
}

.nav-turniere1 {
	-webkit-mask: url(../bilder/turniere1.svg) no-repeat center;
	mask: url(../bilder/turniere1.svg) no-repeat center;
}

.nav-turniere2 {
	-webkit-mask: url(../bilder/turniere2.svg) no-repeat center;
	mask: url(../bilder/turniere2.svg) no-repeat center;
}

.nav-termine {
	-webkit-mask: url(../bilder/termine.svg) no-repeat center;
	mask: url(../bilder/termine.svg) no-repeat center;
}

.nav-map {
	-webkit-mask: url(../bilder/map.svg) no-repeat center;
	mask: url(../bilder/map.svg) no-repeat center;
}

.nav-phone {
	-webkit-mask: url(../bilder/phone.svg) no-repeat center;
	mask: url(../bilder/phone.svg) no-repeat center;
}

.nav-settings {
	-webkit-mask: url(../bilder/settings.svg) no-repeat center;
	mask: url(../bilder/settings.svg) no-repeat center;
}

.nav-user {
	-webkit-mask: url(../bilder/user.svg) no-repeat center;
	mask: url(../bilder/user.svg) no-repeat center;
}

.nav-logout {
	-webkit-mask: url(../bilder/logout.svg) no-repeat center;
	mask: url(../bilder/logout.svg) no-repeat center;
}

.nav-teams {
	-webkit-mask: url(../bilder/teams.svg) no-repeat center;
	mask: url(../bilder/teams.svg) no-repeat center;
}

.nav-menu {
	-webkit-mask: url(../bilder/menu.svg) no-repeat center;
	mask: url(../bilder/menu.svg) no-repeat center;
}

.nav-link-icon {
   background-color: #bcbcbc;
	mask-size: 25px;
	-webkit-mask-size: 25px;
	height: 30px;
	margin: auto;
	max-width: 70px;
}

.nav-link-icon:hover {
    background-color: #7d7d7d;
}
 
.offenertermin {
   background-color: #dc3545;
}

.offenertermin:hover {
    background-color: #c82333;
}
 
 .dropdown-menu {
    min-width: 18rem; 
 }
 
.dropdown-menu-nav {
    min-width: 12rem; 
 }
     
.nav-menu-link-icon {
   background-color: black;
   mask-size: 18px;
	-webkit-mask-size: 18px;
	height: 40px;
	width: 20px;
	margin-right: 8px;
	vertical-align: middle;
}

.nav-menu-text {
	 display:flex;
    align-items: center;
}


.main-container {
	margin-top: 20px;
}

.registration-form {
	max-width: 450px;
	margin: 0 auto;
}

.filter-form {
	max-width: 450px;
	margin: 0 auto;
}

.small-container-500 {
	max-width: 500px;
  	padding: 15px;
  	margin: 0 auto;
}

.small-container-330 {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}


.small-container .small-container-heading,
.small-container .checkbox {
  margin-bottom: 10px;
}
.small-container .checkbox {
  font-weight: normal;
}
.small-container .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.small-container .form-control:focus {
  z-index: 2;
}

/* Signin */

.form-signin {
  margin-top: 20%;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.login td {
    padding-right: 2px;
    padding-left: 2px;
}

.login {
	color: red;
}


h1{
	font-size: 1.5rem;
	text-align: center;
}

th {
    border-bottom: 2px solid #333;
    background-color: #333;
    color: silver;
    font-size: 1em;
}

/*thead th {
	position: -webkit-sticky;
	position: sticky;
}*/


tr:nth-child(even) {
    background-color: #ffffff;
    border-bottom: 1px solid #333;
}
tr:nth-child(odd) {
    background-color: #ececec;
    border-bottom: 1px solid #333;
}

.table-hover  {
  background-color: #c4c4c4;
}

.table {
    width: 100%;
    margin: 0px auto;
    margin-top: 20px;
    float: none;
    text-align: center;
}

.table td {
	vertical-align: middle;
	padding: 0.2rem;
}

.table thead th {
	vertical-align: middle; 
}

.table > tbody > tr > td {
     vertical-align: middle;
}

.termintabelle {
	
}

.zeile1{
	font-weight: bold;
}

.zeile-ja{
	font-weight: bold;
	font-size: 1.2em;
	background-color: #e3ffc3;
}

.zeile-evtl{
	background-color: #fffee2;
}

.zeile-nein{
	background-color: #ffe1dc;
}

.zeile-nix{
	background-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-color: black;
}

.antwortBenutzer {
	background-color: #cfcfcf;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-bottom-width: 1px;
}

.table .gruppenAnfang {
	border-top-style: solid;
	border-top-color: black;
	border-top-width: 1px;
}

.btn-answer{
	height: 30px;
	width: 30px;
	margin: 0px auto;
	text-align: center;
	border: none;
   background-position: center;
	background-repeat: no-repeat;
	/*  background-size: 90px 82px;*/
}
	
.btn-lg {
	border-radius: 24px;
}

.btn-ja {
   background: none;
   background-image: url(../bilder/answer-ja.svg);
}

.btn-ja:hover {
	 background: none;
	 background-image: url(../bilder/answer-ja-d.svg);
}

.btn-nein {
   background: none;
   background-image: url(../bilder/answer-nein.svg);
}

.btn-nein:hover {
   background: none;
   background-image: url(../bilder/answer-nein-d.svg);
}

.btn-evtl {
	background: none;
   background-image: url(../bilder/answer-evtl.svg);
 }
 
 .btn-evtl:hover {
	background: none;
   background-image: url(../bilder/answer-evtl-d.svg);
 }

.btn-nix {
	background: none;
	background-image: url(../bilder/answer-nix.svg);
}

.btn-nix:hover {
	background: none;
   background-image: url(../bilder/answer-nix-d.svg);
}


.antwortBenutzer .btn-answer {
	height: 50px;
	width: 50px;
}


.btn-new {
	-webkit-mask: url(../bilder/new.svg) no-repeat center;
	mask: url(../bilder/new.svg) no-repeat center;
}

.btn-passiv {
	-webkit-mask: url(../bilder/passiv.svg) no-repeat center;
	mask: url(../bilder/passiv.svg) no-repeat center;
}

.btn-liga {
	-webkit-mask: url(../bilder/liga.svg) no-repeat center;
	mask: url(../bilder/liga.svg) no-repeat center;
}

.btn-edit {
	-webkit-mask: url(../bilder/edit.svg) no-repeat center;
	mask: url(../bilder/edit.svg) no-repeat center;
}

.btn-del {
	-webkit-mask: url(../bilder/delete.svg) no-repeat center;
	mask: url(../bilder/delete.svg) no-repeat center;
}

.btn-termin-insert {
	-webkit-mask: url(../bilder/termin_insert.svg) no-repeat center;
	mask: url(../bilder/termin_insert.svg) no-repeat center;
}

.btn-infos {
	-webkit-mask: url(../bilder/info.svg) no-repeat center;
	mask: url(../bilder/info.svg) no-repeat center;
}


.btn-action {
   background-color: #333;
   padding-left: 10px;
   padding-right: 10px;
   margin-left: 10px;
   margin-right: 10px;
   text-align: center;
   mask-size: 20px;
   -webkit-mask-size: 20px;
}

.btn-head {
	background-color: #bcbcbc;
}

.dropdown-item-text {
	font-weight: lighter;
}

.dropdown-item:hover {
	background-color: #ececec;
}


.modal {
    overflow-y: auto;
}