@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../mat-font/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../mat-font/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'),
    url(../mat-font/MaterialIcons-Regular.woff) format('woff'),
    url(../mat-font/MaterialIcons-Regular.ttf) format('truetype');
}

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

md-sidenav.md-default-theme, md-sidenav, md-sidenav.md-default-theme md-content, md-sidenav md-content {
    background-color: rgb(255,255,255);
}

md-card {
    background-color: rgb(255,255,255);
}

md-card.Kategorie {
    -webkit-flex: 1 1 22em;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 22em;
}

md-card.Kategorie table {
    width: 50%;
}

md-card.Kategorie table td {
    vertical-align: bottom;
}

md-card.Kategorie .numeric {
    text-align: right;
}

md-card.Kategorie table td span {
    white-space: nowrap;
}

md-card.Tierhalter {
    /*padding-bottom: 16px;*/
    box-shadow: none;
    background-color: transparent;
}

md-card.InfoBox {
    background-color: lightyellow;
}
.InfoBox md-card-content {
    padding: 8px;
    font-size: small;
}
.InfoBox i {
    margin-right: 6px;
    color: rgb(255,87,34);
}
.Tierhalter md-card-content {
    padding: 0 0 0 16px;
}

.Tabelle md-card-content {
    padding: 0 16px;
}
.tableRefreshInfoText {
    color: darkgray;
    padding-right: 16px;
    font-size: small;
}

md-card md-card-title {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}

md-dialog {
    background-color: rgb(255,255,255);
    transition: opacity 0.2s ease;
    max-height: 85% !important;
}

md-dialog.no-close-animation.md-transition-out {
    transition: none !important;
    transform: none !important;
    opacity: 0 !important;
}

.dialog-small {
    min-width: 480px;
    max-width: 480px;
}

.dialog-medium {
    min-width: 680px;
    max-width: 680px;
}

.dialog-large {
    min-width: 960px;
    max-width: 960px;
}

.fullscreen-dialog {
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    margin: 0 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
}

md-input-container .md-input {
    font-size: 100%;
    max-width: 100%;
}

@media screen and (min-width: 960px) {
    md-input-container {
        max-height: 34px;
    }

    .flex-gt-sm-61, .layout-row > .flex-gt-sm-61 {
        flex: 1 1 100%;
        max-width: 61%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .flex-gt-sm-62, .layout-row > .flex-gt-sm-62 {
        flex: 1 1 100%;
        max-width: 62%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .flex-gt-sm-63, .layout-row > .flex-gt-sm-63 {
        flex: 1 1 100%;
        max-width: 63%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .flex-gt-sm-64, .layout-row > .flex-gt-sm-64 {
        flex: 1 1 100%;
        max-width: 64%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .flex-gt-sm-36, .layout-row > .flex-gt-sm-36 {
        flex: 1 1 100%;
        max-width: 36%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .flex-gt-sm-37, .layout-row > .flex-gt-sm-37 {
        flex: 1 1 100%;
        max-width: 37%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .flex-gt-sm-38, .layout-row > .flex-gt-sm-38 {
        flex: 1 1 100%;
        max-width: 38%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .flex-gt-sm-39, .layout-row > .flex-gt-sm-39 {
        flex: 1 1 100%;
        max-width: 39%;
        max-height: 100%;
        box-sizing: border-box;
    }
}
@media screen and (min-width: 600px) {
    md-input-container {
        max-height: 34px;
    }
}

.md-datepicker-input-container {
    width: 100%;
}

#MainContentContainer {
    padding-left: 60px;
}

.main-toolbar {
    z-index: 59;
}
.NewVersionAlert {
    font-size: small;
}
.md-sidenav-left.md-closed, md-sidenav.md-closed {
    -webkit-transform: translate3d(-260px, 0, 0);
    -moz-transform: translate3d(-260px, 0, 0);
    -ms-transform: translate3d(-260px, 0, 0);
    -o-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
}

md-sidenav.md-closed {
    display: block;
}

#list_item_nav_button {
    margin-right: -16px;
}

#nav_button {
    margin-right: 0px;
}

.md-calendar, .md-calendar-day-header {
    color: black;
    color: rgba(0,0,0,0.87);
}

.md-toolbar-tools-bottom {
    font-size: small;
}

.md-toolbar.md-table-toolbar.alternate .md-toolbar-tools {
    font-size: 16px;
}

.nowrap {
    white-space: nowrap;
}

.gw-calc-protocol {
    display: block;
    font-family: monospace;
    unicode-bidi: isolate;
    white-space: pre;
}

md-input-container.note-dialog-input {
    margin-top: 8px;
}

md-input-container.note-dialog-input textarea.md-input {
    line-height: normal;
    font-family: monospace;
    unicode-bidi: isolate;
    white-space: pre;
}

md-input-container.md-icon-right .md-icon-button {
    position: absolute;
    top: 0;
}

.pdf-viewer {
    align-content: center;
    background-color: rgb(50, 50, 50);
    color: rgb(245, 245, 245);
    height: 100vh;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
}
    .pdf-viewer object {
        width: 100%;
        margin: 0px;
        padding: 0px;
        height: 100%;
    }
    .pdf-viewer span {
        display: block;
        position: relative;
        z-index: 999;
    }

/* Tabellen BEGIN */
table.md-table:not(.md-row-select) td.md-cell:first-child,
table.md-table:not(.md-row-select) th.md-column:first-child {
    padding: 0 12px 0 12px;
}

table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 12px 0 0;
}

table.md-table.md-row-select td.md-cell:nth-child(2),
table.md-table.md-row-select th.md-column:nth-child(2) {
    padding: 0 12px 0 12px;
}

table.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2),
table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2) {
    padding: 0 12px 0 0;
}

table.md-table td.md-cell:last-child,
table.md-table th.md-column:last-child {
    padding: 0 12px 0 0;
}

table.md-table td.md-cell md-input-container {
    text-align: left;
}

/*table.md-table td.md-cell button.md-button:first-child {
    margin: 0;
}

table.md-table td.md-cell button.md-button:nth-child(n+2) {
    margin: 0 0 0 6px;
}*/

table.md-table th.md-column md-icon {
    min-height: 16px;
    min-width: 16px;
}

table.md-table tbody.md-body > tr.md-row {
    transition: background-color 0.2s;
}

td:first-child {
    position: relative; /* wichtig! */
}

tr.md-selected td:first-child::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: rgba(96, 125, 139, 0.8);
}

.md-selected {
    background-color: rgba(96, 125, 139, 0.1);
}

    .md-selected:hover {
        background-color: rgba(96, 125, 139, 0.15);
    }

table.md-table tbody.md-body > tr.md-row:not(.md-selected):not([disabled]):hover {
    background-color: #f5f5f5;
}

#masterDataWrapper table thead tr {
    height: 45px;
}

#masterDataWrapper table th {
    font-size: 15px;
}

.table-property-value td:first-child {
    font-variant:small-caps;
}

tfoot[md-foot] .summary-row td[md-cell] {
    font-weight: 600;
    border-top: 2px solid #ddd;
    background: #fafafa;
}

td.actions {
    white-space: nowrap;
}

td.editable-cell {
    cursor: pointer;
}

    td.editable-cell .md-icon-button {
        margin-left: 4px;
        vertical-align: middle;
    }

    td.editable-cell:has(.md-icon-button:hover) span {
        text-decoration: underline dotted;
    }

    td.editable-cell .inline-icon {
        margin-left: 6px;
        opacity: .6;
    }

    td.editable-cell:hover .inline-icon {
        opacity: 1;
    }

    /* optischer Hinweis */
    td.editable-cell:hover .value {
        text-decoration: underline dotted;
    }

/* Tabellen END*/

ul.breadcrumb {
  padding: 0;
  margin-left: 56px;
  list-style: none;
}

ul.breadcrumb li {
    display: inline;
    cursor: default;
}
    ul.breadcrumb li span {
        text-decoration: none;
        font-size: large;
    }

.breadcrumblink:hover {
    cursor: pointer;
    text-decoration: underline;
}

ul.breadcrumb li:last-child span {
    font-size: larger;
}

.adc-md-error {
    color: rgb(221,44,0);
    font-size: 12px;
    line-height: 14px;
    opacity: 1;
    margin-top: 0;
    padding-top: 5px;
}
.adc-md-hinweis {
    font-size: smaller;
    color: black;
    color: rgba(0,0,0,0.67);
}

.MasterDataLabel {
    margin-top: -14px;
}

md-progress-linear .md-bar {
    background-color: #FF5722;
}

#back-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 3;
}

#loading-bar .bar {
    height: 4px;
}

#loading-bar-spinner {
    top: 50%;
    left: 50%;
}

#loading-bar-spinner .spinner-icon {
    width: 30px;
    height: 30px;
    margin-top: -30px;
    margin-left: -30px;
    border: solid 4px transparent;
    border-top-color: #FF5722;
    border-left-color: #FF5722;
}

md-menu-content {
    background-color: white;
    color: black;
    color: rgba(0,0,0,0.87);
}

md-menu-content md-menu-item {
    color: black;
    color: rgba(0,0,0,0.87);
}

md-menu-content>.default>.md-button {
    font-weight: bolder;
}

.deviating-var-values { /* abweichende Variablen */
    background-color: rgba(255, 255, 0, 0.3);
}
.cell-value-error {
    background-color: rgba(255, 0, 0, 0.3);
}

md-tab-item > span > sup {
    color: rgb(255,110,64);
}

md-card-title > md-card-title-text > span > sup {
    background: rgb(255, 110, 64);
    color: white;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: small;
    vertical-align: top;
    margin-left: 4px;
    line-height: 1;
}

.md-input-container-info {
    padding-left: 3px;
    padding-right: 0;
    font-size: small;
}
.md-input-container-info label:first-child {
    margin-top: -17px;
    color: rgba(0,0,0,0.54);
    pointer-events: none;
}

input[type="search"]::-ms-clear {  display: none; }
input[type="search"]::-ms-reveal {  display: none; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

/*::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}
::-webkit-scrollbar-thumb {
    border: 3px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.3);
    box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05), inset 1px 1px 0 rgba(0, 0, 0, 0.05);
}*/

body.testsystem-mode md-content {
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='300' height='200'>\
<text x='0' y='100' fill='rgba(0,0,0,0.2)' font-size='30' transform='rotate(-30)'>Testsystem</text>\
</svg>");
    background-repeat: repeat;
    background-position: center;
    background-size: 300px 200px;
}

.compact-table tr {
    height: 35px !important;
}

.bolder {
    font-weight: bolder;
}