/* 
    Created on : 22.07.2017, 21:33:51
    Author     : Ballaballa
*/

.geraet{
    min-width: 300px !important;
   
}

.headerlabel{    
    padding: 0px 5px 0px 5px;
    font-size: 24px;
    font-style: normal;
    color: black;
    display: inline; 
    float: left;
}

.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:250px
}

.headercontainer{
    display: block;
    padding: 0px;
    margin: 10px 5px 70px 5px;
}


body{
    /*background-color: #68F225 !important;*/
    background-image: url(../img/MG_2505.jpg);
    background-size: cover;
}

.navbar-inverse .navbar-nav>li>a{
    background-color: black !important;
    color:white !important;
}
.navbar-header {
    background-color: black !important;
    
}
.navbar-brand{
    color:white !important;
}
.navbar.navbar-inverse.navbar-fixed-top,
.navbar.navbar-inverse.navbar-fixed-top>.container{
     background-color: black !important;   
     background-image: none !important;     
}
#eintrag{
    background-color: white;
    position: fixed;
    display: none;
    top: 10%;
    left: 35%;
    height: 540px;
    width: 500px;
    z-index: 10;
    border: solid black 2px;
    border-radius: 4px;
    padding : 20px;
    margin-left: auto;
    margin-right: auto;
    
}

#eintrag2{
    background-color: white;
    position: fixed;
    display: none;
    top: 10%;
    left: 35%;
    height: 600px;
    width: 500px;
    z-index: 10;
    border: solid black 2px;
    border-radius: 4px;
    padding : 20px;
    margin-left: auto;
    margin-right: auto;
    
}

#absagen{
    background-color: white;
    position: fixed;
    display: none;
    top: 10%;
    left: 35%;
    height: 600px;
    width: 500px;
    z-index: 10;
    border: solid black 2px;
    border-radius: 4px;
    padding : 20px;
    margin-left: auto;
    margin-right: auto;    
}

#checkbox_merkMitgliedId{
    margin-bottom: 10px;
}

#div-termin-verschieben{
    background-color: white;
    position: fixed;
    display: none;
    top: 10%;
    left: 35%;
    height: 600px;
    width: 500px;
    z-index: 10;
    border: solid black 2px;
    border-radius: 4px;
    padding : 20px;
    margin-left: auto;
    margin-right: auto;    
}

#hintergrund{
   position: fixed;
   display: none;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background-color: #333;
   opacity: 0.5;
   z-index: 5;
}

.alertdiv > p{
    margin: 5px !important;
    padding: 10px !important;
    font-size: 15px !important; 
}

.mybtn{
    color: white!important;
    background-color: #222!important;
    margin-top: 0px !important;
}

.btn-white{
    background-color: white !important;
    margin:0px !important;
}

.mybtnintable{
    color: white!important;
    background-color: #222!important;
    margin-top: 0px !important;
    font-size: 11px !important;
}

.delete-button{
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 3px;
    background-color: white;
    color: black;
}

.delete-button:hover{
    width: 30px;
    height: 30px;
    border: solid 1px black;     
    background-color: black;
    color: white;
    cursor: pointer;
}

.maincontainer {
  min-width: 800px;
  background-color: white;
  position: relative !important;
  top:20px !important;
  padding-top: 20px;
  padding-bottom: 10px;
  -moz-box-shadow:    3px 3px 4px 4px #ccc;
  -webkit-box-shadow: 3px 3px 4px 4px #ccc;
  box-shadow:         3px 3px 4px 4px #ccc;
}

.contentcontainer{
    margin-top: 7px;
}

.keintraining{
    margin : 20px;
    margin-top: 50px;
    margin-bottom: 300px;
    font-size: 20px;
    text-align: center;
    width: 100%;
}

.control-label{
    color: black !important;
    font-size: 11px !important;
    line-height: 13px !important;
}

.form-group-sm,
.form-group-sm > .form-control,
.form-group-sm > .form-label{
    margin: 0px !important;
    padding: 0px !important;
    line-height: 13px !important;
}

.table-user-results{
    background-color: white;
    position: absolute;
    z-index: 10;
    width: 460px !important; 
}

#mitglied{
}
#reset-mitglied{
    
}
.tr-user-result{
    cursor: pointer;
    
}


.tr-user-result:hover,.tr-mitglieder:hover{
    color: white;
    background-color: black;
    cursor: pointer;
}

.results{
    
}

#div-terminextra, #div-terminextra2{
    float: left;
    display: none;
}

#btn-dauertermin{
    display: inline !important;  
    width: 220px !important;
    margin-left: 10px;
    
}

#checkbox_dauertermin{
    display:inline !important;
    margin-right: 15px !important;;
}

.anzahleinheitendauertermin{    
    width: 100px !important; 
    margin-left: 50px !important;
    display: inline !important;
}


.deletesmall{
   border-radius: 10px;
   width: 25px;
   cursor: pointer;
   padding: 5px;
}

.deletesmall:hover{
    color: white;
    background-color: black;
}

.markedAsSelected{
    background-color: blue;
    color: white;
}

.markedAsSelected:hover{
    background-color: blue;
    color: white;
}


/***** Mitglieder *****/

.table-mitglieder {
    
}

.td-mitglieder{
    padding: 2px !important;
}

.nav-btn{
    background-color: white !important;
    color:black;
    padding: 10px;
    padding-bottom: 5px;
    margin: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-bottom: 1px solid white;
}

.nav-btn-active{
    border-bottom: 1px solid black;
}

#eintragBemerkung{
    background-color: white;
    position: fixed;
    display: none;
    top: 10%;
    left: 35%;
    height: 300px;
    width: 520px;
    z-index: 10;
    border: solid black 2px;
    border-radius: 4px;
    padding : 20px;
    margin-left: auto;
    margin-right: auto;
    
}

 .uebersicht-tabelle:hover {
    color: white;
    background-color: #333;
    cursor: pointer;
}

.tooltip-inner {
    white-space: pre-wrap !important;
    text-align: left !important;
}




@media only screen and (max-width: 996px){
    #eintrag, #eintrag2, #absagen{        
        position: absolute !important;        
        top: 150px !important;
        left: 5px !important;
        height: 560px !important;
        width: 95% !important;        
    }
}