/***
Colors
blue:  #0280d4
light blue: #
red: #A5180D
yellow: #
green: #
purple: #
dark: #;
light grey: #;
***/

/* load Open Sans Font from local */
@import url(../fonts/font.css);

.download-and-lang{
  margin-top:5px;
  background-color:#444;
}
.download-and-lang .download-transcript{
  margin-top:1px;
  font-size:12px !important;
}
.download-and-lang label{
  margin-top:0px;
  margin-bottom:0;
  margin-left:10px;
  font-weight:normal;
  font-size:12px;
  color:#fff;
}
.download-and-lang select{
  width:calc(100% - 20px);
  margin-left:10px;
  background:none;
}
.download-and-lang select option{
  color:#E6E6E6;
}

h1,h2,h3,h4,h5,p,div{
	cursor:default;
	word-wrap: break-word;
}
/*
*:focus {
    outline: none;
}
*/
*:focus{outline: 3px solid orange !Important;}
/* main wrapper */
#wrapper {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	background-color:#f6f6f6;
}
#wrapper.toggled-left {
    margin-left: 380px;
}
#wrapper.toggled-right {
	margin-left: -380px;
}
.menu-wrapper {
    position: fixed;
    width: 0px;
    overflow: hidden;
    background-color: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	visibility:hidden;
}
.menu-wrapper.left-menu{
	left: 0;
	bottom:0;
	top:0;
	z-index:3;
}
.menu-wrapper.left-menu .menu-body{
	background-color: #000;
	left: 380px;
	position: absolute;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width: 380px;
	height:100%;
	padding-bottom: 60px;
}
.menu-wrapper.left-menu .menu-body#player-options{
	left: -380px;
}
#wrapper.toggled-left .left-menu {
    width: 380px;
	visibility:visible;
}
#wrapper #player-options{
	padding-bottom:0;
}
#wrapper.options #player-options,
#wrapper.outline #course-outline,
#wrapper.material #course-material,
#wrapper.labs #course-labs,
#wrapper.mentoring #course-mentoring,
#wrapper.glossary #course-glossary{
	left:0;
}
.menu-wrapper#right-menu{
	right: 0;
	bottom: 0;
	top: 0;
}
#wrapper.toggled-right #right-menu {
    width: 250px;
	visibility:visible;
}
.wrapper-body{
	position:relative;
	height:100%;
	width:100%;
	margin: auto;
    padding: 0;
	overflow:hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#content-overlay{
	display:none;
	visibility:hidden;
	background-color:rgba(0, 0, 0, 0.4);
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:2;
}

/* left and right menu */
.side-menu-container{
	bottom: 150px;
	left: 0;
	position: absolute;
	right: 0;
	top: 92px;
}
.side-menu-brand{
	background-color: #000;
    border-bottom: 2px solid #333;
    color: #0280D4;
    font-size: 16px;
    padding: 20px;
    margin: 0px;
    top:0;
    position: absolute;
    width: 380px;
	height: 92px;
    overflow: hidden;
}
.side-menu-logo{
	border-top: 2px solid #333;
	position:absolute;
	bottom:0;
	width:100%;
	height: 65px;
	background: rgba(36,36,36,1.0);
	width:380px;
}
.side-menu-social{
	border-top:2px solid #333;
	position:absolute;
	bottom:65px;
	width:100%;
	height:43px;
	background-color:#000;
	width:380px;
	display:table;
	padding-left: 10px;
}
.side-menu-social .social-label{
	color: #0280D4;
    padding: 20px 20px 20px 40px;
	display:table-cell;
}
.side-menu-social ul{
	display:table-cell;
}
.side-menu-social ul > li{
	display:table-cell;
}
.side-menu-social ul > li > a{
	position:relative;
	padding: 12px;
}
#side-menu-inside-logo{
          margin-top: 10px;
          padding: 0px !important;
          width: 208px;
          height: 43px;
          	-webkit-transform: scale(0.8); /* Saf3.1+, Chrome */
     -moz-transform: scale(0.8); /* FF3.5+ */
      -ms-transform: scale(0.8); /* IE9 */
       -o-transform: scale(0.8); /* Opera 10.5+ */
          transform: scale(0.8);
}
.copyright{
	color: #8F8F8F;
    font-size: 15px;
    display: none;

}
.side-menu-nav{
    list-style: outside none none;
    margin: 0;
    padding: 0;
	position:relative;
}
.side-menu-nav.items{
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.side-menu-nav ul{
	margin-left: 2px;
	border-left: 1px solid #666;
    list-style: outside none none;
    padding: 0;
	overflow: hidden;
	max-height: 0;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	-o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.side-menu-nav .expand > ul {
	border-top: 1px solid #666;
	max-height: 9000px;
	-moz-transition-duration: 0.75s;
	-webkit-transition-duration: 0.75s;
	-o-transition-duration: 0.75s;
	transition-duration: 0.75s;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}
.side-menu-social .social-label{
	padding: 5px;
}
#course-outline .side-menu-nav > .hasChildren ul div > a{
	padding: 10px 10px 10px 45px;
	border-left:5px solid #888;
}
.side-menu-nav li:first-child{
	border-top: none !important;
}
.side-menu-nav li{
	background-image:url('../img/dark-pixel.png');
    border-top: 1px #555;
    margin-top: 1px;
	position:relative;
}
.side-menu-nav li a{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
    display: block;
	color: #A3A3A3;
    padding: 20px 30px 20px 40px;
    text-decoration: none;
	cursor:not-allowed;
}
.no-touch .side-menu-nav li.active a:hover {
	text-decoration: none;
    color: #000;
	outline:medium none;
    background-color: #0A5891;
}
.side-menu-nav li a:active
/*,.side-menu-nav li a:focus */
{
    text-decoration: none;
	outline:medium none;
}
.side-menu-nav li > div{
	position:relative;
}
.side-menu-nav .at > div > a{
	background-color: #0a5891 !important;
  border-left: 5px solid #0280d4 !important;
}
.side-menu-nav .active > div > a{
	color: #f0f1f3 !important;
	cursor:pointer !important;
}
.side-menu-nav .active > div > a i{
	color: #787878 !important;
	cursor:pointer !important;
	margin-right: 5px;
}
video
{
	transition: all 0.5s ease;
}
video::-webkit-media-controls-panel
{
    height: min-content;
    vertical-align: bottom;
    bottom: 0px;
    align-self: flex-end;
}
.side-menu-nav .exam.pass > div > a::before{
	padding: 0 5px;
	content: "\e013";
	font-size: 10px;
	font-family: "Glyphicons Halflings";
	right: 0;
    position: absolute;
    top: 0;
	background-color:#333;
	color:#5cb85c;
}
.side-menu-nav .exam.fail > div > a::before{
	padding: 0 5px;
	content: "\e014";
	font-family: "Glyphicons Halflings";
	font-size: 10px;
	right: 0;
    position: absolute;
    top: 0;
	background-color:#333;
	color:#A5180D;
}
.side-menu-nav .exam > div > a::after{
    background-color: #333;
    color: #777;
    content: attr(data-type);
    font-size: 10px;
    left: 0;
    padding: 0 5px;
    position: absolute;
    top: 0;
}
.side-menu-nav .exam.pass{
	border-left:2px solid #5cb85c;
}
.side-menu-nav .exam.fail{
	border-left:2px solid #A5180D;
}
.side-menu-nav .hasChildren > div > span{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: #333;
    color: #fff;
    height: 100%;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0;
	cursor:pointer;
	display: none;
}
.no-touch .side-menu-nav .hasChildren > div > span:hover{
	background-color: #0a5891;
}
.side-menu-nav .hasChildren > div > span::after{
	content:"\e258";
    font-family: "Glyphicons Halflings";
	font-size: 12px;
    position: absolute;
    right: 10px;
    top: 40%;
}
.side-menu-nav .hasChildren.expand > div > span::after{
	content:"\e259";
}

/* bottom menu */
.bottom-wrapper{
    position: fixed;
    width: 100%;
    height: 0;
	bottom: 0;
    background-color: #242424;  /*INTLSKILLS-6028 JOSEPH ASKED*/
	/*border-top: 2px solid #333;*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.toggled-bottom .bottom-wrapper{
    height: 45px;
}
.toggled-bottom.toggled-left .bottom-wrapper{
	padding-right: 380px;
}
.bottom-wrapper > .wrapper-body{
	/*background-color: #242424 !important;*/
    font-size: 11px !important;
	overflow:visible !important;
    /*margin: 16px auto;*/
}

/* top menu */
.top-wrapper{
    position: fixed;
    width: 50px;
    height: 100%;
    /* z-index: -1; */
    top: -80px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index:2;
    pointer-events: none;
}
.toggled-top .top-wrapper{
    top: 0;
}
.toggled-top.toggled-left .top-wrapper{
	/*padding-right: 380px;*/
}
.top-wrapper .timer{
	background-color: rgba(0, 0, 0, 0.4);
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
    color: #ddd;
    font-size: 12px;
    margin: auto;
    padding: 5px;
    text-align: center;
    width: 180px;
	font-family: "robotoregular";
}

/* buttons */
.btn.ctrl{
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 2px;
  padding: .4em 0;
  background-color: #0E6194; /*#1784c7;*/
  border-radius: .25em;
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-align: center;
  color: #ffffff !important;
  font-size: 1.2rem;
  font-weight: 300;
  display: inline-block;
}
.no-touch .cd-nav-trigger:hover,
.no-touch #toogle-flag.btn:hover,
.no-touch #modal-trigger-save.btn:hover,
.no-touch #cd-tour-trigger.btn:hover,
.no-touch #modal-trigger-bookmark.btn:hover,
.no-touch .btn.ctrl:hover{
	background-color:#0A5891;
}
.btn.ctrl[disabled],
.btn.ctrl.disabled{
    background-color: #1784c7 !important;
	box-shadow: none !important;
	color:#ccc !important;
}

.btn.ctrl .glyphicon-triangle-left{
	padding-right: 20px;
	padding-left: 10px;
	font-size: 10px;
}
.btn.ctrl .glyphicon-triangle-bottom,
.btn.ctrl .glyphicon-triangle-right{
	padding-right: 10px;
	padding-left: 20px;
	font-size: 10px;
}
.btn.menu-back::before{
	font-family: "glyphicons Halflings";
	content:"\e021";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: 1px;
}
.btn.menu-back{
	border: 2px solid #0280d4;
    color: #f0f1f3;
    font-size: 11px;
    font-weight: 400;
    padding: 6px;
}
.no-touch .btn.menu-back:hover{
	background-color:#0A5891;
}

#toogle-flag.btn{
  height: 54px;
  width: 54px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  border: none;
  color: #ffffff !important;
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
}
#toogle-flag.btn span{
    font-size: 25px;
    margin-left: 4px;
    margin-top: 8px;
}

#modal-trigger-save.btn{
  height: 54px;
  width: 54px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  border: none;
  color: #ffffff !important;
  position:absolute;
  top:10px;
  right:10px;
  z-index:2;
}
#modal-trigger-save.btn span{
    font-size: 25px;
    margin-left: 4px;
    margin-top: 8px;
}

#cd-tour-trigger.btn{
  height: 28px;
  width: 28px;
  background-color: rgba(0, 0, 0, 0.4);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border: none;
  color: #ffffff !important;
  position:absolute;
  top:0px;
  right: 50%;
  left: 50%;
  margin-left:-120px;
  z-index:2;
}
#modal-trigger-bookmark.btn{
  height: 28px;
  width: 28px;
  background-color: rgba(0, 0, 0, 0.4);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border: none;
  color: #ffffff !important;
  position:absolute;
  top:0px;
  right: 50%;
  left: 50%;
  margin-left:92px;

  z-index:2;
}

#cd-tour-trigger.btn span,
#modal-trigger-bookmark.btn span{
   margin-left: -4px;
}

.dropbox-dropin-btn,
.cd-btn {
  display: inline-block;
  padding: 1em 2em;
  color: #ffffff !important;
  border: 1px solid #ffffff;
  font-weight: 500;
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #202e4a;
  border-radius: .25em;
  margin: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.no-touch .cd-btn:hover{
  background-color: #0A5891 !important;
}
.dropbox-dropin-btn,
.no-touch .cd-btn.dropbox-saver:hover{
	text-decoration:underline !important;
}
.cd-btn:nth-of-type(2) {
  margin-right: 0;
}
.cd-btn.main-action {
  background-color: #0E6194;/*#0280D4;*/
}
.dropbox-dropin-btn,
.cd-btn.dropbox-saver{
	padding: 1em 2em !important;
	font-size: 1.3rem !important;
	margin: 0.2em !important;
	font-family:'Open Sans' !important;
	border: 2px solid #ebebeb !important;
	border-radius:.25em !important;
	color:#636363 !important;
}

.cd-btn.disabled,
.cd-btn[disabled],
.no-touch .cd-btn.disabled:hover,
.no-touch .cd-btn[disabled]:hover{
	cursor: not-allowed !important;
    opacity: 0.2 !important;
	background-color: #202e4a !important;
	text-decoration:none !important;
}

/* overlap btn timer bar */
.timer-bar{
	position: absolute;
    top: 150%;
    left: 0;
	right:0;
	background-color:#222;
	z-index:2;
	border-radius: .25em;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
	font-size: 1.2rem;
	font-weight: 300;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	overflow:hidden;
}
.timer-bar.slideIn{
	top: 0%;
}
.timer-bar .progress{
	background-color:#555 !important;
}
.timer-bar .progress-bar{
	background-color:#f0ad4e;
}
.timer-bar label{
    width: 100%;
    text-align: center;
    margin-top: 2px;
    letter-spacing: 1px;
    font-weight: normal;
    color: #ddd;
}

/* progress bar */
.bottom-wrapper .progress{
    background-color:#ccc;
    height:4px;
	margin:0;
}
.bottom-wrapper .progress-bar{
	text-align:right;
}
.bottom-wrapper .progress > span{
	position: absolute;
}
.bottom-wrapper .progress > span::after{
	content:"\e165";
    font-family: "Glyphicons Halflings";
	left: -6px;
	top:-8px;
    position: absolute;
	color:#bac2c7;
	font-size:14px;
}

/* table grid */
.t-row{
	display:table;
	padding:8px;
}
.t-col{
	display:table-cell;
	vertical-align:middle;
	position:relative;
}
.t-col.option-pre,
.t-col.option-next{
	width: 1px;
}
.t-col.timeline{
	width:100%;
	padding:0 10px;
}
.t-col.option-pre .ctrl{
	padding-right: 10px;
}
.t-col.option-next .ctrl{
	padding-left: 10px;
}

/* configures */
.t-col.configures .ctrl{
	padding: .4em .9em;
    border-radius: .25em !important;
	/*background-color: rgba(0, 0, 0, 0.4) !important;*/
}
.t-col.configures .ctrl:hover{
	background-color: #0A5891 !important;
}
.t-col.configures .dropdown-menu{
	background-color: rgba(0, 0, 0, 0.8) !important;
    padding: 10px;
    text-align: center;
}
.t-col.configures .dropdown-menu li{
    margin: 5px;
    padding: 5px;
}
.t-col.configures .dropdown-menu .title{
    color: #ddd;
    font-size: 12px;
    font-family: "robotoregular";
    border-radius: 5px;
    padding: 5px;
}
.configures .tooltip.top .tooltip-arrow{
	border-top-color: #fff;
}
.configures .tooltip-inner{
	color: #000;
    background-color: #fff;
}
.configures .volume-ctrl{
	background-color: #222;
    padding: 4px 0;
    border-radius: 16px;
    padding-bottom: 10px;
}
.configures .has-switch{
	min-width: 150px !important;
}

/* bottom controller holder */
.cHolder {
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding-bottom: 15px;
    padding-top: 15px;
}
.cHolder .cHead {
	display:inline-block;
}
.cHolder h2{
	color: #fff;
}
.cHolder span {
	color: #777;
}
.cHolder p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
}
.cHolder img {
  display: inline-block;
  border-radius: 50%;
}

.cHolder .c100{
	background-color:#333333;
	margin:0;
}
.cHolder .c100::after{
	background-color:#555;
}

.cHolder .perc{
	color:#fff;
	top: -10px;
}
.cHolder .perc::after{
	content:"%";
	font-size: 16px;
}
.cHolder .perc::before{
    bottom: 0;
    content: "ACHIEVE MASTERY";
    font-size: 10px;
    left: 0;
    position: absolute;
    right: 0;
    top: 18px;
}

/* meet */
.meet::before {
	content:"\e084";
	color: #275C1F;
    float: right;
    font-family: "Glyphicons Halflings";
    font-size: 30px;
}

/* not-meet */
.not-meet::before{
	content:"\e083";
	color: #A5180D;
    float: right;
    font-family: "Glyphicons Halflings";
    font-size: 30px;
}

/* pass */
.no-touch .cHolder:hover .pass .perc {
	width: 3.33em;
	line-height: 3.33em;
	font-size: 0.3em;
	color: #275C1F;
	top:0;
}
.cHolder .pass .bar,
.cHolder .pass .fill,
.no-touch .cHolder:hover .pass,
.no-touch .cHolder:hover .pass::after{
	border-color:#275C1F !important;
	background-color:#275C1F !important;
}
.no-touch .cHolder:hover .pass .perc::before{
	font-size: 30px;
	content:"PASS";
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	color:#fff;
	font-weight:bold;
}

/* fail */
.no-touch .cHolder:hover .fail .perc {
	width: 3.33em;
	line-height: 3.33em;
	font-size: 0.3em;
	color: #A5180D;
	top:0;
}
.cHolder .fail .bar,
.cHolder .fail .fill,
.no-touch .cHolder:hover .fail,
.no-touch .cHolder:hover .fail::after{
	border-color:#A5180D !important;
	background-color:#A5180D !important;
}
.no-touch .cHolder:hover .fail .perc::before{
	content:"FAIL";
	font-size: 30px;
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	color:#fff;
	font-weight:bold;
}

/* in-progress */
.no-touch .cHolder:hover .progs .perc {
	width: 3.33em;
	line-height: 3.33em;
	font-size: 0.3em;
	color: #dd9d22;
	top:0;
}
.cHolder .progs .bar,
.cHolder .progs .fill,
.no-touch .cHolder:hover .progs,
.no-touch .cHolder:hover .progs::after{
	border-color:#dd9d22 !important;
	background-color:#dd9d22 !important;
}
.no-touch .cHolder:hover .progs .perc::before{
	content:"IN-PROGRESS";
	font-size: 16px;
	/*content:"\e014";
	font-family: "Glyphicons Halflings";*/
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	color:#fff;
	font-weight:bold;
}

.left-menu .badge{
	position: absolute;
	right: 18px;
	top: 22px;
	background-color: #d0021b;
}

.count {
  /* notification badge */
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: calc(5% + 16px + 0.4em);
  padding: 0.2em 0.4em;
  background-color: #1784c7;
  border-radius: .25em;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
}

/* embedly and  blockquote list*/
.blockquote-list.interactive blockquote:first-child,
.blockquote-list blockquote:first-child,
.blockquote-list .embedly-card:first-child{
	border-top:none !important;
	margin-top: -10px;
}
.blockquote-list blockquote{
	border-top: 2px dashed #333;
}
.blockquote-list .embedly-card{
	border-top: 2px dashed #333;
	display:none;
}
.modal-is-visible .embedly-card{
	display:block;
}
#quizheader .quizresult
{
	margin-top: -50px;
}
#questionStem,
#questionRemediationTemplate
{
	margin-top: 30px;
}
#divIncorrectRemediation,
#divCorrectRemediation{
	position: relative;
}
.hide
{
	display:none;
}
.blockquote-list.interactive blockquote{
	background-image:url('../img/dark-pixel.png');
	position:relative;
	border:none !important;
	padding-bottom:0;
}
.blockquote-list.interactive blockquote a{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
    display: block;
	color: #fff;
	margin: -10px -20px;
    padding: 10px 20px;
}
.no-touch .blockquote-list.interactive blockquote a:hover {
	text-decoration: none;
	outline:medium none;
    background-color: #0A5891;
}
.no-touch .blockquote-list.interactive blockquote a:hover small{
	color:#000;
}
.blockquote-list.interactive blockquote a:active,
.blockquote-list.interactive blockquote a:focus {
    text-decoration: none;
}

.blockquote-list.interactive .delete-item{
 	padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: #333;
	cursor:pointer;
}
.no-touch .blockquote-list.interactive .delete-item:hover{
	background-color: #60231f;
}
.blockquote-list.interactive .delete-item::after{
	content:"\e014";
    font-family: "Glyphicons Halflings";
	font-size: 24px;
    position: absolute;
    right: 25%;
    top: 25%;
	color:#A5180D;
}

/* jwplayer */
.jwmovie {
	padding: 0 5% 5% 0;
	max-width: 720px;
}
.jwplayer,
.cd-modal-content > .image-asset > img{
	border:2px solid #0280D4 !important;
}
.jwmovie .jw-tab-focus:focus{
	outline:none !important;
}
.image-asset {
	padding: 5%;
	padding-left: 0 !important;
	padding-top: 0 !important;
	max-width: 720px;
}
.cd-modal-content .jw-state-idle.jwplayer .jw-preview{
	display:none;
}
.modal-is-visible .cd-modal-content .jw-state-idle.jwplayer .jw-preview{
	display:block;
}

/* pdf */
#cd-modal-pdf {
	max-width: 720px;
	height: 300px;
	margin: 2em auto;
	margin-left: 0px !important;
	border: 2px solid #0280D4;
	text-align: left;
}
#cd-modal-pdf p {
   padding: 1em;
}
#cd-modal-pdf object {
   display: block;
   border: solid 1px #666;
}

/* menu main description */
.btn.menu-back-secondary::before{
	background: transparent url("") repeat-y left top;
	background: -webkit-gradient(linear, left center, right center, from(#333333),color-stop(100%, rgba(51,51,51,0)));
	background: -webkit-linear-gradient(left,#333333 ,rgba(51,51,51,0) 100%);
	background: linear-gradient(to right,#333333 ,rgba(51,51,51,0) 100%);
	bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
	z-index:-1;
}
.btn.menu-back-secondary::after{
	font-family: "Glyphicons Halflings";
	content:"\e257";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
	top:40%;
	position:absolute;
	left: 12px;
}
.btn.menu-back-secondary{
	-webkit-transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
	transition: all 0.5s ease !important;
    height: 100%;
    padding: 20px;
    position: absolute;
    left: 0;
    top: 0;
	border-right: 0px;
}
.no-touch .btn.menu-back-secondary:hover::before{
	background: transparent url("") repeat-y left top;
	background: -webkit-gradient(linear, left center, right center, from(#0A5891),color-stop(100%, rgba(10,88,145,0)));
	background: -webkit-linear-gradient(left,#0A5891 ,rgba(10,88,145,0) 100%);
	background: linear-gradient(to right,#0A5891 ,rgba(10,88,145,0) 100%);
}

/* menu secondary description */
.secondary-menu-description {
	background-color: #000;
    border-bottom: 2px solid #333;
    color: #aaaaaa;
    font-size: 12px;
    padding: 10px 20px 10px 60px;
    margin: 0px;
    top:0;
    width: 380px;
    z-index: 1;
	font-family:"robotoregular";
}
.secondary-menu-description .title{
    color: #1784c7;
    font-size: 14px;
    display: block;
    clear: both;
}
.secondary-menu-description p{
	height: 50px;
    overflow: hidden;
}
/*.secondary-menu-description p a:before{
	content: "...";
    color: #ccc;
    left: 0;
    position: absolute;
}*/
.secondary-menu-description p a{
	padding: 0 20px;
    position: absolute;
    right: 10px;
    bottom: 20px;
    background-color: #000;
    color: #0280D4;
}
.no-touch .secondary-menu-description p a:hover{
	cursor:pointer !important;
    color: #fff;
	background-color:#000 !important;
}

/* cd menu trigger button */
.cd-nav-trigger {
  position: absolute;
  z-index: 1 !important;
  left: 10px;
  top: 10px;
  height: 54px;
  width: 54px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.cd-nav-trigger {
    box-shadow: rgba(9, 30, 66, 0.08) 0px 0px 0px 1px, rgba(9, 30, 66, 0.08) 0px 2px 4px 1px;
    color: rgba(255,255,255,1);
    cursor: pointer;
    height: 24px;
    opacity: 1;
    position: absolute;
    top: calc(50% - 50px);
    width: 24px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 50%;
    outline: 0px;
    padding: 0px;
    pointer-events: all;
}
.cd-nav-trigger .cd-nav-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 22px;
  height: 2px;
  background-color: #EAEAEA;
  z-index: 1 !important;
}
.cd-nav-trigger .cd-nav-icon::before,
.cd-nav-trigger .cd-nav-icon::after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
  -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
  transition: transform 0.5s, width 0.5s, top 0.3s;
  z-index: 1 !important;
}
.cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
  top: 2px;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
  top: -2px;
}
.cd-nav-trigger svg {
  position: absolute;
  top: 0;
  left: 0;
}
.cd-nav-trigger circle {
  /* circle border animation */
  -webkit-transition: stroke-dashoffset 0.4s 0s;
  -moz-transition: stroke-dashoffset 0.4s 0s;
  transition: stroke-dashoffset 0.4s 0s;
}
.toggled-left .cd-nav-trigger {
  /* rotate trigger when navigation becomes visible */
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  pointer-events: all;
}
.toggled-left .cd-nav-trigger .cd-nav-icon::after,
.toggled-left .cd-nav-trigger .cd-nav-icon::before {
  /* animate arrow --> from hamburger to arrow */
  width: 50%;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s;
  -moz-transition: -moz-transform 0.5s, width 0.5s;
  transition: transform 0.5s, width 0.5s;
}
.toggled-left .cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.toggled-left .cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .toggled-left .cd-nav-trigger:hover .cd-nav-icon::after,
.no-touch .toggled-left .cd-nav-trigger:hover .cd-nav-icon::before {
  top: 0;
}
.toggled-left .cd-nav-trigger circle {
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 0.4s 0.3s;
  -moz-transition: stroke-dashoffset 0.4s 0.3s;
  transition: stroke-dashoffset 0.4s 0.3s;
}

/* cd modal window */
svg {
  max-width: 100%;
}
.toggled-left .cd-modal-with-nav .cd-modal{
	left:381px;
}
.toggled-left .cd-modal-with-nav .cd-cover-layer{
	left:380px;
}
.cd-modal {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  /*width: 100%;*/
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  -moz-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
}
.cd-modal svg {
  position: absolute;
  top: 0;
  left: 0;
}
.cd-modal svg > path {
  fill: #000000;
}
.cd-modal .modal-close {
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 5%;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  /*background: rgba(255, 255, 255, 0.3) url('http://10.0.100.250/ICPBrands/1/Images/cd-icon-close.svg') no-repeat center center;*/
  background: rgba(255, 255, 255, 0.3) url('../../assets/img/cd-icon-close.svg') no-repeat center center;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display:none;
}
.no-touch .cd-modal .modal-close:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

/* cd modal visible state */
.modal-is-visible.cd-modal .modal-close{
	display:block;
}
.modal-is-visible.cd-modal {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.modal-is-visible .cd-modal-content {
  opacity: 1;
  visibility:visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-overflow-scrolling: touch;
  -webkit-transition: opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  -moz-transition: opacity 0.3s 0.3s, -moz-transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s, transform 0.3s 0.3s;
}

/* cd modal content */
.cd-modal-content {
  visibility:hidden;
  position: relative;
  height: 100vh;
  overflow-y: auto;
  padding: 3em 10% 4em;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 0.3s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, transform 0.3s 0s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-modal-content > p {
	color: #484848;/*#f2f2f2*/
	line-height: 1.4;
	margin: 2em 0;
	font-size: 2.4rem;
	font-weight: 300;
}
.cd-modal-content > h1 {
	font-size: 8rem;
	font-weight: 300;
	color: #0280D4;
	margin-bottom: 0.4em;
}
.cd-modal-content > h2 {
  font-size: 3rem;
  color: #0280D4;
  padding-bottom: 0.4em;
  font-weight: 300;
  border-bottom: 2px solid #333;
}
.cd-modal-content > table,
.cd-modal-content > span{
	color:#fff;
}
.cd-modal-content blockquote,
.cd-modal-content blockquote small{
	color:#484848
}

/* cd covering layer */
.cd-cover-layer {
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #f2f2f2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.3s, visibility 0s 0.6s;
  -moz-transition: opacity 0.3s 0.3s, visibility 0s 0.6s;
  transition: opacity 0.3s 0.3s, visibility 0s 0.6s;
}
.cd-cover-layer.modal-is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

/* course into elements */
.cd-intro,
.cd-conclude {
  z-index: 0;
  position: relative;
  height: 100vh;
  width: 100%;
  display: table;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}

.cd-intro-content,
.cd-conclude-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 5%;
  background: rgba(0,64,144,.9);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-conclude-content h1,
.cd-intro-content h1 {
	font-size: 5.2rem;
	font-weight: 300;
	color: #ffffff;
}
.cd-intro-content p {
	font-size: 1.6rem;
	margin: 1.5em 0 1.9em;
	font-weight: 700;
	line-height: 1.4;
	color: #c9cdd7;
}

div.cd-classIntroduction span,
div.cd-classIntroduction strong,
div.cd-classIntroduction small {
        font-size: 1.4rem;
	margin: 1.5em 0 1.9em;
	/**font-weight: 500;**/
	line-height: 1.4;
	color: #c9cdd7;

}

.cd-intro-content .cd-classIntroduction small p {
    all: inherit;
}
div.cd-hitText
{

color: white;
font-size: 1.6rem;
font-family: open sans;
/**font-weight: lighter;**/


}

div.cd-downloadLink
{

color: white;
font-size: 1.6rem;
font-family: open sans;
width:50%;
margin-left:25%;


}

div.cd-downloadLink a
{
	font-size: 1.6rem;
	margin: 1.5em 0 1.9em;
	line-height: 1.4;
	color: #c9cdd7;
}



#zoomJoinMeeting
{
color: #fff;
background-color: #0280d4;
border: 5px solid white;
width: 100px;
font-weight: bold;
margin: 5px;
margin-bottom: 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


div.cd-zoomCompatibility div
{
	font-size: 1.6rem;
	margin: 1.5em 0 1.9em;
	font-weight: 500;
	line-height: 1.4;
	color: #c9cdd7;
	width:50%;
	margin-left:25%;

}

div.cd-zoomCompatibility a
{
	font-size: 1.6rem;
	margin: 1.5em 0 1.9em;
	font-weight: 700;
	line-height: 1.4;
	color: #c9cdd7;
}


.cd-intro-content p{
	font-size: 1.6rem;
	margin: 1.5em 0 1.9em;
	font-weight: 700;
	line-height: 1.4;
	color: #c9cdd7;
}

.cd-conclude-content p {
	font-size: 1.6rem;
	margin: 1.5em auto;
	font-weight: 700;
	line-height: 1.4;
	color: #c9cdd7;
	width: 415px;
}
.cd-conclude-content .list-inline{
	position:relative;
}
.cd-conclude-content .list-inline li{
	padding: 25px;
    position: relative;
}

.cd-conclude-content .fb-symbol::before,
.cd-conclude-content .ln-symbol::before,
.cd-conclude-content .tr-symbol::before,
.cd-conclude-content .gp-symbol::before,
.cd-conclude-content .ts-symbol::before{
	padding: 20px;
    left: 0;
}

.cd-conclude-content .tr-symbol:hover::before{
	background-position: 0 40px;
}
.cd-conclude-content .ln-symbol:hover::before{
	background-position: 0 40px;
}
.cd-conclude-content .fb-symbol:hover::before{
	background-position: 0 40px;
}
.cd-conclude-content .gp-symbol:hover::before{
	background-position: 0 40px;
}
.cd-conclude-content .ts-symbol:hover::before{
	background-position: 0 40.5px;
}

/* course into mask elements */
.cd-intro-content.mask .content-wrapper,
.cd-conclude-content.mask .content-wrapper {
  position: relative;
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
  padding: 2em 0;
  overflow: hidden;
  -webkit-animation-name: cd-mask-wrapper;
  -moz-animation-name: cd-mask-wrapper;
  animation-name: cd-mask-wrapper;

  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.cd-intro-content.mask .content-wrapper::before,
.cd-conclude-content.mask .content-wrapper::before {
  /* vertical bar */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 2px;
  background-color: #ffffff;
  -webkit-animation: cd-pulse 1.3s 0.3s both;
  -moz-animation: cd-pulse 1.3s 0.3s both;
  animation: cd-pulse 1.3s 0.3s both;
}

.cd-intro-content.mask .content-wrapper > div,
.cd-conclude-content.mask .content-wrapper > div {
  /* wrap the entire content */
  position: relative;
  z-index: 1;
  -webkit-animation-name: cd-mask-content;
  -moz-animation-name: cd-mask-content;
  animation-name: cd-mask-content;

  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.no-cssanimations .cd-intro-content.mask .content-wrapper::before,
.no-cssanimations .cd-conclude-content.mask .content-wrapper::before{
  opacity: 0;
}

/* isotope */
#iso-filter-btns button{
	background-color: #000;
    color: #fff;
	margin:0;
	padding:10px;
	border:none;
	outline:none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#iso-filter-btns button.active,
.no-touch #iso-filter-btns button:hover{
	background-color:#0A5891;
}
#iso-filter-btns{
	border-bottom:2px solid #333;
	padding:0px;
	text-align: center;
}

#course_recomendations:after {
  content: '';
  display: block;
  clear: both;
}

.fade .iso-main{
	display:none;
}
.iso-main:after {
  content: '';
  display: block;
  clear: both;
}

.iso-item {
  margin: 15px;
  background-color:#fff;
  float: left;
  width:212px;
}
.load-more{
	border-top: 2px dashed #333;
    padding: 10px 0;
	text-align:center;
}

/* dual */
.iso-item.dual{
	margin:15px;
	width:696px;
	min-height:400px;
	color: #fff;
}
.iso-item.dual .iso-image{
	border: 10px solid #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.iso-item.dual .iso-content{
	background: rgba(0,64,144,.9);
	margin: 10px;
    position: absolute;
	top:0;
    bottom: 0;
    left: 0;
    right: 50%;
    padding: 10px 50px 10px 20px;
}
.iso-item.dual .iso-content h1{
	font-size: 26px;
    font-weight: 300;
    line-height: 35px;
	margin-bottom: 20px;
}
.iso-item.dual .iso-content p{
	line-height: 20px;
}
.iso-item.dual .iso-content .iso-coupon{
	font-size: 18px;
}
.iso-container{
	position:relative;
}
.iso-container .sortBy{
	position:absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.iso-container .sortBy .btn{
	background-color:#000;
	/*background-image:url("http://10.0.100.250/ICPBrands/1/Images/sorting.svg");*/
	background-image:url("../../assets/img/sorting.svg");
	background-size: cover;
	background-position: center center;
    padding: 10px;
    margin: 10px;
}
 .iso-container .sortBy.open::before{
	content:"\e253";
	position:absolute;
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	top: 30px;
	color: #fff;
	right: 10px;
	font-size: 18px;
	z-index: 1020;
}

/* single */
.iso-item.single .front .iso-image{
	width: 100%;
	height: 110px;
	overflow: hidden;
	position: relative;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #eee;
}
.iso-item.single:nth-child(odd) .front .iso-title{
	color: #0280d4;
}
.iso-item.single:hover .front .iso-title{
	text-decoration:underline;
}
.iso-item.single .front .learn-more{
	display: none;
	position: absolute;
    height: 112px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}
.iso-item.single:hover .front .learn-more{
    display: table;
}
.iso-item.single .front .learn-more::after{
	content:"Learn More";
	position: relative;
    padding: 15px;
    top: 44px;
    border: 2px solid #fff;
    border-radius: 10px;
    color: #fff;
}
.iso-item.single .front .learn-more::before{
	content:"";
	position:absolute;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	background: rgba(0,64,144,.7);
}
.iso-item.single .front .iso-title{
	word-wrap: break-word;
	line-height: 21px;
	padding: 15px;
	text-transform: capitalize;
	cursor: default;
	font-family:"robotoregular";
}
.iso-item.single .front .iso-rate{
	padding: 15px;
}
.iso-item.single .front .iso-rate::after{
    content:'('attr(data-reviews)')';
    bottom: 2px;
    position: relative;
	font-size: 13px;
    font-weight: 300;
    color: #0280D4;
    padding-left: 3px;
}
.iso-item.single .front .iso-rate span{
    position: absolute;
    right: 0;
    color: #fff;
    padding: 0 8px 0 16px;
    font-family: robotoregular;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.iso-item.single .front .iso-rate span::after{
    font-family: "glyphicons Halflings";
    content: "\e250";
    position: absolute;
    left: -4px;
    font-size: 13px;
    top: 0px;
}
.iso-item.single .front .iso-rate .premium{
	background-color: #3f51b5;
}
.iso-item.single .front .iso-rate .new{
	background-color: #e91e63;
}
.iso-item.single .front .iso-rate .popular{
	background-color: #ff5722;
}

.iso-item.single .front .iso-rate .glyphicon-star{
	color:#0071be;
}
.iso-item.single .front .iso-rate .glyphicon-star-empty{
	color:#8f8f8f;
}
.iso-item.single .front .iso-rate .glyphicon-star-empty::after{
	content:"";
	background-color:#000;
	position:absolute;
}
.iso-item.single .front ul{
	padding: 0 15px;
    font-size: 12px;
	font-family: 'robotomedium';
	color:#606972;
}
.iso-item.single .front ul li{
	list-style: none;
    margin: 0;
    padding: 0;
	font-family: 'robotoregular';
}
.iso-item.single .front .price{
    color: #0280D4;
	font-family: 'robotomedium';
	padding:0 15px;
}

/* dark menu */
.dropdown-menu.dark input[type="checkbox"]{
    opacity: 0;
}
.dropdown-menu.dark input[type="checkbox"] + i::before{
	content: "";
    display: inline-block;
    padding:6px;
    outline: 1px solid #fff;
}

.dropdown-menu.dark input[type="checkbox"]:checked + i::before{
	outline: 1px solid #0280D4;
}

.dropdown-menu.dark input[type="checkbox"]:checked + i::after{
	font-family: "Glyphicons Halflings";
	content: "\e013";
	color: #fff;
	position: absolute;
    right: 10px;
}

.dropdown-menu.dark{
	background-color: #000;
	color: #fff !important;
	padding: 0 20px 20px 20px;
	border: 2px solid #fff;
}

.dropdown-menu.dark .dark-item{
	width: 100%;
	border-bottom: 1px dashed #444;
    margin: 0;
	padding: 10px 5px 5px 5px;
	font-weight:400;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.dropdown-menu.dark .dark-item:hover{
    background-color: #0280D4;
}
.dropdown-menu.dark .dark-item img{
	height: 40px;
}
.dropdown-menu.dark .dark-item .input-group-addon {
    background: none;
    border: none;
}

/* clipp */
.clipp-keyword button.cd-btn.main-action {
    min-height: 46px;
}
.wide-dropdown{
	min-width:480px;
}
.btn.circle{
	margin: 0 5px !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #444;
    border-radius: 20px !important;
    border: 1px solid #666;
    padding: 20px;
}
.clipp-header li.list-group-item {
    background-color: #222;
    border-color: #000;
    color: #fff;
}
.clipp-header li.list-group-item.loaded .badge{
    color: #275C1F;
    background-color:#222;
}
.clipp-keyword button.main-action{
    background-color: #333;
    border-color: #666;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
}
.clipp-keyword input.form-control {
    background-color: #333;
    border-color: #666;
    color:#fff;
    border-radius:20px;
}
.iso-clipp.default{
	width: 362px;
}
.iso-clipp.with-image{
	width: 362px;
}
.iso-clipp.with-video{
	width: 362px;
}
.iso-clipp{
	width: 362px;
	min-height:200px;
	float: left;
	color: #fff;
	background-color: #222;
	padding: 10px;
	border-left:4px solid #000;
	border-top:4px solid #000;
}
.iso-clipp .iso-provider-title{
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size:12px;
	color: #888;
}
.iso-clipp .iso-provider-title img{
	width:15px;
	margin-right: 4px;
}
.iso-clipp .iso-provider-title img:before{
    content:"";
    /*background-color:#222;*/
    position:absolute;
    z-index:10;
    width:20px;
    height:20px;
}
.iso-clipp .source-image{
	width:100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
	border: 5px solid #333;
    background-color: #333;
}
.iso-clipp .iso-content .iso-desc{
	font-weight: 100;
	font-size: 13px;
}
.iso-clipp.with-video iframe{
	border:none;
	outline:none;
}

/* pre-loader */
.pre-loader.launching::after{
	content:"Course content is loading, Please wait.";
}
.pre-loader.saving::after{
	content:"Course information is saving, Please wait.";
}
.pre-loader.session::after{
	content:"Your session is about to expire.";
}
.pre-loader.please-wait::after{
	content:"Please wait.";
}
.pre-loader::after{
	content:"";
	/*background-image:url("http://10.0.100.250/ICPBrands/1/Images/oval.svg");*/
	background-image:url("../../assets/img/oval.svg");
	background-size: cover;
    width: 200px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
    margin-left: -100px;
    margin-top: -100px;
    z-index: 10001;
    text-align: center;
    padding: 85px 25px;
    color: #fff;
    background-color: #000;
    border-radius: 50%;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.pre-loader.done::after{
	content:"";
	width:0;
	height:0;
	margin-left:0;
	margin-top:0;
	padding:0;
	opacity:0;
}
.pre-loader::before{
	content: "";
    background-color: #222;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height:100%;
    z-index: 10000;
    text-align: center;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.pre-loader.up::before{
	height:0%;
}
.session #wrapper::before{
	content: attr(data-remain);
    z-index: 99999;
    position: fixed;
    top: 50%;
    color: #fff;
    width: 100%;
    text-align: center;
    margin-top: 40px;
    font-weight: bold;
}

.elm-loader{
   position: relative;
   border-color:#666;
   pointer-events:none;
   cursor:pointer;
}
.elm-loader::after{
	content:"";
	/*background-image:url("http://10.0.100.250/ICPBrands/1/Images/oval.svg");*/
	background-image:url("../../assets/img/oval.svg");
	background-size: cover;
    width: 40px;
    height: 40px;
    position: absolute;
    margin-left: -87px;
    border-radius: 50%;
    margin-top: -11px;
}
.elm-loader::before{
	content:"";
	background-color:#0A5891;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

.static-loader::after{
	content:"Please wait.";
	/*background-image:url("http://10.0.100.250/ICPBrands/1/Images/oval.svg");*/
	background-image:url("../../assets/img/oval.svg");
	background-size: cover;
    width: 150px;
    height: 150px;
    position: fixed;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
    margin-left: -75px;
    margin-top: -75px;
    z-index: 10001;
    text-align: center;
    padding: 65px 12px;
    color: #fff;
    background-color: #000;
    border-radius: 50%;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.static-loader::before{
	content: "";
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height:100%;
    z-index: 10000;
    text-align: center;
	opacity:0.5;
	filter:'alpha(opacity=50)';
}

/* cd svg cover at loading time */
.cd-svg-cover {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display:none;
}
.cd-svg-cover.loader::after{
	content: "Please wait";
    /*background-image: url("http://10.0.100.250/ICPBrands/1/Images/oval.svg");*/
	background-image:url("../../assets/img/oval.svg");
    background-size: cover;
    width: 100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
    margin-left: -50px;
    margin-top: -50px;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    padding-top: 40px;
}
.cd-svg-cover path {
  fill: #222;
}
.cd-svg-cover.is-animating {
  z-index: 10000;
  display:block;
}

.cd-input{
	height: 46px;
    margin-top: 3px;
    margin-left: 4px;
}

#continue-course-btn{
	position: absolute;
    z-index: 99999;
    left: 0;
    top: 50%;
    text-align: center;
    right: 0;
    margin-top: 110px;
}

/* author */
.cd-modal-content .author-avatar{
	width: 86px;
    height: 86px;
    margin-right: 10px;
    vertical-align: top;
    float: left;
    margin-top: 20px;
}

/* scene templates */
.scene-wrapper{
	width: 100%;
    height: 100vh;
   /* max-width: 1280px; */ /*INTLSKILLS-6028 JOSEPH ASKED*/
    margin: 0 auto;
    position: relative;
	background-color:#fff;
}
.scene-wrapper .scene-content h1,
.scene-wrapper .scene-content h2,
.scene-wrapper  .scene-content h3,
.scene-wrapper  .scene-content h4,
.scene-wrapper  .scene-content h5{
	font-weight: 400;
	font-size: 26px;
	margin: 0 0 5px 0;
}
.scene-wrapper .scene-title{
	font-family:'Open Sans' !important;
	font-weight: 400;
	margin-top: 0;
	font-size: 5.2rem;
	border-bottom: 2px dashed #eee;
}
.scene-wrapper .scene-title p{
	font-size: 60%;
    padding: 10px 0 0;
}
.scene-wrapper .scene-body{
	overflow-y: auto;
	overflow-x: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	padding: 0px 0px 0px 0px ; /*INTLSKILLS-6028 JOSEPH ASKED*/
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.toggled-top .scene-wrapper .scene-body{
    margin-top: 0px;  /*INTLSKILLS-6028 JOSEPH ASKED*/
	padding-top: 0;
}
.toggled-bottom .scene-wrapper .scene-body{
	padding: 30px 50px 5px 50px !important;
	margin-bottom: 40px !important;

	/*margin-bottom: 0px;  /*INTLSKILLS-6028 JOSEPH ASKED*/
}
.scene-wrapper .scene-body a{
		color:#025892;
}
.scene-wrapper .scene-cell{
	display: table-cell;
    vertical-align: top;
	width: 100%;
}
.scene-wrapper .scene-content{
	font-size:16px;
	font-family:"robotoregular";
}
.scene-wrapper .scene-content p{
	margin:0;
	padding:0;
}
.scene-wrapper .scene-content ol,
.scene-wrapper .scene-content ul,
.scene-wrapper .scene-content dl{
	padding-top: 0;
    padding-bottom: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}
.scene-wrapper .scene-caption{
	position: absolute;
	background: rgba(255,255,255,1);
	text-align: center;
    color: #999;
    padding: 5px 10px;
    border-top: 2px dashed #eee;
	font-family:"robotoregular";
	font-size: 14px;
	font-weight: 100;
    width: 100%;
    left: 0px;
    bottom: -10px;
	max-height: 80px;
    overflow: auto;
	transition: all 0.5s ease;
}
.scene-wrapper .scene-caption.show
{
	bottom: 0px;
}
.scene-wrapper pre{
	background: none !important;
    border: none !important;
}

/* visual left and right scene template */
.scene-wrapper.visual-left .visual-element{
	min-width:100px;
	width:0px;
	padding-right: 25px;
	padding-top: 5px;
    padding-bottom: 5px;
}
.scene-wrapper.visual-right .visual-element{
	min-width:100px;
	padding-left: 25px;
	padding-top: 5px;
    padding-bottom: 5px;
}
.scene-wrapper.visual-left .visual-element img,
.scene-wrapper.visual-right .visual-element img{
	max-width: 350px;
    max-height: 310px;
    margin: 0 auto;
}
.scene-wrapper.visual-left .visual-element #media,
.scene-wrapper.visual-right .visual-element #media{
	background-color:#fff;
}

/* visual top and bottom scene template */
.scene-wrapper.visual-top .visual-element{
	padding-top: 5px;
	padding-bottom: 10px;
}
.scene-wrapper.visual-bottom .visual-element{
    padding-top: 10px;
	padding-bottom: 5px;
}
.scene-wrapper.visual-top .visual-element img,
.scene-wrapper.visual-bottom .visual-element img{
	max-width:100%;
    margin: 0 auto;
}
.scene-wrapper.visual-bottom .visual-element #media,
.scene-wrapper.visual-top .visual-element #media{
	margin:auto;
	background-color:#f6f6f6;
}

/* visual center scene template */
.scene-wrapper.visual-center .visual-element{
	padding: 5px 0;
}
.scene-wrapper.visual-center .visual-element img{
	max-width: 960px;
	max-height: 470px;
    margin: 0 auto;
}
.scene-wrapper.visual-center .visual-element #media{
	/*width: 100%;
	width:960px; old ICP
	height:443px;*/
    position: relative;
    margin: auto;
    text-align: center;
	background-color:#f6f6f6;
}
.visual-center #media > #toggle{
	position:static !important;
}

/* visual activity scene template */
.scene-wrapper.visual-activity.with-heading .visual-element{
	display:block;
	height:85%;
}
.scene-wrapper.visual-activity .visual-element{
	display:block;
	height:98%;
}
.scene-wrapper.visual-activity .visual-element #media{
	height: 100%;
}
.scene-wrapper.visual-activity .visual-element #media embed{
    width: 100%;
    height: 100%;
}

/* slider */
#volume-slider{width:150px}
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal .slider-track {
    height: 4px;
    /* width: 100%;
    margin-top: -5px;
    top: 50%; */
    left: 20px;
    right: 20px;
}
.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
  margin-top: -8px;
}
.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}
.slider input {
  display: none;
}
.slider .tooltip-inner {
  white-space: nowrap;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-color: #ccc;
  /*background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slider-selection {
  position: absolute;
  background-color:#0280d4;
  -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
  /*-webkit-transition:width .6s ease;-o-transition:width .6s ease;
  transition:width .6s ease;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
  background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
  background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  /*background-color: #0280d4;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  opacity: 0.8;
  border: 0px solid transparent;*/
}
.slider-handle::after{
	content: "\e165";
    font-family: "Glyphicons Halflings";
    left: 5px;
    position: absolute;
    color: #bac2c7;
    font-size: 14px;
}
.slider-handle.round {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.slider-handle.triangle {
  background: transparent none;
}

/* primary focus */
.primary-font{
	color:#0280D4;
}
.red-font{
	color:#89130B;
}
h1.heading-exceeding{
	font-size:36px;
}

/* assessment dnd */
.cd-drag-btn{
	color: #ffffff;
	padding: 0.5em;
    cursor: move;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #0280D4;
	min-height: 65px;
	margin-bottom: 4px;
}
.cd-drag-btn:hover{
	background-color: #0A5891 !important;
}
.cd-drop-holder{
	border-top: 1px solid #eee;
    padding: 0.5em 0.8em;
	margin: 4px;
    background-color:#f6f6f6;
	min-height: 65px;
}
.cd-drop-holder:first-child{
	margin-top: 0;
}

.cd-drop-holder.highlight{
	background-color: #fcf8e3;
	border-color:#faebcc;
}
.cd-drop-holder .cd-drag-btn{
	margin-left: -12px;
    margin-right: -12px;
    margin-top: 10px;
    padding-left: 24px;
}
.cd-drop-holder .cd-drag-btn::after{
	content: "\e142";
    font-family: "Glyphicons Halflings";
    left: -5px;
    top: -10px;
    position: absolute;
    color: #bac2c7;
    font-size: 25px;
}
#draggable-btns,
#dropable-holders{
    width: 50%;
    background-color: #eee;
    padding-top: 4px;
    padding-right: 5px;
}
.ui-draggable-dragging{
	z-index:10000;
}

/* assessments */
#QuestionRemediationQuestion{
	display: table;
    width: 100%;
}

#QuestionRemediationQuestion .cd-drag-btn{
	position:relative;
	cursor:default;
}
.up.disabled,
.down.disabled{
	color: #eee !important;
    pointer-events: none;
    -moz-opacity:0.5;
	filter:alpha(opacity=50);
	opacity:0.5;

}
#QuestionRemediationIncorrect{
	color: #fff;
    position: absolute;
    right: 0;
	top:0;
    background-color: #A5180D;
    padding: 5px;
    padding-right: 32px;
    border-radius: 5px;
}
#incorrect{
	color: #fff;
    position: absolute;
    right: 20px;
    background-color: #A5180D;
    padding: 5px;
    padding-right: 32px;
    border-radius: 5px;
	margin-right: 30px;
}
#QuestionRemediationIncorrect::after,
#incorrect::after{
	position: absolute;
    content: "\e083";
    font-family: "Glyphicons Halflings";
    font-size: 24px;
    top: -2px;
    padding-left: 4px;
}

#QuestionRemediationCorrect{
	color: #fff;
    position: absolute;
    right: 0;
	top:0;
    background-color: #275C1F;
    padding: 5px;
    padding-right: 32px;
    border-radius: 5px;
}
#correct{
	color: #fff;
    position: absolute;
    right: 20px;
    background-color: #275C1F;
    padding: 5px;
    padding-right: 32px;
    border-radius: 5px;
	margin-right: 30px;
}
#QuestionRemediationCorrect::after,
#correct::after{
	position: absolute;
    content: "\e084";
    font-family: "Glyphicons Halflings";
    font-size: 24px;
    top: -2px;
    padding-left: 4px;
}
.flagged{
	background-color: #0280D4 !important;
}
.glyphicon-flag.filled{
	color: #0280D4 !important;
}
.glyphicon-flag.unfilled{
	color: #ddd !important;
}

#GradeAssessment .btn.ctrl,
#QuestionRemediationButtons .btn.ctrl,
#buttoncontainerAnswerReview .btn.ctrl{
	padding:5px;
}

.question-counter{
	color: #FFF;
    font-size: 14px;
    background-color: #242424;
    border-radius: 4px;
    padding: 2px 5px;
	width: 50%;
	display: inline-flex;
}
.not-for-assessment{

}
.for-assessment{

}

.scene-question{
	border-bottom: 2px dashed #eee;
    font-size: 16px;
    padding-bottom: 10px;
}

.scene-option{
	border-top: 1px solid #eee;
    /* padding: 0.5em 0.8em; */
    position: relative;
    min-height: 65px;
    background-color: #f6f6f6;
    margin-bottom: 5px;
    display: table;
    width: 100%;
    vertical-align: middle;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.scene-option > label{
	display: table-cell;
    vertical-align: middle;
    padding: 10px 28px;
}
.scene-option > label::before{
	content: "";
    position: absolute;
    background-color: #0280D4;
    top: 0;
    bottom: 0;
    padding: 16px;
    left: 0;
}

.no-touch .scene-option:hover{
	background-color: #0280D4;
	color:#fff;
}
.no-touch .scene-option > label:hover::before,
.no-touch .scene-option:hover > .ordering-btn::before{
	background-color: #0A5891;
}

.scene-option.checkbox,
.scene-option.radio{
	margin-bottom: 10px !important;
}

.scene-option.checkbox span,
.scene-option.radio span{
	display: inline-block;
	position: relative;
	padding-left: 10px;
	z-index: 1;
}

.scene-option.checkbox span::before,
.scene-option.radio span::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 14px;
	height: 14px;
	left: 0;
	margin-left: -18px;
	border: 1px solid #666;
	border-radius: 3px;
	background-color: #eee;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	margin-top: 3px;
}

.scene-option.checkbox span::after,
.scene-option.radio span::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -22px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 14px;
	color: #555555;
	z-index:1;
}

.scene-option.checkbox input[type="checkbox"],
.scene-option.radio input[type="radio"]{
	opacity: 0;
}

.scene-option.checkbox input[type="checkbox"]:checked + span::after,
.scene-option.radio input[type="radio"]:checked + span::after {
	font-family: "Glyphicons Halflings";
	content: "\e013";
	color: #4A4A4A;
}

.scene-option.checkbox input[type="checkbox"]:checked + span::before,
.scene-option.radio input[type="radio"]:checked + span::before {
  background-color: #0280D4;
  border-color: #0280D4;
}

.scene-option.checkbox input[type="checkbox"]:disabled + span,
.scene-option.radio input[type="radio"]:disabled + span {
	opacity: 0.65;
}

.scene-option.checkbox input[type="checkbox"]:disabled + span::before
.scene-option.radio input[type="radio"]:disabled + span::before {
	background-color: #eeeeee;
	cursor: not-allowed;
}

.scene-option.radio span::before {
	border-radius: 50%;
}

.scene-option.checkbox input[type="checkbox"]:checked ~ i::before,
.scene-option.radio input[type="radio"]:checked ~ i::before{
	content: "";
    background-color: #0280D4;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 16px;
}
#odometerContainter{
	display: contents;
}
.menu-timer {
    bottom: -1px;
    position: absolute;
    left: 0;
    font-size: 15px;
    display: table;
    width: 100%;
    color: #fff;
    text-align: center;
    right: 0;
    background-color: #1d1e1f;
 }
.scene-option.checkbox input[type="checkbox"]:checked ~ i::after,
.scene-option.radio input[type="radio"]:checked ~ i::after{
	content: "";
    background-color: #0280D4;
    position: absolute;
    left: 0;
    top: 0;
	right:0;
    bottom: 0;
    padding: 16px;
}

.scene-option.checkbox input[type="checkbox"]:checked + span,
.scene-option.radio input[type="radio"]:checked + span {
	color: #fff;
}

.scene-ordering .ordering-btn{
	display: table-cell;
    vertical-align: middle;
    width: 35px;
    text-align: center;
}
.scene-ordering .ordering-btn::before{
	content: "";
    position: absolute;
    background-color: #0280D4;
    top: 0;
    bottom: 0;
    padding-left: 35px;
    left: 0;
}
.scene-ordering span{
	display: table-cell;
    vertical-align: middle;
    padding: 5px 10px 5px;
}

.scene-ordering .scene-option:first-child .ordering-btn .up,
.scene-ordering .scene-option:last-child .ordering-btn .down{
	display:none;
}

.scene-ordering .ordering-btn a.up,
.scene-ordering .ordering-btn a.down{
	color: #eee;
    display: block;
    margin: 5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.no-touch .scene-ordering .ordering-btn a:hover.up,
.no-touch .scene-ordering .ordering-btn a:hover.down{
	color:#000;
}

/* INTLSKILLS-8684 - AC2*/
.image-base-question .scene-content{
	display: block;
}
.image-base-question .scene-option.checkbox, .image-base-question .scene-option.radio {
    margin-bottom: 10px !important;
    display: inline-block;
    margin: 10px 5px;
    min-width: 145px;
    width: calc(25% - 20px);
}

.image-base-question .scene-option > label {
    display: block;
    vertical-align: middle;
    padding: 10px 0px 10px 28px;
    width: 100%;
}
.image-base-question .scene-option.checkbox span, .scene-option.radio span {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    z-index: 1;
    width: 100%;
}

.image-base-question .scene-option img{
    max-height: 100px;
    max-width: 100%;
}

#questionStem img,
.scene-option img{
    max-height: 200px;
    max-width: 100%;
}

.toggled-bottom #assessmentQuestionTemplate .scene-wrapper .scene-body {
    padding: 30px 20px 5px 20px !important;
    margin-bottom: 40px !important;
}

/* visual template play and pause buttons */
#media > #toggle{
	position: relative !important;
    height: 100%;
    top: -100%;
}
.play a{
	background-image:url("../../images/play_button.png");
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    margin: auto;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0px;
    padding: 10px;
    margin-bottom: 10px;
}
.pause a{
	background-image: url("../../images/pause_button.png");
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    margin: auto;
    right: 0;
    left: 0;
    bottom: 0px;
	height: 30px;
    padding: 10px;
    margin-bottom: 10px;
}

/* social sharing */
.side-menu-nav.items > li > div > .social-share{
	position: absolute;
	padding: 0px;
    top: 0;
    bottom: 0;
	left:0;
	overflow:hidden;
	background-color: #0280D4;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.side-menu-nav.items > li.active > div:hover > .social-share{
	padding: 16px;
	cursor:pointer;
}
.side-menu-nav.items > li.active > div:hover > .social-share:hover{
	background-color: #0A5891;
}
.side-menu-nav.items > li.active > div > .social-share::before{
	content:"";
	background-image:url("../../assets/img/share-black-solid-social-symbol.svg");
	/*background-image:url("http://10.0.100.250/ICPBrands/1/Images/share-black-solid-social-symbol.svg");*/
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
}

.three-sixty-social::before{
	content:"";
	background-image:url("../../assets/img/logo-symbol.svg");
	/*background-image:url("http://10.0.100.250/ICPBrands/1/Images/logo-symbol.svg");*/
	background-position: 0 center;
    background-repeat: no-repeat;
	background-size: contain;
    padding: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
}
.fb-social::before{
	content:"";
	background-image:url("../../assets/img/facebook-symbol.svg");
	/*background-image:url("http://10.0.100.250/ICPBrands/1/Images/facebook-symbol.svg");*/
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
}
.tr-social::before{
	content:"";
	background-image:url("../../assets/img/twitter-symbol.svg");
	/*background-image:url("http://10.0.100.250/ICPBrands/1/Images/twitter-symbol.svg");*/
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
}
.ln-social::before{
	content:"";
	background-image:url("../../assets/img/linkedin-symbol.svg");
	/*background-image:url("http://10.0.100.250/ICPBrands/1/Images/linkedin-symbol.svg");*/
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
}
.gp-social::before{
	content:"";
	background-image:url("../../assets/img/google-plus-symbol.svg");
	/*background-image:url("http://10.0.100.250/ICPBrands/1/Images/google-plus-symbol.svg");*/
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
}

.ts-symbol::before{
	content:"";
	background-image:url("../../assets/img/logo-symbol.svg");
	/*background-image:url("http://10.0.100.250/ICPBrands/1/Images/logo-symbol.svg");*/
	/*background-position: center center;
    background-repeat: no-repeat;
	top: 0;
    bottom: 0;*/
    background-size: cover;
    padding: 10px;
    position: absolute;
    top: 10px;
	background-position: 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	border-radius:50%;
	background-color:#333;
}
.fb-symbol::before{
	content:"";
	background-image:url("../../assets/img/facebook-symbol.svg");
	/*background-image:url("http://10.0.100.250/ICPBrands/1/Images/facebook-symbol.svg");*/
	/*background-position: center center;
    background-repeat: no-repeat;
	top: 0;
    bottom: 0;*/
    background-size: contain;
    padding: 8px;
    position: absolute;
	top: 13px;
	background-position: 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tr-symbol::before{
	content:"";
	background-image:url("../../assets/img/twitter-symbol.svg");
	/*background-image:url("http://10.0.100.250/ICPBrands/1/Images/twitter-symbol.svg");*/
	/*background-position: center center;
    background-repeat: no-repeat;
	top: 0;
    bottom: 0;*/
    background-size: contain;
    padding: 8px;
    position: absolute;
	top: 14px;
	background-position: 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.ln-symbol::before{
	content:"";
	background-image:url("../../assets/img/linkedin-symbol.svg");
	/*background-image:url("http://10.0.100.250/ICPBrands/1/Images/linkedin-symbol.svg");*/
	/*background-position: center center;
    background-repeat: no-repeat;
	top: 0;
    bottom: 0;*/
    background-size: contain;
    padding: 8px;
    position: absolute;
	top: 13px;
	background-position: 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.gp-symbol::before{
	content:"";
	background-image:url("../../assets/img/google-plus-symbol.svg");
	/*background-image:url("http://10.0.100.250/ICPBrands/1/Images/google-plus-symbol.svg");*/
	/*background-position: center center;
    background-repeat: no-repeat;
	top: 0;
    bottom: 0;*/
    background-size: contain;
    padding: 8px;
    position: absolute;
	top: 13px;
	background-position: 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tr-symbol:hover::before{
	background-position: 0 16px;
	background-color: #55ACEE;
}
.ln-symbol:hover::before{
	background-position: 0 16px;
	background-color: #007AB9;
}
.fb-symbol:hover::before{
	background-position: 0 16px;
	background-color: #3B5998;
}
.gp-symbol:hover::before{
	background-position: 0 16px;
	background-color: #DC4E41;
}
.ts-symbol:hover::before{
	background-position: 0 20.5px;
	background-color: #EE3224;
}



/* all css3 animations */
@-webkit-keyframes cd-mask-wrapper {
  0% {
    -webkit-transform: translateX(50%);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-mask-wrapper {
  0% {
    -moz-transform: translateX(50%);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-mask-wrapper {
  0% {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-mask-content {
  0% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-mask-content {
  0% {
    -moz-transform: translateX(-100%);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-mask-content {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-pulse {
  0%, 30.8% {
    opacity: 0;
  }
  15.4%, 46.2%, 61.5%, 70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes cd-pulse {
  0%, 30.8% {
    opacity: 0;
  }
  15.4%, 46.2%, 61.5%, 70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes cd-pulse {
  0%, 30.8% {
    opacity: 0;
  }
  15.4%, 46.2%, 61.5%, 70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

#odometerContainter1.timer{
	width: 50%;
	color: #FFF;
	float:right
}
#assessmentTimer.for-assessment{
	width: 50px;
	display: inline;
	font-size: 13px;
}
/* recomendation */
#course_recomendations{
	margin: auto;
	min-height: 100px;
	width: 730px;
}

@media only screen and (min-width: 1600px)
{
	.iso-main{
		width:1210px;
	}
	#course_recomendations{
		width:1210px;
	}
}

@media only screen and (max-width: 1220px)
{
	.iso-main{
		width:730px;
	}
	#course_recomendations{
		width:730px;
	}
}

@media only screen and (max-width: 900px)
{
	.iso-main{
		width:485px;
	}
	#course_recomendations{
		width:485px;
	}
}

@media only screen and (max-width: 540px)
{
	.modal-body .discussion-icons li{
		margin-right: 40px;
	}
	.modal-body .discussion-icons{
		width: 220px;
		padding: 0 10px;
	}
	.modal-body .discussion-icons .avatar-1::after,
	.modal-body .discussion-icons .avatar-2::after{
		top: -30px;
	}
	.modal-body .discussion-icons .avatar-3::after,
	.modal-body .discussion-icons .avatar-4::after{
		top: -10px;
	}

	.modal-body .discussion-icons .avatar-1::after,
	.modal-body .discussion-icons .avatar-2::after,
	.modal-body .discussion-icons .avatar-3::after,
	.modal-body .discussion-icons .avatar-4::after{
		padding: 20px;
	}

	.modal-body .discussion-icons .steps.s1::before,
	.modal-body .discussion-icons .steps.s1::after{
		top: -35px;
	}

	.modal-body .discussion-icons .steps.s2::before,
	.modal-body .discussion-icons .steps.s2::after{
		top: -25px;
	}

	.modal-body .discussion-icons .steps.s3::before,
	.modal-body .discussion-icons .steps.s3::after{
		top: -5px;
	}

	.modal-body .discussion-icons .steps::before{
		padding: 10px 12px;
	}

	.modal-body .discussion-icons .steps::after{
		padding: 20px;
	}

	.modal-body .discussion-icons li.steps{
		margin-right: 45px;
		right: 0px;
	}
	.iso-item.single .front .iso-image{
		background-size:cover;
		background-position:center top;
	}
	.iso-item.single{
		width:92%;
	}
	.iso-item.dual{
		width:92%;
	}

	#course_recomendations{
		width:100%;
	}
}

@media only screen and (max-width: 1024px)
{
	/* main wrapper adjustment */
	.toggled-left .wrapper-body{
		position:fixed !important;
	}
	.wrapper-body{
		position:absolute;
	}
	#wrapper.toggled-left {
		margin-left: 280px;
	}
	#wrapper.toggled-right {
		margin-left: -280px;
	}
	#wrapper.toggled-left .left-menu {
		width: 280px;
	}

	/* left menu body adjustment */
	.menu-wrapper.left-menu .menu-body{
		left: 280px;
		width: 280px;
	}
	.menu-wrapper.left-menu .menu-body#player-options{
		left: -280px;
	}

	/* left menu body brand adjustment */
	.side-menu-container{
		bottom: 153px;
	}
	.side-menu-brand{
		width: 280px;
		padding: 7px 20px;
		font-size: 16px;
	}
	.side-menu-logo{
		width: 280px;
	}
	.side-menu-social{
		width: 280px;
	}
	.side-menu-social .social-label{
		padding: 5px 10px 10px 20px;
	}
	.side-menu-social ul{
		padding: 0;
	}

	/* left menu body adjustment */
	/*.toggled-top.toggled-left .top-wrapper,*/
	.toggled-bottom.toggled-left .bottom-wrapper{
		padding-right: 280px;
	}

	/* menu secondary description adjustment */
	.secondary-menu-description,
	.main-menu-description {
		width: 280px;
	}
	.side-menu-nav li a{
		padding-left:20px;
	}

	/* when left menu open show overlay on body content */
	.toggled-left.toggled-top .timer,
	.toggled-left #modal-trigger-bookmark,
	.toggled-left #cd-tour-trigger{
		z-index: -100;
		/*! opacity: .5; */
		/*! pointer-events: none; */
	}
	.toggled-left #content-overlay{
		display:block;
		visibility:visible;
		width:100%;
		height:100%;
	}

	/* visual top, bottom and center scene template */
	.scene-wrapper.visual-top .visual-element img,
	.scene-wrapper.visual-bottom .visual-element img,
	.scene-wrapper.visual-center .visual-element img{
		max-width:100%;
	}

	/* cd modal with left nav */
	.toggled-left .cd-modal-with-nav .cd-modal{
		left:281px;
	}
	.toggled-left .cd-modal-with-nav .cd-cover-layer{
		left:280px;
	}

	#media.responsive-video,
	.responsive-video{
		width:100% !important;
	}
}

@media only screen and (max-width: 768px)
{
	/* cd modal box */
	.toggled-left .cd-modal-with-nav .cd-modal{
		left:0;
	}
	.toggled-left .cd-modal-with-nav .cd-cover-layer{
		left:0;
	}
	.cd-modal-content {
		padding: 3em 5% 4em;
	}
	.cd-modal-content > p {
		font-size: 14px;
		font-weight: normal;
	}
	.cd-modal-content > h1 {
		font-size: 4rem;
	}

	/* author */
	.cd-modal-content .author-avatar{
		width:46px;
		height:46px;
	}

	/* course into elements */
	.cd-intro-content h1,
	.cd-conclude-content h1	{
		font-size: 2.4rem;
	}
	.cd-intro-content p{
		font-size: 1.4rem;
		margin: 1em 0;
	}

	.cd-conclude-content p{
		font-size: 1.4rem;
	}

	/* scene templates */
	.scene-wrapper .scene-title{
		font-size: 3.5rem;
	}
	.scene-wrapper .scene-content h1,
	.scene-wrapper .scene-content h2,
	.scene-wrapper .scene-content h3,
	.scene-wrapper .scene-content h4,
	.scene-wrapper .scene-content h5{
		font-size: 2rem;
	}
	.scene-wrapper .scene-content{
		font-size:14px;
	}
	.scene-wrapper .scene-body{
		padding-top: 20px;
	}

	/* visual left and right scene template */
	.scene-wrapper.visual-left .visual-element img,
	.scene-wrapper.visual-right .visual-element img{
		max-width: 100%;
		max-height: 100%;
	}
	.scene-wrapper.visual-left .visual-element{
		padding-right: 15px;
	}
	.scene-wrapper.visual-right .visual-element{
		padding-left: 15px;
	}

	/* assessment */
	.scene-question{
		font-size:14px;
	}

	.scene-ordering{
		font-size:14px;
	}
}

@media only screen and (max-width: 480px)
{
	.cd-conclude-content p{
		width: 75%;
	}

	#iso-filter-btns button{
		width:100%;
		border-top: 1px solid #333;
	}

	/* adjust top bookmark, tour guide, time spent area for small screen */
	.top-wrapper .timer{
		font-size:10px;
		width:80px;
	}
	#modal-trigger-bookmark.btn{
		margin-left: 42px;
		height: 38px;
	}
	#cd-tour-trigger.btn span,
	#modal-trigger-bookmark.btn span{
		margin-top: 5px;
	}
	#cd-tour-trigger.btn{
		margin-left: -70px;
		height: 38px;
	}
}

/* discussions */
.modal-body > .discussions .heading{
	font-weight:300;
	line-height: 1.4;
}

.modal-body > .discussions .list-inline,
.modal-body > .discussions .list-unstyled{
	padding: 10px 0;
	margin:0;
}

.modal-body > .discussions .list-unstyled li{
	padding-bottom:10px;
}

.modal-body > .discussions p{
	font-size:14px;
	padding:10px 0;
}

.modal-body > .discussions .black-anchor{
	font-size:14px;
	color:#000;
	text-decoration:underline;
}

.modal-body > .discussions{
	margin: -50px 0;
	padding-bottom: 20px;
}

.modal-body .discussion-icons{
	list-style:none;
	display:inline-block;
	position:relative;
	height: 100px;
    top: 25px;
    width: 460px;
}

.modal-body .discussion-icons::before{
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	content:"";
	background-image:url("../../assets/img/3-tier-line.png");
	background-size: contain;
    padding: 30px;
    background-repeat: no-repeat;
}

.modal-body .discussion-icons li{
	list-style:none;
	display:inline-block;
	position:relative;
	margin-right:100px;
}

.modal-body .discussion-icons .avatar-1::after,
.modal-body .discussion-icons .avatar-2::after{
	top: -40px;
}

.modal-body .discussion-icons .avatar-3::after,
.modal-body .discussion-icons .avatar-4::after{
	top:10px;
}

.modal-body .discussion-icons .avatar-1::after,
.modal-body .discussion-icons .avatar-2::after,
.modal-body .discussion-icons .avatar-3::after,
.modal-body .discussion-icons .avatar-4::after{
	position:absolute;
	right:0;
	left:0;
	bottom:0;
	content:"";
	background-size: contain;
    padding: 30px;
    background-repeat: no-repeat;
}

.modal-body .discussion-icons .avatar-1::after{
	background-image:url("../../assets/img/discussion-1.png");
}

.modal-body .discussion-icons .avatar-2::after{
	background-image:url("../../assets/img/discussion-2.png");
}

.modal-body .discussion-icons .avatar-3::after{
	background-image:url("../../assets/img/discussion-3.png");
}

.modal-body .discussion-icons .avatar-4::after{
	background-image:url("../../assets/img/discussion-4.png");
}

.modal-body .discussion-icons .steps::after{
	position:absolute;
	right:0;
	left:0;
	bottom:0;
	content:"";
	background-size: contain;
    padding: 30px;
    background-repeat: no-repeat;
	background-color:#eee;
	border-radius:50%;
}

.modal-body .discussion-icons .steps.active::after{
	background-color:#0280D4;
}

.modal-body .discussion-icons li.steps{
	margin-right: 137px;
	right: -25px;
}

.modal-body .discussion-icons .steps.s1::before,
.modal-body .discussion-icons .steps.s1::after{
	top:-40px;
}

.modal-body .discussion-icons .steps.s2::before,
.modal-body .discussion-icons .steps.s2::after{
	top:-10px;
}

.modal-body .discussion-icons .steps.s3::before,
.modal-body .discussion-icons .steps.s3::after{
	top:15px;
}

.modal-body .discussion-icons .steps::before{
	content: attr(data-step);
	position:absolute;
	right:0;
	left:0;
	bottom:0;
    padding: 20px 22px;
	color: #fff;
    font-size: 28px;
    text-align: center;
	z-index:1;
}

/*notifications*/
.notifications .dropdown-menu{
	background-color: rgba(0, 0, 0, 0.8) !important;
    padding: 0 10px 20px 10px;
	width: 300px;
    margin-left: -84px;
}
.notifications .ctrl{
	padding: .4em .9em;
    border-radius: .25em !important;
	background-color: rgba(0, 0, 0, 0.4) !important;
	margin-right: 0px;
	margin-left: 5px !important;
}
.no-touch .notifications .ctrl:hover{
	background-color: #0A5891 !important;
}
.notifications .badge{
	position: absolute;
	right: 0;
	z-index: 1;
	top: -10px;
	right: -5px;
	background-color: #d0021b;
	color: #fff;
}

.notifications  .scrollable{
	padding-top: 10px;
}

.notifications .avatar{
	border-radius: 50%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-size: cover;
    padding: 20px;
    position: absolute;
	left: 5px;
    top: 10px;
}

.notifications .heading{
	position:relative;
	border-bottom: 2px solid #333;
	margin: 0 -10px;
	text-align:center;
}

.notifications .heading .heading_1 span{
	color:#fff;
}

.notifications .showComments input.post,
.notifications input.comment,
.notifications .showComments .heading .heading_1,
.notifications .heading .heading_2{
	opacity:0;
	display:none;
}

.notifications input.post,
.notifications .showComments input.comment,
.notifications .heading .heading_1,
.notifications .showComments .heading .heading_2{
	opacity:1;
	display:block;
}

.notifications .dropdown-menu h2{
	color: #0280D4;
    padding: 0.4em;
    font-weight: 300;
    margin: 0;
	text-align: center;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.notifications .dropdown-menu .lists{
	height: 400px;
    position: relative;
    overflow: hidden;

}

.notifications .comments{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	position:absolute;
	left:300px;
	width: 100%;
}

.notifications .notify{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	position:absolute;
	left:0;
	width: 100%;
}

.notifications .showComments .notify{
	left:-300px;
}

.notifications .form-control{
	margin-top: 10px;
}

.notifications .heading .backBtn{
	-webkit-transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
	transition: all 0.5s ease !important;
    padding: 20px;
    position: absolute;
    left: 0;
    top: 0;
    bottom:0;
	display:none;
}
.notifications .showComments .heading .backBtn{
	display:block;
}
.notifications .heading .backBtn::before{
	background: transparent url("") repeat-y left top;
	background: -webkit-gradient(linear, left center, right center, from(#333333),color-stop(100%, rgba(51,51,51,0)));
	background: -webkit-linear-gradient(left,#333333 ,rgba(51,51,51,0) 100%);
	background: linear-gradient(to right,#333333 ,rgba(51,51,51,0) 100%);
	bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
	z-index:-1;
}
.notifications .heading .backBtn::after{
	font-family: "Glyphicons Halflings";
	content:"\e257";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
	top:40%;
	position:absolute;
	left: 12px;
}

.no-touch .notifications .heading .backBtn:hover::after {
	color:#fff;
}
.no-touch .notifications .heading .backBtn:hover::before{
	background: transparent url("") repeat-y left top;
	background: -webkit-gradient(linear, left center, right center, from(#0A5891),color-stop(100%, rgba(10,88,145,0)));
	background: -webkit-linear-gradient(left,#0A5891 ,rgba(10,88,145,0) 100%);
	background: linear-gradient(to right,#0A5891 ,rgba(10,88,145,0) 100%);
}

.notifications .showComments .comments{
	left:0;
}

.notifications .comments blockquote{
	background-color: #000;
    border-bottom: 1px dashed #666;
    position: relative;
    margin-bottom: 10px;
    border-top: 0 !important;
	border-left: 0;
}

.notifications .comments blockquote > div{
	font-size: 13px;
	padding-left:35px !important;
}

#notifyPosts.firstblink blockquote:first-child,
#notifyComments.firstblink blockquote:first-child{
	opacity:0;
}

.notifications blockquote{
	background-image:none !important;
}

.notifications  blockquote > a{
	font-size: 13px;
	background-color: #000;
    border-bottom: 1px dashed #666;
	padding-left:55px !important;
}

.notifications  blockquote > a::after{
	content:"\e258";
    font-family: "Glyphicons Halflings";
	font-size: 12px;
    position: absolute;
    right: 10px;
    top: 40%;
}

.notifications blockquote > a > h5,
.notifications blockquote > div > h5{
	margin-top: 0;
    margin-bottom: 4px;
}

.notifications blockquote > a > p,
.notifications blockquote > div > p{
	margin:0;
	color: #aaa;
}

.notifications .elm-loader{
	position:absolute;
}
.notifications .elm-loader::before{
	opacity: 0.5;
	background-color: #000;
	z-index: 1;
}
.notifications .elm-loader::after{
	z-index: 2;
}

.discussions{
	margin-top:200px;
}
.discussions .avatar{
    border-radius: 5px;
    border: 1px solid #aaa;
    background-color: #fff;
    background-size: cover;
    padding: 20px;
    background-position: center center;
    position: absolute;
}
.discussions .panel-heading{
	position:relative;
	min-height: 65px;
}
.discussions .panel-heading .info{
	margin-left:50px;
}
.discussions .panel-heading .info p{
	color:#999;
	font-size:12px;
	margin-top:5px;
}
.discussions .panel-heading small{
	color:#bbb;
}
.discussions h5{
	margin-top: 0;
    margin-bottom: 0;
}
.discussions .panel-heading ul,
.discussions .panel-body ul{
	margin-bottom: 0;
}
.discussions .comments .panel{
	margin-bottom: 0;
    border: none;
}
.discussions .comments .panel-heading{
    margin: 0 10px;
}
.discussions .panel-footer{
    margin: 0 10px 10px;
	border: none;
}
.discussions .panel-heading ul li a,
.discussions .panel-body ul li a{
	color:#bbb;
	font-size: 12px;
}
.discussions .banner{
	position: absolute;
    top:0;
	left:0;
	right:0;
}

.discussions .banner .bg-img-2{
	width: 125px;
    height: 125px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 70px;
    border: 2px solid #fff;
	border-radius: 5px;
	background-image: url('../img/step-9.png');
}

.discussions .banner .bg-img{
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	background-image: url('../img/step-9.png');
}

.discussions .banner .bg-desc{
	overflow: hidden;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.discussions .banner .bg-desc:after {
    content: attr(data-desc);
    color: #fff;
    left: 0;
    top: 10px;
    position: relative;
    right: 0;
    width: 100%;
    padding-left: 150px;
    display: table-cell;
    vertical-align: bottom;
    height: 130px;
}

.discussions .banner .input-group{
	bottom: 0;
	padding: 10px 20px;
	background-color: #333;
}

.discussions .banner .input-group-addon{
	border:none;
	background:none;
	color: #eee;
    padding-top: 30px;
	position: relative;
}

.discussions .banner .input-group-addon::after{
	content:attr(data-val);
	color: #0280D4;
    position: absolute;
    top: 5px;
    left: 12px;
    font-size: 18px;
    font-weight: 600;
}

.discussions .banner .search{
    position: relative;
	display: inline-block;
    float: right;
    width: 100%;
    max-width: 600px;
}

.discussions .banner .search input{
	border-radius: 20px;
    padding-left: 40px;
}
.discussions .banner .search::before{
	content: "\e003";
    position: absolute;
    top: 12px;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 6;
    color: #ccc;
    left: 10px;
    font-size: 24px;
    bottom: 0;
}

.tolowercase {
    text-transform: lowercase;
}

.touppercase {
    text-transform: uppercase;
}

.tocapitalize {
    text-transform: capitalize;
}

/* begin - screen capture */
@keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-ms-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-o-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.sc-preview::before {
  content: "";
  padding: 10px;
  border-radius: 50%;
  background-color: #ff0000;
  position: absolute;
  top: -8px;
  right: -5px;
	-webkit-animation: 1s blink ease infinite;
  -moz-animation: 1s blink ease infinite;
  -ms-animation: 1s blink ease infinite;
  -o-animation: 1s blink ease infinite;
  animation: 1s blink ease infinite;
}
.sc-preview {
  position: absolute;
  bottom: 50px;
  right: 5px;
  z-index: 1;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 4px;
  box-shadow: 0 0px 7px 2px #242424;
}
.sc-msg {
  margin-left: 80px;
	margin-right: 20px;
  position: relative;
}
.sc-msg::before{
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url('../img/screen-capture/alert.png');
	position: absolute;
	top: 0;
	left: -60px;
}
ul.proctor-checks li{
    list-style: none;
    padding: 10px;
    position: relative;
}
/*ul.proctor-checks li a{
    color: #FFFFFF !important;
}*/
ul.proctor-checks li::before {
    font-family: "Glyphicons Halflings";
    content: "\e013";
    color: #fff;
    background-color: #1784c7;
    padding: 8px 10px;
    border-radius: 100%;
    position: absolute;
    left: -24px;
    top: 7px;
    font-size: 10px;
}
.cd-modal-content .sc-instructions p {
	color: #525252;
	line-height: 1.4;
	font-size: 2rem;
	font-weight: 300;
}
.cd-modal-content .sc-instructions .img::before{
	content: "";
	display:block;
	width: 100%;
	height:300px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position: top center;
}
.cd-modal-content .sc-instructions.safari .img::before{
	background-image:url('../img/screen-capture/safari.png');
}
.cd-modal-content .sc-instructions.firefox .img::before{
	background-image:url('../img/screen-capture/firefox.png');
}
.cd-modal-content .sc-instructions.chrome .img::before{
	background-image:url('../img/screen-capture/chrome.png');
}
/* end - screen capture */

/* Vpat */

span.switch-left {
    background-color: #024F83;
}

span.switch-left {
    background-color: #024F83;
}

.has-switch span.switch-left {
    background-color: #024F83;
}

.has-switch label {
    background-color: #525252;
}

.visually-hidden { 
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute !important;
    height: 1px; 
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
    clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */
    clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
    white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}

.h1-userdefined {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.h2-userdefined {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.h3-userdefined {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
  color:#024979;
}

.h4-userdefined {
  display: block;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

/*a:focus{background-color: #0a5891 !important;}*/
a:not([disabled])focus,
button:not([disabled])focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5);

}

.has-switch span.switch-left:focus,
.has-switch span.switch-right:focus {
    border-top: solid 1px orange;
    border-bottom: solid 1px orange;
}