div.popover{
	opacity:1;
	width:1800px;
	background-color:white;
  z-index: 1000;
 
	/*border: 4px solid #5ECCDC;
	border-right: 1px solid #5ECCDC;*/
	span{
		font-weight:bold;
	}
}

body{
	font-family:"proxima-nova", sans-serif;
	font-size: 13.5px;
  color: #506B75;
  /*overflow: hidden;*/
	
}

/*a {
  color: #638199 !important;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #638199 !important;
  text-decoration: underline;
}
*/

#scaffold-actionBar {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: fixed;
    top: 69px;
    height: 50px;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 1010;
}

#scaffold-actionBar #toc-handle {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-width: 1px;
    border-color: #c8c8c8;
    border-style: solid;
    background-color: #f9fafc;
    color: #638199;
    font-size: 18px;
    font-weight: 700;
    height: 32px;
    z-index: 2;
    width: 220px;
    margin: 8px 5px;
    padding: 0 15px;
    line-height: 32px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}

#scaffold-actionBar #toc-handle #toc-handle-icon-open {
    height: 22px;
    cursor: pointer;
    right: 4px;
    position: absolute;
    top: 4px;
}


#sidebar-container #sidebar-handle {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*position: absolute;*/
    padding-left: 5px;
    bottom: 0;
    right: 0;
    color: #638199;
    margin: 0;
    padding: 0;
    height: 32px;
    z-index: 2;
    margin: 8px 3px;
}

#sidebar-container #sidebar-handle>span {
    border: 1px solid #c8c8c8;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    width: 145px;
    color: #638199;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    left: 0px;
}

/*#sidebar-container #sidebar-handle .annot {
    border: 1px solid #c8c8c8;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    width: 155px;
    color: #638199;
}
*/
#sidebar-container #sidebar-handle .smart-cnt, #sidebar-container #sidebar-handle .annot {
    text-align: center;
}



#sidebar-container #sidebar-handle #main-handle {
    width: 50px;
    text-align: center;
}

#sidebar-container #sidebar-handle #sidebar-handle-icon-open {
    height: 22px;
    cursor: pointer;
    right: 0;
    top: -1px;
    position: relative;
}

/*#sidebar-container #sidebar-handle #sidebar-handle-icon-collapsed {
    display: none;
}*/

#sidebar-container #sidebar-handle #main-handle, #scaffold-actionBar #sidebar-handle>span {
    border: 1px solid #c8c8c8;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
}

#sidebar-container #sidebar-handle .smart-cnt{
  background-color: #f1f6f9;
} 

#sidebar-container #sidebar-handle .annot{
    background-color: #f9fafc;
}

#sidebar-container #sidebar-handle #sidebar-handle-icon-open {
    height: 22px;
    cursor: pointer;
    right: 0;
    top: -1px;
    position: relative;
}

#scaffold-actionBar #toc-handle #toc-handle-icon-collapsed {
    display: none;
}

#sidebar-container .containers :hover{
  background: #DCEDEE;
}

#learn-container.no-toc #toc-container{
	display: none;
}
#learn-container.no-toc #mainview-container{
	left:0px;
}
#learn-container.no-sidebar #sidebar-container{
	display: block;
}
#learn-container.no-sidebar #mainview-container{
	right:0px;
}

#toc-container .tocName{
	/*display: block;
	width:300px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    border-width: 1px;
    border-color: #c8c8c8;
    border-style: solid;
    background-color: #f9fafc;
    color: #638199;
    font-size: 18px;
    font-weight: 700;
    height: 32px;
    z-index: 2;
    width: 260px;
    margin: 8px 0px;
    padding: 0 15px;
    line-height: 32px;
    position: relative;
    cursor: pointer;
    display: inline-block;
  /*font-family:"proxima-nova", sans-serif;*/
}
#sidebar-container .sideName{
	/*font-size: 1.1em;
	padding-left: 15px;
	width:300px;
	margin-bottom: 5px;
	font-weight: bold;*/
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
    text-align: center;
    border-width: 1px;
    border-color: #c8c8c8;
    border-style: solid;
    background-color: #f9fafc;
    color: #638199;
    font-size: 18px;
    font-weight: 700;
    height: 32px;
    z-index: 2;
    width: 350;
    margin: 8px -2px;
    padding: 0 15px;
    line-height: 32px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}

#mainview-container .mainName .sideName{
  /*font-size: 1.1em;
  padding-left: 15px;
  width:300px;
  margin-bottom: 5px;
  font-weight: bold;*/
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
    text-align: center;
    border-width: 1px;
    border-color: #c8c8c8;
    border-style: solid;
    background-color: #f9fafc;
    color: #638199;
    font-size: 16px;
    font-weight: 700;
    height: 32px;
    z-index: 2;
    width: 295px;
    margin: -1px -16px;
    padding: 0 15px;
    line-height: 32px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    float: right;
}

#mainview-container .mainName .toc{
  /*font-size: 1.1em;
  /*display: block;
  width:300px;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;*/
      box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    border-width: 1px;
    border-color: #c8c8c8;
    border-style: solid;
    background-color: #f9fafc;
    color: #638199;
    font-size: 18px;
    font-weight: 700;
    height: 32px;
    z-index: 2;
    width: 300px;
    margin: -1px -14px;
    padding: 0 15px;
    line-height: 32px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    float: left;
}

#mainview-container .mainName{
/*	font-size: 1.1em;
	padding-left: 15px;
	margin-bottom: 5px;
	font-weight: bold;*/
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    border-width: 1px;
    border-color: #c8c8c8;
    border-style: solid;
    background-color: #f9fafc;
    color: #638199;
    font-size: 18px;
    font-weight: 700;
    height: 32px;
    z-index: 2;
    width: 100.5%;
    margin: 8px 0px 8px -2px;
    padding: 0 15px;
    line-height: 32px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.containers{
	border: 1px solid #e5e5e5;
	height: 90%;
	border-radius: 2px;
}

#toc-container{
	width: 260px;
    position: absolute;
    left: 20px;
    top: 30px;
    bottom: 0px;
}
#mainview-container{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute;
    top: 29px;
    right: 300px;
    bottom: 0;
    left: 280px;
    background-color: white;
    border-top: rgba(218,222,224,0.2) solid 1px;
}
.mainName{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
#mainview-container #containers{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#mainview-container #containers #subView-iframe{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-width: 0;

}
#sidebar-container{
	  width: 303px;
    position: absolute;
    right: 0px;
    top: 30px;
    bottom: 0px;
    height: 37%;

}

#mainview-container #subView-iframe{
	
    width: 100%; 
    height: 100%; 
    /*margin-left: 4%;*/
    border: 0px;
}

#mainview-container .theBtnTOC{
	width: 30%;
  margin-left: 35%;
  margin-right: 36%;
  height: 50px;
  line-height: 50px;
  min-width: 150px;
  text-align: center;
  display: block;
  /*background-color: #D5D5D5;*/
  color: rgb(90, 87, 87);
  position: absolute;
  bottom: 18px;
  border: none;
}

#btnSB{
  width: 100%;
  margin-left: 0%;
  margin-right: 11%;
  height: 50px;
  line-height: 45px;
  text-align: center;
  display: block;
  background-color: #D5D5D5;
  color: rgb(90, 87, 87);
  position: absolute;  
  border: none;
  border-radius: 3px;
}

#btnSB:hover{
  background-color: #329CA9;
  color: #ffffff;
}

#mainview-container .theBtnVSB{
  width: 30%;
 /* margin-left: 35%;
  margin-right: 36%;*/
  height: 50px;
  line-height: 50px;
  min-width: 150px;
  text-align: center;
  display: block;
  /*background-color: #D5D5D5;*/
  color: rgb(90, 87, 87);
  position: absolute;
  bottom: 18px;
  border: none;
}

#btnVSB1{
  width: 100%;
  height: 50px;
  margin-left: 29%;
  margin-right: 11%;  
  line-height: 45px;
  text-align: center;
  display: block;
  background-color: #D5D5D5;
  color: rgb(90, 87, 87);
  position: absolute;  
  border: none;
  border-radius: 3px;
}

#btnVSB1:hover{
  background-color: #329CA9;
  color: #ffffff;
}

#btnVSB2{
  width: 100%;
  height: 50px;
  margin-left: 213%;
  margin-right: 11%;
  line-height: 45px;
  text-align: center;
  display: block;
  background-color: #D5D5D5;
  color: rgb(90, 87, 87);
  position: absolute;  
  border: none;
  border-radius: 3px;
}

/*#btnVSB2:hover{
  background-color: #329CA9;
  color: #ffffff;
}
*/
#mainview-container .theBtn{
  width: 32%;
  margin-left: 9%;
  margin-right: 11%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  background-color: #D5D5D5;
  color: rgb(90, 87, 87);
  position: absolute;
  bottom: 15px;
}

#mainview-container .theBtn.activity{
	left:0px;
}

#mainview-container .theBtn.section{
	right:0px;
}

.containers .chapter{
	border-bottom: 1px solid #c8c8c8;
}

.containers .chapter .header{
	color: #638199;	
	display: block;
	padding: 10px 14px 10px 12px
}
.containers .chapter.selected .header{
	color:#638199;
	/*background-color: rgba(9,87,96,0.2);*/
  border-bottom: 1px solid #c8c8c8;
}

.tocArrow{
    /*cursor: pointer;*/
    float: left;
    /*background: url(../images/LVDropDownwhite.png) right no-repeat;*/
    height: 15px;
    width: 15px;
    background-size: 15px 15px;
    margin-right: -13px;
    margin-left: -4px;
    margin-top: 3px;
} 
.header .tocArrow{
      margin: 1px 5px 7px 0px;
}

.header.enabled{
	cursor: pointer;
}

/*.enabled:hover{
  background: red;
}*/

.containers .chapter .header:hover{
  background: #638199;
  color: #ffffff;
}

.containers .chapter .subTopics .header:hover{
  background: #638199;
  color: #ffffff;
}

#mainview-container .mainName .sideName:hover{
  background: rgba(9,87,96,0.2);
  color: #638199;
}



.containers .chapter .subTopics.collapse{
	height: 0px;
	background: #DCEDEE;
}

.img_next{
  padding: 2px 10px 10px 10px;
}

.img_prev{
  padding: 2px 7px 8px 0px;
}



.containers .chapter .subTopics .header{
	border-bottom: 1px solid #c8c8c8;
	background: #ffffff;
	color: #638199;
	display: block;
	padding: 10px 14px 10px 35px
}

.containers .sidebar-element{
	 /*margin: 0px 6px -1px 6px;
    border-bottom: 1px solid #dbf2f4;
    margin-top: 20px;
    padding-bottom: 10px;
    min-height: 28px;*/

    margin: 1px 0px -2px 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0px;
    /* box-shadow: 0px 0px 10px; */
    background-color: white;
    width: auto;
    border: 1px solid #dbf2f4;
    /*display: none;*/
}
.containers .sidebar-element.key-term{
	margin-left: 25px;
}

.containers .sidebar-element .icon2{
	margin-left: 10px;
    margin-top: 2px;
    margin-right: 5px;
    padding-bottom: 2px;
    display: inline;
}

.containers .sidebar-element .element-name{
    font-size: 14px;
    /* background-color: #f3f4f5; */
    margin-left: 0px;
    margin-right: -9px;
    margin-top: -4px;
    margin-bottom: 0px;
    padding-left: 24px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    /* text-transform: capitalize; */
    /* border-radius: 0px 0px 5px 5px; */
    text-align: left;
    /* font-weight: 700; */
    height: auto;
    border-radius: 4px 0px 0px 4px;
}
.containers .sidebar-element .youtube{
  margin-left: 10px;
  margin-top: 2px;
  margin-right: 1px;
  padding-bottom: 8px;
  display: inline;
  /*height: 150px;*/
  width: 60%;
}

/*.containers .sidebar-element .element{
	padding-left: 5px;
}*/

#pulse-container-toc{
	margin-top: 16px;
	margin-left: 88px;
	position: absolute;
	background: #45453f;
}

.pulse-toc{
  width: 10px;
  height: 10px;
  border: 3px solid #EC407A;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: transparent;
  z-index: 10;
  position: absolute;
  top: 11px;
  left: 145px;
}

.dot-toc{
  border: 10px solid #EC407A;
  background: rgba(224, 114, 185, 0.61);
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 30px;
  width: 30px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
  animation: pulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -6px;
  left: 128px;
  z-index: 10;
  opacity: 0;
}

@-moz-keyframes pulse {
 0% {
    -moz-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -moz-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -moz-transform: scale(1);
    opacity: 0.0;
 }
}

@-webkit-keyframes "pulse" {
 0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
 }
}


@-moz-keyframes sidepulse {
 0% {
    -moz-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -moz-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -moz-transform: scale(1);
    opacity: 0.0;
 }
}

@-webkit-keyframes "sidepulse" {
 0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -webkit-transform: scale(0.05);
    opacity: 0.1;
 }
 50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -webkit-transform: scale(0.3);
    opacity: 0.5;
 }
 100% {
    -webkit-transform: scale(0.5);
    opacity: 0.0;
 }
}


#pulse-container-footer{
  width: 5%;
  color: rgb(90, 87, 87);
  position: absolute;
  /*bottom: 56px;*/
  top: -26px;
  left: 12px;
}

#pulse-container-footer .pulse-footer{
  width: 10px;
  height: 10px;
  border: 5px solid #66FF33;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #716f42;
  z-index: 10;
  position: absolute;
  top: 31px;
  left: 35px;
  
}

#pulse-container-footer .dot-footer{
  border: 10px solid #3cbe10;
  background: rgba(140, 227, 162, 0.69);
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
/*  animation: pulse 3s ease-out;*/
  -webkit-animation-iteration-count: infinite;
 /* -moz-animation-iteration-count: infinite;*/
  animation-iteration-count: infinite;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 1;
  opacity: 0;
}


#pulse-container-footer1{
  width: 5%;
  color: rgb(90, 87, 87);
  position: absolute;
  /*bottom: 56px;*/
  top: -26px;
  left: 25px;
}

#pulse-container-footer1 .pulse-footer1{
  width: 10px;
  height: 10px;
  border: 5px solid #66FF33;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #716f42;
  z-index: 10;
  position: absolute;
  top: 31px;
  left: 35px;
  
}

#pulse-container-footer1 .dot-footer1{
  border: 10px solid #3cbe10;
  background: rgba(140, 227, 162, 0.69);
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
/*  animation: pulse 3s ease-out;*/
  -webkit-animation-iteration-count: infinite;
 /* -moz-animation-iteration-count: infinite;*/
  animation-iteration-count: infinite;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 1;
  opacity: 0;
}


#sidepulse-FCD{
  width: 5%;
  color: rgb(90, 87, 87);
  position: absolute;
  /*bottom: 56px;*/
  top: 39px;
  left: -12px;
}

#sidepulse-FCD .pulse-FCD{
  width: 10px;
  height: 10px;
  border: 5px solid #CC0066;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #716f42;
  z-index: 10;
  position: absolute;
  top: 31px;
  left: 35px;
  
}

#sidepulse-FCD .dot-FCD{
  border: 10px solid #CC0066;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 25px;
  width: 25px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
/*  animation: pulse 3s ease-out;*/
  -webkit-animation-iteration-count: infinite;
 /* -moz-animation-iteration-count: infinite;*/
  animation-iteration-count: infinite;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 1;
  opacity: 0;
}




#sidepulse-note{
  width: 5%;
  color: rgb(90, 87, 87);
  position: absolute;
  /*bottom: 56px;*/
  top: -1px;
  left: -8px;
}

#sidepulse-note .pulse-note{
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: transparent;
  z-index: 10;
  position: absolute;
  top: 31px;
  left: 35px;
  
}

#sidepulse-note .dot-note{
  border: 5px solid #CC0066;
  background: rgba(204, 0, 102, 0.52);
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 25px;
  width: 25px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
/*  animation: pulse 3s ease-out;*/
  -webkit-animation-iteration-count: infinite;
 /* -moz-animation-iteration-count: infinite;*/
  animation-iteration-count: infinite;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 1;
  opacity: 0;
}


#sidepulse-bookmark{
  width: 5%;
  color: rgb(90, 87, 87);
  position: absolute;
  /*bottom: 56px;*/
  top: 59px;
  left: -7px;
}

#sidepulse-bookmark .pulse-bookmark{
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: transparent;
  z-index: 10;
  position: absolute;
  top: 31px;
  left: 35px;
  
}

#sidepulse-bookmark .dot-bookmark{
  border: 5px solid #CC0066;
  background: rgba(204, 0, 102, 0.52);
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 25px;
  width: 25px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
/*  animation: pulse 3s ease-out;*/
  -webkit-animation-iteration-count: infinite;
 /* -moz-animation-iteration-count: infinite;*/
  animation-iteration-count: infinite;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 1;
  opacity: 0;
}


#sidepulse-highlight{
  width: 5%;
  color: rgb(90, 87, 87);
  position: absolute;
  /*bottom: 56px;*/
  top: -10px;
  left: 11px;
}

#sidepulse-highlight .pulse-highlight{
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: transparent;
  z-index: 10;
  position: absolute;
  top: 31px;
  left: 35px;
  
}

#sidepulse-highlight .dot-highlight{
  border: 5px solid #CC0066;
  background: rgba(204, 0, 102, 0.52);
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 25px;
  width: 25px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
/*  animation: pulse 3s ease-out;*/
  -webkit-animation-iteration-count: infinite;
 /* -moz-animation-iteration-count: infinite;*/
  animation-iteration-count: infinite;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 1;
  opacity: 0;
}


#sidepulse-section{
 width: 5%;
  color: rgb(90, 87, 87);
  position: absolute;
  /*bottom: 56px;*/
  top: 53px;
  left: 182px;
}

#sidepulse-section .pulse-section{
  width: 10px;
  height: 10px;
  border: 2px solid #EC407A;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: transparent;
  z-index: 10;
  position: absolute;
  top: 31px;
  left: 38px;
  
}

#sidepulse-section .dot-section{
  border: 10px solid #EC407A;
  background: rgba(236, 64, 122, 0.41);
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 25px;
  width: 25px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
/*  animation: pulse 3s ease-out;*/
  -webkit-animation-iteration-count: infinite;
 /* -moz-animation-iteration-count: infinite;*/
  animation-iteration-count: infinite;
  position: absolute;
  top: 15px;
  left: 23px;
  z-index: 1;
  opacity: 0;
}

#sidepulse-annot{
  width: 5%;
  color: rgb(90, 87, 87);
  position: absolute;
  /*bottom: 56px;*/
  top: 2px;
  left: 252px;
}

#sidepulse-annot .pulse-annot{
  width: 7px;
  height: 7px;
  border: 2px solid #EC407A;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: transparent;
  z-index: 10;
  position: absolute;
  top: 17px;
  left: 22px;
  
}

#sidepulse-annot .dot-annot{
  border: 5px solid #EC407A;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 25px;
  width: 25px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
/*  animation: pulse 3s ease-out;*/
  -webkit-animation-iteration-count: infinite;
 /* -moz-animation-iteration-count: infinite;*/
  animation-iteration-count: infinite;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 1;
  opacity: 0;
}


#sidepulse-smart{
  width: 5%;
  color: rgb(90, 87, 87);
  position: absolute;
  /*bottom: 56px;*/
  top: 2px;
  left: 111px;
}

#sidepulse-smart .pulse-smart{
  width: 7px;
  height: 7px;
  border: 2px solid #EC407A;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: transparent;
  z-index: 10;
  position: absolute;
  top: 17px;
  left: 22px;
  
}

#sidepulse-smart .dot-smart{
  border: 5px solid #EC407A;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 25px;
  width: 25px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
/*  animation: pulse 3s ease-out;*/
  -webkit-animation-iteration-count: infinite;
 /* -moz-animation-iteration-count: infinite;*/
  animation-iteration-count: infinite;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 1;
  opacity: 0;
}




#sidepulse-FCD-Gloss{
  width: 5%;
  color: rgb(90, 87, 87);
  position: absolute;
  /*bottom: 56px;*/
  top: 30px;
  left: -14px;
}

#sidepulse-FCD-Gloss .sidepulse-FCD-Gloss{
  width: 10px;
  height: 10px;
  border: 5px solid #CC0066;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #716f42;
  z-index: 10;
  position: absolute;
  top: 31px;
  left: 35px;
  
}

#sidepulse-FCD-Gloss .dot-FCD-Gloss{
  border: 10px solid #CC0066;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 25px;
  width: 25px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
/*  animation: pulse 3s ease-out;*/
  -webkit-animation-iteration-count: infinite;
 /* -moz-animation-iteration-count: infinite;*/
  animation-iteration-count: infinite;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 1;
  opacity: 0;
}

#sidepulse-VDO{
  width: 5%;
  color: rgb(90, 87, 87);
  position: absolute;
  /*bottom: 56px;*/
  top: 262px;
  left: -13px;
}

#sidepulse-VDO .sidepulse-VDO{
  width: 10px;
  height: 10px;
  border: 5px solid #CC0066;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #716f42;
  z-index: 10;
  position: absolute;
  top: 31px;
  left: 35px;
  
}

#sidepulse-VDO .dot-VDO{
  border: 10px solid #CC0066;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 25px;
  width: 25px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
/*  animation: pulse 3s ease-out;*/
  -webkit-animation-iteration-count: infinite;
 /* -moz-animation-iteration-count: infinite;*/
  animation-iteration-count: infinite;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 1;
  opacity: 0;
}


#sidepulse-AGS{
  width: 5%;
  color: rgb(90, 87, 87);
  position: absolute;
  /*bottom: 56px;*/
  top: 222px;
  left: -13px;
}

#sidepulse-AGS .pulse-AGS{
  width: 10px;
  height: 10px;
  border: 5px solid #CC0066;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #716f42;
  z-index: 10;
  position: absolute;
  top: 31px;
  left: 35px;
  
}

#sidepulse-AGS .dot-AGS{
  border: 10px solid #CC0066;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 25px;
  width: 25px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
/*  animation: pulse 3s ease-out;*/
  -webkit-animation-iteration-count: infinite;
 /* -moz-animation-iteration-count: infinite;*/
  animation-iteration-count: infinite;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 1;
  opacity: 0;
}

#sidepulse-ACT{
  width: 5%;
  color: rgb(90, 87, 87);
  position: absolute;
  /*bottom: 56px;*/
  top: 143px;
  left: -13px;
}

#sidepulse-ACT .sidepulse-ACT{
  width: 10px;
  height: 10px;
  border: 5px solid #66FF33;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #716f42;
  z-index: 10;
  position: absolute;
  top: 31px;
  left: 35px;
  
}

#sidepulse-ACT .dot-ACT{
  border: 10px solid #CC0066;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 25px;
  width: 25px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
/*  animation: pulse 3s ease-out;*/
  -webkit-animation-iteration-count: infinite;
 /* -moz-animation-iteration-count: infinite;*/
  animation-iteration-count: infinite;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 1;
  opacity: 0;
}



#pulse-container-sidebar{
  margin-top: -34px;
  margin-left: 0%;
  position: relative;
  background: #45453f;
}

.pulse-sidebar{
  width: 10px;
  height: 10px;
  border: 5px solid #f7f14c;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #716f42;
  z-index: 10;
  position: absolute;
  top: 14px;
  left: 153px;
}

.dot-sidebar{
  border: 10px solid #fff601;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
  animation: pulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -11px;
  left: 128px;
  z-index: 1;
  opacity: 0;
}

#pulse-container-mainview{
  position: absolute;
  background: #45453f;
  top: 32px;
  left: 557px;
}

.pulse-mainview{
  width: 10px;
  height: 10px;
  border: 3px solid #EC407A;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: transparent;
  z-index: 10;
  position: absolute;
  top: 14px;
  left: 153px;
}

.dot-mainview{
  border: 10px solid #EC407A;
  background: rgba(224, 114, 185, 0.61);
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 30px;
  width: 30px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
  animation: pulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -3px;
  left: 136px;
  z-index: 10;
  opacity: 0;
}

#pulse-container-sidebar2{
  position: absolute;
  background: #45453f;
  top: 1px;
  left: 53px;
}

.pulse-sidebar2{
  width: 10px;
  height: 10px;
  border: 5px solid #EC407A;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: transparent;
  z-index: 10;
  position: absolute;
  top: 6px;
  left: 8px;
}

.dot-sidebar2{
  border: 10px solid #EC407A;
  background: rgba(224, 114, 185, 0.61);
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
  animation: pulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -19px;
  left: -17px;
  z-index: 10;
  opacity: 0;
}

#pulse-container-VSB{
 /*margin-top: -3%;
margin-left: 31%;
position: absolute;
background: #45453f;*/
  width: 5%;
  margin-left: 101%;
  padding-left: 25%;
  padding-right: 1%;
  margin-bottom: 1px;
  height: 53px;
  line-height: 50px;
  text-align: center;
  display: block;
  color: rgb(90, 87, 87);
  position: absolute;
  bottom: 12px;
}



#pulse-container-VSB .pulse-VSB{
  width: 10px;
  height: 10px;
  border: 5px solid #f7f14c;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #716f42;
  z-index: 10;
  position: absolute;
  top: 31px;
  left: 35px;
  
}

#pulse-container-VSB .dot-VSB{
  border: 10px solid #fff601;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
/*  animation: pulse 3s ease-out;*/
  -webkit-animation-iteration-count: infinite;
 /* -moz-animation-iteration-count: infinite;*/
  animation-iteration-count: infinite;
  position: absolute;
  top: 6px;
  left: 10px;
  z-index: 1;
  opacity: 0;
}


#pulse-container-key{
  margin-top: 0%;
  margin-left: -15%;
  position: relative;
  background: #45453f;
}

.pulse-key{
  width: 10px;
  height: 10px;
  border: 5px solid #f7f14c;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #716f42;
  z-index: 10;
  position: absolute;
  top: -1px;
  left: 153px;
}

.dot-key{
  border: 10px solid #fff601;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
  animation: pulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -26px;
  left: 128px;
  z-index: 1;
  opacity: 0;
}

#scaffold-sidebar{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*position: absolute;*/
    top: 0px;
    right: 0;
    bottom: 0;
    width: 302px;
    margin: -30px 0px 0px 0px;
    padding: 0;
    background: #fff;
    border-left: 1px solid #ddd;
    border-top: rgba(218,222,224,0.6) solid 1px;
}



#scaffold-sidebar .LO{
    border: 1px solid black; */
    margin: 0px 6px -1px 6px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 12px;
    padding-bottom: 10px;
    border-radius: 2px;
    /* box-shadow: 0px 0px 10px; */
    background-color: white;
    width: auto;
    border: 1px solid #dbf2f4;
    /*display: none;*/
}

#scaffold-sidebar .LO .fc {
    /* font-family: "open sans text"; */
    font-size: 14px;
    /* background-color: #f3f4f5; */
    margin-left: 0px;
    margin-right: -9px;
    margin-top: -4px;
    margin-bottom: 0px;
    padding-left: 24px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    /* text-transform: capitalize; */
    /* border-radius: 0px 0px 5px 5px; */
    text-align: left;
    /* font-weight: 700; */
    height: auto;
    border-radius: 4px 0px 0px 4px;
    z-index: 90000;
}


#scaffold-sidebar .LO .tp{
    /* font-family: "open sans text"; */
    font-size: 14px;
    /* background-color: #f3f4f5; */
    margin-left: 0px;
    margin-right: -9px;
    margin-top: -4px;
    margin-bottom: 0px;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    /* text-transform: capitalize; */
    /* border-radius: 0px 0px 5px 5px; */
    text-align: left;
    /* font-weight: 700; */
    height: auto;
    border-radius: 4px 0px 0px 4px;
}

#scaffold-sidebar .LO:hover{
  background: #eff9fa;
  color:#0074b6;
}

.fc:hover{
  cursor:pointer;
  color:#0074b6;
}

#scaffold-sidebar .LO .act {
    /* font-family: "open sans text"; */
    font-size: 14px;
    /* background-color: #f3f4f5; */
    margin-left: 0px;
    margin-right: -9px;
    margin-top: -4px;
    margin-bottom: 0px;
    padding-left: 24px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    /* text-transform: capitalize; */
    /* border-radius: 0px 0px 5px 5px; */
    text-align: left;
    /* font-weight: 700; */
    height: auto;
    border-radius: 4px 0px 0px 4px;
    color: #506B75;
}

.act:hover{
  cursor:pointer;
  color:#0074b6 !important;
}

#scaffold-sidebar .LO .asg {
    /* font-family: "open sans text"; */
    font-size: 14px;
    /* background-color: #f3f4f5; */
    margin-left: 0px;
    margin-right: -9px;
    margin-top: -4px;
    margin-bottom: 0px;
    padding-left: 24px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    /* text-transform: capitalize; */
    /* border-radius: 0px 0px 5px 5px; */
    text-align: left;
    /* font-weight: 700; */
    height: auto;
    border-radius: 4px 0px 0px 4px;
}

.asg:hover{
  cursor:pointer;
  color:#0074b6;
}

#scaffold-sidebar .LO .vdo {
    /* font-family: "open sans text"; */
    font-size: 14px;
    /* background-color: #f3f4f5; */
    margin-left: 0px;
    margin-right: -9px;
    margin-top: -4px;
    margin-bottom: 0px;
    padding-left: 24px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    /* text-transform: capitalize; */
    /* border-radius: 0px 0px 5px 5px; */
    text-align: left;
    /* font-weight: 700; */
    height: auto;
    border-radius: 4px 0px 0px 4px;
}

.vdo:hover{
  cursor:pointer;
  color:#0074b6;
}

.icon_next{
  width: 5%;
  margin-left: -16px;
  margin-top: 32px;
  padding-bottom:2px;
  display:inline;
  z-index:503;
}

.icon1{
margin-left: 0px;
margin-top: 0px;
padding-bottom:2px;
display:inline;
z-index:503;
}
.LO:hover .icon1{content:url("../images/LVFlashcradD_1.png");z-index:500;}

.icon2{
margin-left: 0px;
margin-top: 0px;
padding-bottom:2px;
display:inline;
z-index:503;
}
.LO:hover .icon2{content:url("../images/push-button_1.png");z-index:500;}


.icon3{
margin-left: 0px;
margin-top: 0px;
padding-bottom:2px;
display:inline;
z-index:503;
}
.LO:hover .icon3{content:url("../images/assessment4D_1.png");z-index:500;}


.icon4{
margin-left: 0px;
margin-top: 0px;
padding-bottom:2px;
display:inline;
z-index:503;
}
.LO:hover .icon4{content:url("../images/video-camera_1.png");z-index:500;}


.icontip{
margin-left: 0px;
margin-top: 0px;
padding-bottom:2px;
display:inline;
z-index:503;
}

.collapsed {
    max-height: 73px;
    overflow: hidden;
    cursor: pointer;
}

.colDef {
    padding-left: 32px;
}

div.LO > .header {
    font-size: 14px;
    /* background-color: rgb(232,235,236); */
    border-color: rgb(218, 213, 211);
    font-weight: 700;
    margin-left: 0px;
    margin-right: -11px;
    margin-top: -1px;
    padding-left: 0px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 5px;
    text-transform: capitalize;
    border-radius: 7px 7px 0px 0px;
    text-align: left;
    /* font-weight: bold; */
    text-shadow: rgb(148,105,31);
}

p.txt{
      color: #506B75 !important;
}


a:-webkit-any-link {
    text-decoration: none;
    /*cursor: auto;*/
}


.tip{
  font-weight: 700;
  font-size: 12px;
  color: #638199;
}

.tip-data{
  font-size: 12px;
  font-weight: 100;
  color: #638199;
}


.container-side{
    border: 1px solid #e5e5e5;
    height: 90%;
    border-radius: 2px;
  }


  #sidebar-container #sideview-iframe {
    width: 100%;
    height: 230%;
    /* margin-left: 4%; */
    border: 0px;
    top: 48px;
    position: absolute;
}

#sidebar-container #scaffold-sidebar .show{
  display: block;
}

#sidebar-container #scaffold-sidebar .hide{
  display: none;
}

#sidebar-container .container-side .show{
  display: block;
}


#sidebar-container .container-side .hide{
  display: none;
}


#toc-container .containers #pulse-container-toc .hide,
#mainview-container .mainName #pulse-container-mainview .hide,
#sidebar-container #sidebar-handle #sidepulse-smart .hide,
#scaffold-sidebar .LO #sidepulse-FCD .hide,
#scaffold-sidebar .LO #sidepulse-FCD-Gloss .hide,
#scaffold-sidebar .LO #sidepulse-ACT .hide,
#scaffold-sidebar .LO #sidepulse-AGS .hide,
#scaffold-sidebar .LO #sidepulse-VDO .hide,
#scaffold-sidebar .annotations #sidepulse-annot .hide{
  display: none;
}


.continue{
    background: #f1f6f9;
    border: 2px solid #506B75;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
    top: 34px;
    position: relative;
    left: 188px;
    color: #506B75;
    width: 140px;
}

.btn1{
    padding: 8px 16px;
    font-size: 13.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 4px;
    position: relative;
    top: 10px;
    left: 20px;
    font-weight: 700;
}


.next{
    padding: 7px 17px;
    font-size: 13.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 4px;
    position: absolute;
    top: 0px;
    right: 6px;
    font-weight: 700;
}

.content-area {
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: -o-calc(100% - 30px);
    width: calc(100% - 30px);
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    color: #638199;
}

.highlight-blue {
    background-color: #a7eefa!important;
}

.highlight-pink {
    background-color: #fcc7ed!important;
}

.highlight-green {
    background-color: #c3fcb6!important;
}

.content-area .highlight-color {
    line-height: 24px;
    padding: 0 0 3px;
    cursor: pointer;
    display: inline-block;
    width: 100%;
}

.content-area .highlight-content .close-highlight {
    float: right;
    cursor: pointer;
    margin-right: 5px;
    opacity: .4;
}

.content-area .highlight-footer {
    background: white;
}

.content-area .highlight-footer .footer-date {
    font-size: 9px;
    margin-top: 4px;
    margin-bottom: 5px;
    float: left;
}

.LO .note-icon {
    background-size: 20px 20px;
    background: url(../images/LVnoteDefault.png) center no-repeat;
    border: medium none;
    padding: 10px 10px 10px 10px;
    display: inline-block;
    vertical-align: top;
}

.LO .content-area {
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: -o-calc(100% - 30px);
    width: calc(100% - 30px);
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 100;
    color: #638199;
}

.LO .note-head {
    padding: 4px;
    background: #ffe;
}

.LO .note-head .note-title {
    cursor: pointer;
    font-weight: 400;
    display: inline-block;
    width: 100%;
}

.LO .note-components {
    /*background: white;*/
    cursor: pointer;
}

.LO .note-components .note-component-container .note-component-head {
    padding: 8px;
    display: none;
}

.LO .note-components .note-component-container .note-component-body {
    padding: 8px;
   /* background: #fff;*/
}

.LO .note-components .note-component-container .note-component-body .note-component {
    word-wrap: break-word;
}

.LO .note-components .note-component-container .note-component-footer {
    padding-left: 8px;
    padding-right: 8px;
    display: none;
}

.LO .note-components .note-component-container .note-component-footer {
    padding-left: 8px;
    padding-right: 8px;
    display: none;
}

.LO .note-components .note-component-container .note-component-footer .footer-date {
    font-size: 9px;
}

.LO .note-footer {
/*    background: #fff;*/
    padding-left: 8px;
}

.LO .note-footer .footer-date {
    font-size: 9px;
}

.LO .note-footer .close-note {
    float: right;
    cursor: pointer;
    opacity: .5;
}

.favourite .title {
    cursor: pointer;
    word-wrap: break-word;
    display: inline-block;
    width: 100%;
}