.note-row {
    white-space: pre;
}

body {
    overflow-y: scroll;
}

#user-info > #user-email {
    font-size: 16px;
}
#user-info > #user-name {
    color: rgb(20,20,20);
}

.md-button {
    background: #f3f3f3;
}

.inputdemoErrorsAdvanced {
    /* NOTE: Check the demo's HTML to see some additional RTL support CSS */
    /* Setup animations similar to the ng-messages */ }
.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; 
}

.disabled {
    pointer-events: none;
    text-decoration: none;
}

.note {
    font-size: 12px;
color: gray;
}

.table-cell {
    padding: 5px;
    border: 1px solid #f2f2f2;
    text-align: center;
}
.table-header-cell {
    background: rgb(240,240,240);
border: 1px solid lightgray;
text-align: center;
}

.header-toolbar-tools {
    background: rgb(253,253,253);
    border-bottom: 1px solid lightgray;
    color: #5f5f5f;
}
.logo {
    height: 40px; width: auto;
}

#total-prices {
    display: flex;
    flex-direction: column;
    margin: 10px 0px;
}
.order-price {
    display: flex;
    align-self: flex-end;
    margin: 7px 5px;
    _margin-top: 10px;
}
.order-price-label {
    font-size: 16px;
    color: #404040;
    margin-right: 10px;
    align-self: center;
    font-family: initial;
    font-weight: bold;
}
.order-total-price {
    border-bottom: 1px solid gray;
}
.order-price-value {
    font-size: 18px;
    
} 
.error {
    color: red;
}
.result-header {
    margin: 15px 0px 0px 0px;
    color: #5f5f5f;
    background: rgb(240,240,240);
    padding: 5px;
    font-size: 14px;
    border: 1px solid lightgray;
}
.line-price {
    color: gray;
}
.line-name {
    color: rgb(80,80,80);
}
.line-price {
    text-align: end;
}
.invalid {
    background: #ffffe8;
}
.result-container {
    margin: 5px;
}

.result-item:hover {
    background: #f1f1f1;
}

.result-item {
    border: 1px solid lightgray;
    border-top: none;
    padding: 5px;
}
.error-message {
    color: red;
    margin: 5px 20px;
}
.result-error {
    color: #5647476e;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    font-size: 20px;
    font-weight: bold;
}
.result-layout {
    margin: 20px;
}



.dashboard {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    display: grid;
    grid-gap: 2rem;
    margin-top: 100px;
    margin: 40px;
}
.dashboard-item {
    box-shadow: 0 0px 8px 0px #e4e4e4;
    border: 1px solid lightgray;
    border-radius: 5px;
    _padding: 5px;
    _background: #f3f3f3;
}

.dashboard-header {
    display: flex;
    padding: 5px;
    justify-content: space-between;
    align-items: center;
}
.dashboard-header > .item-name {
    font-size: 20px;
}
.dashboard-header > .item-reference {
    margin-left: 10px;     
}
.dashboard-silo {
    display: flex;
    justify-content: space-around;
    margin: 5px 0;
    padding: 5px;
}
.dashboard-order {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
}
.dashboard-editor {
    border-top: 1px solid lightgray;
    padding: 5px;
}
.dashboard-editor > .editor-proposal {
    display: flex;
    justify-content: space-between;
}
.dashboard-editor > .editor-user {
    display: flex;
    justify-content: space-between;
}

.grid {
    border-spacing: 0px;
    border: none;
    width: 100%;
}
.grid-header {
    border: none;
    border-spacing: 0px;
}
.grid-header-cell {
    padding: 5px;
    background: #ececec;
    border: none;
    border-spacing: 0px;
}
td.grid-cell {
    padding: 5px;
}
tr.odd {
    background: #f3f3f3;
}