div#lecture-menu {
	width: 275px;
	float: left;
        display: inline-block;
	font-weight: bold;
}

div#lecture-content {
	width: 700px;
	float: left;
        display: inline-block;
}

div#lecture-content-wide {
	width: 975px;
	float: left;
        display: inline-block;
}

div#lecture-image {
	width: auto;
	float: right;
        display: inline-block;
}



h1 {
     font-size: 28px;
}

h2 {
     font-size: 22px;
     margin-top: 10mm;
}

h3 {
     font-size: 20px;
}

.indent40 {
    margin-left: 40px;
}

.spacer5 {
    margin-bottom: 5mm;
}

.spacer10 {
    margin-bottom: 10mm;
}

.vspacer {
    height: 30px;
}

.bold {
    font-weight: bold;
}

.mycol {
        color: #d20000;
}

.darkemph  {
        color: #700000;
}

.centerlegend {
    padding-bottom: 20px;
    text-align: center;
}

.center {
    text-align: center;
}

.top {
    vertical-align: top;
}

.footnote {
  font: normal 0.85em Arial, sans-serif;
}

.praksis {
    margin-top: 10px;
    margin-bottom: 35px;
    font-style: italic;
    color: #b20000;
}

.praksismedium {
    font-style: normal;
    font-size: 14px;
}

.normalverdi {
    padding-left: 30px;
}

.definitiontable td {
    padding-top: 15px;
    padding-right: 5px;
    vertical-align: top;
}

.opentable td {
    padding-right: 10px;
}

.nicetable {
   border-collapse: collapse;
   border-style: none;
   border-width: 0px;
}

.nicetable th {
   background-color: #c0c0c0;
   padding: 5px 15px 5px 15px;
}

.nicetable td {
   background-color: #efefef;
   padding: 5px 15px 5px 15px;
   border-bottom: 1px solid #fcfcfc;
}

.leftmenu-container {
    padding: 0px; 
    float: left; 
    width: 200px;
}

.midposition {
   position: relative;
   top: 45%;
   transform: translateY(-45%);
   text-align: center;
}

.invisible {
	visibility:hidden;
}

.hrule {
    width: 98%;
    font-size: 1px;
    color: rgba(0, 0, 0, 0);
    line-height: 1px;
    margin-top: 3px;
    margin-bottom: 20px;
}

ul.dashed {
    list-style: none;
    padding-inline-start: 35px;
}

ul.dashed > li::before {
    content: "-";
    margin-left: -15px;
    padding-right: 7px;
}

.accordion, .accordion ul {
    list-style: none; 
    margin: 0px; 
    padding: 0px; 
    border: 0px; 
    outline: none;
}

.accordion li ul {
    margin: 0px 0px 0px 14px;
}

.accordion ul.text {
    margin-bottom: 1em; 
    line-height: 1.5em;
}

.accordion a {
    text-decoration:none; 
    display: block; 
    color: #222; 
    border-bottom: 0px;
}

.accordion > li > a {
    font-weight: bold; 
    text-transform: uppercase;
}

.accordion ul a {
    font-weight: normal; 
    text-transform: capitalize;
}

.accordion ul li ul a {
    font-weight: normal; 
    font-size: 12px; 
    text-transform: capitalize;
}

.accordion a:hover {
    background: #f5f5f5; 
    color: #D20000;
}


/* slider som i synsfeltsimulator */

   
input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
    
    /*required for proper track sizing in FF*/
    width: 400px;
    height: 25px;
}

input[type=range]::-webkit-slider-runnable-track {
    height: 5px;
    background: #ddd;
    border: none;
/*    border-radius: 3px; */
}

input[type=range]::-moz-range-track {
    height: 5px;
    background: #ddd;
    border: none;
/*    border-radius: 3px;*/
}

input[type=range]::-ms-track {
    height: 5px;
    animate: 0s;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: steelblue;
    margin-top: -11px;
}

input[type=range]::-moz-range-thumb {
    border: none;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: steelblue;
}

input[type=range]::-ms-thumb {
    border: none;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: steelblue;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}

/* Vue - virtuelle pasienter */

.vpright {
   padding: 10px;
   margin: 8px 0px 8px 0px;
   background: palegreen;
}

.vpwrong {
   padding: 10px;
   margin: 8px 0px 8px 0px;
   background: peachpuff;
}

.labelclass {
   margin-right: 10px;
}

.goodbye {
   padding-top: 35px;
}

.questionclass {
   margin: 10px 0px 10px 0px;
   font-weight: bold;
}

.bilder td {
   text-align: center;
   padding-right: 25px;
}

.bilderundertekst td {
   padding-top: 15px;
   font-weight: bold;
   font-size: 18px;
}

.injectedq {
    padding: 0px 30px 0px 30px;
    min-height:20px;
}


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  color: #005595
  /* border-bottom: 1px dotted blue; If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: #ecfeec;
  color: black;
  text-align: left;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}