.reveal .slides .reorganising {
    -webkit-transition: 3s; /* Safari */
    transition: left 3s;
    position: relative ;
    left: 0px ;
}


/**
 * KEYS.css
 *
 * A simple stylesheet for rendering beautiful keyboard-style elements.
 *
 * Author:  Michael Hüneburg
 * Website: http://michaelhue.com/keyscss
 * License: MIT License (see LICENSE.txt)
 */

/* Base style, essential for every key. */
kbd, .key {
	display: inline;
	display: inline-block;
	min-width: 1em;
	padding: .2em .3em;
	font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	border: none;
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
kbd[title], .key[title] {
	cursor: help;
}

/* Dark style for display on light background. This is the default style. */
kbd, kbd.dark, .dark-keys kbd, .key, .key.dark, .dark-keys .key {
	background: rgb(80, 80, 80);
	background: -moz-linear-gradient(top, rgb(60, 60, 60), rgb(80, 80, 80));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(60, 60, 60)), to(rgb(80, 80, 80)));
	color: rgb(250, 250, 250);
	text-shadow: -1px -1px 0 rgb(70, 70, 70);
	-moz-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
}

/* Light style for display on dark background. */
kbd.light, .light-keys kbd, .key.light, .light-keys .key {
	background: rgb(250, 250, 250);
	background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
	color:  rgb(50, 50, 50);
	text-shadow: 0 0 2px rgb(255, 255, 255);
	-moz-box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
	-webkit-box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
	box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
}

.reveal .slides img {
   border: none ;
   background: none ;
   box-shadow: none ;
}
.reveal .slides img.halfbox {
   height: 600px;
   padding-left: 45px ;
   padding-right: 45px ;
}
.reveal .slides img.rightbox {
   height: 600px;
}
.reveal .slides img.leftbox {
   height: 600px;
}
.reveal .slides .mediacredit {
   font-size: 16pt ;
}

/**
 * White theme for reveal.js. This is the opposite of the 'black' theme.
 *
 * By Hakim El Hattab, http://hakim.se
 */
@import url(../lib/font/source-sans-pro/source-sans-pro.css);
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
  color: #fff; }

/*********************************************
 * GLOBAL STYLES
 *********************************************/
body {
  background: #fff;
  background-color: #fff; }

.reveal {
  font-family: "Source Sans Pro", Helvetica, sans-serif;
  font-size: 38px;
  font-weight: normal;
  color: #00509E; }

::selection {
  color: #fff;
  background: #d1886c;
  text-shadow: none; }

.reveal .slides > section,
.reveal .slides > section > section {
  line-height: 1.3;
  font-weight: inherit; }

/*********************************************
 * HEADERS
 *********************************************/
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  margin: 0 0 20px 0;
  color: black;
  font-family: "Source Sans Pro", Helvetica, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: uppercase;
  text-shadow: none;
  word-wrap: break-word; }

.reveal h1 {
  font-size: /* 2.5em */ 32pt ;
 }

.reveal h2 {
  font-size: 1.6em; }

.reveal h3 {
  font-size: 1.3em; }

.reveal h4 {
  font-size: 1em; }

.reveal h1 {
  text-shadow: none; }

/*********************************************
 * OTHER
 *********************************************/
.reveal p {
  margin: 20px 0;
  line-height: 1.3; }

/* Ensure certain elements are never larger than the slide itself */
.reveal img,
.reveal video,
.reveal iframe {
  max-width: 95%;
  max-height: 95%; }

.reveal strong,
.reveal b {
  font-weight: bold; }

.reveal em {
  font-style: italic; }

.reveal ol,
.reveal dl,
.reveal ul {
  display: inline-block;
  text-align: left;
  margin: 0 0 0 1em; }

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

.reveal ul {
  list-style-type: disc; }

.reveal ul ul {
  list-style-type: square; }

.reveal ul ul ul {
  list-style-type: circle; }

.reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
  display: block;
  margin-left: 40px; }

.reveal dt {
  font-weight: bold; }

.reveal dd {
  margin-left: 40px; }

.reveal q,
.reveal blockquote {
  quotes: none; }

.reveal blockquote {
  display: block;
  position: relative;
  width: 70%;
  margin: 20px auto;
  padding: 5px;
  font-style: italic;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }

.reveal blockquote p:first-child,
.reveal blockquote p:last-child {
  display: inline-block; }

.reveal q {
  font-style: italic; }

.reveal pre {
  display: block;
  position: relative;
  width: 90%;
  margin: 20px auto;
  text-align: left;
  font-size: 0.55em;
  font-family: monospace;
  line-height: 1.2em;
  word-wrap: break-word;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }

.reveal code {
  font-family: monospace; }

.reveal pre code {
  display: block;
  padding: 5px;
  overflow: auto;
  max-height: 400px;
  word-wrap: normal; }

.reveal table {
  margin: auto;
  border-collapse: collapse;
  border-spacing: 0; }

.reveal table th {
  font-weight: bold; }

.reveal table th,
.reveal table td {
  text-align: left;
  padding: 0.2em 0.5em 0.2em 0.5em;
  border-bottom: 1px solid; }

.reveal table th[align="center"],
.reveal table td[align="center"] {
  text-align: center; }

.reveal table th[align="right"],
.reveal table td[align="right"] {
  text-align: right; }

.reveal table tr:last-child td {
  border-bottom: none; }

.reveal sup {
  vertical-align: super; }

.reveal sub {
  vertical-align: sub; }

.reveal small {
  display: inline-block;
  font-size: 0.6em;
  line-height: 1.2em;
  vertical-align: top; }

.reveal small * {
  vertical-align: top; }

/*********************************************
 * LINKS
 *********************************************/
.reveal a {
  color: #90492d;
  text-decoration: none;
  -webkit-transition: color .15s ease;
  -moz-transition: color .15s ease;
  transition: color .15s ease; }

.reveal a:hover {
  color: #c56945;
  text-shadow: none;
  border: none; }

.reveal .roll span:after {
  color: #fff;
  background: #562b1b; }

/*********************************************
 * IMAGES
 *********************************************/
.reveal section img {
  margin: 15px 0px;
  background: rgba(255, 255, 255, 0.12);
  border: 4px solid #00509E;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

.reveal section img.plain {
  border: 0;
  box-shadow: none; }

.reveal a img {
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear; }

.reveal a:hover img {
  background: rgba(255, 255, 255, 0.2);
  border-color: #90492d;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }

/*********************************************
 * NAVIGATION CONTROLS
 *********************************************/
.reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
  border-right-color: #90492d; }

.reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
  border-left-color: #90492d; }

.reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
  border-bottom-color: #90492d; }

.reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
  border-top-color: #90492d; }

.reveal .controls .navigate-left.enabled:hover {
  border-right-color: #c56945; }

.reveal .controls .navigate-right.enabled:hover {
  border-left-color: #c56945; }

.reveal .controls .navigate-up.enabled:hover {
  border-bottom-color: #c56945; }

.reveal .controls .navigate-down.enabled:hover {
  border-top-color: #c56945; }

/*********************************************
 * PROGRESS BAR
 *********************************************/
.reveal .progress {
  background: "#dfd8c5"; }

.reveal .progress span {
  background: #90492d;
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }


.reveal .slides .formulatable .comment {
   color: #ccbd8f ;
}
.reveal .slides section img {
   border: none ;
   margin: 10px ;
}

.ntnupurple {
   color: #ad208e ;
}
.ntnuorange {
   color: #f58025 ;
}
.ntnubrown {
   color: #90492d ;
}
.reveal .slides section .bigfont {
   font-size: 1.45em ;
}
.reveal .slides dl.outernest > dt {
   font-size: 1.3em ;
}
.outernest {
   width: 1200px ;
}
.innernest {
   color: #f58025 ;
}

/* Tables */
.reveal .slides .formulatable td {
   border-bottom: black solid  2px ;
   padding-bottom: 20px ;
   padding-top: 20px ;
}


/* SVG */
svg {
   /* border: 1pt solid black ; */
   /* text-align: right ; /**/
   display: inline-block ;
   margin-left: auto ;
   margin-right: auto ;
}
.tick text {
   font-size: 14pt ;
   font-style: italic ;
}
.axislabel {
   font-size: 18pt ;
   font-style: bold ;
}
.bigformula {
   font-size: 48pt ;
   font-style: italic ;
   /* fill: #ccbd8f ; /**/
}
.bigmathlabel {
   font-size: 30pt ;
   font-style: italic ;
   /* fill: #ccbd8f ; /**/
}
.mathlabel {
   font-size: 25pt ;
   font-style: italic ;
   /* fill: #ccbd8f ; /**/
}

.curlyBrace {
    stroke: #ccbd8f ;
    stroke-width: 5px;
    fill: none;
}
.svgmathjax {
   font-size: 12pt ;
   color: black
}

/* GUI elements */
button {
   font-size: 24pt ;
}

/* Key legend */
.titlepage .keyrow {
   padding-top: 110px  ;
}
.titlepage .keykey {
   margin-left: 35px ;
   margin-right: 35px ;
}

/* Tag cloud */
.reveal .tagcloud .clouditem {
   padding: 1.5em ;
}
.reveal .tagcloud .clouditem div {
}

/* Arranging formulæ and graphics */
.reveal .circle {
   float: left ;
}
.reveal .column {
   float: left ;
   width: 590px ;
}
.formulabox {
   position: absolute ;
   left: 30%;
   bottom: 0px ;
}

/* Position */
.centre {
   text-align: center;
}
.centerbox {
   position: center ;
}
.fixbox {
   position: fixed ;
}
.rhplot {
   float: right  ;
}
.leftbox {
   /* left-margin: 50px ; */
   float: left  ;
}
.rightbox {
   /* right-margin: 50px ; */
   float: right  ;
}

/* Fragments */
.reveal .slides section .formulabox .fragment {
   height: 0pt ;
   width: auto ;
}
.reveal .slides section .formulabox .fragment.visible {
   height: auto ;
   width: auto ;
   opacity: 0.5 ;
   -webkit-transition: width 1s, height 1s, opacity 1s; /* Safari */
   transition: width 1s, height 1s, opacity 1s 
}
.reveal .slides section .formulabox .fragment.visible.current-fragment {
   height: auto ;
   width: auto ;
   opacity: 1 ;
   -webkit-transition: width 1s, height 1s, opacity 1s; /* Safari */
   transition: width 1s, height 1s, opacity 1s 
}

.reveal .slides table .question {
   font-style: italic ;
}
.reveal .slides thead .empty {
   background-color: white ;
}
.reveal .slides .thead {
   background-color: #00509E ;
   color: white ;
}
.reveal .slides tbody {
   border: solid 2px #00509E ;
}
.reveal .slides tbody td {
   border: solid 2px #00509E ;
}

/* CSS file for titlepage, controls, and repeated elements */

/* Styling the titlepage */
.reveal .slides .titlepage h1 {
    font-size: 56pt ;
}
.reveal .slides .titlepage h2 {
    font-size: 42pt ;
}
/* Styling slide template */
.logo {
   position: fixed ;
   left: 0px ;
   bottom: 0px ;
   margin: 5px ;
   width: 60px ;
}

.verse .text {
   color: black ;
}
.verse .number {
   padding-right: 1em ;
   font-size: 0.9em ;
}
.credit {
   text-align: right ;
}

.reveal .slides .wordgrid {
   width: 400px ;
   margin: auto ;
   display: table ;
}
.reveal .slides .wordgrid .gridline  {
   text-align: left ;
   padding: 0px ;
   margin: 0px ;
   display: table-row ;
}
.reveal .slides .wordgrid .word  {
   display: table-cell ;
}
.reveal .slides .wordgrid .gridline .initial {
   font-size: 200% ;
   color: black ;
}
.reveal .slides .wordgrid .gridline .restword {
   color: "#00509E" ;
}
.reveal .slides .wordgrid .gridline .translation {
   color: #ccbd8f ;
   display: table-cell ;
   text-align: right ;
}