:root {
    /*
    --rz-text-color: #ff9800;
    --rz-dropdown-item-selected-color: #ffad33;
    --rz-layout-body-background-color: #424242;
    --rz-base-300: #424242;
    --rz-base-700: #4b4b4b;
    --rz-base-900: #ff9800;
    --rz-grid-cell-color: #ff9800;
    */
    --rz-primary-lighter: #961C59;
    --rz-primary-light: #840E49;
    --rz-primary: #B8005C; /* 904e55 grå rosa  #FF47A3 Rosa  rosa */
    --rz-on-primary-lighter: #720039;
    --rz-primary-dark: #650033;
    --rz-primary-darker: #58002C;
    /**/
    --rz-grid-cell-font-size: 0.95rem;
    --rz-grid-cell-border: none;
    --rz-grid-cell-padding: 0.2rem 0.2rem;
    /*
    --rz-grid-stripe-background-color: #4b4b4b;
    --rz-grid-stripe-odd-background-color: #424242;
    --rz-grid-header-color: #fff;
        --rz-grid-header-background-color: #28363c;
        */

    --rz-grid-header-font-size: 0.9rem;
    --rz-grid-header-font-weight: 500;
    --rz-grid-header-text-transform: none;
    --rz-grid-header-cell-padding: 0.2rem 0;
    --rz-link-text-decoration: none;
    --rz-link-hover-text-decoration: none;
    --rz-text-font-family: Roboto, sans-serif;
}

html, body {
    font-family: Roboto, Helvetica, Arial, sans-serif
    /*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1;
        */
}

.rz-dropdown-item {
    color: #ffffff;
}
.main-layout {
    padding: 0;
    margin: 0;
}

.rz-card rz-variant-text details-info {
    padding: 0;
    margin: 0;
}

.rz-group-row > td > .rz-cell-data {
    color: var(--rz-primary);
    font-size: 1rem;
    font-weight: 800;
}

.rz-text-overline {
    color: var(--rz-base-100);
}

.rz-link-text, a, a:visited {
    color: var(--rz-white);
    font-size: 1.6rem;
    text-decoration: none;
}

.rz-link-text:hover, a:hover {
    color: var(--rz-primary);
    text-decoration: none;
}

.rz-text-h3 {
    color: var(--rz-primary);
}

.rz-text-h4 {
    color: var(--rz-base-100);
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
}



.rz-datatable-emptymessage, rz-datatable-emptymessage-row {
    font-size: 2rem;
    text-align: center;
}

.dialog-gateinfo-stops-stack {
    width: 100%
}

.rz-column-title-content {
    color: var(--rz-base-100);
}

.rz-panel-titlebar-icon {
    color: var(--rz-primary);
}
.rz-panel {
    background-color: var(--rz-base-600);
}


@media (max-width: 768px) {
    .callbackicon {
        display: none;
    }

    .aboutabccleaning {
        width: 100%
    }
    html, body {
        font-size: 1rem;
        padding: 0;
        margin: 0;
    }

    .rz-link-text, a, a:visited {
        font-size: 1rem;
    }

    .rz-data-row {
        border-bottom: 2px solid var(--rz-base-100);
    }

    .rz-data-row > td:last-child {
        border-bottom: 2px solid var(--rz-base-100);
    }

    .row-invoiced > td > .rz-column-title,
    .row-gateinfo > td > .rz-column-title,
    .row-late > td > .rz-column-title,
    .row-started > rd > .rz-column-title,
    .rz-data-row > td > .rz-column-title {
        font-size: smaller;
        font-weight: 100;
        color: var(--rz-base-100)
    }
}