/* https://csscompressor.com/ */
html,body{font-family:'Roboto','Helvetica',sans-serif}
.demo-avatar{width:48px;height:48px;border-radius:24px;box-shadow:0 0 3em #000}
.demo-layout .mdl-layout__header .mdl-layout__drawer-button{color:rgba(0,0,0,0.54)}
.mdl-layout__drawer .avatar{margin-bottom:16px}
.demo-drawer{border:none}
.demo-drawer .mdl-menu__container{z-index:-1}
.demo-drawer .demo-navigation{z-index:-2}
.demo-drawer .mdl-menu .mdl-menu__item{display:flex;align-items:center}
.demo-drawer-header{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;height:100px;background-repeat:no-repeat;background-position:center center}
.demo-avatar-dropdown{display:flex;position:relative;flex-direction:row;align-items:center;width:100%}
.demo-navigation{flex-grow:1}
.demo-layout .demo-navigation .mdl-navigation__link{display:flex!important;flex-direction:row;align-items:center;color:rgba(255,255,255,0.56);font-weight:500}
.demo-layout .demo-navigation .mdl-navigation__link:hover{background-color:#00BCD4;color:#37474F}
.demo-layout .demo-navigation .mdl-navigation__link.mdl-navigation__link--current{color: black;}
.demo-layout .demo-navigation .mdl-navigation__link.mdl-navigation__link--current:hover{color: black;}
.demo-navigation .mdl-navigation__link .material-icons{font-size:24px;color:rgba(255,255,255,0.56);margin-right:32px}
.demo-content{max-width:1080px}
.demo-charts{align-items:center}
.demo-chart:nth-child(1){color:#ACEC00}
.demo-chart:nth-child(2){color:#00BBD6}
.demo-chart:nth-child(3){color:#BA65C9}
.demo-chart:nth-child(4){color:#EF3C79}
.demo-graphs{padding:16px 32px;display:flex;flex-direction:column;align-items:stretch}
.demo-graph:nth-child(1){color:#00b9d8}
.demo-graph:nth-child(2){color:#d9006e}
.demo-cards{align-items:flex-start;align-content:flex-start}
.demo-cards .demo-separator{height:32px}
.demo-cards .mdl-card__title.mdl-card__title{color:#fff;font-size:24px;font-weight:400}
.demo-cards ul{padding:0}
.demo-cards h3{font-size:1em}
.demo-updates .mdl-card__title{min-height:200px;background-image:url(images/dog.png);background-position:90% 100%;background-repeat:no-repeat}
.demo-cards .mdl-card__actions a{color:#00BCD4;text-decoration:none}
.demo-options h3{margin:0}
.demo-options .mdl-checkbox__box-outline{border-color:rgba(255,255,255,0.89)}
.demo-options ul{margin:0;list-style-type:none}
.demo-options li{margin:4px 0}
.demo-options .material-icons{color:rgba(255,255,255,0.89)}
.demo-options .mdl-card__actions{height:64px;display:flex;box-sizing:border-box;align-items:center}
.recipe-cell,.admin-cell{max-width:333px}
.stats-cell{max-width:100%}
.stats-card{width:100%}
.recipe-card.mdl-card,.admin-card.mdl-card,.stats-card.mdl-card{min-height:150px}
.recipe-card .mdl-card__title,.admin-card .mdl-card__title,.stats-card .mdl-card__title{flex-direction:column;justify-content:flex-end}
.recipe-card .mdl-card__title-text,.recipe-card .mdl-card__subtitle-text,.admin-card .mdl-card__title-text,.admin-card .mdl-card__subtitle-text,.stats-card .mdl-card__title-text,.stats-card .mdl-card__subtitle-text{align-self:flex-start}
.mdl-card,.mdl-card__supporting-text{overflow:inherit}
.subpageheader{display:-webkit-flex;display:-ms-flexbox;display:flex;color:rgba(0,0,0,.54);-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;text-transform:uppercase;font-size:16px;font-weight:500;margin:10px}
.no-results span{font-weight:700}
.mdl-textfield__label{font-size:16px!important}
.mdl-layout__header-row .mdl-menu .mdl-menu__item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.mdl-layout__header-row .mdl-menu .mdl-menu__item .material-icons{padding-right:8px}
.mdl-layout__header,.mdl-layout__header div,.mdl-layout__header i,.mdl-layout__header span,.mdl-layout__content,.mdl-layout__content div,.mdl-layout__content i,.mdl-layout__content span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.chip_catalog_add{cursor:pointer}
.mdl-cell{display:flex}
.mdl-chip{margin-top:8px;margin-left:8px}
.mdl-chip-group-tag.mdl-chip{background: #37474f; color: #eceff1}
.mdl-chip-group-tag.mdl-chip-group-tag-845.mdl-chip {background: darkblue !important; color: yellow !important} /** Gruppe - Aktive THW Helfer **/
/*.mdl-chip-group-tag.mdl-chip-group-tag-842.mdl-chip {background-color: #00BCD4 !important; color: #37474F !important} * Gruppe - Allgemein **/
.mdl-chip-group-tag.mdl-chip-group-tag-402.mdl-chip {background-color: #00BCD4 !important; color: #37474F !important} /** Gruppe - Fam. Nelkert **/
.mdl-grid{padding-bottom:0}
.dci.mdl-card{cursor:pointer;margin-right:4px;margin-bottom:4px;background:center / cover;background-color:lightgray;background-size:cover;background-repeat:no-repeat}
@media screen and (min-width:1024px) {
    width:300px;height:200px;
}
.dci > .mdl-card__actions{height:52px;padding:16px;background:rgba(0,0,0,0.2)}
.dci__filename, .dci__portrait{color:#fff;font-size:14px;font-weight:500}
.dci.imagesLeft .mdl-card__title{padding:0;background-color:rgba(0,0,0,0.50)}
.dci.imagesLeft .mdl-card__title-text{margin:auto;font-size:400%;color:#fff;opacity:.85;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-shadow:rgba(0,0,0,0.75) 0 -1px,rgba(0,0,0,0.75) -1px 0px,rgba(0,0,0,0.75) 1px 0px,rgba(0,0,0,0.75) 0 1px}
.isOnlyVisibleForPresentPeople .mdl-card__menu{background-color:#ff0;border-radius:50%;opacity:.75}
.isOnlyVisibleForDisplayedPeople .mdl-card__menu{background-color:red;border-radius:50%;opacity:.75}

@media screen and (max-width:1024px) {
    .square .dci{min-height:10px!important;width:19%!important}
    .square .dci:before{content:"";float:left;padding-bottom:100%}
    .square .dci:after{content:"";display:table;clear:both}
    .square .dci .mdl-card__title{position:absolute;bottom:0;width:100%;height:100%}
    .square .dci.imagesLeft .mdl-card__title-text{font-size:350%}
    .dci > .mdl-card__actions {height:52px;padding:16px;background:rgba(0,0,0,0.2);position:absolute;bottom:0;}
}

@media screen and (max-width:780px) {
    .square .dci{min-height:10px!important;width:24%!important}
    .square .dci.imagesLeft .mdl-card__title-text{font-size:250%}
}

@media screen and (max-width:630px) {
    .square .dci{min-height:10px!important;width:32%!important}
    .square .dci.imagesLeft .mdl-card__title-text{font-size:250%}
}

@media screen and (max-width:480px) {
    .square .dci{min-height:10px!important;width:48%!important}
    .square .dci.imagesLeft .mdl-card__title-text{font-size:250%}
}

@media screen and (max-width:380px) {
    .square .dci{min-height:10px!important;width:99%!important}
    .square .dci.imagesLeft .mdl-card__title-text{font-size:400%}
    .square .dci.r_0_0:before{padding-bottom:0}
    .square .dci.r_0_1:before{padding-bottom:10%}
    .square .dci.r_0_2:before{padding-bottom:20%}
    .square .dci.r_0_3:before{padding-bottom:30%}
    .square .dci.r_0_4:before{padding-bottom:40%}
    .square .dci.r_0_5:before{padding-bottom:50%}
    .square .dci.r_0_6:before{padding-bottom:60%}
    .square .dci.r_0_7:before{padding-bottom:70%}
    .square .dci.r_0_8:before{padding-bottom:80%}
    .square .dci.r_0_9:before{padding-bottom:90%}
    .square .dci.r_1_0:before{padding-bottom:100%}
    .square .dci.r_1_1:before{padding-bottom:110%}
    .square .dci.r_1_2:before{padding-bottom:120%}
    .square .dci.r_1_3:before{padding-bottom:130%}
    .square .dci.r_1_4:before{padding-bottom:140%}
    .square .dci.r_1_5:before{padding-bottom:150%}
    .square .dci.r_1_6:before{padding-bottom:160%}
    .square .dci.r_1_7:before{padding-bottom:170%}
    .square .dci.r_1_8:before{padding-bottom:180%}
    .square .dci.r_1_9:before{padding-bottom:190%}
    .square .dci.r_2_0:before{padding-bottom:200%}
    .square .dci.r_2_1:before{padding-bottom:20%}
    .square .dci.r_2_2:before{padding-bottom:220%}
    .square .dci.r_2_3:before{padding-bottom:230%}
    .square .dci.r_2_4:before{padding-bottom:240%}
    .square .dci.r_2_5:before{padding-bottom:250%}
    .square .dci.r_2_6:before{padding-bottom:260%}
    .square .dci.r_2_7:before{padding-bottom:270%}
    .square .dci.r_2_8:before{padding-bottom:280%}
    .square .dci.r_2_9:before{padding-bottom:290%}
    .square .dci.r_3_0:before{padding-bottom:300%}
}
kbd{
    padding: 0.1em 0.6em;
    border: 1px solid #CCC;
    font-family: Arial,Helvetica,sans-serif;
    background-color: #F7F7F7;
    color: #333;
    -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset;
    -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px white inset;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px white inset;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    margin: 0 0.1em;
    text-shadow: 0 1px 0 white;
    line-height: 1.4;
    white-space: nowrap;
}
.feedback-btn, .feedback-btn-into {
    opacity: 0.75;
    padding: 10px;
    outline: 0;
    background-clip: padding-box;
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -moz-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    z-index: 40000;
    font-size: 14px;
    position: fixed;
    bottom: -3px;
    right: 60px;
    width: auto;
}

.feedback-btn-into {right: 170px !important; display: none;}
/*.introjs-helperLayer {opacity: 0.5}*/
.into_hint {
    background-color: #f0f7fb;
    border-left: solid 4px #3498db;
    /*line-height: 25px;*/
    overflow: hidden;
    padding: 4px;
    display: block;
    font-weight: bold;
        margin: 5px 0;
        color: black;
        opacity: 0.8;
}
.chip_catalog {
    height: 42px;
    display: inline-table;
}
.introjs-tooltip {
    min-width: 300px !important;
}
.mdl-tooltip.mdl-tooltip-into {
    font-size: 14px;
    text-align: left;
    max-width: 300px;
}
/*.fullscreen_selective .mdl-tooltip.mdl-tooltip-into {
    display: none;
}*/
.dci.dci_hl{
    /*box-shadow: 0px 0px 40px 20px rgb(255,110,64);*/
    box-shadow: 0px 0px 0px 5px rgb(255,110,64);
    z-index: 2;
}
.demo-header, .mdl-layout__header-row {
    overflow: hidden;
}
#mdl-layout-title-text {
    max-width: calc(100% - 200px);
    overflow: hidden;
    max-height: 40px;
}
@media screen and (max-width:630px) {
    #mdl-layout-title-text {
        font-size: 16px;
        max-height: 48px;
    }
}
.demo-layout.mdl-layout--fixed-drawer>.mdl-layout__header .mdl-layout__header-row {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
@media screen and (max-width: 1024px){
    .demo-layout.mdl-layout--fixed-drawer>.mdl-layout__header .mdl-layout__header-row {
        padding-left: 54px !important;
    }
}
.chip_catalog_right > span,
.mdl-chip--contact,
.mdl-admin {
    background-color: lightgreen;
}
.search_for_tag {
    cursor: pointer;
}

/* This is a compiled file, you should be editing the file in the templates directory */
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #eb7a55;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

h4#dialog_t {
    font-size: 20px;
}
.hint_internal_usage,
.hint_internal_limit{
/*    left: 0;
    bottom: 0;*/
    background-color: #FFEB9C;
    color: #9C6500;
    border: 1px solid #9C6500;
    border-bottom: 0px solid #9C6500;
    border-radius: 3px;
    bottom: -3px;
    display: block;
    opacity: 0.75;
    padding: 10px;
    position: fixed;
    left: calc(50% - 136px);
    text-align: center;
    z-index: 4;
    -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
    cursor:not-allowed;
}
.hint_internal_limit {
    width: 252px;
    bottom: 40px;
    
    background-color: rgb(255,199,206);
    color: rgb(156,0,6);
    border: 1px solid rgb(156,0,6);
}
.button_face_active .hint_internal_usage,
.button_face_active .hint_internal_limit,
.button_face_active .feedback-btn,
.button_face_active .feedback-btn-into {
    display: none !important;
}
.dci.isTrash {
    opacity: 0.5;
    color: rgb(255,110,64);
    filter: grayscale(100%);
}
.dci.isFavorite {
    color: gold !important;
}

.mdl-tooltip del {
    opacity: 0.5;
}


.demo-card-wide {
    float: left;
    margin: 0px auto;
}
.demo-card-wide.mdl-card {
    /*width: 512px;*/
    /*margin: 30px auto;*/
    margin: 8px;
    margin-bottom: 16px;
}
.demo-card-wide > .mdl-card__title {
    color: #fff;
    height: 176px;
    background: center / cover no-repeat;
}
.demo-card-wide .mdl-card__title-text {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 10px;
}
.subpageheader .mdl-card__title-text {
    background-color: transparent;
    color: white;
}