@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

:root {
    --dc-primary: rgb(141, 198, 63);
    --dc-tint: rgba(50, 50, 50, 0.900);
    --dc-overlay-tint: rgba(142, 198, 63, 0.500);
}


th {
    font-weight: bolder;
}

/*content tv*/
@media screen and (min-width: 3840px) {

    .table {
        font-size: large;
        font-weight: 400;
        font-family: 'Varela Round', sans-serif;
        margin-bottom: 0px;
    }

    th {
        white-space: nowrap;
        font-weight: bold;
    }

    .thead-wo {
        font-size: xx-large;
    }

    .wo-color-marker {
        padding: 0.5rem 1rem !important;
    }

    .wo-item-info {
        vertical-align: middle;
        font-size: xx-large
    }

    .so-item-info {
        vertical-align: middle;
    }

    .trim-item {
        padding-right: 2em;
        white-space: nowrap;
    }

    .table-dashboard {
        padding: 0px;
    }

    .trim-list {
        display: inline-flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
    }

    .trim-include-image {
        padding-right: 1px;
        padding-bottom: 4px;
        height: 45px;
    }

    .inner-trim-row {
        font-size: xx-large
    }
}


/*content desktop*/

@media (pointer: fine) {
    .table {
        font-size: xx-large;
        font-weight: 300;
        font-family: 'Varela Round', sans-serif;
        margin-bottom: 0px;
    }

    th {
        white-space: nowrap;
    }

    .thead-wo {
        font-size: xx-large;
    }

    .color-column {
        border-style: solid;
        border-color: black;
    }

    .wo-color-marker {
        padding: 0.5rem 1rem !important;
    }

    .inner-trim-row {
        font-size: xx-large
    }

    .wo-item-info {
        vertical-align: middle;
        font-size: xx-large
    }

    .so-item-info {
        vertical-align: middle;
    }

    .trim-item {
        padding-right: 2em;
        white-space: nowrap;
    }

    .table-dashboard {
        padding: 0px;
    }

    .trim-list {
        display: inline-flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
    }

    .trim-include-image {
        padding-right: 1px;
        padding-bottom: 4px;
        height: 45px;
    }
}




/*content tablet*/

@media (pointer: coarse) {
    .table {
    }

    th {
        white-space: nowrap;
    }

    .color-column {
    }

    .wo-item-info {
        vertical-align: middle;
    }

    .so-item-info {
        vertical-align: middle;
    }

    .trim-item {
        padding-right: 1em;
        white-space: nowrap;
    }

    .table-dashboard {
        padding: 0px;
    }

    .trim-list {
        display: inline-flex;
        flex-wrap: wrap;
    }

    .trim-include-image {
        padding-right: 1px;
        padding-bottom: 4px;
        height: 20px;
    }
}

/*content phone*/
@media (pointer: course) {
}