/*input.quiz-submit.complete {
    display: none;
}

/*a.button{
    display: none!important;
}*/

/*#content > article > footer > p > a {
display:none;
}

#content > article > footer > form > input.quiz-submit.complete {
display:none;
}

/*#hiddenbutton {
    margin-top: 13pt;
    margin-right: 8pt;
}*/

#video-controls{
margin-bottom: 5em;


}

#videocontrolsright {
float:right;


}

#videocontrolsleft {
float:left;


}

#volume {
float:right;


}

#vol-control {
    -webkit-appearance: slider-horizontal;
background-color:var(--paint-accent-color)!important;


}

#timer{
width:330px;
color:var(--paint-accent-color);
}
#logout_sensei_button{
display:inline-box;
	background-color: #edfcd5;
    margin: 1.387em 0 1.618em 0;
    padding: 0.5em;
	border: green;
    border-style: solid;
    border-radius: 5px;
    
}

a.button, .lesson button.button{
background: var(--paint-accent-color)!important;
border: 1px solid var(--paint-accent-color)!important;
margin:2px;
padding:20px;
border-radius: 2px!important;
transition: 0.5s;
min-width: 115px;


}

a.button:hover, .lesson button.button:hover{
 background: #ffffff!important;
color:var(--paint-accent-color)!important;
transition: 0.5s;
}

.lessonexcerpt{

background-color:#d7ffde;
border: 1px solid var(--paint-accent-color)!important;  
height:109px;
margin-left:-4px;

}

.lessonexcerptmiddle {
	
}

.bigbox {
	
	font-family: inherit;
	font-size:1.4em;
    text-decoration: none;
	padding:2.5%;
	
	color: var(--paint-accent-color)!important;
	display:block;
	height: -webkit-fill-available;
	transition: 0.5s;
}
.bigbox:hover {
color:white!important;
background-color: var(--paint-accent-color)!important;
}

/*hide options when full-screen*/

video::-webkit-media-controls-timeline {
    display: none!important;
}

video::-internal-media-controls-overflow-button{
    display: none!important;
}

ul li label {

border:solid 1px var(--paint-accent-color)!important;
}



#player {
	width: 350px;
	height: 50px;
	position: relative;
	margin: 0 auto;
	top: 80px;
	
	i {
		position: absolute;
		margin-top: -6px;
		color: var(--paint-accent-color);
	}
	
	i.fa-volume-down {
		margin-left: -8px;
	}
	
	i.fa-volume-up {
		margin-right: -8px;
		right: 0;
	}
}

#volume {
	position: absolute;
	left: 24px;
	margin: 0 auto;
	height: 5px;
	width: 300px;
	background: #555;
	border-radius: 15px;
	
	.ui-slider-range-min {
		height: 5px;
		width: 300px;
		position: absolute;
		background: var(--paint-accent-color);
		border: none;
		border-radius: 10px;
  	outline: none;
	}
	
	.ui-slider-handle {
		width: 20px;
  	height: 20px;
		border-radius: 20px;
  	background: #FFF;
  	position: absolute;
  	margin-left: -8px;
  	margin-top: -8px;
  	cursor: pointer;
  	outline: none;
	}
}


i.fa.fa-volume-up, i.fa.fa-volume-down{
color: var(--paint-accent-color)
font-size:large;
}

.sensei-course-theme-lesson-actions{
visibility:hidden!important;
}




/* Fallback stuff */
progress[value] {
  
  border: none;
  border-radius: 0px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
  color: dodgerblue;
  display: inline;
  height: 20px;
  order: 1;
  position: relative;
  width: 100%;
}

/* WebKit styles */
progress[value]::-webkit-progress-bar {
  background-color: whiteSmoke;
  border-radius: 0px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
}

progress[value]::-webkit-progress-value {
  background-image: linear-gradient(to right, #1a6f34);
  border-radius: 3px;
  position: relative;
  transition: width 1s linear;
}

/* Firefox styles */
progress[value]::-moz-progress-bar {
  background-image: -moz-linear-gradient(to right,  #1a6f34);
  border-radius: 3px;
  position: relative;
  transition: width 1s linear;
}

