/* material-icons-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('./assets/fonts/material-icons-v142-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('./assets/fonts/material-icons-v142-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* titillium-web-regular - latin_latin-ext */
@font-face {
    font-display: swap;
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: url('./assets/fonts/titillium-web-v17-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('./assets/fonts/titillium-web-v17-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

html * {
    font-family: 'Titillium Web', sans-serif;
}

table[md-table] tr {
    cursor: pointer;
}

.md-button {
    text-transform: none !important;
    /* capitalize */
}

.login {
    width:100%!important;
}

.pw-forgot {
    width:100%!important;
}

.setpassword {
    width:100%!important;
}

#content {
    width:1050px;
}

#content>ui-view:first-child {
    /* border: 1px solid gray; */
    background: #f4f4f4;
}

md-input-container>label {
    color: black !important;
}

md-select-value>span {
    color: black !important;
}

/* md-table-container > th > span {
    color:black !important;
} */
table.md-table th.md-column {
    color: black !important;
    font-weight: bold;
}

.my-shadow {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}

.no-v-margin {
    margin-top: 0;
    margin-bottom: 0;
}
.no-h-margin {
    margin-right: 0;
    margin-left: 0;
}
.no-b-margin {
    margin-bottom:0;
}
.no-t-margin {
    margin-top:0;
}

md-list-item.selected {
    background: whitesmoke;
}

md-input-container label:not(.md-container-ignore).md-required:after {
    content: "* Pflichtfeld"
}

md-select.ng-required.ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after, md-select[required].ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after {
    content: "* Pflichtfeld"
}

.tile {
    color: white;
    box-sizing: border-box;
    cursor:pointer;
}
.tile-marked {
    border: 3px solid black;
}

md-toast.md-center {
    left: 50%;
    transform: translate3d(-50%, 0, 0);
}

md-toast {
    left: calc(50vw - 150px)!important;
    bottom: calc(50vh)!important;
    text-align:center!important;
  }