@font-face {
    font-family: 'DINProLight';
    src: url('../webfonts/DINProLight.eot');
    src: local('DINProLight'), url('../webfonts/DINProLight.woff') format('woff'), url('../webfonts/DINProLight.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_13033">Text with this font applied</p> */
.fontsforweb_fontid_13033 {
    font-family: 'DINProLight', sans-serif !important;
}

body { font-family: 'DINProLight', sans-serif !important; background-color: #1a3f5a; }

.app-rot { color: #e10c1c; }
.app-orange { color: #cc6600; }
.app-gruen { color: #669900; }
.app-primary { color: #003399; }
.app-silver { color: #f6f6f6; }
.app-white { color: #ffffff; }
.app-hellblau { color: #0074b4; }
.app-dunkelblau { color: #223d69; }
.app-dunkelgrau { color: #333333; }



.app-primary-inverted { color: #f6f6f6; background-color: #223d69; }

.bkg-rot { background-color: #e10c1c; }
.bkg-orange { background-color: #cc6600; }
.bkg-gruen { background-color: #669900; }
.bkg-primary { background-color: #003399; }
.bkg-lila { background-color: rgba(73, 76, 225, 0.04); }
.bkg-silver { background-color: #f6f6f6; }
.bkg-white { background-color: #ffffff; }
.bkg-hellblau { background-color: #0074b4; }
.bkg-dunkelblau { background-color: #1a3f5a; }
.bkg-dunkelgrau { background-color: #333333; }


.link-menu { text-decoration: none; color: #333333; font-weight: bold; margin-right: 1em; }
.highlite-yellow { border-left: 2px solid #ffc107; padding-left: 1em; }



footer a,a.nav-link, a.app-primary, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #003399 !important; }
a:hover { color: #669900 !important; }
a.btn:hover { color:#f9f9f9 !important; }

footer a.app-white { text-decoration: none; color: #f0f0f0 !important; }
footer a.app-white:hover { text-decoration: none; color: #ffffff !important; font-weight: bold; }

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

.kurs-card:hover { box-shadow: 0 0 11px rgba(33,33,33,.2); }

.linkable { cursor: pointer; }

.fall-meldung { border-left: 2px solid #003399; margin-bottom: 1.4em; padding-left: 1em; }

form.rounded-2 { border: 1px solid white; background-color: white; padding: 2em;  }

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, table.plain td { 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; }

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

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

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

.bildrahmen { min-width: 130px; min-height: 130px; max-width: 130px; height: 130px; overflow: hidden;
    margin-left: 2em; float: left;
    background: url("../img/fotoapparat.png") no-repeat center center; border: 1px solid #999999; background-size: 60px 40px; }
.bildrahmen img { width: 130px; height: 130px; }

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

.widget { float: left; border: 1px solid #003399; padding: 1em; margin: 1em; }
.widget h5 { border-bottom: 1px solid #003399; 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, .striped-container .flex-row { background-color: rgba(60,148,255,.08); }
.striped-container .row:nth-child(odd), .striped-container .flex-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 #003399; }
.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: #003399; 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: #003399; 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: #003399; 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%, #00339933 2%,
        #00339933 4%, #cccccc 4%);
}

.abwesend-grid-tag { background-color: #eeeeee; border-radius: 3px; border: 1px solid #333333; padding: 0.4em 0 0.4em 1.0em; width:13%; float: left; margin: 0.4em; }
.abwesend-grid-tag-header { padding: 0.4em 0 0.4em 1.0em; width:13%; float: left; margin: 0.4em; font-weight: bold; text-align: center; }
.abwesend-grid-tag.normal { background-color: #cccccc; }
.abwesend-grid-tag.urlaub { background-color: #003399; }
.abwesend-grid-tag.krankenstand { background-color: #cc6600; }
.abwesend-grid-tag.abwesend { background-color: #666666; }
.abwesend-grid-tag.leer { background-color: #F6F6F6; }


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 #003399; 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; }

.tageskind { color: #669900; cursor: pointer; }
.tageskind:hover { text-decoration: underline; }

.pflegekind { color: #cc3300; cursor: pointer; }
.pflegekind:hover { text-decoration: underline; }


.ergebnis-container {  }