@charset "UTF-8";

/* Disse environments skal oprettes i KaTeXRefact/parser/Environments.py */

.quizheader {
  display: block;
  margin: 12px 0px -20px 0px;
  padding: 3px 10px;
  border-style: solid;
  border-width: 2px;
  background-color: #ffffe3;
  border-color: #ccc;
 border-radius: 5px; 
 }


.resultat {
  display: block;
  margin: 12px 0px 0px 0px;
  padding: 3px 10px;
  border-style: solid;
  border-width: 2px;
  background-color: #b3fcb3;
  border-color: #ccc;
 border-radius: 5px; 
  counter-increment: envco; }

.resultatmain {
  display: block;
  margin: -20px 0px 12px 0px;
  padding: 3px 10px;
  background-color: #E6FFE6;
  border-left:   2px solid #ccc;
  border-right:  2px solid #ccc; 
  border-bottom: 2px solid #ccc;
 border-radius: 5px; 
}

.definition {
  display: block;
  margin: 12px 0px 0px 0px;
  padding: 3px 10px;
  border-style: solid;
  border-width: 2px;
  background-color: #b3fcb3;
  border-color: #ccc;
 border-radius: 5px; 
  counter-increment: envco; }


.definitionmain {
  display: block;
  margin: -20px 0px 12px 0px;
  padding: 3px 10px;
  background-color: #E6FFE6;
  border-left:   2px solid #ccc;
  border-right:  2px solid #ccc; 
  border-bottom: 2px solid #ccc;
 border-radius: 5px; 
}

.model {
  display: block;
  margin: 12px 0px 0px 0px;
  padding: 3px 10px;
  border-style: solid;
  border-width: 2px;
  background-color: #b3fcb3;
  border-color: #ccc;
 border-radius: 5px; 
  counter-increment: envco; }


.modelmain {
  display: block;
  margin: -20px 0px 12px 0px;
  padding: 3px 10px;
  background-color: #E6FFE6;
  border-left:   2px solid #ccc;
  border-right:  2px solid #ccc; 
  border-bottom: 2px solid #ccc;
 border-radius: 5px; 
}


.eksempel {
  display: block;
  margin: 12px 0px 0px 0px;
  padding: 3px 10px;
  border-style: solid;
  border-width: 2px;
  background-color: #D5FFA9;
  border-color: #ccc;
 border-radius: 5px; 
  counter-increment: envco; }


.eksempelmain {
  display: block;
  margin: -20px 0px 12px 0px;
  padding: 3px 10px;
  border-bottom: 4px solid #AFDF7F;
}



/* navbar color */
.navbar {
  background-color: #AFEEEE;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative; 
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #98FB98;
  min-width: 500px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #808080;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}

        #nav {
            list-style: none inside;
            margin: 0;
            padding-left: 0px;
            text-align: center;
        }

        #nav li {
            display: block;
            position: relative;
            float: left;
            background: #AFEEEE;
            /* menu background color */
        }

        #nav li a {
            display: block;
            padding: 0;
            text-decoration: none;
            width: 100px;
            /* this is the width of the menu items */
            line-height: 35px;
            /* this is the hieght of the menu items */
            color: #000000;
            /* list item font color */
        }

	    #nav li li {
            display: block;
            position: relative;
            float: left;
            background: #f8f8f8;
            border: 2px solid #ffb84d;
            border-radius: 5px;
            z-index: 1;
            /* menu background color */
        }
        #nav li li a {
            font-size: 100%;
		    width: 500px;
		    line-height: 20px;
		    padding: 10px;
		    text-align: left;
            z-index: 2;
        }
	  
	  	#nav li li li {
            display: block;
            position: relative;
            float: left;
            background: #f8f8f8;
            /* menu background color */
        }
        #nav li li li a {
            font-size: 100%;
		    width: 120px;
		    line-height: 10px;
		    padding: 10px;
		    text-align: left;
        }

        /* smaller font size for sub menu items */

        #nav li:hover {
            background: #ffb84d;
        }

        /* highlights current hovered list item and the parent list items when hovering over sub menues */

        #nav ul {
            position: absolute;
            padding: 0;
            left: 0;
            display: none;
            /* hides sublists */
        }

        #nav li:hover ul ul {
            display: none;
        }

        /* hides sub-sublists */

        #nav li:hover ul {
            display: block;
        }

        /* shows sublist on hover */

        #nav li li:hover ul {
            display: block;
            /* shows sub-sublist on hover */
            margin-left: 120px;
            /* this should be the same width as the parent list item */
            margin-top: -30px;
            /* aligns top of sub menu with top of list item */
        }


.header {
  padding: 0px;
  text-align: center;
  background: #1abc9c;
  color: white;
  font-size: 30px;
  margin-top: -40px;
  margin-bottom: 40px;
}

.headsect {
  padding: 0px;
  text-align: center;
  background: #1abc9c;
  color: white;
  font-size: 30px;
  margin-top: -40px;
  margin-bottom: 40px;
}

.headsectTeknik {
  padding: 0px;
  text-align: center;
  background: #99cc00;
  color: white;
  font-size: 30px;
  margin-top: -40px;
  margin-bottom: 40px;
}

.headsectOev {
  padding: 0px;
  text-align: center;
  background: #1abc9c;
  color: white;
  font-size: 30px;
  margin-top: -40px;
  margin-bottom: 40px;
}

.headsubsect {
  padding: 1px;
  text-align: left;
  background: #35e3c1;
  color: white;
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}


.CLprevious {
  background-color: #f1f1f1;
  color: black;
 padding: 20px;
}

.CLnext {
  background-color: #4CAF50;
  color: white;
 padding: 20px;
 margin: 40px;
}

/* Hertil: JLJ */

.theorem {
  display: block;
  margin: 12px 0;
  /*   font-style: italic; */
  padding: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: #ccc;
  counter-increment: envco; }

.theorem:before {
  content: "(" counter(chapter) "." counter(envco) ") THEOREM.";
  font-weight: bold;
  font-style: normal; }


.rules {
  display: block;
  margin: 12px 0;
  /*   font-style: italic; */
  padding: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: #ccc;
  counter-increment: envco; }

.rules:before {
  content: "(" counter(chapter) "." counter(envco) ") RULES.";
  font-weight: bold;
  font-style: normal; }


.video {
  display: block;
  margin: 12px 0;
  /*   font-style: italic; */
  padding: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: #ccc;
  counter-increment: envco; }

.video:before {
  content: "(" counter(chapter) "." counter(envco) ") VIDEO.";
  font-weight: bold;
  font-style: normal; }

.figure {
  display: block;
  margin: 12px 0;
  /*   font-style: italic; */
  padding: 10px;
  border-style: none;
  border-width: 2px;
  border-color: #ccc;
  counter-increment: envco; }

.figure:before {
  content: "(" counter(chapter) "." counter(envco) ") FIGURE.";
  font-weight: bold;
  font-style: normal; }


.figurestar {
  display: block;
  margin: 12px 0;
  /*   font-style: italic; */
  padding: 10px;
  border-style: none;
  border-width: 2px;
  border-color: #ccc;
 }

/*
.figurestar:before {
  content: "FIGUR.";
  font-weight: bold;
  font-style: normal; }
*/


.htheorem {
  display: block;
  margin: 12px 0;
  /*   font-style: italic; */

  background-color: #d4debf;
  padding: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: #ccc;
  counter-increment: envco; }

.htheorem:before {
  content: "(" counter(chapter) "." counter(envco) ") THEOREM.";
  font-weight: bold;
  font-style: normal; }




.proposition {
  display: block;
  margin: 12px 0;
  /*  font-style: italic; */
  padding: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: #ccc;
  counter-increment: envco; }

.proposition:before {
  content: "(" counter(chapter) "." counter(envco) ") PROPOSITION.";
  font-weight: bold;
  font-style: normal; }

.example {
  display: block;
  margin: 12px 0;
  /*  font-style: italic; */
  padding: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: #ccc;
  counter-increment: envco; }

.example:before {
  content: "(" counter(chapter) "." counter(envco) ") EXAMPLE.";
  font-weight: bold;
  font-style: normal; }

.remark {
  display: block;
  margin: 12px 0;
  /*  font-style: italic; */
  padding: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: #ccc;
  counter-increment: envco; }

.remark:before {
  content: "(" counter(chapter) "." counter(envco) ") REMARK.";
  font-weight: bold;
  font-style: normal; }

.lemma {
  display: block;
  margin: 12px 0;
  /*  font-style: italic; */
  padding: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: #ccc;
  counter-increment: envco; }

.lemma:before {
  content: "(" counter(chapter) "." counter(envco) ") LEMMA.";
  font-weight: bold;
  font-style: normal; }

.proof {
  display: block;
  /* margin-right: 12px; */ 
  /*    background-color:#d3d3d3; */ }

/* 
.proof:before {

    content: "Bevis.";

    font-style: italic;

}

*/
.proof:after {
  /* content: "\25FC"; */
  font-weight: bold;
  content: "QED.";
  float: right; }


#wrapper {
  text-align: left;
  border: 1px solid #ccc;
  /* background-color:#f0f0f0; */
  margin: 0 auto;
  width: 90%;
  padding: 30px; }

.frameit {
  display: block;
  margin: 12px 0;
  font-style: normal;
  border-style: solid;
  border-color: #ccc;
  border-width: 2px;
  padding: 10px; }

.empheq {
  display: block;
  margin: 12px 0;
  font-style: normal;
  border-style: solid;
  border-color: #ccc;
  border-width: 1px;
 
  background-color: #f8f2ed;
  padding: 10px; }


.Quiz {
  padding-top: 10px;
  font-weight: bold;
  counter-increment: envco; }

.Quiz::before {
  content: "(" counter(chapter) "." counter(envco) ") "; }


/* quiz environment */

.quizquestion {
  /*    border-style:solid;
      border-width:3px;
      border-radius:5px; */
  padding: 20px;
  margin-bottom: 20px; }

.quizanswer {
  border: solid 3px;
  border-radius: 8px;
  padding: 20px;
  /*  height: 150px; */
  height: 200px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: white; }

.quizanswer.toggle {
  background-color: lightgrey; }

.quizwronganswer {
  border-width: 4px;
  border-color: red; }

.quizrightanswer {
  border-width: 6px;
  border-color: green; }


/* orderquiz environment */


.orderquizanswer {
  border: solid 3px;
  border-radius: 8px;
  padding: 20px;
  margin-right: 10px;
  margin-left:10px;
  margin-bottom: 10px;
  background-color: white;
  cursor:move;}
 
.orderquizanswer .empty {
  background-color: lightgrey; }
 
.orderquizfeedback .hidden {
  display: none;
}
 
.orderquizresult .correct {
  color: green;
}
 
.orderquizresult .wrong {
  color: red;
}


/* paraquiz */

.inlineblock {
  min-width: 100px;
  display: inline-block;
  padding: 10px;
  margin: 10px; }
 
.inlineblock::after {
  content: "\00A0";
}
 
/* hack der fjerner en div med en padding 20px box der kommer efter man parser text */
.orderquizanswer div {
  display: none;
}

/* Opgave */

.Exercise {
  padding-top: 10px;
  font-weight: bold;
  counter-increment: envco; }

.Exercise::before {
  content: "(" counter(chapter) "." counter(envco) ") "; }

.Sage {
  padding-top: 10px;
  font-weight: bold;
  counter-increment: envco; }

.Sage::before {
  content: "(" counter(chapter) "." counter(envco) ") "; }


.Sci2u {
  padding-top: 10px;
  font-weight: bold;
  counter-increment: envco; }

.Sci2u::before {
  content: "(" counter(chapter) "." counter(envco) ") "; }

.Example {
  padding-top: 10px;
  font-weight: bold;
  counter-increment: envco; }

.Example::before {
  content: "(" counter(chapter) "." counter(envco) ") "; }


/* Fodnoter */

.footnote {
    color: #ca0020;
}

.footnote .footnotetext {
    z-index: -1;
    opacity: 0;
    position: fixed;
    left: 15px;
    bottom: 20px;
    margin-left: 0px;
    margin-right: 18px;
    padding: 14px 20px;
    border-radius: 4px;
    border:1px solid #DCA;
    color: black;
    background-color: #FEF6BB;
}

.footnote:hover .footnotetext{
    z-index: 9;
    opacity: 1;
}


/* Vis billeder ved hover (i editor) */

.imgnote {
    cursor: crosshair;
}

.imgnote .imgnotetext {
    z-index: -1;
    opacity: 0;
    position: fixed;
    left: 15px;
    bottom: 20px;
    margin-left: 0px;
    margin-right: 18px;
    padding: 14px 20px;
    border-radius: 4px;
    border:2px solid #DCA;
    color: black;
}

.imgnote:hover .imgnotetext{
    z-index: 9;
    opacity: 1;
}


.Proof {
    /* border:1px solid #ccc; */
    
  font-weight: bold; }

.proof {
  padding-bottom: 20px; }

.linkbutton {
  padding-top: 10px;
  font-weight: bold;
  counter-increment: envco; }

.linkbutton::before {
  content: "(" counter(chapter) "." counter(envco) ") "; }




/*
body {
    background-color: #e6e6e6;
}
*/
/* Included from chapter.pre. Clean this up!!!! */
.btn {
  font-size: 18px;
  /* background-color: #d7cec7; 
  background-color: #d3d3d3;*/ }

.collapse {
    padding-right: 20px;
    padding-bottom: 10px;
} 

.tocicon {
  font-size: 20px;
  position: fixed;
  left: 0;
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 20px; }

.openbs {
  font-size: 25px;
  position: fixed;
  left: 0;
  color: #76323f;
  background-color: white;
  border: none; }

.closebs {
  font-size: 25px;
  position: fixed;
  left: 0;
  color: #76323f;
  background-color: white;
  border: none; }

.ltxlabel {
    font-size: 25px;
    color:red;
    cursor:pointer;
}

h1 {
  font-size: 45px;
  counter-reset: section;
  padding-bottom: 30px;
  padding-top: 20px; }

h2 {
  font-size: 30px;
  padding-top: 20px;
  padding-bottom: 15px;
  counter-reset: subsection; }


ol {
  margin-left: 0;
  padding-left: 0;
  padding-top: 5px; }

ol > li {
  position: relative;
  margin: 0 0 6px 28px;
  padding: 4px 8px;
}

ol.alpha li::marker{
    content:"("counter(list-item,lower-alpha)")";
}

ol.greek {
    list-style-type: lower-greek;
}

ol.number {
    list-style-type: decimal;
}

ol.lowerroman {
    list-style-type: lower-roman;
}


h1, h2, h3 {
  color: #76323f; }

figcaption {
    text-align: left;
    font-size: 16px;
}

img {
    display: inline-block;
    margin: auto;
    /* padding: 30px; */
    max-width: 100%;
    height: auto;
    align: middle;
}

.billede {
    text-align: center;
}   

audio {
  background: #95B9C7;
  float: right;
  width: 10%; }

body {
  background-color: white; }

.collapse {
  border-left: thick solid #d3d3d3;
  font-style: normal;
  padding-left: 20px;
  margin-bottom: 20px; }

.modal-dialog {
  width: 90%; }

/* .mark {background-color: #FFFFCC;} */
.indent {
  text-indent: 25px; }

figcaption {
  text-align: center;
  padding: 5px; }

.katex-render {
  font-size: 85%; }

.katex-render .katex-display {
  position: relative; }

.katex-render .katex-display .katex .eqno {
  display: inline-block;
  position: absolute;
  right: 0; }

.katex-render .katex-display .accent .accent-body.accent-vec > span {
  left: 0.5em !important; }

/* sourceMappingURL=math.scss.map */


/* Font from css in online notes of Nicolas Tessore: http://ntesso.re/notes/ */
@import url("https://fonts.googleapis.com/css?family=PT+Serif|PT+Serif+Caption|PT+Mono|Source+Sans+Pro:200,400");

h1, h2, h3, h4, h5, h6 {
 font-family: "PT Serif Caption", sans-serif; font-weight: normal;
 color: #76323f; letter-spacing: normal; 
}

.container { max-width: 24cm; margin:auto}