.app-rot { color: #cc3300; }
.app-orange { color: #cc6600; }
.app-gruen { color: #669900; }
.app-primary { color: #3c94ff; }
.app-white { color: #e8e8e8; }

.bkg-rot { background-color: #cc3300; }
.bkg-orange { background-color: #cc6600; }
.bkg-gruen { background-color: #669900; }
.bkg-primary { background-color: #3c94ff; }

.bkg-gruen-25 { background-color: #66990044; }
.bkg-rot-25 { background-color: #cc330044; }

.navbar-light .navbar-nav .nav-link { font-size: 16px; font-weight: bold; color: #666666; }
.navbar-light .navbar-nav .nav-item.nav-link-ado a { color: #cc6600; }
.navbar-light .navbar-nav .nav-item.nav-link-pe  a { color: #cc3300; }
.navbar-light .navbar-nav .nav-item.nav-link-te  a { color: #669900; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #3c94ff; }


.small-icon { border:0; padding: 0.1em 0.4em; border-radius: 1.5em; display: inline; width:auto; }
.reward-badge { border: 2px solid; padding: 0.1em 0.4em; border-radius: 1.5em; display: inline; margin-left: 0.7em; cursor: pointer; width: auto; }

.red-flag-container { border: 1px solid #666666; background: #cc330080; border-radius: 0.5em; padding: 0.3em 1em; width:auto; min-width: 10em; margin-right: 1.4em; }
.yellow-flag-container { border: 1px solid #666666; background: #cc660080; border-radius: 0.5em; padding: 0.3em 1em; width:auto; min-width: 10em; margin-right: 1.4em; }
.green-flag-container { border: 1px solid #666666; background: #66990080; border-radius: 0.5em; padding: 0.3em 1em; width:auto; min-width: 10em; margin-right: 1.4em; }
.remove-flag-container { border: 1px solid #666666; border-radius: 0.5em; padding: 0.3em 1em; width:auto; min-width: 10em; margin-right: 1.4em; }


.linkable { cursor: pointer; }

table.verlinkt tbody tr, table.linkable tbody tr { cursor: pointer; }
/*table.verlinkt tbody tr:hover { background-color: rgba(0,100,250,.2); }*/
table.verlinkt tbody tr td .btn { display: inline; }

table.plain th { padding: 0.4em 1.4em; }

/*.table-striped tbody tr:hover { background-color: rgba(0,100,250,.2); }*/
.table-striped tr { background-color: rgba(60,148,255,.08); }
.table-striped tr:nth-child(odd) { background-color: rgba(60,148,255,.05); }
.table-04-spaced tbody td { padding: 0.2em 0.4em; }
.table-04-spaced thead th { padding: 0.2em 0.4em; }

tbody tr.font-italic { font-style: italic; opacity: .5; }

.menuepunkt label { margin-right: 2rem; }

.pe-filter input,.pe-filter span { display: inline-flex; width: auto;  margin-right: 2em; }

.form-group.row { margin-top: 0.4em; }

.red-bottom-border { border-bottom: #cc3300 solid; }

.dark-face { color: #844444; }
.bright-face { color: #eecfcf; }

/*
    select2 custom
 */


.select2-container .select2-selection--single { height: 38px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px !important; }

.card-header h5 { margin-left: 2em; }
.card-header h6 { margin: 0; }

ul[role='tablist'] { margin-bottom: 1.4em; }

.content-group { border: 1px solid #a9a9a9; border-radius: 3px; padding: 0.7em; }

.widget { float: left; border: 1px solid #3c94ff; padding: 1em; margin: 1em; }
.widget h5 { border-bottom: 1px solid #3c94ff; margin-bottom: 0.4em; }

ul.no-flavour { list-style: none; margin: 0; padding: 0; }
ul.striped li { padding:0.4em; background-color: rgba(60,148,255,.08); }
ul.striped li:nth-child(odd) { padding:0.4em; background-color: rgba(60,148,255,.05); }
/*ul.striped li:hover { background-color: rgba(0,100,250,.2); }*/

.striped-container .row { background-color: rgba(60,148,255,.08); }
.striped-container .row:nth-child(odd) { background-color: rgba(60,148,255,.05); }
/*.striped-container .row:hover { background-color: rgba(0,100,250,.2); }*/

.zeiterfassung-table td { padding: 0.1em; font-family: monospace; vertical-align: middle; }

.widget { font-size: 14px; }
.widget h6 { border-bottom: 1px solid #3c94ff; }
.widget table { font-weight: bold; font-family: monospace; }
.widget table.normal tbody { font-weight: normal; }
.widget table th,.widget table td { padding:0.4em; border-bottom: 1px solid #a9a9a9; }
.sonntag { color: #cc3300; }
.zeitbar { width: 300px; background-color: #EEEEEE; height: 1.4em; }
.zeitbar .blue { width: 300px; background-color: #3c94ff; height: 100%; }
.zeitbar .w1 { background-color: transparent; height: 100%; float: left; }
.zeitbar .w2 { height: 100%; float: left; }
.zeitbar .pause { background-color: #EEEEEE; height: 1.4em; position: relative; z-index: 2; }

tr.tag [name='von'], tr.tag [name='bis'], tr.tag [name='pausevon'], tr.tag [name='pausebis'] { width: 80px; }
tr.tag .abwzeilen { font-size: 0.7em; }

.blue-circle { background-color: #3c94ff; width: 1.4em; height: 1.4em; font-weight: bold; margin-left:auto; margin-right:auto; }
.green-circle { background-color: #669900; width: 1.4em; height: 1.4em; font-weight: bold; margin-left:auto; margin-right:auto; }
.yellow-circle { background-color: #cc6600; width: 1.4em; height: 1.4em; font-weight: bold; margin-left:auto; margin-right:auto; }
.grey-circle { background-color: #cccccc; width: 1.4em; height: 1.4em; font-weight: bold; margin-left:auto; margin-right:auto; }
.red-white-circle { background-color: transparent; width: 1.4em; height: 1.4em; font-weight: bold; margin-left:auto; margin-right:auto; border: 1px solid #cc3300; }

.ganztags-box { background-color: #3c94ff; font-weight: bold; padding: 0.2em 0.5em; color: white; }
.ganztags-missing-box { border: 2px solid #cc3300; font-weight: bold; padding: 0.2em 0.5em; color: #cc3300; }

.upload-background { background-color: #EEEEEE; background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%); background-size:15px 15px; }
.file-upload-background {
    background-image:
        repeating-linear-gradient(45deg,
        #cccccc 0%,
        #cccccc 2%, #3c94ffaa 2%,
        #3c94ffaa 4%, #cccccc 4%);
}

tr.normal,td.normal { background-color: #cccccc; }
tr.abwesend,td.abwesend { background-color: #eeeeee; }
tr.leer,td.leer { background-color: #F6F6F6; }

.btn-line { margin-bottom: 0.4em; width: 100%; }
#btn-container .btn { margin-left: 0.4em; }

.select-status option { padding: 1.7em; }

.quicklink { border: 1px solid #3c94ff; border-radius: 0.4em; padding: 0.3em 0.6em; display: inline-block; margin-right: 2em; }

.gotoDetaillink { padding: 0.2em 0.6em; }
.gotoDetaillink:hover { text-decoration: underline; }

.ergebnis-container {  }