/* Layout */
    /* Obsolet: 100% Höhe erzwingen */
        /*
        html,
        body,
        .wrapper,
        .wrapper-content,
        #content,
        md-sidenav,
        md-content
        {
            min-height: 100% !important;
        }

        html,
        body
        {
            overflow: hidden;
        }
        md-content.content-main{
            max-height: 100% !important;
            overflow: auto;
        }
        */

    md-sidenav {
        width: 250px;
        padding:20px;
        /*background-color: #6bc7cc;*/
    }

    md-content {
        /*background-color : tan;*/
        padding:20px;
    }

/* Content-Bereich */
    /*
    .md-subheader {
        background-color: rgba(250, 250, 250, 0.3);
        color: rgba(0, 0, 0, 0.54);
        margin: -20px -20px 20px !important;
    }
    md-content .md-subheader {
        margin: -68px -20px 68px !important;
    }
    */
    md-list-item .md-button{
        padding: 10px 16px !important;
    }

/* Sidebar */
    md-sidenav md-input-container {
        /*margin: 0px 0;*/
        text-align: left;
    }
    md-sidenav{
        padding: 0;
        text-align: center;
    }
    md-sidenav .container-filter{
        padding: 20px 20px 20px 10px;
    }
    /*
    md-sidenav md-input-container.datepicker .md-datepicker-input-container {
        width: 174px;
    }
    */
    md-input-container.container-input-select{
        width: 100%;
    }

    md-sidenav button[type="submit"]{
        margin-top: 20px;
    }

    /* Datepickers */
        md-sidenav md-input-container.datepicker._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
            left: auto;
            right: auto;
            /*width: calc(100% - 84px);*/
        }

        md-sidenav md-input-container.datepicker .md-icon-button + .md-datepicker-input-container {
            margin-left: 0;
        }

        md-sidenav md-input-container.datepicker .md-button.md-icon-button {
            margin: 0;
            padding: 0;
            width: 28px;
            margin-right: 6px;
        }

        md-sidenav md-input-container.datepicker .md-datepicker-input-container {
            width: 182px;
        }

        md-sidenav md-input-container.datepicker .md-datepicker-button .md-datepicker-calendar-icon{
            color: rgba(0, 0, 0, 0.87)
        }

    /* Filter Formular */
        .hint {
            bottom: -6px;
            color: rgba(0,0,0,0.6);
            font-size: 12px;
            left: 6px;
            line-height: 14px;
            position: absolute;
            right: auto;
            transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0s;
        }

        /*
        md-input-container.has-hint{
            margin-bottom: 25px;
        }
        */

/* Aktuelles */
.md-list-item-text .md-avatar{
    height: 20px !important;
    width: 20px !important;
    margin: 0 !important;
    position: relative;
    top: 4px;
}
.field-empfaenger {
    margin: 0 !important;
    /* margin: 0 0 5px 0 !important; */
}
.field-absender {
    margin: 0 !important;
}
.field-ausschnitt{
    font-size: 11px;
    margin: 5px 0 0 0;
}
#content md-list-item .item-title,
#content md-list-item .field-datum,
#content md-list-item .field-absender,
#content md-list-item .field-empfaenger {
    font-weight: 500;
}

md-dialog-content .field-datum{
    margin: 0 !important;
}

.field-text{
    /*
    width:100% !important;
    min-height: 300px;
    overflow: auto;
    */
    font-size: 12px;
}
#error{
    color: #c00;
}

/*
.img-filetype:before {
    content: ' ';
    display: inline-block;
    height: 48px;
    width: 48px;
    background-image: url('img/filetypes/_blank.png');
}
*/
md-dialog md-dialog-content iframe{
    width: 100% !important;
    height: 400px !important;
}

/* Fortschrittsanzeige */
    /*
    #loading-bar .peg{
        background: #3F51B5;
        height: 5px !important;
        border-radius: 0 !important;
    }
    #loading-bar .bar {
        position: relative;
        background: #3F51B5;
        background: rgba(0, 0, 0, 0.7) !important;
    }
    */
    #loading-bar .peg{
        display: none !important;
    }
    #loading-bar {
        background: rgba(170, 209, 249, 1) !important;
        background: rgba(0, 0, 0, 0.3) !important;
        width: 100%;
        height: 5px !important;
        position: absolute;
        top: 0;
        /*border: 1px solid #f00;*/
        z-index: 10001 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    #loading-bar .bar {
        background: rgba(16, 108, 200, 1) !important;
        top: 0;
        left: 0;
        height: 5px !important;
        border-radius: 0 !important;
    }

.item-title{
    font-weight: 500;
}

/* Material Design icons */
    md-icon {
        /*
        fill: currentColor;
        height: 24px;
        width: 24px;
        */
        min-height: 18px;
        min-width: 18px;
    }
    .md-list-item-text md-icon.md-48{
        width: 48px !important;
        height: 48px !important;
    }
    .md-list-item-text md-icon.md-36{
        width: 36px !important;
        height: 36px !important;
    }
    .md-list-item-text md-icon.md-24{
        width: 24px !important;
        height: 24px !important;
    }
    .md-list-item-text md-icon.md-18{
        width: 18px !important;
        height: 18px !important;
    }

/* Layout: Scrollbare Bereiche */
    body{
        /*overflow: hidden;*/
        overflow-y: hidden;
    }
    /*
    .content-main{
        padding: 0;
        background: #fee;
        display: flex;
        flex-direction: column;
        min-height: 500px;
    }
    md-list{
        flex: 1;
        background: #ffe;
        overflow-y: scroll !important;
    }
    */
    .content-main{
        min-height: 500px;
        overflow-y: scroll;
        height: calc(100vh - 128px);
    }

.field-no-value{
    color: #aaa;
    font-style: italic;
}

.icon-attachment{
    height: 24px;
    width: 24px;
    min-height: 24px;
    min-width: 24px;
}
/*
md-sidenav{
    background: #f00 !important;
}
*/

.md-button:not([disabled]):hover {
    background-color: rgba(200, 200, 237, 0.2) !important;
}


md-dialog#dialog-profile .md-actions, md-dialog md-dialog-actions{
    padding-right: 24px;
}