@font-face {
    font-family: 'Glyphicons HalflingsMSM';
    src: url('../fonts/glyphicons-halflings-regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

.app-bar-toolbar {
    border-bottom: hidden !important;
}

    .app-bar-toolbar .app-logo {
        /* text-indent: -9999px; */
        color: transparent !important;
        padding: 0px;
        background-image: url("/images/aschs_logo_white.png");
        background-color: transparent;
        background-size: auto 50px;
        background-position: center center;
        visibility: visible !important;
    }

.app-feedback {
    /* block over categories */
    /* background-color: #BDDCFF!important; */
    background-color: transparent !important;
    min-height: 20px !important;
}

.app-grid .small-cursive-column.app-field-Inv01, .small-cursive-column.app-field-Inv02, .small-cursive-column.app-field-Inv03, .small-cursive-column.app-field-Inv04, .small-cursive-column.app-field-Inv05, .small-cursive-column.app-field-Inv06,
.small-cursive-column.app-field-Inv07, .small-cursive-column.app-field-Inv08, .small-cursive-column.app-field-Inv09, .small-cursive-column.app-field-Inv10, .small-cursive-column.app-field-Inv11, .small-cursive-column.app-field-Inv12,
.small-cursive-column.span {
    font-size: small !important;
}

.app-grid .amount-column .app-field-Amt01, .amount-column .app-field-Amt02, .amount-column .app-field-Amt03, .amount-column .app-field-Amt04, .amount-column .app-field-Amt05, .amount-column .app-field-Amt06,
.amount-column .app-field-Amt07, .amount-column .app-field-Amt08, .amount-column .app-field-Amt09, .amount-column .app-field-Amt10, .amount-column .app-field-Amt11, .amount-column .app-field-Amt12,
.amount-column .span {
    background-color: #F8ECBE !important;
    color: #002060 !important;
    font-size: small !important;
    font-weight: bold !important;
    border-left: 2px solid;
    border-left-color: black;
}

/*.app-grid .var-irregular .app-field-Var02, .var-irregular .app-field-Var03, .var-irregular .app-field-Var04, .var-irregular .app-field-Var05, .var-irregular .app-field-Var06,
.var-irregular .app-field-Var07, .var-irregular .app-field-Var08, .var-irregular .app-field-Var09, .var-irregular .app-field-Var10, .var-irregular .app-field-Var11, .amount-column .app-field-Var12,
.var-irregular .span {
    background-color: red !important;
    color: black !important;
}*/

.app-grid .variation02 .app-field-Var02,
.variation02 .span {
    background-color: red !important;
    color: black !important;
}

.app-grid .variation03 .app-field-Var03,
.variation03 .span {
    background-color: red !important;
    color: black !important;
}

.app-grid .variation04 .app-field-Var04,
.variation04 .span {
    background-color: red !important;
    color: black !important;
}

.app-grid .variation05 .app-field-Var05,
.variation05 .span {
    background-color: red !important;
    color: black !important;
}

.app-grid .variation06 .app-field-Var06,
.variation06 .span {
    background-color: red !important;
    color: black !important;
}

.app-grid .variation07 .app-field-Var07,
.variation07 .span {
    background-color: red !important;
    color: black !important;
}

.app-grid .variation08 .app-field-Var08,
.variation08 .span {
    background-color: red !important;
    color: black !important;
}

.app-grid .variation09 .app-field-Var09,
.variation09 .span {
    background-color: red !important;
    color: black !important;
}

.app-grid .variation10 .app-field-Var10,
.variation10 .span {
    background-color: red !important;
    color: black !important;
}

.app-grid .variation11 .app-field-Var11,
.variation11 .span {
    background-color: red !important;
    color: black !important;
}

.app-grid .variation12 .app-field-Var12,
.variation12 .span {
    background-color: red !important;
    color: black !important;
}

.app-grid .date-column .app-field-Date01, .date-column .app-field-Date02, .date-column .app-field-Date03, .date-column .app-field-Date04, .date-column .app-field-Date05, .date-column .app-field-Date06, .date-column .app-field-Date07, .date-column .app-field-Date08, .date-column .app-field-Date09, .date-column .app-field-Date10, .date-column .app-field-Date11, .date-column .app-field-Date12, .date-column .span {
    background-color: #E5F1FF !important;
    font-size: small !important;
    font-style: oblique !important;
    color: #000000 !important;
}

.app-grid .quot-non-priced .app-field-Quantity .app-field-Count,
.quot-non-priced .app-field-Quantity .app-field-Count .span {
    background-color: #6AA26A !important;
    color: #FFFFFF !important;
}

.app-grid .quot-priced .app-field-Quantity .app-field-Count,
.quot-priced .app-field-Quantity .app-field-Count .span {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

.app-grid .has-quantity .app-field-Quantity,
.has-quantity > .app-field-Quantity {
    background-color: #6AA26A !important;
    color: #FFFFFF !important;
}

.app-grid .has-newQuantity .app-field-NewTotalQuantity,
.has-newQuantity > .app-field-Quantity {
    background-color: #FFC000 !important;
    color: #000000 !important;
}

.app-grid .NoHas-NewQuantity .app-field-NewTotalQuantity,
.NoHas-NewQuantity > .app-field-Quantity {
    background-color: #FFE699 !important;
    color: #FFFFFF !important;
}


.app-grid .is-quoted .app-field-QuantityQuoted,
.has-quantity > .app-field-Quantity {
    background-color: #FFC000 !important;
    color: #000000 !important;
}

.app-grid .po-expired .app-field-ToDate,
.po-expired .app-field-ToDate .span {
    background-color: darkred !important;
    color: #FFFFFF !important;
}

.app-grid .po-close-to-expire .app-field-ToDate,
.po-close-to-expire .app-field-ToDate .span {
    background-color: darkorange !important;
    color: #FFFFFF !important;
}

.app-grid .po-far-to-expire .app-field-ToDate,
.po-far-to-expire .app-field-ToDate .span {
    background-color: chartreuse !important;
    color: #000000 !important;
}

.app-grid .contract-expired .app-field-toDate,
.contract-expired .app-field-ToDate .span {
    background-color: darkred !important;
    color: #FFFFFF !important;
}

.app-grid .contract-close-to-expire .app-field-toDate,
.contract-close-to-expire .app-field-ToDate .span {
    background-color: darkorange !important;
    color: #FFFFFF !important;
}

.app-grid .contract-far-to-expire .app-field-toDate,
.contract-far-to-expire .app-field-ToDate .span {
    background-color: chartreuse !important;
    color: #000000 !important;
}

.quotation-expired .ui-btn::after,
.quotation-expired .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 7px;
    /* change this property */
    background-color: #FF0000 !important;
}

.quotation-expired .ui-btn::after,
.quotation-expired .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 7px;
    /* change this property */
    background-color: #FF0000 !important;
}

.app-grid .quotation-expired .app-field-QValidUntil,
.quotation-expired .app-field-QValidUntil .span {
    background-color: #820000 !important;
    color: #FFFFFF !important;
}

[data-field="DeployedOn"][data-control="label"] {
    font-weight: bold;
}

[data-field="Project"][data-control="field"] {
    font-weight: bold;
    font-size: medium;
}