/* -------------------------------------------------------------------
   VEDLIKEHOLDES I GIT

   Denne CSS-fila blir lenket til i HTML-dokumentene postmaster
   genrerer med rst2html (og publiseres i Vortex).

   Veldig mye CSS settes av Vortex, så denne fila brukes primært for
   å korrigere formattering vi mener bør se anderledes ut eller som
   blir «rar» pga. rst2html.

   TODO: Rydd etter nytt design kom i mars 2021.

------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   Begynn å fiks brukket nytt design
------------------------------------------------------------------- */

p { margin: 10px 0 10px; }

p.topic-title.first { margin-bottom: 40px; }


/* -------------------------------------------------------------------
   Tabell med sist oppdatert, status, forfatter o.l.
------------------------------------------------------------------- */

table.docinfo {
    font-size: 90%;
    padding: 1em;
    margin-left: 20px;
    margin-top: 20px;
}

table.docinfo A { color: inherit; }


/* -------------------------------------------------------------------
   Innholdsfortegnelse
------------------------------------------------------------------- */

ul.auto-toc { list-style-type: none; }


/* -------------------------------------------------------------------
   Overskrifter
------------------------------------------------------------------- */

h1 a.toc-backref { color: #005fa1; font-size: 3rem; }
h1 {
    color: #005fa1;
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 20px;
    margin-top: 20px;
}

h2 a.toc-backref { color: #005fa1; font-size: 2rem; }
h2 {
    color: #005fa1;
    font-size: 2rem;
    line-height: 2rem;
    margin-top: 20px;
}

h3 a.toc-backref { color: #005fa1; }

h4 a.toc-backref { color: #005fa1; }

h5 a.toc-backref { color: #005fa1; }

h6 a.toc-backref { color: #005fa1; }

/*
A#innhold {
    display: block;
    border-bottom: 1px solid #777;
    font: 130% 'DejaVu LGC Sans',sans-serif;
}
*/

div.contents A {
    text-decoration: none;
/*    font: 90% 'DejaVu LGC Sans',sans-serif; */
}



h1 A, h2 A, h3 A, h4 A, h5 A, h6 A {
    color: inherit;
    text-decoration: inherit;
}


/* -------------------------------------------------------------------
   PRE environments
------------------------------------------------------------------- */

PRE {
    /* overflow: auto; */
    white-space: -moz-pre-wrap;  /* Mozilla, supported since 1999 */
    white-space: -pre-wrap;      /* Opera 4 - 6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* CSS3 - Text module (Candidate Recommendation)
                                    http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word;       /* IE 5.5+ */
}
PRE.literal-block {
    font-size: 90%;
    font-family: courier, monospace;
    color: #000;
    background: #f4f4f4;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-left: 2em ;
    margin-right: 2em ;
    /* border: 1px solid #e4e4e4; */
    border-top: 1px dashed #aaa;
    border-bottom: 1px dashed #aaa;
}
PRE.literal-block strong {  /* typisk en kommando */
    color: #800;
    background-color: inherit;
    font-weight: bold;
}
SPAN.pre {
    font-family: 'DejaVu LGC Sans Mono',courier, monospace;
    font-size: 1.2em;
    color: #060;
    background-color: inherit;
}


/* -------------------------------------------------------------------
   Figurer
------------------------------------------------------------------- */

div.figure {  margin-left: 20px; }

p.caption {
    font-weight: normal;
    font-style: oblique;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 90%;
}


/* -------------------------------------------------------------------
   Standard tabell
------------------------------------------------------------------- */

table { width: unset; }

table.docutils {
    border-collapse: separate;
    border-spacing: 0px;
    font-size: 90%;
    padding: 0px;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #aaa;
    width: 90%;
    margin-left: 1em;
    margin-right: 1em;
}

table.docutils td {
    vertical-align: top;
    margin: 0px;
    padding: 0.5em;
    border-width: 0px 1px 1px 0px;
    border-color: #aaa;
    border-style: solid;
}

table.docutils td:first-child {
    font-weight: bold;
    margin: 0px;
    padding-left: 1em;
    padding-right: 0.5em;
}

table.docutils th:first-child {
    border-width: 1px 1px 1px 0px;
}

table th {
    padding: 10px;
}

table td {
    padding: 10px;
}

table.docutils th {
    color: #888;
    margin: 0px;
    background-color: #eee;
    padding: 0.2em 0.5em 0.2em 0.5em;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #aaa;
}

table.docutils th:last-child {
    border-width: 0px 0px 1px 0px;
}

table.docutils td:last-child {
    border-width: 0px 0px 1px 0px;
}


/* -------------------------------------------------------------------
   Tabell: field-list
------------------------------------------------------------------- */

table.field-list {
    width: auto;
    border: 0px;
}

table.field-list th, table.field-list td {
    color: inherit;
    background-color: inherit;
    border: 0px;
    padding: 0px;
}

table.field-list th {
    text-align: right;
}

table.field-list td {
    padding-left: 1em;
}


/* -------------------------------------------------------------------
   Lister
------------------------------------------------------------------- */

dt strong {
    font-family: sans-serif;
}

dd {
    margin-bottom: 1em;
}

/* A relative font-size will cascade. Consider changing "li li"
 * (second list level) to font-size: 100% */
li {
    font-size: 1em;
    line-height: 1.5rem;
}


/* --------------------------------------------------------------
 *   Footer
 * -------------------------------------------------------------- */

/* Quickfix for unaligned administration link */
#footer-wrapper #footers .vrtx-login-manage-component.vrtx-dropdown-component.vrtx-dropdown-component-toggled {
    margin-top: 0;
}


/* --------------------------------------------------------------
   Sidebar
----------------------------------------------------------------- */

div.sidebar {
  position: fixed;
  top: 16em; right: 1em; bottom: auto; left: auto;
  padding: 0px 5px 0px 5px;
  margin:  0px 5px 0px 5px;
  border: 1px solid #B0C4DE;
  background-color: #F0F8FF;
}

/* --------------------------------------------------------------
   Postmaster
----------------------------------------------------------------- */

/* Gi samme typesetting som på de gamle intrasidene */
span.pre {
  white-space: pre;
  font-family: monospace;
  color: black;
  font-size: 1em;
  /* display: block; */
}

/* Fiks lister (og blockquote som rst2html dytter inn overalt) */

blockquote {
    font-family: Helvetica-Neue,Helvetica,Arial,sans-serif;
    font-size: 100%;
    line-height: 1.5rem;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    margin: 0px;
    border: none;

}

blockquote:before {
  content: none;
}

blockquote:after {
  content: none;
}

.uio-main blockquote {
    margin: 0px;
}

dl.first.docutils {
    margin-top: 3px;
    margin-bottom: 3px;
}

p.first {
    margin-top: 3px;
/*    margin-bottom: 3px; */
}

dd {
    margin-bottom: 3px;
}


/* Fiks tabeller */

table.docutils {
    border-collapse: collapse;
    width: auto;
}

table.docutils th {
    color: #2B2B2B;
}

tt {
    font-size: 1em;
}

/* Fiks lister - var 15px 0 30px 0 */
.uio-main ul, .grid-container ul, .uio-main ol, .grid-container ol { margin: 10px 0 10px 0 }

.main p+ul { margin-top: unset; } 


/* Legg inn støtte for å sette bakgrunnsfarge ved å bruke klasser. Som navnet
 * på klassene antyder, så er dette tenkt brukt for å angi status. F.eks. i en
 * tabell med aktiviteter. */

.status-green {
    // background-color: yellowgreen;
    background-color: #ccff99;
}

.status-yellow {
    // background-color: lemonchiffon;
    background-color: #ffff99;
}

.status-red {
    // background-color: tomato;
    background-color: #ff9999;
}

.status-white {
    background-color: white;
}

.status-blue {
    // background-color: lightblue;
    background-color: #99c2ff;
}

.status-grey {
    //background-color: whitesmoke;
    background-color: #cccccc;
}



/* Someone bossy makes tables so large that they need alternating colors for
 * each row... */

.row-color tr:nth-child(even) {
    background-color: AliceBlue;
}

.colum-color td:nth-child(even) {
    background-color: Salmon;
}

.hover-color tr:hover {
    background-color: PowderBlue;
}

.strike {
  text-decoration: line-through;
}