:root {
    --np-background-white: #ffffff;
    --np-red: #a30202;
    --np-black: black;
    --np-green: darkgreen;
    --np-grey: grey;
    --np-dark-grey: #222;
    --np-light-grey: #aaa;
    --np-blue: #025b7e;
    --np-light-blue: #fafbfc;
    --np-yellow: #d4a602;
    --np-orange: orange;
    --np-dark-orange: #b86e14;
    --np-violet: #702c91;
    --np-border-color: #ddd;
    --np-calculated-value: #A0984B;
    --np-vehicle-theme: #a7c1c6;
    --np-vehicle-theme-border: #4b7d87;
    --np-contract-theme: #3b128361;
    --np-contract-theme-border: #581283;
    --np-environmental-accounting-theme: #45833b6b;
    --np-environmental-accounting-theme-border: #3e6837;
    --np-vehicle-inspection-theme: #7fa7e187;
    --np-vehicle-inspection-theme-border: #546f95;
    --np-traffic-incident-theme: #33333357;
    --np-traffic-incident-theme-border: #7f7f7f;
    --np-equipment-theme: #870a0a4d;
    --np-equipment-theme-border: #872525;
    --np-document-reporting-theme: #e59b1e5e;
    --np-document-reporting-theme-border: #d7a856;
    --np-system-theme: #9dc3bbad;
    --np-system-theme-border: #8bafa3;
    --np-document-information-theme: #e2b553ab;
    --np-document-information-theme-border: #e2b553;
    --np-kpi-theme: #d3efff;
    --np-kpi-theme-border: #2fc1d3;
    --np-corefunctionality-theme-border: #8f0000;
    --np-corefunctionality-theme: #bf6666;
}

.np-red {
    color: var(--np-red);
}

.np-green {
    color: var(--np-green);
}

.np-grey {
    color: var(--np-grey);
}

.np-darkgrey {
    color: var(--np-dark-grey);
}

.np-lightgrey,
input.np-lightgrey,
input.np-lightgrey:focus
{
    color: var(--np-light-grey);
}

.np-blue {
    color: var(--np-blue);
}

.np-yellow {
    color: var(--np-yellow);
}

.np-orange {
    color: var(--np-orange);
}

.np-darkorange {
    color: var(--np-dark-orange);
}


.np-calculated-value {
    color: var(--np-calculated-value);
}

.np-light-blue-background {
    background-color: var(--np-light-blue);
}

/*Tema färger för moduler*/

a.vehicle-theme-color,
div.vehicle-theme-color {
    background: linear-gradient(to right,var(--np-vehicle-theme) 0%, #f8f8f8 40%)
}

a.vehicle-theme-border-color,
div.vehicle-theme-border-color,
ul.vehicle-theme-border-color,
legend.vehicle-theme-border-color {
    border-color: var(--np-vehicle-theme-border)
}

a.contract-theme-color,
div.contract-theme-color {
    background: linear-gradient( to right,var(--np-contract-theme) 0%, #f8f8f8 40%)
}


a.contract-theme-border-color,
div.contract-theme-border-color,
ul.contract-theme-border-color,
legend.contract-theme-border-color {
    border-color: var(--np-contract-theme-border)
}

a.environmental-accounting-theme-color,
div.environmental-accounting-theme-color {
    background: linear-gradient( to right,var(--np-environmental-accounting-theme) 0%, #f8f8f8 40%)
}


a.environmental-accounting-theme-border-color,
div.environmental-accounting-theme-border-color,
ul.environmental-accounting-theme-border-color,
legend.environmental-accounting-theme-border-color {
    border-color: var(--np-environmental-accounting-theme-border)
}

a.vehicle-inspection-theme-color,
div.vehicle-inspection-theme-color {
    background: linear-gradient( to right,var(--np-vehicle-inspection-theme) 0%, #f8f8f8 40%)
}


a.vehicle-inspection-theme-border-color,
div.vehicle-inspection-theme-border-color,
ul.vehicle-inspection-theme-border-color,
legend.vehicle-inspection-theme-border-color {
    border-color: var(--np-vehicle-inspection-theme-border)
}

a.traffic-incident-theme-color,
div.traffic-incident-theme-color {
    background: linear-gradient( to right,var(--np-traffic-incident-theme) 0%, #f8f8f8 40%)
}


a.traffic-incident-theme-border-color,
div.traffic-incident-theme-border-color,
ul.traffic-incident-theme-border-color,
legend.traffic-incident-theme-border-color {
    border-color: var(--np-traffic-incident-theme-border)
}

a.equipment-theme-color,
div.equipment-theme-color {
    background: linear-gradient( to right,var(--np-equipment-theme) 0%, #f8f8f8 40%)
}


a.equipment-theme-border-color,
div.equipment-theme-border-color,
ul.equipment-theme-border-color,
legend.equipment-theme-border-color {
    border-color: var(--np-equipment-theme-border)
}

a.document-reporting-theme-color,
div.document-reporting-theme-color {
    background: linear-gradient(to right,var(--np-document-reporting-theme) 0%, #f8f8f8 40%)
}


a.document-reporting-theme-border-color,
div.document-reporting-theme-border-color,
ul.document-reporting-theme-border-color,
legend.document-reporting-theme-border-color {
    border-color: var(--np-document-reporting-theme-border)
}

a.system-theme-color,
div.system-theme-color {
    background: linear-gradient( to right, var(--np-system-theme) 0%, #f8f8f8 40%)
}


a.system-theme-border-color,
div.system-theme-border-color,
ul.system-theme-border-color,
legend.system-theme-border-color {
    border-color: var(--np-system-theme-border)
}

a.document-information-theme-color,
div.document-information-theme-color {
    background: linear-gradient( to right, var(--np-document-information-theme) 0%, #f8f8f8 40%)
}


a.document-information-theme-border-color,
div.document-information-theme-border-color,
ul.document-information-theme-border-color,
legend.document-information-theme-border-color {
    border-color: var(--np-document-information-theme-border)
}

a.kpi-theme-color,
div.kpi-theme-color {
    background: linear-gradient( to right,var(--np-kpi-theme) 0%, #f8f8f8 40%)
}


a.kpi-theme-border-color,
div.kpi-theme-border-color,
ul.kpi-theme-border-color,
legend.kpi-theme-border-color {
    border-color: var(--np-kpi-theme-border)
}

/* Ta inte bort, finns endast till för att hantera vilka knappar 
    som skall de-aktiveras när man laddar upp bilder : Mats B 2025-01-22 */
.disable-on-upload {

}

a.corefunctionality-theme-border-color,
div.corefunctionality-theme-border-color,
ul.corefunctionality-theme-border-color,
legend.corefunctionality-theme-border-color {
    border-color: var(--np-corefunctionality-theme-border)
}

a.corefunctionality-theme-color,
div.corefunctionality-theme-color {
    background: linear-gradient( to right,var(--np-corefunctionality-theme) 0%, #f8f8f8 40%)
}