/*.header-primary, .header-secondary, .datagrid-column-title, .clr-input {
    background-color: dodgerblue;
}*/

/* This is the Blazority Grid table td style*/
/*.table.table.fixed-none {
    color: dimgray;
}*/

/*.col-resizable {
    align-content:flex-start;
    max-width:400px;
    overflow:auto;
}
*/

:root {
    --gridcolumncolor: #404040;
}
.col-address {
    width:30% !important;
    min-width:100px;
    color:var(--gridcolumncolor);
}
.col-date-ordered {
    width: 20% !important;
    color: var(--gridcolumncolor);
}

.datagrid-footer {
    justify-content:flex-start !important;
}
.datagrid-footer-description {
    max-width: 10px;
}
.row-selector-col {
    width: 50px;
}
.col-batch- {
    width: 20% !important;
    color: var(--gridcolumncolor);
}
.col-product {
    width: 10% !important;
    color: var(--gridcolumncolor);
}
.col-order- {
    width: 20% !important;
    color: var(--gridcolumncolor);
}
.col-current-status {
    width: 20% !important;
    color: var(--gridcolumncolor);
}
.col-state {
    width: 8% !important;
    color: var(--gridcolumncolor);
}
.col-report {
    width: 120px !important;
    color: var(--gridcolumncolor);
    font: 15px/20px Gotham-Medium !important;
}

.col-progress {
    width: 20% !important;
    color: var(--gridcolumncolor);
}
.col-interactive {
    width: 100px;
    color: var(--gridcolumncolor);
}

th.col-interactive :last-child {
    font-size:15px;
}
.col-select {
    width: 90px !important;
    color: var(--gridcolumncolor);
    font: 15px/20px Gotham-Medium !important;
}

/*
    Vendor portal
*/
.col-webform {
    width: 20px;
    color: var(--gridcolumncolor);
}
.col-form-name {
    width: 70px;
    color: var(--gridcolumncolor);
}
.col-assigned-date {
    width: 20%;
    color: var(--gridcolumncolor);
}
.col-due-status {
    width: 15%;
    color: var(--gridcolumncolor);
}
.col-work-progress {
    width: 20%;
    color: var(--gridcolumncolor);
}
.col-property-address {
    width: 30%;
    color: var(--gridcolumncolor);
}
.col-client {
    width: 70px;
    color: var(--gridcolumncolor);
}
.col-client-order {
    width: 20%;
    color: var(--gridcolumncolor);
}



.datagrid-column-title {
    border: none;
    text-align: center !important;
    font: 15px/20px Gotham-Medium;
    color: dimgray;
    background-color: inherit;
}


.clr-input {
    margin: auto;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom: 0.5px thin azure;
}
.clr-input:focus {
    background-color: lightcyan;
}

.datagrid-inline-filter {
    overflow:clip;
    margin:auto;
    color:white;
    font-size:small;
}

/* --- my fancy one
.row-hover {
    background-color: dodgerblue !important;
    color: white;
}
*/

.pagination {
    margin-top:7px;
}
.pagination-size {
    padding:10px;
    width:300px;
}

.clr-page-size-select {
    width:50px;
}
.pagination-description {
    padding:10px;
    margin-left:40px;
    margin-right:40px;
}
.pagination-list {
    padding:10px;
    width:300px;
}

tr.row-selectable:nth-child(even) {
    background-color:none;
}

tr.row-selectable:nth-child(odd) {
    background-color:lightgray;
}

.header-secondary {
    height:40px !important;
}