body {
    background-color: #858585;
}
.logo {
    cursor: pointer;
}
.container-fluid{
    width: 100%;
    padding-right: 4px;
    padding-left: 4px;
    margin-right: auto;
    margin-left: auto;
}
.appbg {
    padding-top: 2.6em;
    padding-bottom: 4em;
}
nav.navbar.navbar-inverse.bg-inverse {
    background-color: #5d5d5d;
    color: #c5c5c5;
}
.row.fixed-middle {
    position: fixed;
    top: 50%;
    left: 51%;
    transform: translate(-50%, -50%);
    width: 40%;
    background-color: #999999;
    padding: 1em;
    border-radius: .5em;
    border: 1px solid #ccc;
    text-align: left;
}
.card.startsolid .card-body {
    font-size: 1.5em;
    cursor: pointer;
}
.card.startsolid {
    margin: auto;
    border-radius: .5em;
    height: 9em;
}
.card.startsolid .card-header {
    background-color: #2b2b2b;
    color: #ccc;
    border-radius: .5em;
    font-size: 1em;
}
.card.startsolid .card-footer {
    background-color: #ffffff;
    color: #2b2b2b;
    border-radius: .5em;
    font-size: .8em;
}
.jahr-panel {
    display: block;
    width: 100%;
    font-size: 2em;
    margin-top: 1em;
}
.monat-panel-heading {
    font-size: .7em;
    text-align: center;
}
.tage-panel {
    display: inline-table;
    font-size: .7em;
    text-align: center;
}

.container {
   
    padding-right: 15px;
    padding-left: 15px;
    
}
.smaller{
    font-size: .6em;
}
.tag-panel-body {
    font-size: .7em;
    height: 5em;
    overflow: auto;
}
.list-group-item+.list-group-item {
    border-top-width: 0;
}
.tag-panel-heading {
    line-height: .9em;
    margin-bottom: .4em;
    cursor: pointer;
    background-color: #f1f1f1;
    border-bottom: 1px solid #c1c1c1;
}
.tag-panel-heading:hover{
    background-color: #ccc;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
div#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: hsla(0deg 0% 0% / 37%);
    top: 0;
    left: 0;
    z-index: 10001;
}
span#close {
    float: right;
    font-size: 2em;
    color: #fff;
    margin-right: .5em;
    cursor: pointer;
}
div#frame {
    position: fixed;
    max-width: 55%;
    min-height: 20%;
    background-color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: .3em;
    max-height: 85%;
    overflow: auto;
}
ul.tag-panel-body-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: .8em;
    text-align: left;
}
ul.tag-panel-body-ul li {
    border-top: 1px solid #f8f9fa;
    
}
span#addtolist {
    position: fixed;
    bottom: 2em;
    right: 1em;
    font-size: 1.4em;
    border-radius: 50%;
    padding: .2em .5em;
    cursor: pointer;
    z-index: 10;
}
div#alerts {
    position: fixed;
    bottom: 3em;
    z-index: 10500;
    width: 54%;
    left: 50%;
    transform: translate(-50%);
}
.settings-btn,.removefromlist{
    display: none;
}
.formpanel {
    margin: auto;
}
input.form-check-input {
    margin-left: -.2rem;
}
.container-sm {
    max-width: 1220px;
}
td.trenner {
    background-color: #cacaca;
}
div#afakats, #afapos {
    height: 23em;
    overflow: auto;
}
span.show-afa {
    cursor: pointer;
}
.padding-small td, .padding-small th {
    padding: .3rem;
}
li.list-group-item {
    line-height: .8em;
    padding: 0.8em;
}
.display-inline-block {
    display: inline-block;
}
.mobilhide{
    display: none;
}
.pointer{
    cursor: pointer;
    
}
.hover-light:hover{
    background-color: #aaaaaa;
    transition: all .3s;
}
.active-light:active{
    background-color: #aaaaaa;
}

@media (max-width: 950px) { 
    div#frame {
        max-width: 95%;
    }
    .card.startsolid .card-body {
        font-size: 1.2em;
        cursor: pointer;
    }
    .card.startsolid {
        margin: .2em auto;
        border-radius: .5em;
        height: 7em;
    }
    .row.fixed-middle {
        position: fixed;
        top: 56%;
        left: 48%;
        transform: translate(-48%, -48%);
        width: 84%;
        background-color: #999999;
        padding: .5em;
        border-radius: .5em;
        border: 1px solid #ccc;
        max-height: 90%;
        overflow: auto;
        padding-bottom: 4em;
        text-align: left;
    }
    div#frame {
        width: 95%;
    }
    span#addtolist {
        bottom: 1.5em;
        right: .2em;
        z-index: 10;
    }
    .mobilhide{
        display: none;
    }
    .card.startsolid .card-header {
        background-color: #2b2b2b;
        color: #ccc;
        border-radius: .5em;
        font-size: .8em;
    }

}

  


  
  @page {
    size: A4;
    margin: 2em;
    margin-left: 4em;
    color: #000000;
  }
  
  @media print {
    #buchhalutng{
        color: #000;
    }
    
  }