a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

h3 {
    color: #606060;
}

/*img.logo {
    margin-right: 16px;
}*/

/* Changes the background color for the toolbar */
/*md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    background-color: #FAFAFA;
}*/

md-toast.md-error-toast-theme div.md-toast-content {
    color: white !important;
    background-color: red !important;
}

md-toast.md-success-toast-theme div.md-toast-content {
    color: white !important;
    background-color: green !important;
}

.information-banner {
    min-height: 40px;
    max-height: 1000px;
    letter-spacing: .005em;
    box-sizing: border-box;
    font-weight: 400;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: 100%;
    padding: 4px 16px;
    margin: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #000000DE;
    background-color: #f6f7a5;
    font-size: 16px;
}

.fade.ng-hide {
    transition: all .6s ease-out;
    transform-origin: left top;
    transform: translateY(-50px);
    max-height: 0;
    padding: 0;
    margin-bottom: -40px;
    /**/
}

.status-badge {
    display: inline-block;
    text-align: center;
    width: 50px;
    padding: 3px 5px 3px 5px;
    border-radius: 4px;
}

.active {
    background-color: #90EE90AA;
}

.inactive {
    background-color: #f3ec83AA;
}


.hint {
    /* Position the hint */
    position: absolute;
    left: 2px;
    right: auto;
    bottom: 7px;
    /* Copy styles from ng-messages */
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    /* Set our own color */
    color: grey;
}

    .hint.ng-hide,
    .hint.ng-enter,
    .hint.ng-leave.ng-leave-active {
        bottom: 26px;
        opacity: 0;
    }

        .hint.ng-leave,
        .hint.ng-enter.ng-enter-active {
            bottom: 7px;
            opacity: 1;
        }


/*Font Colors*/
.taxCreditApplicationStatus-color-submitted {
    color: blue;
}

.taxCreditApplicationStatus-color-approved {
    color: green;
}

.taxCreditApplicationStatus-color-denied {
    color: red;
}

.taxCreditApplicationStatus-color-denied-hours {
    color: red;
}

.taxCreditApplicationStatus-color-denied-site {
    color: red;
}

.taxCreditApplicationStatus-color-denied-lic {
    color: red;
}

.taxCreditApplicationStatus-color-denied-col {
    color: red;
}

.taxCreditApplicationStatus-color-denied-dup {
    color: red;
}

/*svg {
    fill: inherit;
}*/

.selectUserAccountSelectHeader {
    /* Please note: All these selectors are only applied to children of elements with the 'selectUserAccountSelectHeader' class */
}

.selectUserAccountSelectHeader .userAccount-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}

.selectUserAccountSelectHeader .userAccount-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
}

.selectUserAccountSelectHeader md-content._md {
    max-height: 240px;
}

.fw-bold {
    font-weight: bold;
}

md-toolbar.md-toolbar-prod-color {
    /* Intentionally left empty */
}

md-toolbar.md-toolbar-test-color {
    background-color: #7e3a61;
}

md-toolbar.md-toolbar-dev-color {
    background-color: #75628d;
}

.static-input {
    width: 300px;
}

.static-input-sm {
    width: 200px;
}

.md-input-invalid {
    border-radius: 9px;
    border: 1px solid #F00;
/*    The outline offset can be used to push the border ouside the markdown label when there is one attached to an input element 
    but at the expense of overlapping with adjacent elements with this style applied */
/*    outline: 2px solid #F00;*/
/*    outline-offset: 12px;*/
}

/* Fix Flexbox issues with Angular Material and IE 10*/
/* https://github.com/angular/material/issues/3834 */
/*.ie10 span[flex] {
    display: block;
}

.ie10 md-dialog {
    padding: 0px 20px;
}

.ie10 .ie10FixDivWithSidenav {
    display: inline-block;
    width: calc(100% - 280px);
}*/

/*@media screen and (min-width:0\0) {
  span[flex], md-card-content, md-dialog-content {
    display: block;
  }
}*/