md-option {
    height: 30px;
    transition: none !important;
}

    md-option .md-text {
        max-width: calc(100vw - 90px);
    }

md-menu-item {
    height: 36px;
    min-height: 36px;
}

.md-autocomplete-suggestions li {
    height: 36px;
    line-height: 36px;
}



/* Hide dotted bottom border for disabled md-select */
md-select[disabled] .md-select-value {
    background-image: none;
}


md-list-item {
    height: 2.6em;
    min-height: inherit;
}

    md-list-item .md-button, md-list-item .md-list-item-inner, md-list-item .md-secondary-container {
        height: 2.2em;
        min-height: initial;
    }

    md-list-item md-icon[md-font-icon] {
        line-height: 20px;
    }


md-icon, md-icon.fa {
    font-size: 1.3em;
}

md-select-menu {
    min-height: 76px;
    transition: unset !important;
    max-height: 402px;
}

    md-select-menu md-content {
        /*padding-top: 0 !important;
        padding-bottom: 0 !important;*/
        min-height: 0;
        transition: unset !important;
        max-height: 402px;
    }

md-menu-content {
    padding: 0;
}

/* Hide the autocomplete clear button */
md-autocomplete button {
    display: none;
}

/* md-tab stuff */

md-tabs {
    background: #fff;
    /* box-shadow: 0 1px 3px 0 rgba(0,0,0,.05), 0 1px 1px 0 rgba(0,0,0,.05), 0 2px 1px -1px rgba(0,0,0,.05); */
    margin: 0 15px 20px 0;
    transition: none !important;
    padding-right: 10px;
}

md-tabs-canvas {
    /* height: 45px; */
}

md-pagination-wrapper {
    height: 35px;
    width: inherit !important;
}

.md-tab {
    border-top: 3px solid transparent;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 6px 8px;
    text-transform: none;
}

    .md-tab.md-active {
        background: #fff;
        border-top: 3px solid #4285f4;
        color: #000 !important;
        font-weight: 400;
    }

    .md-tab:hover {
        background: #eee;
    }

md-tabs md-tab-content {
    background: #fff;
    transition: none;
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
    background: inherit;
    color: inherit;
}




md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value {
    color: inherit;
}

md-select.md-default-theme[disabled] .md-select-value, md-select[disabled] .md-select-value {
    color: rgba(0,0,0,0.2);
}

/*Commented this because it was causing the filter dropdown to become out of vertical alignment with the search textbox on the orders page. */
/*.md-select-value {
    min-height: inherit;
    min-width: inherit;
    /* flex-grow: 0;
}
     */

.md-select-value .md-select-icon {
    width: inherit;
}

.md-select-menu-container {
    background: #fff;
}

    .md-select-menu-container.md-leave {
        transition: unset !important;
    }


@media (min-width: 960px) {
    md-tooltip {
        font-size: 12px;
    }
}

md-tooltip .md-content {
    background: rgba(0, 0, 0, 0.6);
    /* How to add line breaks within tooltip: https://stackoverflow.com/a/33294288/1506667 */
    height: auto;
}

/* https://stackoverflow.com/a/42883935 */
md-tooltip.multiline-tooltip .md-content {
    height: auto !important;
    line-height: 18px !important;
    max-width: 400px !important;
}

md-tooltip.multiline-tooltip {
    height: auto !important;
    line-height: 18px !important;
    max-width: 400px !important;
    overflow: visible !important;
    white-space: normal !important;
}

    md-tooltip.multiline-tooltip ._md-content {
        height: auto !important;
        line-height: 18px !important;
        max-width: 400px !important;
    }

md-dialog .md-dialog-content {
    padding: 15px;
}

.md-button.md-button-normal-case {
    text-transform: none;
}

/* Fixes problem with md-autocomplete height going too small. */
/* https://github.com/angular/material/issues/5611#issuecomment-310306394 */
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    position: fixed;
    bottom: 50px !important;
    height: initial !important;
    max-height: 99999999px !important;
}



md-autocomplete {
    min-width: unset;
}


.md-chips {
    font-size: 12px;
}

md-chips.md-default-theme .md-chips, md-chips .md-chips {
    box-shadow: none;
}

md-chips.md-default-theme md-chip, md-chips md-chip {
    background: #fff;
    border: 1px solid #dcdcdc;
}

.md-chips md-chip .md-chip-remove md-icon {
    top: 10%;
    left: 20%;
    transform: scale(0.7);
}



md-toolbar {
    min-height: 45px;
    background-color: #303e4d !important;
    font-size: 16px;
    font-weight: 100;
}

.md-select-value > span:not(.md-select-icon) {
    white-space: normal;
}


md-input-container.md-default-theme > md-icon, md-input-container > md-icon {
    color: inherit;
}

.md-subhead {
    color: #777;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, md-input-container:not(.md-input-invalid).md-input-has-value label {
    color: grey;
}

md-input-container .md-input {
    border-radius: 4px;
    border: 1px solid #b3b3b3 !important;
    padding-left: 4px;
}

md-input-container .md-placeholder, md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    padding-left: 8px;
}




/* https://github.com/angular/material/issues/6789#issuecomment-447289539 */
md-fab-speed-dial.md-scale .md-fab-action-item {
    opacity: 0;
    transform: scale(0);
    transition-delay: 2ms;
    z-index: 22;
}

md-fab-speed-dial.md-scale.md-is-open .md-fab-action-item {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0;
    z-index: 22;
}