/* 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 */
}

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

footer>* {
    color: white;
}

.md-tab.md-active {
    background: #84bd00;
    color: white !important;
}

.tile {
    background: #84bd00;
    border: 1px solid #acacac;
    box-shadow: 2px 2px 5px #717171;
    cursor: pointer;
}

.tile.selected span.md-title {
    color: yellow;
}

.tile>* {
    color: white;
}

.slot {
    border: 1px solid silver;
    padding: 0.5cm 0.2cm;
    box-shadow: 1px 1px 5px -1px #717171;
    cursor: pointer;
    background:#84bd00;
    color:white;
}

.slot.selected {
    border: 2px solid rgb(48, 150, 245);
}

.slot.occupied {
    cursor: auto;
    box-shadow: none;
    background:#003644;
    color:white;
}

.md-tab {
    text-transform: none;
    padding: 8px 16px;
    line-height: 14px;
}

md-tabs-canvas {
    height: 32px;
}

md-pagination-wrapper {
    height: 32px;
}

md-input-container.no-errors-spacer div.md-errors-spacer {
    display: none;
}

md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
    top: 33px !important;
}

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

/* IE FIX */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .flex {
        flex: 1 auto;
    }
}