/* ==========================================================================
 Author's custom styles
 ========================================================================== */




html {
  position: relative;
  height  : 100%;
  overflow: hidden;
	
	--app-color1: #14558f;	/*blue*/
	--app-color2: #43956f;	/*green*/
	--app-color3: #f2f2f2;	/*gray*/
}


body {
 background: #FFF; /* For browsers that do not support gradients */
/* margin-bottom: 100px;*/
 font-family: Gotham,sans-serif;
	height  : 100%;
  overflow: auto;
}
body.landingpage{
	background-image: url("/img/LN-Training-home-Simplified-FINAL-bgimage.jpg"); 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
  
}




.testborder{
  border:1px solid #00ffff;
}
.redtext{
  color:red;
}
.center{
  text-align:center;
}
.h50row{
  height:50px;
  border-bottom: 1px solid #cccccc;
  
}
.centervdiv{
  position: relative;
  top: 50%;
  transform: perspective(1px)  translateY(-50%);
}
.centerdiv{
  margin-left:auto;
  margin-right:auto;
}
.extravroom{
  margin-top:18px;
  margin-bottom:18px;
}
.topcontainer{
  margin-top:32px;
  
}
.trialstatus{
  font-size:12px;
  color:red;
  font-weight:600;
}

footer {
  /*position: absolute;
  bottom: 0;*/
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 100px;
  background-color: #ccc;
}
h1 {
  /*text-align: center;*/
  color: #757575;
 
}

h1, h2, input .navbar-brand{
  
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}


.row{
	margin:0px;
}

.jumbotron{
	background-image: url("../img/jumbo.jpg");
  background-position:center;
	background-size: cover;
	padding: 0em inherit;
	min-height:770px;
  background-color:#fff;
  margin-bottom:-30px;
	
}
.jumbotron h2{
  margin-top:20px;
  color: #333;
  font-size:30px;
  line-height:36px;
}
.jumbotron img{
  width:400px;
}

.jumbo-padding{
  margin-top:15%
}


.full-brandcolor-banner{
  min-height:90px;
  background-color:#722378;
  margin-bottom:60px;
}
.full-brandcolor-course-bannertext{
  min-height:100px;
  display:block;
  vertical-align:middle;
  color:#fff;
  text-align:center;
	font-size:28px;
  /*font-size:2vb;*/
  font-weight:400;
  padding:1em;
}

.full-brandcolor-bannertext{
  min-height:100px;
  display:block;
  vertical-align:middle;
  color:#fff;
  text-align:center;
  font-size:30px;
  font-weight:400;
  padding:1em;
 
  }



#logbox {
  border-radius:0px;
  padding: 0px;
  
  margin: 50px auto;
  margin-top: 80px;
  
  width: 60%;
  background-color: #fff;
  border:1px solid #ccc;
  /*
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  */
}

#logbox h1{
  width:100%;
  background: #14558f;
  color:#ffffff;
  padding-top:20px;
  padding-bottom:20px;
  margin-top:-16px;
  border-radius: 0px 0px 0px 0px;
  font-weight: 50;
  font-size:28px;
  text-align: center;
}

.usercredoptions{
  text-align:center;
  color:#cccccc;
}

.usercredoptions a{
  color: #cccccc;
  text-decoration:none;
}





.input {
  width: 75%;
  height: 50px;
  display: block;
  margin: 0 auto 15px;
  padding: 0 15px;
  border: none;
  border-bottom: 2px solid #ebebeb;
  text-align:center;
}
.input:focus {
  outline: none;
  border-bottom-color: #3CC !important;
}
.input:hover {
  border-bottom-color: #dcdcdc;
}
.input:invalid {
  box-shadow: none;
}

.pass:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.inputButton {
  position: relative;
  width: 60%;
  height: 50px;
  display: block;
  margin: 30px auto 30px;
  color: white;
  background-color: #43956f;
  border:none;
  font-family: Gotham,sans-serif;
  font-size:18px;
  font-weight:400;
  border-radius:0px;
}
.inputButton:hover {
  /*top: -2px;*/
  
  -webkit-box-shadow:  0 3px 5px rgba(0, 0, 0, .15);
          box-shadow:  0 3px 5px rgba(0, 0, 0, .15);
}
.inputButton:active {
  top: 0px;
  box-shadow: none;
}
.inputButton:focus {
  outline: none;
}


.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background-image:      -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background-image:         linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff657e91', endColorstr='#ff3f5765', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  -webkit-box-shadow:  0 3px 5px rgba(0, 0, 0, .25);
          box-shadow:  0 3px 5px rgba(0, 0, 0, .25);
   
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image:      -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
  background-image:         linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}

.navbar-brand{
  height:80px;
}
.navbar-brand img{
  height:56px;
  margin-top:0px;
}

.btn-orange{
	color: white;
  background-color: #FE8F1C;
  border-radius:0px;
  min-width:120px;
  font-size:14px;
}
.btn-orange:hover{
	color: white;
  background-color: #00B0B8;
  border-radius:0px;
   -webkit-box-shadow:  0 3px 5px rgba(0, 0, 0, .15);
          box-shadow:  0 3px 5px rgba(0, 0, 0, .15);
  
}
.navbar-signin{
  margin-top:20px;
}

.navbar-toggle.collapsed {
    background-color: #FE8F1C;
}

.usercourserow{
	font-size:22px;
	margin-bottom:20px;
	cursor:pointer;
}

.usercourserow i{
	margin-right:14px;
}

.usermodulelist{
		margin:20px 10px 40px 30px
}

.usermodulerow{
	font-size:22px;
	width:100%;
	font-weight:400;
	margin-top:20px;
	padding-top:10px;
	margin-bottom:10px;
	border-top:1px #ccc solid;
	display:table;
}
.usermodulerow:hover{
		cursor:pointer;
}

.usermodulerow i{
	margin-right:14px;
	font-size:18px;
}

.usermodulerow .coursedesc{
	font-size:14px;
	color:#999;
	line-height:20px;
	text-align:justify;
	margin-left:14px;
}

.userlessonrow{
	font-size:18px;
	width:100%;
	display:table;
	font-weight:200;
	padding-left:40px;
	margin-top:10px;
	padding-top:4px;
	margin-bottom:4px;
	border-top:0px #fcfcfc solid;
	border-bottom:dotted 1px #fff
}
.userlessonrow:hover{
		
		border-bottom:dotted 1px #dcdcdc;
}
.userlessonrow i:hover{
		cursor:pointer;
		
}
.progressbar, .moduleprogressbar, .courseprogressbar {
	display:block;
	width:100px;
	line-height:30px;
	height:30px;
	border:1px solid #ccc;
	text-align:center;
	font-size:12px;
	font-weight:100;
	line-height:20px;
	color:#eee;
	margin:2px 4px;
	overflow:hidden;
}
.progressstatus{
	transition: 0.5s;
	background-color:#999;
	line-height:26px;
	height:30px;
}
.moduleprogressbar {
	width:210px;
	margin-right:0px
}
.courseprogressbar {
	width:200px;
	
	background-color: #43956f
}

.btn-stated{
	display:block;
	width:100px;
	background-color:#FE8F1C;
	color:white;
	font-size:14px;
	text-align:center;
	margin:2px 4px;
	line-height:30px;
	height:30px;
}
.btn-stated:hover{
	background-color:#00B0B8;
	text-decoration:none;
	color:white;
}

.btn-locked{
	display:block;
	width:100px;
	background-color:#666;
	color:white;
	font-size:14px;
	text-align:center;
	margin:2px 4px;
	line-height:30px;
	height:30px;
	cursor:pointer;
}
.btn-unlocked{
	display:block;
	width:100px;
	background-color:green;
	color:white;
	font-size:12px;
	text-align:center;
	margin:2px 4px;
	line-height:30px;
	height:30px;
	cursor:pointer;
}

.lessonlinkedtitle{
	color:#333;
}
.lessonlinkedtitle:hover{
	text-decoration:none;
	
	cursor:pointer;

}

.btn-lesson{
	display:block;
	width:100px;
	font-size:14px;
	text-align:center;
	color:#FE8F1C;
}
.btn-lesson:hover{
	color:#00B0B8;
}

.inlinenav{
	color:#aaa;
	cursor:pointer;
	padding:10px 16px;
	background-color:none;
	display:inline-block;
}


.sidebacknav{
	color:#fff;
	cursor:pointer;
	padding:10px 16px;
	font-size: 16px;
	background-color:none;
	display:block;
	margin-top:40px
}


.sidebacknav:hover{
	color:#fff;
	background-color:purple
}

.sidenavbutton{
	position:fixed;
	left:-130px;
	top:104px;
	color:white;
	font-size:28px;
	cursor:pointer;
	transition: 0.5s;
	 z-index: 99; /* Stay on top */
	transition-delay: .08s;
	padding:10px 20px 10px 140px;
	background-color:#FE8F1C;
	transition-timing-function: ease-in-out;
}

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 100; /* Stay on top */
    top: 84px;
    left: 0;
    background-color: #FE8F1C; 
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
		transition-timing-function: ease-in-out;
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 16px;
		font-weight: 400;
    color: white;
    display: block;
    transition: 0.3s;
		/*background-color:#FE8F1C;*/
	
		
}
.sidequestionbutton{
	position:fixed;
	left:-130px;
	top:174px;
	color:white;
	font-size:28px;
	cursor:pointer;
	transition: 0.5s;
	 z-index: 99; /* Stay on top */
	transition-delay: .16s;
	padding:10px 20px 10px 148px;
	background-color:#FE8F1C;
	transition-timing-function: ease-in-out;
}
/* The side navigation menu */
.sidequestion {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 100; /* Stay on top */
    top: 84px;
    left: 0;
    background-color: #FE8F1C; 
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
		transition-timing-function: ease-in-out;
}
.questionlabel{
	color:white;
	padding:10px;
}

.lessonlist{
	margin-top:18px;
	width:285px;
}
.lessonlist i{
	margin-right:10px;
}

.lessonlist .current{
	background-color:#4DD6DE;
	font-weight:600;
	cursor:pointer;
}

.lessonlist .completed{
	background-color:#00B0B8;
	cursor:pointer;
}


.lessonlist .scheduled{
	background-color:#FE8F1C;
	cursor:pointer;
}
.lessonlist .scheduled:hover{
	background-color:#FEAC56;
	
	
}


/* When you mouse over the navigation links, change their color */
.lessonlist a:hover, .offcanvas a:focus{
    color: #999;
		background-color:#D97A18;
		border-right:6px solid #4DD6DE;
}
.lessonhead{
	font-size:25px;
}
.lessontitle{
	font-size:30px;
	color:#333;
	font-weight:600;
	padding-left:28px;
}
.questionform{
	width:285px;
	padding:10px;
}

.questionform textarea{
	width:100%;
	height:300px;
	color:black;
}

/* Position and style the close button (top right corner) */
.sidenav .navclosebtn {
		padding: 0px;
    position: absolute;
    top: 16px;
    right: 12px;
    font-size: 36px;
		background-color:#ffffff;
    /*margin-left: 50px;*/
}
.sidequestion .questionclosebtn {
		padding: 0px;
    position: absolute;
    top: 16px;
    right: 12px;
    font-size: 36px;
    /*margin-left: 50px;*/
}
.navclosebtn  {
	background-color:none
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#pagecontentcontainer {
  transition:.65s;
  /*padding: 20px;*/
	margin-top:-40px;
	margin-bottom:60px;
	/*border-top:2px dotted #ffcc00;*/
	display:table;
	height:auto;
}
.contentblock{
	margin-bottom:10px;
	font-size:18px;
}

.contentblock img{
	max-height:600px;
	max-width:100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.contentblock .imgcaption{
	display:block;
	font-size:12px;
	text-align:center;
	margin-top:20px;
}

.continuebar{
	position:fixed;
	bottom:0px;
	/*height:80px;*/
	width:100%;
	background-color:rgba(255,255,255,.65);
	text-align:center;
	border-top:2px dotted #ffffff;

}
.continuebar button{
	margin:4px ;
	font-size:15px;
	font-weight:300;
	color:white;
	width:100%;
	display:inline-block;
	
}

.continuebar button:hover{
	
	color:white;
}

/*TUTORIAL PULLED FROM ADMIN SIDE*/

.tutorialapp{
	display:table;
	width:100%;
	height:500px;
	border:#dcdcdc 1px solid;
	
}
.tutorialnav{
	width:20%;
	min-width:190px;
	padding-top:0px;
	vertical-align:top;
	display:table-cell;
	background-color:#fff;
	border-right:#dcdcdc 1px solid;
}
.tutorialnav ul{
	list-style: none;
	margin:0px;
	padding:0px;
	vertical-align:middle;
}
.tutorialnav ul li {
	font-size:14px;
	display:block;
	width:100%;
	background-color:#fff;
	border-bottom:1px #dcdcdc solid;
	
	text-decoration:none;
	color:black;
	cursor:pointer;
	min-height:36px;
	vertical-align:middle;
	padding:10px 8px;
}
.tutorialnav ul li:hover{
	background-color:#333;	
	color:white;
}

.tutorialnav .tutorialnavselected{
	background-color:#999;	
	color:white;
}

.tutorialcontent{
	background-color:white;
	height:600px;
	overflow:scroll;
}


.tutorialstepdisplay{
	height:600px;
}
.tutorialstepdisplay img{
	/*width:100%;*/
	padding:12px 10px;
	max-height:480px;
	max-width:720px;
	margin-left:auto;
	margin-right:auto;
	
}
.tutorialstepcontent{
	display:block;
	
	
}
.tutorialcontent p{
	/*width:80%;*/
	padding: 10px 20px;
	text-align:center;
	font-size:14px;
	font-weight:200;
}

#image_preview img,#tutorial_image_preview img{
	width:200px;
}
#selectImage .submit,#selectPDF .submit{
	margin:20px 0px;
}

/*APP THEME default gray theme*/
.full-brandcolor-banner{
	background-color:#fff;
}
.sidenavbutton,.sidequestionbutton{
	background-color:#fff;
}
.sidenav{
	background-color:#fff;
}
.btn-orange{
	background-color:#fff;
}
.btn-orange:hover{
	background-color:#fff;
}
.inputButton{
	background-color:#fff;
}

.navclosebtn{
	background-color:none;
}
.lessonlist .scheduled{
	color:#333;
	background-color:#fff;
}
.lessonlist .scheduled:hover{
	background-color:#333;
	border-right:0px dashed #ddd;
}
.lessonlist a:hover{
    color: #f1f1f1;
		background-color:#333;
		border-right:4px dashed #ddd;
}
.lessonlist .completed{
	background-color:#fff;
	border-right:4px dotted #ddd;
}
.lessonlist .current{
	background-color:#fff;
	border-right:4px dotted #ddd;
}
.sidebacknav:hover{
	background-color:#ccc
}

.btn-stated{
	background-color:#fff;
}
.btn-stated:hover{
	background-color:#999;
}

.inlinenav:hover{
	background-color:#666;
	color:#fff;
}

#lesson-progressbar{
	display:none;
	width:100vw;
	background-color:#dcdcdc;
	height:8px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	overflow:hidden;
}
#lesson-progressstatus{
	display:none;
	width:33.3vw;
	background-color:#999;
	height:7px;
}

.landinglogin{
	margin-top:160px;
	color:#fff;
	text-align:center
}
.landinglogin h1{
	font-size:50px;
	font-weight:600;
	color:#fff;
}
.landinglogin h2{
	font-size:28pt;
	color:#fff;
	font-weight:200;
}
.landinglogin a{
	color:#fff;
	text-decoration:none;
	display:block;
	background-color: rgb(255, 92, 57);
	border:0px;
	font-size:30px;
	padding: 20px;
	border-radius:40px;
	box-shadow: 0px 2px 8px #000;
	transition: all .2s ease-in-out;
	width:320px;
	margin: 50px auto;
}

.landinglogin a:hover{
	box-shadow: 0px 4px 16px #000;
	transform: scale(1.01)
}

.btn-logout{
	font-size:12px;
	color:#333;
	background-color:none;
}

.btn-logout:hover{
	color:#000;
	background-color:#ddd;
	
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.notewrapper{
	width:100%;
	/*background-color:#666;*/
	padding: 1vh 1vw;
	margin:30px 0px;
}
.notewrapper h3{
	color:#fff;
}
.notewrapper textarea{
	width:100%;
	height:10vh;
}
.notewrapper textarea:focus{
	border:1px;
}
.savenotification{
	color:green;
	font-size:12px;
	padding: 0px 20px;
	opacity:0;
}

.questionwrapper{
	width:100%;
	padding: 1vh 1vw;
	margin:-10px 0px 0px 0px;
	/*background-color:#dcdcdc;
	border-left: 6px #666 solid;
	border-right: 6px #666 solid;*/

	
}
.questionwrapper textarea{
	width:100%;
	height:10vh;
}

.questionwrapper .question-answer{
	font-size:20px;
	font-weight:400;
	padding-left:40px;
	padding-top:20px;
	
}
.questionwrapper label{
	font-size:20px;
	font-weight:400;
	padding-top:10px;
	
}
#clocktimer{
	display:block;
	text-align:center;
	font-size:18px;
	font-weight:600;
	background-color:#f2f2f2;
	padding:10px 0px;
}

.chevrontextsmall{
	font-size:10px;
	color:#999
}

@media (max-width: 768px) {
  .jumbotron h2{
    margin-top:20px;
    color: #000;
    font-size:14px;
    line-height:20px;
  }
  .jumbotron img{
    width:200px;
  }
  
  .jumbotron{
	background-image: url("../img/jumbo.jpg");
  background-position:right;
	background-size: cover;
	padding: 0em inherit;
	min-height:300px;
  background-color:#fff;
  margin-bottom:-30px;
  }
  
  .jumbo-padding{
    margin-top:5%
  }
	
/*.contentblock img{
	max-height:480px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}*/
.tutorialstepdisplay img{
	/*width:100%;*/
	padding:0px 10px;
	max-height:480px;
	max-width:720px;
	margin-left:auto;
	margin-right:auto;
}
	
	
	
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}