:root {
    /* Page language, mission and signlist */
    --text-window-color-1: #000000;
    --text-window-color-2: #333333;
    --text-window-color-3: #eeeeee;
    --text-window-background-color-1: #ffffff;
    --text-window-background-color-2: #d3c69e;
    --text-window-background-color-3: #333333;

    --text-window-color: #000000;
    --text-window-background-color: #ffffff;

    /* Page mission */
    --text-blue-1: blue;
    --text-blue-2: blue;
    --text-blue-3: yellow;
    --border-tabell-1: 1px solid black;
    --border-tabell-2: 1px solid black;
    --border-tabell-3: 1px solid white;
    --text-tabell-blue-1: blue;
    --text-tabell-blue-2: blue;
    --text-tabell-blue-3: yellow;
    --text-mark-1: rgb(45, 255, 255);
    --text-mark-2: rgb(45, 255, 255);
    --text-mark-3: rgb(0, 153, 51);
    --background-tabell-1: #F1F1C1;
    --background-tabell-2: #F1F1C1;
    --background-tabell-3: #555555;
    --text-mark-gul-1: yellow;
    --text-mark-gul-2: yellow;
    --text-mark-gul-3: rgb(255, 51, 153);
    --text-darkblue-1: darkblue;
    --text-darkblue-2: darkblue;
    --text-darkblue-3: rgb(255, 153, 0);
    --img-background-1: none;
    --img-background-2: none;
    --img-background-3: rgb(200, 200, 200);

    --text-blue: blue;
    --border-tabell: 1px solid black;
    --text-tabell-blue: blue;
    --text-mark: rgb(45, 255, 255);
    --background-tabell: #F1F1C1;
    --text-mark-gul: yellow;
    --text-darkblue: darkblue;
    --img-background: none;
}

/* ---------------------------------------------------- */
/* --- Used in pages language, mission and signlist --- */

a {
    color: var(--text-blue);
}

a:hover {
    color: var(--text-blue);    
}

table, th, td {
    border: var(--border-tabell);
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
}

/* Color/background color in text */
.dc_text_window {
    background: var(--text-window-background-color) !important;
    color: var(--text-window-color);
    margin-top: 0px;
    font-size: 16px;
}


/* ----------------------------- */
/* --- Used in page modality(language) --- */

.dc_language_image {
    width: 100%;
    padding-top: 35px;
    padding-bottom: 35px;
}


/* ---------------------------- */
/* --- Used in page mission --- */

/* (Chapter.tab) 1.2 2.3 2.4 5.2 5.4 6.1 6.3 7.4 8.1 8.2 8.4 10.2 */
.uppdrag-exempel {
    color: var(--text-blue);
    margin-left: 20px;
}

/* (Chapter.tab) 2.1 2.2 4.3 5.3 7.2 7.3 8.1 8.3 9.1 9.2 */
.uppdrag-blue {
    color: var(--text-blue);
}

/* (Chapter.tab) 2.1 5.3*/
.border-tabell {
    border: var(--border-tabell);
    height: 30px;
}

/* (Chapter.tab) 2.1 2.3 5.3 */
.border-tabell-blue {
    border: var(--border-tabell);
    height: 30px;
    color: var(--text-tabell-blue);
}

/* (Chapter.tab) 2.2 8.2 */
.uppdrag-mark {
    background-color: var(--text-mark);
}

/* (Chapter.tab) 3.4 */
.uppdrag-teckensprak {
    color: var(--text-blue);
    margin-left: 20px;
}

/* (Chapter.tab) 4.3 */
th#uppdrag12col2-3 {
    background-color: var(--background-tabell);
}

/* (Chapter.tab) 4.3 */
td#uppdrag12col1 {
    color: var(--text-blue);
}

/* (Chapter.tab) 4.3 */
td#uppdrag12col2-3 {
    background-color: var(--background-tabell);
    color: var(--text-blue);
}

/* (Chapter.tab) 5.2 6.3 7.3 8.2 */
.uppdrag-mark-gul {
    background-color: var(--text-mark-gul);
}

/* (Chapter.tab) 5.4 */
.uppdrag-dark-blue {
    color: var(--text-darkblue);
}

/* (Chapter.tab) 6.1 */
td#u16 {
    border: none;
    text-align: center;
    color: var(--text-blue);
}


/* ----------------------------- */
/* --- Used in page modality --- */

p.teckensprakBGDefault {
    color: blue;
    margin-left: 20px;
}

p.teckensprakBG1 {
    color: blue;
    margin-left: 20px;
}

p.teckensprakBG2 {
    color: yellow;
    margin-left: 20px;
}