.mat-header-row,
.mat-row {
    border-bottom-color: #5a9cca !important;
    border-color: #5a9cca;
}

.mat-row:hover {
    background-color: #e8eaf6;
}

.highlight {
    background: #e8eaf6;
}

.mat-header-cell {
    color: black !important;
}

.bg-light {
    background-color: rgb(255, 195, 0) !important;
}

.mat-header-row {
    background: #70b1ff;
}

.mat-fab.mat-primary,
.mat-mini-fab.mat-primary,
.mat-button.mat-primary {
    color: black !important;
}

.mat-button.mat-primary:hover {
    background-color: #0000ff26;
}

.mat-button.mat-primary:focus {
    background-color: #0000ff26;
}

fa {
    color: blue !important;
}

.tms-warning-text {
    color: orange;
}

/* .mat-form-field-label {
    color: #3a3939e3 !important;
} */

.mat-focused .mat-form-field-label {
    color: #3f51b5 !important;
}

input[type="time"] {
    border-color: gray;
}

.mat-form-field-ripple {
    background-color: #3f51b5 !important;
}

.mat-calendar-body-selected {
    background-color: rgb(13, 37, 111) !important
}

.mat-tab-group.mat-primary .mat-ink-bar {
    background-color: rgb(13, 37, 111) !important
}

.second-set-menu {
    background-color: #e3e5f5;
}

.mat-icon {
    color: rgba(16, 110, 190, 1);
}

svg {
    fill: rgba(16, 110, 190, 1);
}

.svgiconcolor svg {
    fill:  #001c75 ;
}

.mat-sort-header-arrow {
    color: #636363 !important;
}

.componentContainer {
    background-color: white;
}

.vertical-line {
    border-left: 1px solid green;
}

.filter {
    background-color: white;
}

.prod-container>div {
    background-color: #fff;
}

.mat-drawer-container {
    background: #fff;
}

.refContainer {
    background-color: white;
}

.cost-container>div {
    background-color: #fff;
}

.mat-card {
    background-color: white;
}

.active {
    background: white;
}

.tab-line:hover {
    background: #f8f9fa;
}

.expandBackground {
    background: rgb(241, 245, 252);
}

.expandTableBackGround {
    background: none !important;
}

.highlight {
    background: #e8eaf6;
    ;
}

.expandTerminal {
    background: lightgray;
    ;
}

.drawerContent {
    background: white !important;
}

.dis {
    background-color: #d8f2f5;
}

.mat-input-element {
    caret-color: #3f51b5 !important;
    /* color: #0b03f1 !important;
    font-weight: 700 !important; */
}

.mat-option:hover {
    background-color: #dfdff7 !important;
}

.mat-option.mat-active {
    background-color: #dfdff7 !important;
}

.mat-cell:first-of-type, mat-footer-cell:first-of-type, mat-header-cell:first-of-type{
    padding-left: 15px !important;
}