/* Misc settings
-------------------------------------------------- */

.wdtd_course h1 {
font-size:28px;
}

.wdtd_course header h1 {
margin-top:0px;
margin-bottom:0px;
}

.wdtd_course h2 {
/*color:#36aae7;*/
font-size:20px;
}

.wdtd_course h3{

font-size:16px;
}

.wdtd_course h2.page-header {

  padding-bottom: 0px;
  /*margin: 60px 0 30px;*/
  border-bottom: 1px solid #eeeeee;

}





/* ebook styles
-------------------------------------------------- */


.wdtd_course .container-fluid {

  display: block;
  /*height: 100%;
  width: 100%;*/
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  padding: 0em;

  background-color: #999;
 /* font-family: "Open Sans", sans-serif;
  font-weight: 400;*/
  font-size: 14px;
  line-height: 1.75em;
  color:#515151;
  z-index:301;
}

body.wdtd-course-full-screen {
height: 100%;
width: 100%;
}



body.wdtd-course-full-screen #wrapper, body.wdtd-course-full-screen .wdtd_course  {
position:absolute;
top:0px;
left:0px;
height: 100%;
width: 100%;
padding:0em;
margin:0em;
}

body.wdtd-course-full-screen #banner, body.wdtd-course-full-screen .wdtd_course .add-asset-selector {
  display:none;
}


.wdtd_course * {
  box-sizing: border-box;
}

/*base style for book and chrome - no magic yet */
.book-reader {
  /*ios hacks*/
}
.wdtd_course .book-reader header, .book-reader nav {
  user-select: none;
}
.wdtd_course .book-reader header {
  height: 3.5em;
  -moz-box-shadow: 0 0.25em rgba(0, 0, 0, 0.2), inset 0 -1px rgba(0, 0, 0, 0.6), inset 0 -2px rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 0 0.25em rgba(0, 0, 0, 0.2), inset 0 -1px rgba(0, 0, 0, 0.6), inset 0 -2px rgba(255, 255, 255, 0.15);
  box-shadow: 0 0.25em rgba(0, 0, 0, 0.2), inset 0 -1px rgba(0, 0, 0, 0.6), inset 0 -2px rgba(255, 255, 255, 0.15);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.4)));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 99%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 99%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 99%);
  z-index: 310;
  position: absolute;
  top:0px;
  left:0px;

  width: 100%;
  background-color: #555;
}
.wdtd_course .book-reader header a {
  line-height: 3.5em;
  text-decoration: none;
  display: inline-block;
  color: #ccc;
}
.wdtd_course .book-reader header a:hover {
  color: white;
}
.wdtd_course .book-reader header h1 {
  position: absolute;
  top: 0;
  margin-left: -3em;
  padding-left:10em;
  text-align: left;
  font-weight: 600;
  width: 100%;
  font-size: 1.16667em;
  line-height: 1.75em;
}
.wdtd_course .book-reader header h1 a {
  padding: 0 1em;
  line-height: 3em;
  display: inline;
  z-index: 311;
  box-shadow: none;
}
 .wdtd_course .book-reader header a[href="#menu"] {
  z-index: 309;
  position: relative;
  -moz-box-shadow: inset -1px 0 rgba(255, 255, 255, 0.2), inset -2px 0 rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: inset -1px 0 rgba(255, 255, 255, 0.2), inset -2px 0 rgba(0, 0, 0, 0.24);
  box-shadow: inset -1px 0 rgba(255, 255, 255, 0.2), inset -2px 0 rgba(0, 0, 0, 0.24);
  text-align: center;
  background-color: rgba(0, 0, 0, 0.13);
  display: block;
  width: 8em;
}
.wdtd_course .book-reader header a[href="#menu"]:hover {
  color: white;
}
.wdtd_course .book-reader nav {
  position: absolute;
  z-index: 308;
  bottom: 0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  display: table;
  width: 100%;
  padding: 0;
  line-height: 3.5em;
  height: 3.5em;
  background-color: #ccc;
  -moz-box-shadow: 0 -0.2em rgba(0, 0, 0, 0.2), 0 -1px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0 -0.2em rgba(0, 0, 0, 0.2), 0 -1px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.3);
  box-shadow: 0 -0.2em rgba(0, 0, 0, 0.2), 0 -1px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.3);
  color: white;
  text-transform: capitalize;
}

.wdtd_course .book-reader nav li {
line-height: 3.5em;
}
.wdtd_course .book-reader nav ul {
  display: table-row;
  list-style: none;
  margin: 0;
  padding: 0;
}
.wdtd_course .book-reader nav ul li {
  display: table-cell;
  width: 33.3333%;

}
.wdtd_course .book-reader nav ul li a {
  color: #333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.1);
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}
.wdtd_course .book-reader nav ul li a:hover {
  color: white;
  background-color: rgba(0, 0, 0, 0.2);
}
.book-reader header, .book-reader nav {
  transition: all .2s ease;
  -webkit-transform: translate3d(0, 0, 0);
}
.wdtd_course .book-reader section {
  transition: all .13s ease;
  /*background-color: #fafafa;*/
  background-color:#fff;
  text-shadow: 0 1px #fff;
  position: absolute;
  padding: 2em;
  overflow: auto;
  top: 3.5em;
  bottom: 3.5em;
  width: 90%;
  left: 5%;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.4);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dddddd), color-stop(9%, #ffffff), color-stop(91%, #ffffff), color-stop(100%, #dddddd));
  background: -moz-linear-gradient(left, #dddddd 0%, #ffffff 9%, #ffffff 91%, #dddddd 100%);
  background: -webkit-linear-gradient(left, #dddddd 0%, #fafafa 9%, #ffffff 91%, #dddddd 100%);
  background: linear-gradient(to right, #dddddd 0%, #ffffff 9%, #ffffff 91%, #dddddd 100%);
  -webkit-overflow-scrolling: touch;
  /*you're welcome tablet users*/
}
.wdtd_course .book-reader section * {
  -webkit-transform: translate3d(0, 0, 0);
}
.wdtd_course .book-reader section .page {
  /*max-width: 40em;*/
  max-width:60em;
  margin: 1.75em auto;
}

.wdtd_course .book-reader section.leftMenu .page {
  margin-left:21em;
}


.wdtd_course .book-reader section p {
  margin: 1.75em auto;
  color:#515151;
}
.wdtd_course .book-reader section h1 {
  font-size: 2em;
  color: #555;
  line-height: 1.2em;
  font-weight: 300;
}

.wdtd_course .book-reader section table caption {
  font-weight: 600;
}
.wdtd_course .book-reader img {
  padding: 1em;
  background-color: white;
  box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.2);
  max-width: 100%;
}

 .book-reader a {
  transition: all .15s ease;
  -moz-box-shadow: inset -1px 0 rgba(255, 255, 255, 0.2), inset 1px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: inset -1px 0 rgba(255, 255, 255, 0.2), inset 1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: inset -1px 0 rgba(255, 255, 255, 0.2), inset 1px 0 rgba(0, 0, 0, 0.12);
}
 .book-reader a, .book-reader label, .book-reader input {
  -webkit-tap-highlight-color: transparent;
  outline: 0;
}
.book-reader nav, .book-reader header {
  -webkit-transform: translate3d(0, 0, 0);
}
.book-reader nav label, .book-reader nav a, .book-reader header label, .book-reader header a {
  -webkit-transform: translate3d(0, 0, 0);
}

 .wdtd_course label[for="fullscreen"], .wdtd_course label[for="invert"] {
  transition: all .2s ease;
  background-color: rgba(255, 255, 255, 0.05);
  position: absolute;
  top: 0;
  right: 0%;
  text-align: center;
  padding: 0 2em;
  z-index: 312;
  color: #aaa;
  height: 3.5em;
  cursor: pointer;
  width: 11em;
  line-height: 3.5em;
  user-select: none;
  -moz-box-shadow: inset 1px 0 rgba(255, 255, 255, 0.2), inset 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 rgba(255, 255, 255, 0.2), inset 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 rgba(255, 255, 255, 0.2), inset 2px 0 rgba(0, 0, 0, 0.2);
}
.wdtd_course label[for="fullscreen"]:hover, label[for="invert"]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
}

.wdtd_course  #fullscreen {
  position: absolute;
  top: 0;
  z-index: -1;
  opacity: 0;
  /* neighbour selector all up in this*/
}
 .wdtd_course  #fullscreen:checked ~ nav {
  /*bottom: -3.5em;*/
}
.wdtd_course  #fullscreen:checked ~ header {
  top: -3.5em;
}
.wdtd_course  #fullscreen:checked ~ section {
  top: 0;
  bottom: 0;
}
.wdtd_course  #fullscreen:checked ~ label[for="invert"] {
  top: -3.5em;
}
.wdtd_course  #fullscreen:checked ~ label[for="fullscreen"] {
  width: 11em;
  padding: 0;
  color: #aaa;
  background-color: #fff;
  -moz-box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #eee, 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #eee, 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #eee, 0 0.2em 0.4em rgba(0, 0, 0, 0.2);
}
.wdtd_course  #fullscreen:checked ~ label[for="fullscreen"]:before {
  content: "Exit Fullscreen";
}

.wdtd_course  #fullscreen #menu-close-btn {
	display:none;
}

.wdtd_course  #fullscreen:checked #menu-close-btn {
	display:block;
}


.wdtd_course  label[for="invert"] {
  right: 11em;
  width: 7em;
}

.wdtd_course  #invert {
  position: absolute;
  top: 2em;
  z-index: -1;
  opacity: 0;
}
.wdtd_course  #invert:checked ~ label[for="invert"] {
  background-color: rgba(0, 0, 0, 0.35);
}
.wdtd_course  #invert:checked ~ label[for="invert"]:before {
  content: "Day";
}
.wdtd_course #invert:checked ~ section {
  background-image: none;
  background-color: #121212;
  -moz-box-shadow: 0 0 0 5.5em #111;
  -webkit-box-shadow: 0 0 0 5.5em #111;
  box-shadow: 0 0 0 5.5em #111;
  color: white;
  text-shadow: none;
}
.wdtd_course #invert:checked ~ section p, #invert:checked ~ section h1  {
  color: white;
}

.wdtd_course #invert:checked ~ section table {
	color:#000;
}

.wdtd_course #invert:checked ~ section table caption {
	color:#fff;
}
.wdtd_course #invert:checked ~ nav, #invert:checked ~ header {
  box-shadow: none;
  background-color: #222;
  color: #777;
}
.wdtd_course #invert:checked ~ header a, #invert:checked ~ label, #invert:checked ~ nav a {
  color: #777;
  /* box-shadow: none !important*/
}
 
.wdtd_course #invert:checked ~ header a:hover,.wdtd_course #invert:checked ~ nav a:hover {
  color: #fff;
  /* box-shadow: none !important*/
}

.wdtd_course label[for="fullscreen"]:before {
  content: "Fullscreen";
}

.wdtd_course label[for="invert"]:before {
  content: "Night";
}

/*small size hack*/
@media (max-width: 50em), (max-height: 25em) {
  body {
    font-size: 12px;
  }
}
@media (max-width: 30em) {
   .wdtd_course .book-reader header h1 {
    display: none;
  }
 .wdtd_course  .book-reader header a[href="#menu"] {
    padding: 0;
    width: 5em;
  }
}

/* Image Caption Style */
.wdtd_course  small.caption {
  display:block;
}


/* Navigation styles
-------------------------------------------------- */

.wdtd_course .course_sidenav {
  width: 228px;
  padding: 0;
  margin:3.5em 0 0 1px;
  background-color: #fff;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  /*-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);*/

  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);

}
.course_sidenav > li > a {
  display: block;

}
.course_sidenav > li:first-child > a {
  /*-webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;*/
}
.course_sidenav > li:last-child > a {
 /* -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;*/
}
.course_sidenav > .active > a {
  position: relative;
  border: 0;
 /* -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);*/
}


.course_sidenav.affix {
  top: 40px;
}
.course_sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}

#courseNav {
  padding-bottom:3.5em;
  margin-bottom:2px;
  position:absolute;
  z-index:302;
  left:6%;
}

#courseNav.show{
 left:0px;
 left:6%;
}

#courseNav.hide{
 left:-6.1%;
}

#menu-close-btn {
    text-align: left;
    position: absolute !important;
    display:absolute;
    top:-1px;
    padding: 5px 20px;
    line-height:3.5em;
    font-size:1em;
    color:#000;
}



#menu-close-btn span i {
   color:#0099d8;
}






/* Accordion menu styles
-------------------------------------------------- */

.accordion,
ul.accordion,
.accordion ul,
.accordion li,
.accordion a,
.accordion span {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.accordion li {
	list-style: none;
}

.accordion li > a {
	display: block;
	position: relative;
	min-width: 110px;
	margin-top: -1px;
	padding: 5px 20px;
	z-index: 305;

 	/*font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;*/
	color: #fdfdfd;

	text-decoration: none;

	cursor: pointer;
	color: #515151;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);

	font-size: 1em;
	background: #ffffff;
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}

.accordion .icon-chevron-right, .accordion  .icon-chevron-down {
    float: right;
    margin-top: 8px;
    margin-right: -6px;
    /*opacity: .25;*/
    color:#0099d8;
}

.accordion > li:hover > a,
.accordion > li:target > a,
.accordion > li > a.active {
        text-decoration: none;
    	color: #fff;
    	color: #0a4595;
    	color:#000;
  	color: #0a4595;
	color: #000;

 
}

.accordion a:hover .icon-chevron-right, .accordion a:hover .icon-chevron-down {
    color:#0a4595;
}

/* Sub Menu */
.accordion .sub-menu {
  	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
  	padding: 0px 0px;
  	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	position: relative;
	z-index: 304;
}
.sub-menu li {
 
}

.accordion .sub-menu li a {
	color: #515151;
	color:#0099d8;
	text-decoration: none;
	/*text-shadow: 1px 1px 0px rgba(255,255,255, .2);*/
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
  	background:#f7f8fa;
	background:#ebedf2;


	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
  
 	box-shadow:none;
  
     	padding: 5px 20px 5px 20px;
}



.accordion .sub-menu li.active a {
    background:#ebedf2;
    color: #0a4595;
}

.accordion .sub-menu li:hover a, .sub-menu li a.active { 
   color:#000;
   text-decoration: none;
   border-left:4px solid #0a4595;
}


.accordion .sub-menu li:last-child a { 
/*border: none; */
}

.accordion .sub-menu li > a span {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);
	background: transparent;
	border: 1px solid #c9c9c9;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


.accordion > li:hover > a span,
.accordion > li:target > a span,
.accordion > li > a.active span {
    color: #fdfdfd;
    text-shadow: 0px 1px 0px rgba(0,0,0, .35);
    background: #3e5706;
}



.accordion li > .sub-menu {
    display: none;
}
 
.accordion li:target > .sub-menu {
    display: block;
}

/* Table of Content
-------------------------------------------------- */

.table-of-content   a  {
	box-shadow:none;
}
.table-of-content > li > a i {
	display:none !important;
}


.table-of-content > li > ol {
	list-style: upper-alpha;
}



/* Responsive
-------------------------------------------------- */

/* Desktop large
------------------------- */
@media (min-width: 1200px) {
  .wdtd_course .portlet-content {
    font-size:100%;
   }

 /* .course_sidenav {
    width: 258px;
  }
*/

  .wdtd_course .book-reader section .page {
	max-width:60em;
  
   }

  .wdtd_course .course_sidenav {
    width: 20em;
  }
  .course_sidenav > li > a {
    width: 19em \9; /* Override the previous IE8-9 hack */
  }

	#courseNav.show{
 	  left:6%;
	}

	#courseNav.hide{
 		left:-21em;
	}

}

/* Desktop
------------------------- */
@media (max-width: 980px) {

  /* When affixed, space properly */
  .course_sidenav {
    top: 0;
    width: 218px;
    margin-top: 30px;
    margin-right: 0;
  }

}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {

  /* Adjust sidenav width */
  .course_sidenav {
    width: 166px;
    margin-top: 20px;
  }
  .course_sidenav.affix {
    top: 0;
  }



}

/* Tablet
------------------------- */
@media (max-width: 767px) {
 

  /* Sidenav */
  .course_sidenav {
    width: auto;
    margin-bottom: 20px;
  }
  .course_sidenav.affix {
    position: static;
    width: auto;
    top: 0;
  }

 .wdtd_course  #courseNav {
	display:none;
   }

.wdtd_course  .book-reader section.leftMenu .page {
  margin-left:auto;
}


  .wdtd_course nav a span {
	display:none;
  }

}

/* Landscape phones
------------------------- */
@media (max-width: 480px) {
  .course_sidenav.affix {
    position:static;
    width: auto;
    top: 0;
  }
  .wdtd_course  #courseNav {
	display:none;
   }
.wdtd_course  .book-reader section.leftMenu .page {
  margin-left:auto;
}

   .wdtd_course .book-reader header h1 {
    display: none;
  }

  .wdtd_course nav a span {
	display:none;
  }
}


/*Print style */

@media print { 
 /* All print styles go here */


 header[role="banner"], footer, nav, #chatBar, #courseNav, #p_p_id_145_
{ display: none !important; } 

.wdtd_course .add-asset-selector, .wdtd_course .course_sidenav {

   display:none;
}


 .page {
  page-break-after: always;
 }

	

}