/** LoginStyle **/
body {
    padding-top: 40px;
    padding-bottom: 40px;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .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;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.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;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

body.testserver {
    /*background-color: #5ed0ea;*/
    background-image: url("/img/pattern8.png");
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
    width: 1240px;
    width: 90%;
}

body > .container {
    padding: 20px 15px 0;
}

.container .text-muted {
    margin: 20px 0;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}

.table > tbody > tr > th {
    padding: 5px;
}

.overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wday_6, .table-striped > tbody > tr:nth-of-type(2n+1).wday_6 {
    background: #ffa813;
    background: #ffd540;
    background: #ffe180;
    background: #ffe397;
    color: #555;
}

.wday_6 input[type="text"] {
    background-color: #ffe397;
}

.ae.wday_6 input[type="text"] {
    background-color: #83afd1;
}

.wday_7, .table-striped > tbody > tr:nth-of-type(2n+1).wday_7 {
    background: #e38d13;
    background: #ffb141;
    background: #ffca80;
    background: #ffd998;
    color: #555;
}

.wday_7 input[type="text"] {
    background-color: #ffd998;
}

.ae.wday_7 input[type="text"] {
    background-color: #83afd1;
}

td.wd, th.wd {
    min-width: 24px;
    max-width: 24px;
    min-height: 28px;
    max-height: 28px;
    padding: 0;
    text-align: center;
}

th.wd[class^="wday_"], th.wd[class*="wday_"] {
    padding: 8px 0 8px 0;
}

.table > tbody > tr > td.wd {
    padding: 0;
}

button.speichern {
    position: sticky;
    top: 61px;
}

div.urlaub {
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0 0 1em;
}

table.urlaub {
    margin-bottom: -1px;
}

.urlaub .danger a {
    display: block;
}

.table-hover > tbody > tr:hover {
    background-color: #dbdbdb;
}

.table-hover > tbody > tr:hover > th {
    background-color: #dbdbdb;
}

.red {
    color: red;
}

.feiertag,
.feiertag .form-control,
.feiertag.wday_6 input[type="text"],
.feiertag.wday_7 input[type="text"] {
    background-color: #dddddd;
}

.ae .form-control {
    background-color: #83afd1;
}

.today {
    background-color: #aed0ea;
    border-left: solid 6px red;
    margin-left: -6px;
}

.warning {
    background-image: url("/img/warning.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 25px;
}

.ae {
    background-color: #83afd1;
}

.wday_1:hover, .wday_2:hover, .wday_3:hover, .wday_4:hover, .wday_5:hover, .wday_6:hover, .wday_7:hover {
    background-color: #ccc;
}

.text-danger {
    color: #ff0000;
}

.wochensumme {
    background: #eee linear-gradient(90deg, #fff 0%, #eee 100%);
    border-right: 15px solid #ddd;
    margin-bottom: 30px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    max-height: 200px;
}

.wochensumme p.text-right {
    margin: 0;
}

.kw {
    position: absolute;
    font-size: 3rem;
    font-weight: bold;
    color: #ddd;
    margin-left: 15%;
}

.debug pre {
    max-height: 300px;
}

.dropdown-menu.operators > li.admin > a {
    color: red;
}

/*Streeties*/
li.department_1 {
    border-left: solid 2px black;
    background-color: #aaffaa;
    background-color: #d9d9d9;
}

tr.department_1 {
    /*background-color: #d9d9d9;*/
}

tr.department_1 th {
    background-color: #fff;
}

tr.department_2 {
    background-color: #73c648;
}

tr.department_2 th {
    background-color: #73c648;
}

/*Schafferstraße*/
tr.department_3 {
    background-color: #ffbb15;
}

tr.department_3 th {
    background-color: #ffbb15;
}

/*Treffs*/
tr.department_4 {
    background-color: #ccccFF;
}

tr.department_4 th {
    background-color: #ccccFF;
}

/*Info+Mobi*/
tr.department_5 {
    background-color: rgba(0, 128, 129, 0.47);
}

tr.department_5 th {
    background-color: rgba(0, 128, 129, 0.87);
    color: #fff;
}

tr.department_5 th button {
    color: #000;
}

th.monatsende, td.monatsende {
    margin-right: 10px;
    border-right: solid 3px;
}

/*WorkUP*/
li.department_2 {
    border-left: solid 2px #58AA47;
    background-color: #ffaaaa;
    background-color: #73c648;
}

/*Schafferstraße*/
li.department_3 {
    border-left: solid 2px #FAA61A;
    background-color: #f0c040;
    background-color: #ffbb15;
}

/*Treffs*/
li.department_4 {
    border-left: solid 2px #812990;
    background-color: #ccccFF;
}

/*Info+Mobi*/
li.department_5 {
    border-left: solid 2px #008081;
    background-color: rgba(0, 128, 129, 0.47);
}

/*Der eingeloggte Benutzer*/
tr.aktiv {
    background-color: #efefef;
}

/*Bootstrap overrides */
.dropdown-menu > li > a {
    padding: 2px 15px;
}

.navbar.navbar-default.bg-danger {
/ / background-color: red;
    background-image: linear-gradient(to bottom, #fff 0, #fbb1b1 100%);
}

.nav-tabs > li > a {
    padding: 8px 7px;
    color: #2b2b2b;
    font-size: small;
    border: 1px solid #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:active {
    background-color: #dff0d8;
}

.nav.condensed > li > a {
    padding: 3px 15px;
}


.nav.backuplist .glyphicon {
    position: absolute;
    right: 15px;
    padding-top: 4px;
    visibility: hidden;
}

.nav.backuplist a:hover .glyphicon {
    visibility: visible;
}

.nav > li > a.inline {
    display: inline;
    padding: 0;
}

.text-warning {
    color: #ff0000;
}

.stundenzeile .hide {
    visibility: collapse;
    display: block !important;
}

.stundenzeile:hover input {
    background-color: #efefef;
}

.stundenzeile input:focus,
input:focus, select:focus,
.feiertag input:focus,
.feiertag select:focus,
.feiertag.wday_6 input:focus,
.feiertag.wday_6 select:focus {
    background-color: #fffdb5;
}

.arbeit_typ, .urlaub_anfrage {
    height: 100%;
}

h1 small a {
    color: #777;
    text-decoration: none;
}

.debuggrid {
    display: grid;
    grid-template-columns: 185px 95px 75px 155px 90px 130px 185px 90px;
}


@media (max-width: 767px) {
    .container.stundenliste {
        width: 100%;
    }

    .stundenzeile {
        margin-top: 2rem;
        display: grid;
        grid-template-rows: repeat(3, 1fr);
        /*grid-template-columns: repeat(7, 1fr);*/
        /*grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 2fr;*/
    }

    .stundenzeile.has_bereitschaft,
    .stundenzeile.has_gemeinde,
    .stundenzeile.has_projekt {
        /*grid-template-columns: repeat(8, 1fr);*/
        /*grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr 2fr;*/
    }

    .stundenzeile.has_gemeinde.has_projekt.has_bereitschaft {
        /*grid-template-columns: repeat(10, 1fr);*/
    }

    .stundenzeile .tag {
        grid-column: 1/6;
        grid-row: 1/2;
    }

    .stundenzeile .zeit_von {
        grid-column: 6/9;
        grid-row: 1/2;
    }

    .stundenzeile .zeit_bis {
        grid-column: 9/12;
        grid-row: 1/2;
    }

    .stundenzeile .beschreibung {
        grid-column: 1/12;
        grid-row: 2/3;
    }


    .stundenzeile .arbeit_typ {
        grid-column: 1/4;
        grid-row: 3/4;
    }

    .stundenzeile .urlaub_anfrage {
        grid-column: 4/6;
        grid-row: 3/4;
    }

    .stundenzeile .urlaub_genehmigung {
        grid-column: 6/8;
        grid-row: 3/4;
    }

    .stundenzeile .summe {
        grid-column: 8/12;
        grid-row: 3/4;
    }
}

@media (min-width: 768px) {
    .stundenzeile {
        display: grid;
        grid-template-columns: 130px 60px 60px auto 60px 60px 180px;
    }

    .stundenzeile.has_freistellung {
        display: grid;
        grid-template-columns: 130px 60px 60px auto 60px 70px 180px;
    }

    .stundenzeile.has_bereitschaft {
        display: grid;
        grid-template-columns: 130px 60px 60px auto 35px 60px 60px 180px;
    }

    .stundenzeile.has_bereitschaft.has_freistellung {
        display: grid;
        grid-template-columns: 130px 60px 60px auto 35px 60px 70px 180px;
    }

    .stundenzeile.has_gemeinde {
        grid-template-columns: 130px 60px 60px auto 100px 60px 60px 200px;
    }

    .stundenzeile.has_gemeinde.has_bereitschaft {
        grid-template-columns: 130px 60px 60px auto 100px 35px 60px 60px 200px;
    }

    .stundenzeile.has_projekt {
        grid-template-columns: 130px 60px 60px auto 100px 60px 60px 200px;
    }

    .stundenzeile.has_projekt.has_bereitschaft {
        grid-template-columns: 130px 60px 60px auto 100px 35px 60px 60px 200px;
    }

    .stundenzeile.has_gemeinde.has_projekt {
        grid-template-columns: 130px 60px 60px auto 100px 100px 60px 80px 170px;
    }

    .stundenzeile.has_gemeinde.has_projekt.has_bereitschaft {
        grid-template-columns: 130px 60px 60px auto 100px 100px 35px 60px 60px 170px;
    }
}


.stundenzeile.bereitschaft {
    background-color: #d4fcd4;
}

.stundenzeile > div:not(.noborder) {
    align-self: center;
    border-top: dotted 1px darkorange;
}

.stundenzeile .tag {
    text-align: right;
    /*margin-right: 10px;*/
    height: 100%;
}


.stundenzeile .summe {
    align-self: center;
    padding-left: 10px;
    padding-right: 3px;
    /*min-width: 195px;*/
    height: 100%;
    align-content: center;
}

.stundenzeile .summe.small .text-right {
    float: right;
}

.stundenzeile .urlaub_genehmigung {
    place-self: center;
    width: 100%;
    height: 100%;
}

.stundenzeile .easy-autocomplete {
    width: 100% !important;
}

.stundenzeile .easy-autocomplete input {
    width: 100%;
    color: #000;
}

.stundenzeile label {
    margin: 0;
    padding: 0;
}

.stundenzeile .tag label {
    padding: 5px 7px 5px 0;
}

.stundenzeile input[type="text"], .stundenzeile select, .stundenplan input[type="text"] {
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-left: 1px dotted darkorange;
}

.stundenplan input[type="text"] {
    border-left: none;
}

/*.stundenplan .form-control.leer {
    background-color: #e1e1e1;
}*/

.stundenplan > tbody > tr > th, .stundenplan > tbody > tr > td {
    padding: 0;
    vertical-align: middle;
}

.stundenplan > tbody > tr > th > label {
    padding-left: 7px;
    padding-right: 7px;
}

.form-control {
    border: 1px solid #eee;
}

.easy-autocomplete input {
    border-color: #eee;
}

@media print {
    .container {
        width: 100%;
    }

    .footer, #footer {
        display: none;
    }

    td, .table > tbody > tr > td {
        padding: 0;
    }
}