:root {
    --bg-body: rgb(52,65,89);
    --bg-tekst: white;
    --bg4: #6495ED;
    --bg5: #101010;
    --bg-citat: rgb(215, 220, 230);
    --bg-kommcol: white;
    --bg-fejl: rgb(255,204,255);
    --bg-muligfejl: rgb(255,255,133);
    --bg-kommentar: rgb(173,255,173);
    --bg-knapkant: #A2BFF4;
    --lyseblaa: #85bbf2;
    --bg-dialog: #B2CAF6;
    --bg-popup: #b8c7e0;
    --color1: #060606;
    --color-tekst: #101047;
    --color3: #E8EAED;
    --bg-indz: #A1E4FD;
    --bg-indzmark: #05B9FA;
    --bg-mark: rgb(161,193,253);
    --bg-manukomm: rgb(161,193,253);
    --border1: #3E4D67;
    --border-popup: #004a42;
    --border-opsummering: #1982A5;
    --bg-knap: var(--bg-knapkant) 0%, var(--bg4) 20%, var(--bg4) 60% ,var(--bg-knapkant)  100%;
    --bg-fuldbesked: #c5d1e7;
    --bg-besked: #c5d1e7;
    --bg-obs-besked: var(--bg-fuldbesked);
}

html {
    zoom: 100%;
    font-family: arial;
    height:100%;
}

body {
    zoom: 100%;
}


.skjul {
    display: none;
}


#popupmsg {
    width: 300px;
    height:fit-content;
    background-color: var(--bg-popup);
    color: var(--color-tekst);
    font-size: smaller;
    border: var(--border-popup) solid 3px;
    border-radius: 5px;
    text-align: center;
    padding: 8px;
    position: absolute;
    z-index: 1;
}
#popupmsg {
    display: block;
    font-size: initial;
    text-align: left;
}
#topmsg {
    position: fixed;
    top:0;
    width: 300px;
    height:fit-content;
    background-color: var(--bg-popup);
    color: var(--color-tekst);
    padding: 5px;
    text-align: center;
    right:20%;
    width: 30%;
    z-index: 9999;
 }

.ui-helper-hidden-accessible {
    display: none
}

/* Popup arrow */
.uparrow {
    position: absolute;
    display: inline-block;
	border-color: var(--border-popup) transparent;
	border-style: solid;
	border-width: 0px 7px 7px 7px;
	height: 0px;
	width: 0px;
        top: -8px;
    margin-left: -6px;
}

.pilitop::after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: -17px;
    left: 4px;
    margin-left: -4px;
    border-width: 8px;                
    border-style: solid;
    border-color: transparent transparent #555   transparent;
}
.pilright::after {
    right: 4px;
    left: unset;
}
