@font-face {
    font-family: Rockwell-EB;
    src: url('../fonts/Rockwell-EB.eot');
    src: local(Rockwell-EB), url('../fonts/Rockwell-EB.ttf') format('opentype')
}

/* RESET */
html {
  position: relative;
  min-height: 100%;
}

/* COOKIES */
.cookies{
	background:#999999;
	position: fixed;
	width:100%;
	padding-top: 5px;
	padding-bottom:5px;
	bottom:0;
	color:#FFF;
	/*border-top:4px solid #e77543;*/
	
	display:none;
}
.cookies p{
	margin-bottom:0;
}

.cookies a{
	color: #FFF;
	text-decoration: underline;
}
.cookies a:hover{
	color: #FFF;
	text-decoration: none;
}
.cookies a.btn{
		text-decoration: none;	
}
.cookies.alert{
	padding-right: 15px;
	margin-bottom:0;
	-webkit-box-shadow:none;
	        box-shadow:none;
	border-radius:0px;
}
.cookies .close{
	opacity:0.5;
	color:#FFF;
}

.cookies .close:hover,
.cookies .close:focus{
	opacity:1;
}

/* BODY (sticky footer or not)
----------------------------------------------------------------------------------------------------
*/
body{
	background: #efefef;
}
body#single-vid-page,
body#single-vid-page .content-wrapper{
	background: #FFF;	
}

body#user-page,
body#page,
body#single-vid-page{
	/* Margin bottom by footer height */
  	margin-bottom: 300px;
  
}
body#column-page{
	/* UN sticky */
  	margin-bottom: 0px;

}


/* HEADER

----------------------------------------------------------------------------------------------------
*/
#admin-navbar
{
        position: relative;
    z-index: 2003;
}
#admin-navbar .navbar-default {
    background-color: #222222;
    border-color: #121212;
}
#admin-navbar .navbar {
    position: relative;
    min-height: 50px;
}
#admin-navbar .navbar-nav > li > a {
    padding-top: 14.5px;
    padding-bottom: 14.5px;
}
#admin-navbar .navbar-brand {
    float: left;
    padding: 14.5px 15px;
    font-size: 19px;
    line-height: 21px;
    height: 50px;
}
#admin-navbar .navbar-default .navbar-nav > li > a{
	font-size:12px;
}
#admin-navbar .navbar-default .navbar-nav > li > a.dropdown-toggle {
    padding-left: 8px;
}
#admin-navbar .navbar-default .navbar-nav>li.active>a:hover, 
#admin-navbar .navbar-default .navbar-nav>li.active>a:focus,
#admin-navbar .navbar-default .navbar-nav>li>a:hover, 
#admin-navbar .navbar-default .navbar-nav>li>a:focus {
    color: #ffffff;
    background-color: #090909;
}
#admin-navbar .navbar-nav > li, 
#admin-navbar .collapse.in .navbar-nav > li {
    border-left: 1px solid transparent;
}

#admin-navbar .navbar-nav > li:last-child, 
#admin-navbar .collapse.in .navbar-nav > li:last-child {
    border-right: 1px solid transparent;
}

.navbar-brand
{
        position: relative;
		z-index:2001;
	}
    header {
        position: relative;
        z-index: 2000;
    }
    
@media screen and (max-width:479px){
	
	.navbar-brand .logo{
		width:45px;
		height:48px;
		position:absolute;
	}
	
	.navbar-brand{
		padding:15px 0 15px 15px;
		color:#FFF;
		position:relative;
		width:225px;
	
	}
	.site-name{
		font-family: Rockwell-EB;
		font-size:16px;
		display:block;
		position:absolute;
		left:65px;
	}


	.site-slogan{
		display:none;
	}
	
}


@media screen and (min-width:480px){
	.navbar-brand .logo{
		width:90px;
		height:98px;
		position:absolute;
	}

	.navbar-brand{
		padding:15px;
		color:#FFF;
		position:relative;
		width:375px;
	}
	
	.site-name{
		font-family: Rockwell-EB;
		font-size:22px;
		display:block;
		position:absolute;
		left:115px;
		}
	.site-slogan{
		font-size:12px;
		display:block;
		position:absolute;
		left:115px;
		top:40px;
	}

}

@media screen and (min-width:768px) and (max-width:991px) {
	.navbar-brand {
		width: 260px;
	}
	.site-slogan {
		display: none;
	}
	#nav-search {
		border: none;
		box-shadow: none;
		margin: 0;
		margin-top: 7px;
	}

	#mainuser-name {
		display: none;
	}
}

@media screen and (min-width:992px) and (max-width:1279px){
	.navbar-brand {
		width: 260px;
	}
	.site-slogan {
    display: none;
    
	}
}

/*
@media screen and (min-width:600px){
	.navbar-brand .logo{
		width:90px;
		height:98px;
		position:absolute;
	}
}
*/
.navbar-default .navbar-brand:hover{
	color:#FFF;
	}
.yamm .yamm-content {
    padding: 20px 15px;
}

/* HOMEPAGE / FlIPPING THE CLASSROOM
----------------------------------------------------------------------------------------------------
*/

#main-nav li button{
	margin-left:15px;
	margin-right:15px;
}
#home section{
	padding-bottom:80px;
	position: relative;
	padding-top:50px;
}
#home section .lead{
	font-size:16px;
	margin-top: 25px;
	margin-bottom: 25px;
}
.col-inner{
	padding: 15px 0;
}

#second .col-inner{
	padding: 25px 0 50px 0;
}
.bg-picture{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.bg-primary-color{
	background-color: #FFF;
}
.bg-secondary-color{
	background-color: #EFEFEF;
}
@media screen and (min-width:320px){
	#first.bg-picture{
		background-position: top center;
		background-image: url(../img/home/bg-small-top.jpg);
	}
	#fourth.bg-picture{
		background-position: center center;
		background-image: url(../img/home/bg-small-bottom.jpg);
	}
	
	#home.flipping-classroom #first.bg-picture{
		background-position: top center;
		background-image: url(../img/flipped-classroom/bg-flippedclassroom.jpg);
	}	
}



@media screen and (min-width:768px){
	#first.bg-picture{
		background-position: top center;
		background-image: url(../img/home/bg-medium-top.jpg);
	}
	#fourth.bg-picture{
		background-position: center center;
		background-image: url(../img/home/bg-medium-bottom.jpg);
	}
	
	#home.flipping-classroom #first.bg-picture{
		background-position: top center;
		background-image: url(../img/flipped-classroom/bg-medium-flippedclassroom.jpg);
	}	
}



@media screen and (min-width:1200px){
	#first.bg-picture{
		background-position: top center;
		background-image: url(../img/home/bg-large-top.jpg);
	}
	#fourth.bg-picture{
		background-position: center center;
		background-image: url(../img/home/bg-large-bottom.jpg);
	}
	
	#home.flipping-classroom #first.bg-picture{
		background-position: top center;
		background-image: url(../img/flipped-classroom/bg-flippedclassroom.jpg);
	}	
}

#home.flipping-classroom #first.bg-picture h1{
	margin-bottom:50px;
}

.panel.panel-transparent{
	background: rgba(255,255,255,0.9);
}
.panel.panel-transparent .panel-body{
	min-height: 350px;
}

#home.flipping-classroom .panel-transparent h2,
#home.flipping-classroom .panel-transparent h3,
#home.flipping-classroom h3{
	font-family: Rockwell-EB;
}

.panel-transparent .panel-body h2,
.panel-transparent .panel-body h3,
#home.flipping-classroom h3{
	margin-top:0;
}
#home.flipping-classroom .img-responsive{
	margin:0 auto ; 
}

.bg-picture h1{
	color:#FFF;
	text-align: center;
}
.bg-picture p{
	color:#FFF;
}
.bg-picture .panel-body p{
	color:#999999;
}


#first h1,
#second h1,
#third h1{
	text-align: center;
}
#fifth h1{
	text-align: left;
}
.primary-home-title{
	font-family: Rockwell-EB;
	font-size:28px;
}
.section-sub-title{
	font-size:21px;
	font-weight:bold;
	margin-top:0;
}

#first .section-sub-title {
	color: #fff;
}

.panel-sub-title{
	font-size:21px;
}
.vid-wrapper{
	margin-top:25px;
	margin-bottom:25px;
}

.vid-wrapper,
.video-image{
	position: relative;
	display:block;
	cursor: pointer;
}

.vid-wrapper-home .img-responsive{
	max-height: 242px;
}

.video-image i.fa{
	font-size: 96px;
	color:rgba(255,255,255,0.5);
	position: absolute;
	display:block;
	top:50%;
	left: 50%;
	transform:translate(-50%,-50%);
	-webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.video-image:hover i.fa{
	color:rgba(255,255,255,0.75);
}

.video-image .img-responsive {
	margin: 0 auto;
}

.continue-wrapper{
	position:absolute;
	width: 100%;
	height: 80px;
	overflow: hidden;
}
.circle-continue{
	width:80px;
	height: 80px;
	border-radius: 50%;
	display:block;
	margin: 0 auto;
	position: relative;	
	top:40px;
}
.bg-picture .circle-continue,
.bg-picture .circle-continue a,
.bg-secondary-color .circle-continue,
.bg-secondary-color .circle-continue a
{
	background-color: #FFF;
	color:#e77543;
}
.bg-picture .circle-continue a:hover,
.bg-secondary-color .circle-continue a:hover
{
	color: #999;
}
.bg-primary-color .circle-continue,
.bg-primary-color .circle-continue a{
	background-color: #EFEFEF;
	color:#FFF;
}
.bg-primary-color .circle-continue a:hover{
	color: #e77543;
}
#eleventh .circle-continue,
#eleventh .circle-continue a{
	background-color: #605f5f;
	color:#FFF;
}
#home.flipping-classroom #third .circle-continue,
#home.flipping-classroom #third .circle-continue a{
	background-color: #605f5f;
	color:#FFF;
}

.circle-continue i.fa{
	font-size: 64px;
	position: absolute;
	display:block;
	top:40%;
	left: 50%;
	transform:translate(-50%,-60%);
	-webkit-transform: translate(-50%, -60%);
     -moz-transform: translate(-50%, -60%);
      -ms-transform: translate(-50%, -60%);
       -o-transform: translate(-50%, -60%);
}

.list-main-features {
	margin-top: 25px;
	margin-bottom: 25px;
}

.list-main-features li{
	position: relative;
	padding-left: 40px;	
}

.list-main-features li a:link
.list-main-features li a:visited,
.list-main-features li a:hover,
.list-main-features li a:active {
 	color: white;
}

.list-main-features li a:hover {
	color: #e77543;
}

.list-main-features li:before{
	content:"";
	width: 32px;
	height: 32px;
	display:block;
	position: absolute;
	left:0;
	top:-2px;
	background: url(../img/home/svg-sprite-home.svg);
	background-position: -34px 0;
}
.list-main-features li:nth-child(2):before{
	background-position: -32px -32px;
}
.list-main-features li:nth-child(3):before{
	background-position: -32px -66px;
}
.list-main-features li:nth-child(4):before{
	background-position: -32px -98px;
}
.list-main-features li:nth-child(5):before{
	background-position: -34px -130px;
}

.tab-title:before {
	content: "";
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	background: url(../img/home/svg-sprite-home.svg);
	background-position: 0 -160px;
}

#third-tab-two .tab-title:before {
	background-position: 0 -192px;
}

#third-tab-three .tab-title:before {
	background-position: -1px -224px;
}

#third-tab-four .tab-title:before {
	background-position: 0 -260px;
}

#third .col-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}

#third .col-inner .tab-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

@media screen and (max-width: 991px) {
    #third-tab-one,
	#third-tab-two {
		margin-bottom: 30px;
	}
}

@media screen and (min-width: 991px) {
	#third-tab-three {
		margin-right: -1px;
	}
}

.tab-title h1 {
	font-size: 30px;
	text-align: left !important;
	padding-left: 40px;
}

.list-check {
	padding-top: 25px;
}

.list-check li{
	padding-left: 25px;
	padding-bottom:15px;
	position: relative;	
}
.list-check li:before{
	font-family: 'FontAwesome';
	font-size:21px;
	content: "\f00c";
	color:#5cb85c;
	width:19px;
	height: 14px;
	display:block;
	position: absolute;
	left:0;
	top:-5px;
}
.panel-subscription .list-check li:before{
		color:#999;	
}
.list-grey, .list-grey li:before{
	color:#999;	
}
.list-icons li{
	width:16.66%;
	float:left;
	padding-bottom: 15px;
}
.list-icons:after{
	content: "";
	position: absolute;
	clear: both;
}
.course-icon{
	display: block;
	width:60px;
	height: 60px;
	border-radius:4px;
	background: #e77543;
	position: relative;
}
.panel-subscription .course-icon{
	background: #999;
}
.course-icon span{
	font-weight: bold;
	position: absolute;
	color:#FFF;
	font-size:24px;
	width:100%;
	text-align: center;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
}
.list-icons-small{
	margin-left:15px;
}
.list-icons-small li {
	width: 8%;
}

.list-icons-small .course-icon{
	display: block;
	width:35px;
	height: 35px;
}

.list-icons-small .course-icon span{
	font-size:14px;
}
 
@media screen and (max-width:479px){
	.course-icon{
		width:36px;
		height: 36px;
	}
	.course-icon span{
		font-size:16px;
	}
		
}
@media screen and (max-width:599px){
	.list-icons-small li{
		float:none;
		width:36px;
		
	}
	.list-icons-small{
		margin-left:0px;
	}	
}

.tab-features  .nav-tabs > li > a{
	font-size:24px;
	text-transform: uppercase;
}

.tab-features .nav-tabs {
    border-bottom: 1px solid #ccc;
}

.tab-features .nav-tabs li a:before{
	content: "";
	position:absolute;
	display:block;
	width:32px;
	height:32px;
	left:15px;
	top:13px;
	background: url(../img/home/svg-sprite-home.svg);
	background-position: 0 0;
}
.tab-features .nav-tabs li a{
	padding-left: 52px;
	position: relative;
}

.tab-features .nav-tabs li:nth-child(1) a:before{
	background-position: 0 -160px;
}
.tab-features .nav-tabs li:nth-child(1).active a:before,
.tab-features .nav-tabs li:nth-child(1) a:hover:before{
	background-position: 32px -160px;
}

.tab-features .nav-tabs li:nth-child(2) a:before{
	background-position: 0 -192px;
}
.tab-features .nav-tabs li:nth-child(2).active a:before,
.tab-features .nav-tabs li:nth-child(2) a:hover:before{
	background-position: 32px -192px;
}


.tab-features .nav-tabs li:nth-child(3) a:before{
	background-position: 0 -224px;
}
.tab-features .nav-tabs li:nth-child(3).active a:before,
.tab-features .nav-tabs li:nth-child(3) a:hover:before{
	background-position: 32px -224px;
}

.tab-features .nav-tabs li:nth-child(4) a:before{
	background-position: 0 -256px;
}
.tab-features .nav-tabs li:nth-child(4).active a:before,
.tab-features .nav-tabs li:nth-child(4) a:hover:before{
	background-position: 32px -256px;
}
@media screen and (max-width:991px){
	.tab-features .nav-tabs li a{
		min-height:56px;
	}	
}


.tab-features .nav-tabs > li.active > a, 
.tab-features .nav-tabs > li.active > a:hover, 
.tab-features .nav-tabs > li.active > a:focus {
    background-color: #fff;
    border-color: #ccc #ccc transparent;
    -o-border-image: none;
       border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #e77543;
    cursor: default;
}
.tab-features .nav-tabs > li > a{
	background-color: rgba(255,255,255,0.75);
 	border-color: #ccc #ccc transparent;
    -o-border-image: none;
       border-image: none;
    border-style: solid;
    border-width: 1px;
}


.tab-features .tab-content{
	padding:15px;
	background: #FFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.tab-inner {
	padding: 15px 30px;
	background: #FFF;
}

.tab-sub {
	padding: 30px;
}

.tab-sub:before {
	content: "";
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	background: url(../img/home/svg-sprite-home.svg);
	background-position: 0 -160px;
}

.tab-sub strong,
.tab-sub p {
	padding-left: 40px;
}

.list-mediareview li{
	width:20%;
	float:left;
}
@media screen and (max-width:799px){
	.list-mediareview li{
		width:100%;
		float:none;
		display:block;
	}
}



#home section .list-mediareview li p.lead{
	margin-top:10px;
	margin-bottom:5px;
}
#home section .btn-lg{
	margin:15px;
}

/*#btn-cta-video {*/
	/*margin: 0 !important;*/
	/*float: right;*/
/*}*/

#btn-try {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.carrousel.carrousel-home,
.carrousel.carrousel-wezooz{
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
	        box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
	padding-left:44px;
	padding-right:44px;
	position:relative;
	margin-bottom:40px;
}

.carrousel.carrousel-home .bx-wrapper .bx-pager.bx-default-pager a,
.carrousel.carrousel-wezooz .bx-wrapper .bx-pager.bx-default-pager a {
    background: #ccc none repeat scroll 0 0;
}
.carrousel.carrousel-home .bx-wrapper .bx-pager.bx-default-pager a.active,
.carrousel.carrousel-wezooz .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #e77543 none repeat scroll 0 0;
}

.bubble-wrapper{
	text-align: left;
}
.bubble-wrapper h5{
	margin-top:20px;
}


.bubble{
	position: relative;
	max-width: 250px;
	min-height: 200px;
	padding: 15px;
	background: #EFEFEF;
	border-radius: 4px;
	border: #CCCCCC solid 2px;
}

.bubble:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: #EFEFEF transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -15px;
	left: 20px;
}

.bubble:before{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 16px 16px 0;
	border-color: #CCCCCC transparent;
	display: block;
	width: 0;
	z-index: 0;
	bottom: -18px;
	left: 19px;
}

.list-partner-logos{
	display:table;
	width:100%;
}
.list-partner-logos li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width:20%;
}
.list-partner-logos li:first-child{
	text-align: left;
}
.list-partner-logos li:last-child{
	text-align: right;
}
.list-partner-logos li img{
	max-width: 125px;
	height: 125px;
}
@media screen and (max-width:599px){
	
	.list-partner-logos li img{
		max-width: 50px;
 	}
 	.list-partner-logos{
		display:block;
	}
	.list-partner-logos li{
		display:block;
		text-align: center;
		width: 100%;
		float:none;
		min-height: 75px;
		padding: 15px;
	}
	
	.list-partner-logos li:first-child,
	.list-partner-logos li:last-child
	{
		text-align: center;
	}
	 	
}



@media screen and (min-width:600px) and (max-width:767px){
	
	.list-partner-logos li img{
		max-width: 50px;
 	}
 	.list-partner-logos{
		display:block;
	}
	.list-partner-logos li{
		display:inline-block;
		text-align: center;
		width: 33.33%;
		float:left;
		min-height: 100px;
		padding: 10px;
	}
	
	.list-partner-logos li:first-child,
	.list-partner-logos li:last-child
	{
		text-align: center;
	}
	 	
}


@media screen and (max-width:801px){
	.list-partner-logos li img{
		max-width: 100px;
 	}	
}

/* VARIOUS ELEMENTS
----------------------------------------------------------------------------------------------------
*/
.text-success{
	color:#5cb85c;
}
.text-default{
	color:#999999;
}
a[data-toggle="tooltip"]{
	cursor: context-menu;
}

p:empty {
  display: none;
}
/*
.label {
    font-size: 75%;
    font-weight: inherit;
    vertical-align: middle;
}
*/
.panel{
	position:relative;
}
.badge-free{
	position: absolute;
	top:0;
	right:0;
	z-index: 100;
}

#accordion-wezooz .panel-title,
#acc-tarieven .panel-title,
#acc-schools .panel-title{
    color: #e77543;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
    font-family: Rockwell-EB;
}
#accordion-wezooz .panel-title,
#acc-tarieven .panel-title,
#acc-schools .panel-title{
	display: block;
	position: relative;
}
#accordion-wezooz .panel-title a,
#acc-tarieven .panel-title a,
#acc-schools .panel-title a{
	display: block;
	position: relative;
}
#accordion-wezooz .panel-title a i.fa-angle-down,
#acc-tarieven .panel .panel-heading .panel-title a i.fa-angle-down,
#acc-schools .panel .panel-heading .panel-title a i.fa-angle-down{
	position: absolute;
	right:0;
}

#accordion-wezooz .panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-bottom: 20px;
}
#accordion-wezooz .panel-default > .panel-heading,
#accordion-schools .panel-default > .panel-heading {
    background-color: #efefef;
    border-color: none;
    color: #333;
}
#accordion-wezooz .panel-default > .panel-heading + .panel-collapse > .panel-body,
#accordion-schools .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}
#accordion-wezooz .panel-group .panel-heading + .panel-collapse > .panel-body,
#accordion-schools .panel-group .panel-heading + .panel-collapse > .panel-body,
#accordion-wezooz .panel-group .panel-heading + .panel-collapse > .list-group,
#accordion-schools .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}
#accordion-wezooz .panel-body img{
	margin: 0 auto;
}

#acc-tarieven .panel-default > .panel-heading{
	background-color: #FFF;
}
.well-basic{
	background:#F9F9F9;
	-webkit-box-shadow:none;
	        box-shadow:none;
	padding:10px;
}
.panel-subnav{
	/*
	background:rgba(255,255,255,0.9);
	box-shadow:none;
	border-color:transparent;
	*/
	padding:5px;
}
.text-warning-wezooz{
	color:#e7ad10;
}
.course-page-wrapper .btn{
	margin: 5px 0;
}


/* TOUR OP HOMEPAGE */
.tour-backdrop {
    opacity: 0.1 !important;
}
.tour-step-background {
    background: none !important;
    border-radius: 6px;
    position: absolute !important;
    z-index: 1100;
}
.popover[class*="tour-"] {
    z-index: 1500 !important;
}
#desk-nav.tour-step-backdrop > a.dropdown-toggle {
    z-index: 1101;
}

/* TAB ICONS COURSES / VIDEOS */
#tabs-cat{
	margin-top:25px;
}
/*
.tab-icon{
	display:inline-block;
	width:16px;
	height: 16px;
	background: url(../img/svg-sprite-tab-icons.svg);
	background-size:32px 32px;
}
.tab-courses{
	background-position: top left;
}
.nav-tabs li a:hover .tab-courses{
	background-position: bottom left;
}
.tab-videos{
	background-position: top right;	
}

.nav-tabs li a:hover .tab-videos{
	background-position: bottom right;
}
*/

/* TEXT PAGES */

.subtitle{
	color: #e77543;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif ;
    font-size: 18px;	
}
.subtitle-small{
	color: #e77543;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif ;
    font-size: 14px;
	font-weight:bold;	
}

/*
mark, .mark {
    background-color: #e77543;
    color:#FFF;
    padding: 4px 4px 0px 4px;
}
*/

/* MAIN NAV 
----------------------------------------------------------------------------------------------------
*/

.nav-icon{
	display:inline-block;
	width:24px;
	height:24px;
	position:absolute;
	left:15px;
	background-image:url(../img/svg-sprite-nav.svg);
	background-repeat:no-repeat;
	}
.icon-traject{
	background-position:left top;
	}
.icon-notification{
	background-image:url(../img/svg-sprite-nav.svg);
	background-position:left -24px;
	}
.icon-mainuser{
	background-position:left -48px;
	}

.navbar-default .navbar-nav > li > a.dropdown-toggle{
	padding-left:44px;
	}

.logo-signpost {
	height: 34px;
	margin: 18px 0 18px 18px;
	float: right;
}

@media screen and (min-width:320px) {
	.collapsing .navbar-nav > li,
	.collapse.in .navbar-nav > li{
		border-left:none;
		border-right:none;
	}
	.collapsing #main-nav,
	.collapse.in  #main-nav{
		margin-top:45px;
	}
}

@media screen and (min-width:768px) and (max-width:1020px) {
	#main-nav li a{
		font-size: 12px;
	}

	#main-nav li button {
		margin-left: 10px;
		margin-right: 10px;
	}

	#mobile-nav {
		margin-left: 15px;
	}

	.ga-register-menu{
		font-size: 12px;
		margin: 0;
		margin-top: 5px;
	}

	#nav-search{
		display: none;
	}
}

@media screen and (min-width:992px) and (max-width: 1020px) {
	.ga-register-menu{
		margin-top: 19px;
		margin-bottom: 19px;
	}
}

@media screen and (min-width:992px){
	.navbar-nav > li,
	.collapse.in .navbar-nav > li{
		border-left:1px solid #FFF;
	}
	.navbar-nav > li:last-child,
	.collapse.in .navbar-nav > li:last-child{
		border-right:1px solid #FFF;
	}
	
	.collapsing #main-nav,
	.collapse.in  #main-nav{
		margin-top:0px;
	}
}

@media (min-width: 1021px) and (max-width: 1100px) {
	.logo-signpost {
		display: none;
	}
}

@media (max-width: 820px) {
	.logo-signpost {
		display: none;
	}
}



#nav-search .form-control{
	border:1px solid #FFF;
	background:#cf693c;
	color:#FFF;
	}
#searchfield::-webkit-input-placeholder{
	color:#FFF;
}
#searchfield:-moz-placeholder{
	color:#FFF;
}
#searchfield::-moz-placeholder{
	color:#FFF;
}
#searchfield:-ms-input-placeholder {
   color:#FFF;
}


#nav-search .form-control:focus{
	-webkit-box-shadow:none;
	        box-shadow:none;
	}

@media screen and (min-width:768px) and (max-width: 1200px) {
	.ga-register-menu {
		display: none;
	}
}

@media screen and (min-width:320px){
	#nav-search.navbar-form .form-group{
		display:block;
		}
	#nav-search.navbar-form .form-control{
		width:100%;
		}
	
}
@media screen and (min-width:990px){
	#nav-search.navbar-form .form-control{
		width:150px;
		}
	#nav-search.navbar-form .form-group{
		display:inline-block;
		}
	#nav-search{
		padding-left:0;
	}
}

@media screen and (min-width:1400px){
	#nav-search.navbar-form .form-control{
		width: 280px;
	}

	#nav-search.navbar-form .form-group {
		display: inline-block;
	}
}
@media screen and (min-width:1600px){
	#nav-search.navbar-form .form-control{
		width:450px;
		}
	
}
	
/* DROPDOWNS COLLAPSED MENU 
----------------------------------------------------------------------------------------------------*/
@media screen and (min-width:320px) and (max-width:992px){
	.dropdown.open .dropdown-menu{
		/*background:#efefef;*/
		border-radius:0;
		
	}
} 
	
	
/* Dropdowns 
----------------------------------------------------------------------------------------------------
*/
.dropdown-menu .divider {
    margin: 0;
}
.dropdown-menu > li > a > i{
	color:#999999;
	}
.dropdown-menu > li > a:hover > i{
	color:#e77543;
	}
#notificationDropDown{
	padding:5px;
	background: #FFF;
}
/*
#notificationYamm div.media:first-child {
    margin: 0 0 5px 0;
}
*/
#notificationYamm div.media {
    border-bottom: 1px solid #ddd;
    margin: 0 !important;
    padding:5px;
}
#notificationYamm div.media.new {
    background: #d4f8ff none repeat scroll 0 0 !important;
}
#notificationYamm div.media.new a{
	color:#e77543;
}
#notificationYamm div.media.firstadmin {
    font-weight: bold;
}

#notificationYamm div.media .profile-pic {
    height: 30px !important;
    width: 30px !important;
    margin-right:5px !important;
}

@media screen and (max-width:991px){
	#notificationDropDown {
	    max-width: 100% !important;
	}
}

@media screen and (min-width:994px){
	
	.dropdown-menu:before{
		content:"";
		height:11px;
		width:21px;
		background-image:url(../img/main-nav-arrow.svg);
		background-size:21px 11px;
		background-repeat:no-repeat;
		background-position:bottom center;
		position:absolute;
		top:-10px;
		left:15px;
	}
	.yamm-fw .dropdown-menu:before{
		left:390px;
	}
	
	.dropdown-menu-right:before{
		content:"";
		height:11px;
		width:21px;
		background-image:url(../img/main-nav-arrow.svg);
		background-size:21px 11px;
		background-repeat:no-repeat;
		background-position:bottom center;
		position:absolute;
		top:-10px;
		right:15px;
		left:auto !important;
	}
		

}


/* YAMM MEGA MENU 
----------------------------------------------------------------------------------------------------
*/

.nav-tabs-desk > li.active > a, 
.nav-tabs-desk > li.active > a:hover, 
.nav-tabs-desk > li.active > a:focus,
.nav-tabs-mobile > li.active > a, 
.nav-tabs-mobile > li.active > a:hover, 
.nav-tabs-mobile > li.active > a:focus
 {
    color: #e77543;
    
}

.category-nav-intro{
	/*font-size:12px;*/
	margin:15px 0 0 0;
}
#mobile-nav .panel-heading a{
	cursor:pointer;
}
a.readmore{
	font-size: 12px;
	margin-bottom:15px;
}
a.readmore:before
{
	content: "\f105";
	 font-family: 'FontAwesome';
	 margin-right: 3px;
}
#notificationBadge{
	position: absolute;
	font-size: 11px;
    font-weight: 300;
    position: absolute;
    right: 18px;
    top: 12px;
}
.collapse.in #notificationBadge{
	position: static;
	font-size: 12px;
}
.subnav-icon{
	display:inline-block;
	width:24px;
	height:24px;
	background-image:url(../img/svg-sprite-nav.svg);
	background-repeat:no-repeat;
	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
	left:0;
	}

.subnav-icon[class*="tips"] {
	background-position:left -360px;
}
.yamm-list li a:hover .subnav-icon[class*="tips"],
.yamm-list li a:focus .subnav-icon[class*="tips"],
.yamm-list li a:active .subnav-icon[class*="tips"],
.yamm-list li.active a .subnav-icon[class*="tips"] {
	background-position:-24px -360px;
}

.subnav-icon[class*="techniek"] {
	background-position:left -384px;
}
.yamm-list li a:hover .subnav-icon[class*="techniek"],
.yamm-list li a:focus .subnav-icon[class*="techniek"],
.yamm-list li a:active .subnav-icon[class*="techniek"],
.yamm-list li.active a .subnav-icon[class*="techniek"] {
	background-position:-24px -384px;
}

.subnav-icon[class*="mens-samenleving"] {
	background-position: left -458px;
}

.yamm-list li a:hover .subnav-icon[class*="mens-samenleving"],
.yamm-list li a:focus .subnav-icon[class*="mens-samenleving"],
.yamm-list li a:active .subnav-icon[class*="mens-samenleving"],
.yamm-list li.active a .subnav-icon[class*="mens-samenleving"] {
	background-position: -24px -458px;
}

.subnav-icon[class*="zedenleer"] {
	background-position: left -433px;
}

.yamm-list li a:hover .subnav-icon[class*="zedenleer"],
.yamm-list li a:focus .subnav-icon[class*="zedenleer"],
.yamm-list li a:active .subnav-icon[class*="zedenleer"],
.yamm-list li.active a .subnav-icon[class*="zedenleer"] {
	background-position: -24px -433px;
}

/*
.category-slug-aardrijkskunde,
[class^="category-slug-aardrijkskunde"], 
[class*=" category-slug-aardrijkskunde"],
[class*="aardrijkskunde"] {
	background-position:left -72px !important;
	}
.yamm-list li a:hover .category-slug-aardrijkskunde,
.yamm-list li a:focus .category-slug-aardrijkskunde,
.yamm-list li a:active .category-slug-aardrijkskunde,
.yamm-list li.active a .category-slug-aardrijkskunde,
.yamm-list li a:hover [class^="category-slug-aardrijkskunde"],
.yamm-list li a:focus [class^="category-slug-aardrijkskunde"],
.yamm-list li a:active [class^="category-slug-aardrijkskunde"],
.yamm-list li.active a [class^="category-slug-aardrijkskunde"],
.yamm-list li a:hover [class*=" category-slug-aardrijkskunde"],
.yamm-list li a:focus [class*=" category-slug-aardrijkskunde"],
.yamm-list li a:active [class*=" category-slug-aardrijkskunde"],
.yamm-list li.active a [class*=" category-slug-aardrijkskunde"]
{
	background-position:-24px -72px;
	}
*/	
.subnav-icon[class*="aardrijkskunde"],
.subnav-icon[class*="natuur-en-ruimte"] {
	background-position:left -72px;
}

.yamm-list li a:hover .subnav-icon[class*="aardrijkskunde"],
.yamm-list li a:focus .subnav-icon[class*="aardrijkskunde"],
.yamm-list li a:active .subnav-icon[class*="aardrijkskunde"],
.yamm-list li.active a .subnav-icon[class*="aardrijkskunde"],
.yamm-list li a:hover .subnav-icon[class*="natuur-en-ruimte"],
.yamm-list li a:focus .subnav-icon[class*="natuur-en-ruimte"],
.yamm-list li a:active .subnav-icon[class*="natuur-en-ruimte"],
.yamm-list li.active a .subnav-icon[class*="natuur-en-ruimte"] {
	background-position:-24px -72px;
}

.subnav-icon[class*="biologie"]{
	background-position:left -96px;
}

.yamm-list li a:hover .subnav-icon[class*="biologie"],
.yamm-list li a:focus .subnav-icon[class*="biologie"],
.yamm-list li a:active .subnav-icon[class*="biologie"],
.yamm-list li.active a .subnav-icon[class*="biologie"] {
	background-position:-24px -96px;
}

.subnav-icon[class*="chemie"] {
	background-position:left -120px;
}

.yamm-list li a:hover .subnav-icon[class*="chemie"],
.yamm-list li a:focus .subnav-icon[class*="chemie"],
.yamm-list li a:active .subnav-icon[class*="chemie"],
.yamm-list li.active a .subnav-icon[class*="chemie"] {
	background-position:-24px -120px;
}	

.subnav-icon[class*="duits"] {
	background-position:left -144px;
}

.yamm-list li a:hover .subnav-icon[class*="duits"],
.yamm-list li a:focus .subnav-icon[class*="duits"],
.yamm-list li a:active .subnav-icon[class*="duits"],
.yamm-list li.active a .subnav-icon[class*="duits"] {
	background-position:-24px -144px;
}

.subnav-icon[class*="economie"] {
	background-position:left -168px;
}

.yamm-list li a:hover .subnav-icon[class*="economie"],
.yamm-list li a:focus .subnav-icon[class*="economie"],
.yamm-list li a:active .subnav-icon[class*="economie"],
.yamm-list li.active a .subnav-icon[class*="economie"] {
	background-position:-24px -168px;
}

.subnav-icon[class*="engels"] {
	background-position:left -192px;
}

.yamm-list li a:hover .subnav-icon[class*="engels"],
.yamm-list li a:focus .subnav-icon[class*="engels"],
.yamm-list li a:active .subnav-icon[class*="engels"],
.yamm-list li.active a .subnav-icon[class*="engels"] {
	background-position:-24px -192px;
}

.subnav-icon[class*="frans"] {
	background-position:left -216px;
}

.yamm-list li a:hover .subnav-icon[class*="frans"],
.yamm-list li a:focus .subnav-icon[class*="frans"],
.yamm-list li a:active .subnav-icon[class*="frans"],
.yamm-list li.active a .subnav-icon[class*="frans"] {
	background-position:-24px -216px;
}

.subnav-icon[class*='fysica'] {
	background-position:left -240px;
}	
.yamm-list li a:hover .subnav-icon[class*='fysica'],
.yamm-list li a:focus .subnav-icon[class*='fysica'],
.yamm-list li a:active .subnav-icon[class*='fysica'],
.yamm-list li.active a .subnav-icon[class*='fysica'] {
	background-position:-24px -240px;
}

.subnav-icon[class*='geschiedenis'] {
	background-position:left -264px;
}

.yamm-list li a:hover .subnav-icon[class*='geschiedenis'],
.yamm-list li a:focus .subnav-icon[class*='geschiedenis'],
.yamm-list li a:active .subnav-icon[class*='geschiedenis'],
.yamm-list li.active a .subnav-icon[class*='geschiedenis'] {
	background-position:-24px -264px;
}

.subnav-icon[class*='natuurwetenschappen'] {
	background-position:left -288px;
}
.yamm-list li a:hover .subnav-icon[class*='natuurwetenschappen'],
.yamm-list li a:focus .subnav-icon[class*='natuurwetenschappen'],
.yamm-list li a:active .subnav-icon[class*='natuurwetenschappen'],
.yamm-list li.active a .subnav-icon[class*='natuurwetenschappen'] {
	background-position:-24px -288px;
}

.subnav-icon[class*='nederlands'] {
	background-position:left -312px;
}

.yamm-list li a:hover .subnav-icon[class*='nederlands'],
.yamm-list li a:focus .subnav-icon[class*='nederlands'],
.yamm-list li a:active .subnav-icon[class*='nederlands'],
.yamm-list li.active a .subnav-icon[class*='nederlands'] {
	background-position:-24px -312px;
}

.subnav-icon[class*='wiskunde'] {
	background-position:left -336px;
}

.yamm-list li a:hover .subnav-icon[class*='wiskunde'],
.yamm-list li a:focus .subnav-icon[class*='wiskunde'],
.yamm-list li a:active .subnav-icon[class*='wiskunde'],
.yamm-list li.active a .subnav-icon[class*='wiskunde'] {
	background-position:-24px -336px;
}

.subnav-icon[class*="maatschappelijke-vorming"] {
	background-position: left -478px;
}

.yamm-list li a:hover .subnav-icon[class*='maatschappelijke-vorming'],
.yamm-list li a:focus .subnav-icon[class*='maatschappelijke-vorming'],
.yamm-list li a:active .subnav-icon[class*='maatschappelijke-vorming'],
.yamm-list li.active a .subnav-icon[class*='maatschappelijke-vorming'] {
	background-position: -24px -478px;
}

.subnav-icon[class*="godsdienst"] {
	background-position: left -529px;
}

.yamm-list li a:hover .subnav-icon[class*='godsdienst'],
.yamm-list li a:focus .subnav-icon[class*='godsdienst'],
.yamm-list li a:active .subnav-icon[class*='godsdienst'],
.yamm-list li.active a .subnav-icon[class*='godsdienst'] {
	background-position: -24px -529px;
}

.subnav-icon[class*="klassieke-taal-en-cultuur"] {
	background-position: left -406px;
}

.yamm-list li a:hover .subnav-icon[class*='klassieke-taal-en-cultuur'],
.yamm-list li a:focus .subnav-icon[class*='klassieke-taal-en-cultuur'],
.yamm-list li a:active .subnav-icon[class*='klassieke-taal-en-cultuur'],
.yamm-list li.active a .subnav-icon[class*='klassieke-taal-en-cultuur'] {
	background-position: -24px -406px;
}

.subnav-icon[class*="ict-vaardigheden"] {
	background-position: left -554px;
}

.yamm-list li a:hover .subnav-icon[class*='ict-vaardigheden'],
.yamm-list li a:focus .subnav-icon[class*='ict-vaardigheden'],
.yamm-list li a:active .subnav-icon[class*='ict-vaardigheden'],
.yamm-list li.active a .subnav-icon[class*='ict-vaardigheden'] {
	background-position: -24px -554px;
}

.yamm-content{
	margin-top:25px;
	
	}
.yamm-list > li >  a{
	color:#605f5f;
	padding:0 15px 0 28px;
	position:relative;
	height:32px;
	line-height:32px;
	white-space: nowrap;
	}
.yamm-list.nav-stacked > li + li {
    margin-top: 0px;
}

.yamm-list.nav-pills > li.active > a,
.yamm-list.nav-pills > li > a:hover{
	color:#e77543;
	background:none;
	background-color:transparent;
	}
.yamm-list li a i.fa-angle-right{
	/*position: absolute;
    right: 10px;
    top: 13px;
	*/
	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
  	
	 right: 10px;
	}
.yamm-subnav-title,
.yamm-subnav-title a{
	font-family: Rockwell-EB;
	font-size:24px;
	margin-top:0;
	margin-bottom:15px;
	/*color:#e77543;*/
	color:#999999;
}
.yamm-ruler{
	border-color: #cccccc -moz-use-text-color -moz-use-text-color;
    -o-border-image: none;
       border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 15px;
    margin-top: 7px;
}
.yamm-main-list{
	margin:0;
	padding:0;
	list-style-type:none;
}
.yamm-main-item{
	display:inline-block;
	float:left;
	width:33.3333%;
	margin-bottom:15px;
	}
.yamm-main-item:nth-child(3n+1){
    clear:left;
}

.yamm-main-link{
	color:#e77543;
	font-weight:700;
	font-size:16px;
	}
.yamm-subnav-list{
	padding:0px;
	list-style-type:none;
	}
.yamm-subnav-list li{
	padding-left:10px;
	border-left:1px solid #605f5f;
	}
.yamm-subnav-list li a{
	color:#605f5f;
	font-size:14px;
	font-weight:normal;
	}
.yamm-subnav-list li a:hover{
	color:#e77543;
	}

/* YAMM MOBILE ACCORDEON 
----------------------------------------------------------------------------------------------------
*/
.yamm .yamm-content-mobile {
  padding: 5px 10px;
}
.yamm-content-mobile .panel-heading {
    border-bottom: 1px solid #E5E5E5;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
    position: relative;
}
.yamm-content-mobile .panel-heading a{
 	color: #605f5f;
    height: 32px;
    line-height: 32px;
    padding: 0 15px 0 40px;
    position: relative;
    white-space: nowrap;
}
.yamm-content-mobile .panel-heading a .subnav-icon{
	left:10px;
 	
}
.yamm-content-mobile .panel-heading a:hover,
.yamm-content-mobile .panel-heading a:focus,
.yamm-content-mobile .panel-heading a:active{
 	color: #e77543;
 	text-decoration: none;
}
.yamm-content-mobile .panel-group .panel {
    border-radius: 0px;
    margin-bottom: 0;
}
.yamm-content-mobile .panel-default {
    border-color: transparent;
}
.yamm-content-mobile .panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    margin-bottom: 20px;
}
.yamm-content-mobile .yamm-main-list{
	margin-left: 25px;
}

.yamm-content-mobile .panel-group .panel-heading + .panel-collapse > .panel-body, 
.yamm-content-mobile .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}


@media screen and (max-width:599px){
	
	.nav-tabs-mobile > li > a{
		padding: 10px 10px;
		font-size:12px;
		
	}
}


@media screen and (max-width:479px){
	.yamm-content-mobile .panel .panel-body .yamm-main-item {
	    display: inline-block;
	    float: left;
	    margin-bottom: 15px;
	    width: 100%;
	}
	
	#mobile-nav .nav-tabs > li.active > a, 
	#mobile-nav .nav-tabs > li.active > a:hover, 
	#mobile-nav .nav-tabs > li.active > a:focus {
	    border: 1px solid #999;
	}
	#mobile-nav .nav-tabs > li > a {
    	border-radius: 4px;
    
	}
	#mobile-nav .nav-tabs > li {
	    margin-bottom: 2px;
	}
	#mobile-nav .nav-tabs > li > a:hover {
	    border-color:#999;
	}
	#mobile-nav .nav > li > a:hover,
	#mobile-nav .nav > li > a:focus{
		background-color: #FFF;
	}
	
	
}
@media screen and (min-width:480px) {
	.yamm-content-mobile .panel .panel-body .yamm-main-item{
		display:inline-block;
		float:left;
		width:50%;
		margin-bottom:15px;
	}
	.yamm-content-mobile .panel .panel-body .yamm-main-item:nth-child(3n+1){
	    clear:none;
	}
	.yamm-content-mobile .panel .panel-body .yamm-main-item:nth-child(2n+1){
	    clear:left;
	}
}


/* ACCORDEON IN SIDEBAR (OVERVIEW TRAJECTPAGE) (NOT USED ANYMORE ?)
----------------------------------------------------------------------------------------------------
*/
#sidebar-nav .panel {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-bottom: 0px;
}
#sidebar-nav .panel-default {
    border-color: transparent;
}
#sidebar-nav .panel-default > .panel-heading {
    background-color: transparent;
    border-color: transparent;
    color: #e77543;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom:1px solid #999999;
    padding: 5px 15px;
}
#sidebar-nav .panel-heading .panel-title{
	position: relative;
	font-weight: 700;
}
#sidebar-nav .panel-heading a{
	display:block;
	padding-left: 10px;
}
#sidebar-nav .panel-heading a i:first-child{
	position: absolute;
	left:0;
	opacity:1;
	-webkit-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
/*#sidebar-nav .panel-heading a i:last-child{
	position: absolute;
	right:0;
	opacity:0;
	transition: opacity 0.5s ease-in-out;
}

#sidebar-nav .panel-heading a:hover i:first-child{
	position: absolute;
	left:0;
	opacity:0;
	transition: opacity 0.5s ease-in-out;
}
#sidebar-nav .panel-heading a:hover i:last-child{
	position: absolute;
	right:0;
	opacity:1;
	transition: opacity 0.5s ease-in-out;
}
*/
#sidebar-nav .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
    border-bottom:1px solid #999999;
}
#sidebar-nav .panel-body {
    padding: 10px 10px 10px 25px;
}
#sidebar-nav .sidebar-submenu li{
	padding:2px 0;
}

/* SIDEBAR NAV UL LI STYLING IN SIDEBAR (OVERVIEW TRAJECTPAGE)
----------------------------------------------------------------------------------------------------
*/
/*
.nav-sidebar ul li {
	border-bottom:1px solid #999999;

}
*/



@media screen and (max-width:479px){
	.secondary-col .inner {
	    margin-top: 15px;
	    padding-bottom: 15px;
	}
	.content-wrapper{
		padding-top: 15px;
	}
	
}

@media screen and (min-width:480px) and (max-width:991px){
	.secondary-col .inner {
	    margin-top: 50px;
	    padding-bottom: 15px;
	}
}

.nav-sidebar .navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid #999999;
    border-radius: 4px;
   	float:none;
	margin: 0 0 15px 0;
    padding: 9px 10px;
    position: relative;
}
.nav-sidebar .navbar-toggle:hover{
	background-color: #FFF;
}
.nav-sidebar .navbar-collapse {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}

.nav-sidebar.navbar {
    min-height: 10px;
}

.nav-sidebar ul li a{
	display:block;
}
.nav-sidebar ul li ul{
	padding-left:25px;
}
/*
.nav-sidebar ul li a{
	font-size: 16px;
	font-weight: 700;
	color: #e77543;
	text-transform: uppercase;
	display: block;
	padding:5px;
	transition: background 0.5s ease;
}
*/
.nav-sidebar a {
	font-size: 14px;
	font-weight: normal;
	color:#605f5f;
	text-transform: none;
	display: block;
	padding:5px;
	-webkit-transition: background 0.5s ease;
	transition: background 0.5s ease;
	border-bottom:1px dotted #999999;
	position:relative;
}
.nav-sidebar a.active{
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	padding:5px;
	-webkit-transition: background 0.5s ease;
	transition: background 0.5s ease;
	background: rgba(255,255,255,0.95);
	color: #e77543;
	border-bottom:1px solid #999999;
}
.nav-sidebar a i.fa{
	
}
.nav-sidebar a.active i.fa{
	font-weight: 700;
	position: absolute;
	right:15px;
	top: 50%;
	transform:translateY(-50%);
	-webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
	
}
.nav-sidebar ul li a:hover{
	background: rgba(255,255,255,0.75);
	text-decoration: none;
	-webkit-transition: background 0.5s ease;
	transition: background 0.5s ease;
	color: #e77543;
}
/*
.nav-sidebar ul li.category-level-3 a{
	text-transform: uppercase;
	font-weight: 700;
}
.nav-sidebar ul li.category-level-4 a{
	text-transform: none;
	font-weight: normal;
}
*/


/* SIDEBAR MAX WIDTH ON LARGE SCREENS 
----------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1921px){
	#cedrics-max-width{
		float: right;
	    margin-right: 30px;
	    max-width: 400px;
		}	
	
}


/* LAY OUT 
----------------------------------------------------------------------------------------------------
*/

.margin-top-50{
	margin-top:50px;
}
.margin-bottom-50{
	margin-bottom:50px;
}
.margin-bottom-25{
	margin-bottom:25px;
}

.alert-title{
	font-family: Rockwell-EB;
	display: inline;
}


.responsive-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 25px; 
	height: 0; 
	overflow: hidden; }

.responsive-container iframe { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}


/* PRICING  BOXES
---------------------------------------------------------------------------------------------------
*/

.panel-price-desc{
	margin-top: 50px;
}

.panel-heading-price{
	color: #FFF;
    font-family: Rockwell-EB;
    font-size: 21px;
}
.panel-price .panel-heading.panel-heading-price{	
	background:#e77543;
	color:#FFF;
	border-color: #e77543;
}

.panel-heading-price a:link,
.panel-heading-price a:visited,
.panel-heading-price a:hover,
.panel-heading-price a:active
{
	color: #FFF;
	text-decoration: none;
}

@media screen and (max-width: 991px) {
	.panel-price-promo {
		margin-top: 80px;
	}
}

.list-group-price .price{
	font-size: 28px;
    font-weight: bold;
    color:#e77543;
}

.list-group-price .price-link:link,
.list-group-price .price-link:visited,
.list-group-price .price-link:hover,
.list-group-price .price-link:active
{
	text-decoration: none  ;
}

.list-group-item span{
	font-size:16px;
	font-weight: bold;
}


/* MODAL HOMEPAGE VIDEO
---------------------------------------------------------------------------------------------------
*/
.modal-vid .modal-header {
    border-bottom: none;
    min-height: 36px;
}
.modal-vid .close{
	font-size: 24px;
	opacity: 0.5;
}


#vid-modal-body{
	padding: 15px;
    position: relative;
}

/* USER PROFILE 
----------------------------------------------------------------------------------------------------
*/
#routeTemplate{
	margin:15px;
}

#user-profile{
	background:#FFF;
	padding-top:50px;
}
.profile-wrapper{
	/*overflow: hidden;*/
	margin-bottom:15px;
}
.profile-pic-wrapper{
	width:100px;
	/*display: inline-block;
	float:left;*/
}
.media .media-left .profile-pic-wrapper{
	width:100px;
}
.media .media-left.profile-pic-wrapper .profile-pic{
	width:100px;
	height: 100px;
}
.media.media-activity-feed .profile-pic{
	width:30px;
	height: 30px;
}
.media-activity-feed .media-body{
	font-size: 10px;
}
.profile-pic{
	margin-bottom: 10px;
}
.profile-pic.course-users{
	display:inline-block;
	margin:5px;
}
.profile-pic img,
.profile-pic-small img{
	border:2px solid #e77543;
	background: #efefef;
}
.profile-pic-small a{
	position: absolute;
	display: inline-block;
}

.profile-pic-small p{
	font-size:12px;
	margin-left:40px;
	min-height: 34px;
}


div.profile-pic
{
    position: relative;
}
div.profile-pic a.change-picture
{
    position: absolute;
    left: 2px;
    bottom: 2px;
    font-size: 11px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 2px 5px;
    text-align: left;
    display: block;
    border-radius: 4px;
}
div.profile-pic a.change-picture span
{
    display: none;
}
div.profile-pic:hover a.change-picture
{
    right: 2px;
}
div.profile-pic:hover a.change-picture span
{
    display: inline;
}


.profile-progress{
	margin-bottom:5px;
}
.progress-txt{
	display:block;
	font-size: 10px;
	text-align: center;
}
.profile-data-wrapper{
	/*
	display: inline-block;
	float:left;
	*/
	padding-left:15px;
	
	
}

.title-profile{
	font-family: Rockwell-EB;
	color:#e77543;
	font-size: 18px;
	margin-top:0;
}
.profile-attribute-wrapper{
	padding-left: 20px;
	margin-bottom:15px;
	border-left:1px solid #CCCCCC;
	min-height: 150px;
}
.badge-level{
	font-family: "open sans", sans-serif;
	font-weight: 800;
	font-size: 14px;
	background: #e7ad10;
}
@media screen and (max-width:767px){
	.profile-attribute-wrapper{
		padding-left: 0px;
		border-left:none;
		border-top:1px solid #CCCCCC;
		padding-top:15px;
		min-height: auto !important;
	}
	
}

@media screen and (min-width:768px)and (max-width:991px){
	.profile-attribute-wrapper{
		padding-left: 0px;
		border-left:1px solid #CCCCCC;
		border-top:none;
		padding-top:0px;
		padding-left: 20px;
	}
	
	#user-profile .col-sm-12 .profile-attribute-wrapper,
	#user-profile.view-other-user .profile-attribute-wrapper{
		padding-left: 0px;
		border-left:none;
		border-top:1px solid #CCCCCC;
		padding-top:15px;
		padding-left: 0px;
	}
	
}
@media screen and (max-width:479px){
	.panel-footer button.btn{
		margin-bottom: 5px;
	}	
}

.panel-footer p{
	margin-bottom:0;
}
.list-awards-small img{
	max-width: 50px;
	height: auto;
}
.course-description {
    height: 50px !important;
    overflow: hidden;
    position: relative;
}
.course-description .more {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(33%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 1))) repeat scroll 0 0 !important;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 1) 90%) repeat scroll 0 0 !important;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
}

.media-activity-feed,
.media-friend-suggestion,
#friends .media{
	margin-top:5px;
}
#friends.authUser,
#tourFeed .authUser .panel{
	min-height: 470px;
}
/*
#tourFeed.teacher .panel{
	min-height: auto ;
}
*/
@media screen and (max-width:991px){
	#friends,
	#tourFeed .panel{
		min-height: auto !important;
	}	
}

table.table-profile-about{
	margin-bottom:0;
}
table.table-profile-about tbody tr:first-child th,
table.table-profile-about tbody tr:first-child td{
	border-top:none;
}
table.table-profile-about tbody tr th{
	width:35%;
}


table.table-profile-about td{
	/* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  word-break: break-word;

  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

table.table-profile-about td .ellipsis{
	
/*
overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
*/  	

  margin:0;

}

@media screen and (max-width:479px){
	
	table.table-profile-about tbody tr th,
	table.table-profile-about tbody tr td{
		display:block;
		padding: 4px;
		width:100%;
	}
	table.table-profile-about tbody tr th{
		border-bottom: none;
		border-top: none;
	
	}
	table.table-profile-about tbody tr td{
		border-bottom: 1px solid #CCC;
		border-top: none;
	}
		table.table-profile-about tbody tr:last-child td{
		border-bottom: none;
	}
}



.user-section-title .more-courses{
	font-family: "Open Sans";
	font-weight:normal;
	left: 15px;
    position: relative;
}

.user-section-subscription {
	font-size: 18px;
}

@media screen and (max-width:481px){
	.user-section-title .more-courses{
		font-family: "Open Sans";
		font-weight:normal;
		left: 0px;
	    position: relative;
	    display:block;
	    margin:15px 0;
	}
}

.class-room-col .panel-body {
	min-height: 200px;
}

/* MAGNIFIC POPUP ON PROFILE PIC */

.mfp-bg{
	z-index: 1060;	
}
.mfp-wrap {
    z-index: 1070;
}


/* AFFIX */
    
.panel-affix-profile .panel-body{
	border-color: #ccc;
	background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
}
.profile-jump li a.active{
	color: #e77543;
}
.affix{
	width: 200px;
	top:50px;
}
.affix-top{
	width: 200px;
	
}
.affix-bottom{
	width: 200px;
}

/* TOP COURSES */
.top-pos{
	position: relative;
	width: 170px;
	height: 170px;
	
}

.top-pos-1{
	/*background:url(/img/medal.svg);
	background-repeat: no-repeat;
	background-size: 170px 170px;
	background-position: top left;
	*/
}
.top-pos-2{
	/*
	background:url(/img/medal.svg);
	background-repeat: no-repeat;
	background-size: 170px 170px;
	background-position: top left;
	*/
}
.top-pos-3{
	/*
	background:url(/img/medal.svg);
	background-repeat: no-repeat;
	background-size: 170px 170px;
	background-position: top left;
	*/
}
.top-pos-number{
	font-family: Rockwell-EB;
	font-size:36px;
	text-align: center;
	color:#999999;
	position: absolute;
	width:100%;
	top:45%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
}
.top-pos-1 .top-pos-number{
	font-size:105px;
	/*color:#fbbd10;*/
}
.top-pos-2 .top-pos-number{
	font-size:90px;
	/*color:#cecece;*/
}
.top-pos-3 .top-pos-number{
	font-size:75px;
	/*color:#c48052;*/
}

@media screen and (max-width:768px){
	.top-pos{
		position: relative;
		width: 100%;
		height: auto;
	}
	.top-pos-number{
		position: relative;
		width:100%;
	}
	
	.top-pos-1 .top-pos-number{
		font-size:36px;
	}
	.top-pos-2 .top-pos-number{
		font-size:36px;
	
	}
	.top-pos-3 .top-pos-number{
		font-size:36px;
	
	}
}

@media screen and (min-width:768px)and (max-width:992px){
	.top-pos{
		position: relative;
		width: 150px;
		height: 150px;
		
	}
	.top-pos-1 .top-pos-number{
		font-size:50px;
	}
	.top-pos-2 .top-pos-number{
		font-size:40px;
	}
	.top-pos-3 .top-pos-number{
		font-size:30px;
	}
	
}

/*
TEACHERS PAGE
*/

#list-teachers li{
	margin-bottom:30px;
}
#list-teachers li a{
	display:block;
	/*width:100%;
	height: 100%;*/
	position:relative;
	color:#FFF;
}
#list-teachers li a:hover{
	color:#FFF;
}
#list-teachers li a:hover .teacher-info-wrapper{
	opacity:1;
	transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
}
.teacher-image img{
	width:100%;
}
.teacher-info-wrapper{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	text-align: center;
	color:#FFF;
	opacity:0;
	transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;

}
.teacher-info-inner{
	position: absolute;
	padding:5px;
	width:100%;
	top:50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.teacher-info-inner > div{
	padding:5px 0;
}

.teacher-info-inner .btn-sm{
	padding:5px 10px;
}

.teacher-name{
	font-size:18px;
	font-weight:bold;
}
.teacher-info{
	font-size:12px;
	font-weight:normal;
}
.visible-xs .teacher-info-inner{
	position: relative;
	padding:10px 0 10px 0;
	transform: none;
	-moz-transform: none;
	-webkit-transform: none;
	-ms-transform: none;
} 
.visible-xs .teacher-info-inner .teacher-name{
	font-size:14px;
	text-align: center;
}
#list-teachers li .visible-xs .teacher-info-inner .teacher-name a{
	color:#e77543;
}
#list-teachers li .visible-xs .teacher-info-inner a.btn{
	width:auto !important;
}

/* SEARCH FRIEND 
*/
#search-friends{
	margin: 15px 0;
}
.user-wrapper{
	min-height:225px;
}
.user-pic{
	margin: 0 auto;
	max-width: 100px;
}
.user-pic img{
	background: #efefef none repeat scroll 0 0;
    border: 2px solid #e77543;
}
.username{
	text-align: center;
	margin: 10px 0;
}
.media-friend-suggestion .username{
	text-align: left;
}
.form-follow .btn,
.form-follow .label{
	margin: 5px 0;
}
.form-follow .label{
	display: inline-block;
	padding: 1px 5px;
	text-transform: uppercase;
	line-height: 1.5;
	vertical-align: middle;
    white-space: normal;
    border-radius: 3px;
    font-size: 12px;
}
/* SEARCH VIDEO / COURSES 
---------------------------------------------------------------------------------------------------- */
form#full-search .input-group-search,
form#full-search .form-group{
	margin-bottom:15px;
}
form#full-search .form-group{
	padding: 0 15px 0 0;
}
@media screen and (max-width:767px){
	form#full-search .form-group{
		padding: 0;
	}	
}
form#full-search .form-group:last-child{
	padding: 0;
}
form#full-search .radio{
	margin-right: 5px;
}
.radio input[type="radio"]:checked {
	
}

p.stats{
	margin-bottom: 0;
	font-size:12px;
}

/* PROFILE EXPERT
----------------------------------------------------------------------------------------------------
*/
.bio{
	-webkit-column-count: 2;
          column-count: 2;
          
     -webkit-column-gap: 30px;
          column-gap: 30px;
}
@media screen and (max-width:769px){
	.bio{
		-webkit-column-count: 1;
	          column-count: 1;
	          
	     -webkit-column-gap: 0px;
	          column-gap: 0px;
	}
}

/* SECONDARY NAV (on profile pages) 
----------------------------------------------------------------------------------------------------
*/

.secondary-nav .nav-pills > li.active > a, 
.secondary-nav .nav-pills > li.active > a:hover, 
.secondary-nav .nav-pills > li.active > a:focus {
    background-color: transparent;
    color: #605f5f;  
}

.secondary-nav .nav-pills > li > a:hover, 
.secondary-nav .nav-pills > li > a:focus {
    background-color: transparent;
    color:#e77543;  
}

.secondary-nav .nav-pills > li.active > a:hover, 
.secondary-nav .nav-pills > li.active > a:focus {
    color:#e77543;  
}

.secondary-nav .nav-pills > li + li {
    margin-left: 0px;
}
.secondary-nav .nav-pills > li > a {
    border-radius: 0px;
}
.secondary-nav .nav > li > a {
    display: inline;
    padding: 15px;
    position: relative;
}

.secondary-nav{
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background:#FFF;
}
.secondary-navbar{
	margin:0;
}
.secondary-navbar li{
	height: 50px;
	line-height: 50px;
	padding: 0;
	float:left;

}
.secondary-navbar li ul.dropdown-menu li{
	height: auto;
	line-height: 20px;
	padding: 0;
	float:none;

}
.secondary-navbar li a{
	padding:15px;
	position: relative;
}
.secondary-navbar li a:hover,
.secondary-navbar li a:focus,
.secondary-navbar li a:active{
	text-decoration: none;
}


@media screen and (max-width:991px){
	.secondary-navbar li a {
	    padding: 8px;
	}
}
.secondary-nav .secondary-navbar.nav-pills li a:hover,
.secondary-nav .secondary-navbar.nav-pills li a:focus,
.secondary-nav .secondary-navbar.nav-pills li a:active{
	text-decoration: none;

}
/*
.secondary-nav .secondary-navbar.nav-pills li.active{
	border-bottom:4px solid #e77543;
}*/
.secondary-nav .secondary-navbar li.active{
	border-bottom:4px solid #e77543;
}

.secondary-navbar li:first-child,
.secondary-navbar li+li{
	border-left:1px solid #CCCCCC;
}
.secondary-navbar li:last-child{
	border-right:1px solid #CCCCCC;
}

.secondary-navbar li .dropdown-menu li{
		border-left:none;
		border-right:none;
		float: none;
		display:block;
}
.secondary-navbar li .dropdown-menu li.divider{
	background-color: #e5e5e5;
	height: 1px;
	float: none;
}
.sec-nav-title{
	font-size: 14px;
	font-family: Rockwell-EB;
	color:#999999;
	padding: 0 15px 0 0;
	border-left: none;
}

.secondary-navbar .dropdown-menu {
    font-size: 14px;
    margin: 10px 0 0;
    padding: 5px 10px;
}

.secondary-nav .secondary-navbar.nav .open > a, 
.secondary-nav .secondary-navbar.nav .open > a:hover, 
.secondary-nav .secondary-navbar.nav .open > a:focus {
    background-color: transparent;
    border-color: none;
}
@media screen and (max-width:479px){
	.secondary-nav .nav > li > a {
	    padding: 15px 10px;
	}	
}
@media screen and (max-width:991px){
	.secondary-navbar li a i.fa{
		font-size: 150%;
    	line-height: 2;
	}
}

.course-pills .dropdown-toggle{
	background:	#FFF;
	color:#e77543;
}

.course-pills .dropdown-toggle:hover{
	background:	#e77543;
	color:#FFF;
}
.course-pills .open .dropdown-toggle{
	color:#e77543;
}

.badge-courses{
	/*
	position: absolute;
	right:5px;
	top:2px;
	*/
}


/* USER PROFILE CONTENT
----------------------------------------------------------------------------------------------------
*/
.content-wrapper{
	background: #EfEFEF;
	padding-top: 50px;
	padding-bottom: 45px;
}
@media screen and (max-width:481px){
	.content-wrapper{
		padding-top: 15px;
	}
	
}
.user-section-title,
.my-classes-section-title {
	font-family: Rockwell-EB;
	color:#e77543;
	font-size: 21px;
	margin: 0;
}

.teacher-overview-title {
	margin-bottom: 20px;
}

/*.category{
	font-size:12px;
}*/
.panel-data-wrapper{
	overflow:hidden;
	/*min-height:125px;*/
	min-height:100px;
}
.col-md-6 .panel-course .panel-data-wrapper{
	min-height:150px;
}
.panel-video.video-like .panel-data-wrapper{
	min-height: 100px;
}

.panel-comment .panel-data-wrapper {
	min-height:25px;
}
.panel-vid-list .panel-data-wrapper{
	overflow:hidden;
	min-height:50px;
}

.panel-data-progress{
	/* width:150px;*/
	width:100px;
	display: inline-block;
	float:left;
	/*padding-left:10px;*/
	position: relative;
}
.panel-course .panel-data-progress{
	width:200px;
}
.panel-course .panel-data-info {
    margin-left: 215px;
}

.panel-progress-search{
	width:150px;
}
.panel-course-search .panel-data-progress{
	width:300px;
}
.panel-course-search .panel-data-info {
    margin-left: 315px;
}


.panel-progress-user .progressjstext{
	position: absolute;
	width:100%;
	top:45%;
	font-weight:700;
	/* font-size:32px !important; */
	font-size:24px !important;
	color:#e77543;
	
	transform:translateY(-50%);
	-webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
}



.panel-progress-user .progressjstext .fa-check{
	font-size:48px !important;
	color:#5cb85c;
}

.traject-progress .progressjstext{
	position: absolute;
	width:100%;
	top:45%;
	font-weight:700;
	font-size:24px !important;
	color:#e77543;
	
	transform:translateY(-50%);
	-webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
}

.traject-progress .progressjstext .fa-check{
	font-size:48px !important;
	color:#5cb85c;
}

.panel-data-thumb{
	width:200px;
	display: inline-block;
	float:left;
}

.panel-vid-sm .panel-data-thumb{
	width:100px;
}


.panel-data-thumb a{
	position: relative;
	display:block;
}
.panel-data-thumb a i.fa{
	font-size: 38px;
	color: rgba(255,255,255,0);
	position: absolute;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	-webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
  	
  	-webkit-transition: all 0.5s ease;
  	
  	transition: all 0.5s ease;
}
.panel-data-thumb a:hover i.fa{
	color: rgba(255,255,255,1);
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  	-webkit-transition: -webkit-transform 0.5s ease; /* Changed here */
          transition: -webkit-transform 0.5s ease;
          transition: transform 0.5s ease;
          transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.panel-data-info{
	/*margin-left: 165px;*/
	margin-left: 115px;
}
.panel-video .panel-data-info,
.panel-list .panel-data-info,
.panel-comment .panel-data-info{
	margin-left: 215px;

}
.panel-small-link{
	font-size: 14px;
	color:#e77543;
	/*
	text-transform: uppercase;
	font-weight: 700;
	*/
}
.panel-vid-sm .panel-data-info {
    margin-left: 125px;
}
.panel-vid-sm .panel-data-info{
	position:relative;
}
.panel-vid-sm .panel-data-info a{
	word-wrap: break-word;
}
.panel-award .panel-body,
.panel-vid-sm .panel-body{
	min-height: 200px;
}

.panel-base .panel-body{
	min-height: 240px;
}

.panel-award .panel-data-wrapper,
.panel-vid-sm .panel-data-wrapper{
	display: table;
}
.panel-award .panel-data-thumb,
.panel-award .panel-data-info,
.panel-vid-sm .panel-data-thumb,
.panel-vid-sm .panel-data-info{
	display: table-cell;
	margin: 0;
}
.panel-award .panel-data-info,
.panel-vid-sm .panel-data-info{
	vertical-align: middle;
	padding: 0 15px ;
}




.list-group-score{
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.list-group-score .list-group-item{
	
}


@media screen and (max-width:479px){
	
	.panel-vid-sm .panel-data-thumb,
	.panel-award .panel-data-thumb{
		width:100%;
		display: block;
		float:none;
		margin-bottom: 10px;
	}
	
	
	
	.panel-vid-sm .panel-data-thumb img,
	.panel-award .panel-data-thumb img
	{
		margin: 0 auto;
		width:100%;
	}
	.panel-vid-sm .panel-data-info,
	.panel-award .panel-data-info{
		margin-left: 0px;
		width:100%;
		display: block;
		float:none;
		text-align: center;
	}
	.radial {
	    display: block;
	    float: none;
	    height: 150px;
	    width: 150px;
	    margin:0 auto;
	}
	
}

@media screen and (max-width:599px){
	
	.panel-course .panel-data-thumb,
 	.panel-data-thumb{
		width:100%;
		display: block;
		float:none;
		margin-bottom: 10px;
			
	}
	
	.panel-course .panel-data-progress{
		/*min-width:50%;
		max-width: 65%;*/
		width:100%;
		margin: 0 auto;
		display: block;
		float:none;
		margin-bottom: 10px;
	}
	
	
	.panel-course .panel-data-info {
	    margin-left: 0;
	}
	.panel-course .panel-data-info,
	.panel-data-info{
		margin-left: 0px !important;
		width:100%;
		display: block;
		float:none;
	}
	
	.panel-comment .panel-data-thumb{
		display:block;
		width:100%;
		margin-bottom: 5px;
		float: none;
	}
	.panel-comment .panel-data-info{
		display:block;
		width:100%;
		margin-left: 0;
		margin-top:10px;
	}
	.panel-course-search .panel-data-progress,
	.panel-course-search .panel-progress-search {
	    width: 100%;
	}
	
}

.panel-subtitle{
	font-size: 14px;
	font-family: "open sans", sans-serif;
	font-weight:700;
}
.panel-default-link{
	color: #e77543;
	
}
.tags .badge a{
	color: #FFF;
}
.tags .badge{
	padding: 5px 8px;
	margin: 2px;
	background: #cccccc;
}
.panel-item-wrapper{
	display:table;
	width:100%;
}
.panel-item{
	display:table-cell;
	width: 33.3333%;
	padding:0 15px;
	border-left: 1px solid #CCCCCC;
	
}
.panel-item:first-child{
	padding:0 15px 0 0;
	border-left: none;
	
}
.panel-item:last-child{
	padding:0 0 0 15px;	
}

.panel-vid-list hr{
	margin:10px 0;
}


@media screen and (max-width:767px){
	.panel-item-wrapper{
		display:block;
		width:100%;
	}
	.panel-item{
		display:block;
		width: 100%;
		padding:15px 0;
		border-left: none;
		border-bottom: 1px solid #CCCCCC; 
	}
	.panel-item:first-child{
		padding:15px 0;
		border-left: none;
		border-bottom: 1px solid #CCCCCC;
	}
	.panel-item:last-child{
		padding:15px 0;	
		border-bottom: none;
	}	
	
}

.panel-main-title{
	font-family: Rockwell-EB;
	color:#999999;
	font-size: 18px;
	margin-top:0;
}
.color-primary{
	color: #e77543;
}
.panel-main-title.color-primary{
	color: #e77543;
}
.panel-award .panel-main-title{
	font-size: 24px;
}
.panel-award .award-points{
	font-family: Rockwell-EB;
	color:#605f5f;
	font-size: 24px;
}
.media .profile-pic{
	width:55px;
	height: 55px;
}
.list-group-item .media .profile-pic{
	width:auto;
	height: auto;
}
.media .media-heading{
	font-size:14px;
	color: #e77543;
} 
.text-main-grey{
	color: #999999;
}

.panel-news h3{
	margin-top:0;
}
.panel-news a{
	color: #e77543;	
}
.panel-news .panel-footer{
	background:#FFF;
	text-align: right;
}

.panel-base .panel-body a{
	color: #e77543;	
}
.panel-base .panel-body a.btn-success,
.panel-base .panel-body a.btn-primary{
	color: #FFF;	
}

.panel-base .panel-body p{
	/* border-bottom:1px solid #CCCCCC;*/
	padding-bottom: 10px;
}

.course-pills,
.class-pills{
	/*margin-bottom: 15px;*/
}
.course-pills .fa-arrow-circle-right,
.class-pills .fa-arrow-circle-right{
	 padding: 5px 0;
	 margin-left: 5px;
}
.course-pills .seperator,
.class-pills .seperator{
	padding:10px 0;
}
.course-pills .dropdown-menu .seperator,
.class-pills .dropdown-menu .seperator{
	display:none;
}

.course-pills > li > a:hover, 
.course-pills > li > a:focus,
.class-pills > li > a:hover,
.class-pills > li > a:focus {
 	background-color: transparent;
    color: #e77543;	
}


.course-pills > li.active > a, 
.course-pills > li.active > a:hover, 
.course-pills > li.active > a:focus,
.class-pills > li.active > a,
.class-pills > li.active > a:hover,
.class-pills > li.active > a:focus {
    /*background-color: #fff;*/
    background-color: transparent;
    color: #e77543;
}
.course-pills > li > a,
.class-pills > li > a {
    padding: 10px 5px;
}

/*
.course-pills  li:after {
	content: "|"; 
	padding: 5px 10px; 
	}*/


.list-group-item.active > .badge, 
.course-pills > .active > a > .badge,
.class-pills > .active > a > .badge {
    background-color: #999;
    color: #FFF;
}

/* COMMENTS LIST ON USER PAGE
---------------------------------------------------------------------------------------------------- 
*/

p.comment{
	padding:5px 5px 5px 15px;
	font-size: 16px;
	/*background: #fbfbfb;*/
	border-left: 1px solid #cccccc;
}
/* REGISTER
---------------------------------------------------------------------------------------------------- 
*/
.form-register .form-item{
	display: table;
}
.form-register .icon{
	width: 50px;
	height: 50px;
	padding: 0 10px;
	display: table-cell;
}
.form-register .form-content{
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
}
.form-title{
	color: #e77543;
    font-family: "Open sans",sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;	
}

/* TRAJECTEN LIST PAGE 
----------------------------------------------------------------------------------------------------
*/



.column-content-wrapper{
	background: #EfEFEF;
	
}

.secondary-col{
	
}
.secondary-col .btn{
	margin-bottom: 5px;
}
.primary-col{
	background:#fff;
	padding: 1px 15px;
}
.inner {
  margin-top: 25px;
  padding-bottom:50px;
}
.btn-group.select-level{
	margin:5px 0;
}

.title-icon-box{
	display:inline-block;
	width:32px;
	height: 32px;
	border-radius:4px;
	background:#999999;
	margin-right: 5px;
	position:relative;
}
.title-icon{
	width:24px;
	height: 24px;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
	background:url(../img/svg-sprite-title-icons.svg);
	background-size: 24px 408px;
}

[class^="title-icon-"],
[class*=" title-icon-"]
{	
	background-position: left bottom;	
}
.title-icon[class*="1ste-graad"]{
	
	background-position: left -288px;	
}
.title-icon[class*="2de-graad"]{
	
	background-position: left -312px;	
}
.title-icon[class*="3de-graad"]{
	
	background-position: left -336px;	
}

.title-icon[class*="aardrijkskunde"]
{	
	background-position: left top;	
}
.title-icon[class*="biologie"]
{
	background-position: 0 -24px ;	
}
.title-icon[class*="chemie"]
{
	background-position: 0 -48px;	
}
.title-icon[class*="duits"]
{
	background-position: 0 -72px;	
}
.title-icon[class*="economie"]
{
	background-position: 0 -96px;	
}
.title-icon[class*="engels"]
{
	background-position: 0 -120px;	
}
.title-icon[class*="frans"]
{
	background-position: 0 -144px;	
}
.title-icon[class*="fysica"]
{
	background-position: 0 -168px;	
}
.title-icon[class*="geschiedenis"]
{
	background-position: 0 -192px;	
}
.title-icon[class*="natuurwetenschappen"]
{
	background-position: 0 -216px;	
}
.title-icon[class*="nederlands"]
{
	background-position: 0 -240px;	
}

.title-icon[class*="wiskunde"]{
	
	background-position: left -264px;	
}

.title-icon-alle-categorieen,
[class^="title-icon-alle-categorieen"],
[class*=" title-icon-alle-categorieen"]{
	
	background-position: left -360px;	
}



.page-main-title{
	font-size:24px;
	font-family: Rockwell-EB;
	color:#999999;
	margin-top:0;
}
.panel-body .page-main-title{
	margin-bottom:10px;
}
.page-main-title .small{
	color:#999999;
}
.page-main-subtitle{
	font-size:21px;
	font-family: "Open sans", sans-serif;
	color:#e77543;
	font-weight: 700;
	text-transform: uppercase;
	margin-top:0;
}
.page-main-subtitle small,
.page-main-subtitle .small{
	color:inherit;
	font-weight: inherit;
}
.page-secondary-subtitle{
	font-size:16px;
	font-family: "Open sans", sans-serif;
	color:#e77543;
	font-weight: 700;
	text-transform: uppercase;
	margin-top:0;
	
}
.page-info{
	margin-bottom:15px;
}
.main-grey{
	border-color:#999999;
}
.traject{
	padding:0 15px;
	margin-top: 40px;
}
.traject .breadcrumb{
	padding:4px 0;
}

.traject-list-title{
	font-weight: 700;
	font-size:14px;
	/*text-align: center;*/
	margin-top:0;
	margin-bottom:5px;
}
.traject-list-title a{
	color:#e77543;
}
.radial-small{
	/*background: #ffffff none repeat scroll 0 0;*/
	background:none;
    color: #e77543;
    display: block;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    position: absolute;
    z-index: 100;
    top:50%;
    left:50%;
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}

.traject-progress{
	/*margin-bottom:15px;*/
	pointer-events: none;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.traject .traject-progress{
	/*margin-top:10px;*/
}
.traject .media-object{
	margin-top:10px;
	margin-bottom:15px;
}

.progress-thumb-wrapper{
	position: relative;
}
.progress-thumb-wrapper .img-responsive{
	width:100%;
}
.progress-thumb-wrapper:hover .overlay,
.progress-thumb-wrapper:hover .traject-progress{
	opacity:0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.overlay{
	width:100%;
	height: 100%;
	background: #FFF;
	opacity: 0.7;
	position: absolute;
	top:0;
	left:0;
	pointer-events:none;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

@media screen and(max-width:767px){
	.traject .media-object{
		margin: 0 auto;	
	}
}
.traject-progress .text-success{
	color:#5cb85c;
}

.traject-progress .progressjstext{
	top:40%;
}
.progress-zero .progressjstext{
	color:#eee;
}
.list-traject{
	margin-bottom:0;
}
.list-traject li{
	border-bottom:1px solid #999999;
	position:relative;
	/*height:54px;*/
}
.list-traject li:last-child{
	border-bottom:none;
}

.list-traject li a{
	height:54px;
	/*line-height: 54px;
	padding-left: 36px;*/
	display:block;
	color:#999;
}

.list-traject li.active{
	background: rgba(255,255,255,0.9);
}

.list-traject li a .traject-item-title{
	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
   	position:absolute;
   	top:26px;
	display:block;
	left: 50px;
	font-size:12px;
	line-height:14px;
	padding-right:5px;
}

.list-traject li a .xtraject-item-title{
	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
   	position:absolute;
   	top:50%;
	display:block;
	left: 12px;
	font-size:12px;
	/*line-height:14px;*/
	padding-left:12px;
	text-transform: uppercase;
}

.list-traject .xtraject-item-title::after {
    background: rgba(0, 0, 0, 0) url("../img/bg-traject-list.svg") repeat-y scroll right top;
    bottom: -18px;
    content: "";
    height: 20px;
    left: 13px;
    position: absolute;
    width: 2px;
}

.list-traject .active .xtraject-item-title::after,
.list-traject a:hover .xtraject-item-title::after
 {
	background-position: center top;  
}


.traject-item-title .label-success{
	margin-left:10px;
}

.list-traject li a i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
       -o-transform: translate(-50%,-50%);
	
}
.list-traject li a i.fa-check {
    left: 10px;
    position: relative;
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}


.list-traject .circle{
	height: 32px;
	width:32px;
	border-width: 2px;
	border-style: solid;
	border-radius: 50%;
	border-color: inherit;
	display: inline-block;
	position: absolute;
	left:10px;
	margin: 10px 0;
	background: #FFF;
}
.list-traject .circle:before{
	height:12px;
	width: 2px;
	content: "";
	background: url(../img/bg-traject-list.svg);
	background-repeat: repeat-y;
	background-position: top right;
	position: absolute;
	top:-12px;
	left:13px;
}
.list-traject .circle:after{
	height:13px;
	width: 2px;
	content: "";
	background: url(../img/bg-traject-list.svg);
	background-repeat: repeat-y;
	background-position: top right;
	position: absolute;
	bottom:-13px;
	left:13px;
}
.list-traject .circle:before,
.list-traject .circle:after{
		/*background-position: top left;*/
		background-position: top left;
}

.list-traject .completed .circle:before,
.list-traject .completed .circle:after{
		/*background-position: top left;*/
		background-position: top right;
}
.list-traject .active .circle:before,
.list-traject .active .circle:after{
		background-position: top center;
}
.list-traject li:first-child .circle:before{
	background:none;
}
.list-traject li:last-child .circle:after{
	background:none;
}

.list-traject  a:hover .circle:before,
.list-traject  a:hover .circle:after
{
	background-position: top center;
}

.list-traject .completed a{
	color: #605f5f;
	/*color:#4ea54e;*/

}
.list-traject li.completed a .traject-item-title {
	/*
	text-decoration: line-through;
	font-style: italic;
	*/
	opacity:1;
}
.list-traject li.completed a:hover .traject-item-title {
	text-decoration: none;
}
.list-traject li.completed a .traject-item-title .label-success{
	text-decoration: none;
}

.list-traject-overview:hover,
.list-traject-overview:hover * {
	color: #e77543;
	border-color: #e77543;
	text-decoration: none;

}
.list-traject-overview:hover .circle:before, .list-traject-overview:hover .circle:after{
	background-position: top center;
}

.list-traject .active a{
	color: #e77543;
}
.list-traject  a:hover{
	color: #e77543;
	text-decoration: none;
}
/*
.list-traject .disabled a,
.list-traject .disabled a:hover{
	color:#605f5f;	
}
*/
.list-traject .disabled a
{
	color:#605f5f;
	/*pointer-events:none;*/
	/*opacity:0.5*/
}


.list-traject .disabled a:hover .circle,
.list-traject .disabled a:hover{
	border-color: #e77543;
	color: #e77543;
}
.list-traject-disabled .disabled a
{
	color:#605f5f;
	pointer-events:none;
	/*opacity:0.5*/
}

section.traject .more {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1))) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
}




#mobile-traject{
	height:54px;
	overflow:hidden;
	position: relative;
}
#mobile-traject-list{
	position: absolute;
	width:100%;
}
.open-traject,
.close-traject{
	margin-top:15px;
	display:block;
}


/* OVERVIEW CURSUSSEN
----------------------------------------------------------------------------------------------------*/

.overview-traject-title{
	font-size:16px;
	font-weight: 700;
	margin-top:0;
}
.media-icon-box{
	border-radius:4px;
	background: #efefef;
	height: 50px;
	width: 50px;
	position:relative;
}

.media-icon{
	width:36px;
	height: 36px;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
	background:url(../img/svg-sprite-box-icons.svg);
	background-size: 36px 432px;
}
.media-icon-geography{	
	background-position: left top;	
}
.media-icon-biology{
	background-position: 0 -36px ;	
}
.media-icon-chemistry{
	background-position: 0 -72px;	
}
.media-icon-german{
	background-position: 0 -108px;	
}
.media-icon-economy{
	background-position: 0 -144px;	
}
.media-icon-english{
	background-position: 0 -180px;	
}
.media-icon-french{
	background-position: 0 -216px;	
}
.media-icon-physics{
	background-position: 0 -252px;	
}
.media-icon-history{
	background-position: 0 -288px;	
}
.media-icon-science{
	background-position: 0 -324px;	
}
.media-icon-dutch{
	background-position: 0 -360px;	
}
.media-icon-math{
	
	background-position: left bottom;	
}

/* VIDEO PAGE CONTENT 
----------------------------------------------------------------------------------------------------
*/
.alert-basic{
	background: #FFF;
	border-color:#999999;
}
.vid{
	position: relative;
}
.vid .alert-basic{
	min-width:50%;
	max-width: 75%;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	z-index: 500;
}
.vid .alert-basic .close {
    color: #605f5f;
    opacity: 0.75;
    text-shadow: 0 1px 0 #fff;
}
.vid .alert-basic .btn-success{
	margin:5px 0;
}

@media screen and (max-width:600px){
	.vid .alert-basic {
		max-width:80%;
		width:80%;
	}
	
		
}
@media screen and (max-width:767px){
	.vid alert-basic .media-left{
		display:block;
		width:100%;
	}
	.vid .alert-basic .media-body{
		display:block;
		width:100%;
	}
		
}
.video-page-wrapper,
.course-page-wrapper
{
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}
.breadcrumb > li + li:before {
	padding: 0 5px;
	color: #605f5f;
	font-family: 'FontAwesome';
	content: "\f105"; /* character code for arrow right */
}
.teacher-profile .profile-pic{
	margin-bottom:0;
}
.video-page-wrapper hr,
.course-page-wrapper hr,
body#single-vid-page hr{
	margin:10px 0;
}
.reporting{
	margin:10px 0;
}
.reporting .btn-xs{
	font-weight: normal;
	font-size:12px;
	text-transform: none;
}
.description{
	margin-bottom:30px;
	white-space: normal;
    word-wrap: break-word;
}
.description-title{
	font-weight:bold;
	font-size:18px;
}

.description h2,
.description-subtitle{
	font-weight:bold;
	font-size:14px;
	color:#e77543;
}

.description a{
	color:#e77543;
	text-decoration: underline;
}

.description .well-basic a{
	text-decoration:none;	
}
.description .well-basic a:hover{
	text-decoration:underline;	
}

.description a.btn-success{
	color:#FFF;
}
.description a.btn-success:hover{
	text-decoration:none;
}

.social-container .btn-success.liked{
	background-color: #449d44;	
}
.video-likes{
	font-size:12px;
	color:#605f5f;
	display:inline-block;
	margin: 0 5px;
}
.share{
	height:34px;
	line-height:34px;
}
.share span{
	vertical-align: middle;
	margin-right:5px;
}
.share ul{
	margin:0;
	 vertical-align: middle;
}
.share ul > li {
    padding-left: 1px;
    padding-right: 1px;
    margin:0px;
    float:left;
}
@media screen and (max-width:1024px){
	.social-container .row div[class^='col']{
		
		margin-bottom:5px;
	}
	
}
@media screen and (max-width:479px){
	.share{
		height:auto;
	}
	.share ul li:first-child{
		display:block;
		width:100%;
	}
	.share ul li a{
		margin-bottom:5px;
	}
	
}


.share .social-item{
	width:34px;
	height: 34px;
}
.share .social-item:hover{
	opacity:0.5;
}

.share .social-item .fa{
	font-size:18px;
}

.share .facebook{
	background:#3b5998;
}
.share .twitter{
	background:#62c1dc;
}
.share .youtube{
	background:#f03738;
}
.share .pinterest{
	background:#b22a2a;
}
.share .google{
	background:#378dc5;
}
.share .linked{
	background:#3399cc;
}
.share .reddit{
	background:#abcef0;
}
.share .mail{
	background:#f88a00;
}



.section-title{
	font-family: Rockwell-EB;
	color:#999;
	font-size:18px;
}
.carrousel{
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	padding-left:44px;
	padding-right:44px;
	position:relative;
	margin-bottom:40px;
}

.carrousel .bx-wrapper {
    margin: 0;
}
.carrousel #slider-prev,
.carrousel #slider-next{
	position:absolute;
	font-size: 36px;
	top:50%;
	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
	
}
.carrousel #slider-prev{	
	left:16px;
}
.carrousel #slider-next{
	right:16px;	
}
.carrousel .bx-prev,
.carrousel .bx-next{
	color:#e77543;
}
.carrousel .bx-prev:hover,
.carrousel .bx-next:hover{
	color:#999999;
}
.bxslider li a{
	display:block;
	border: 2px solid transparent;
}
.bxslider li a:hover{
	border: 2px solid #e77543;
}

.popover-title{
	color:#e77543;
	font-size: 14px;
}
.popover-content{
	font-size: 12px;
}

.report-form textarea{
	resize: vertical;
}
.report-video{
	display:none;
	margin:15px 0;
}

/* EXERCISE SECTION
---------------------------------------------------------------------------------------------------- 
*/

.cta{
	position: relative;
	/*overflow:hidden;*/
	padding: 5px 0;
}
.cta .img-wacky{
	max-width:200px;
	float:left;
	/*position: absolute;
	left: 0;
	top:0;*/
}
.cta .bubble-wacky{
	color:#e77543;
}
.bubble-wacky img{
	display:none;
	}
	
.media-wacky .media-left{
	max-width:200px;
	padding-right:0;
}
.media-wacky .img-wacky{
	max-width:200px;
	
}
.media-wacky .media-body{
	padding-left:20px;
}
.media-wacky{
	margin:15px 0;
}
.bubble-shadowed{
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);	
}

@media screen and (max-width:599px){
	.media-wacky .img-wacky{
		float:none;
		display:block;
		margin:0 auto;
		margin-top:20px;
	}
	.media-wacky .media-left{
		max-width:100%;
		display:block;
	}
	.media-wacky .media-body{
		display:block;
		width:100%;
		padding-left:0px;
	}
	.media-wacky .cta {
	    padding: 20px 0;
	    position: relative;
	}
	
		.bubble-wacky
	{
		position: relative;
	
		padding: 10px;
		background: #FFFFFF;
		border-radius: 4px;
		border: #e77543 solid 2px;
		
		margin-left: 0;
		top: 0;
    transform: none;
    -webkit-transform:  none;
     -moz-transform:  none;
      -ms-transform:  none;
       -o-transform:  none;
		
		
	}
	
	.bubble-wacky:after
	{
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 0 15px 15px;
		border-color: #FFFFFF transparent;
		display: block;
		width: 0;
		z-index: 1;
		margin-left: -15px;
		top: -15px;
		left: 50%;
	}
	
	.bubble-wacky:before
	{
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 0 16px 16px;
		border-color: #e77543 transparent;
		display: block;
		width: 0;
		z-index: 0;
		margin-left: -16px;
		top: -18px;
		left: 50%;
	}
	
}



@media screen and (min-width:600px){
	.bubble-wacky
	{
		position: relative;
	
		padding: 0px;
		background: #FFFFFF;
		border-radius: 4px;
		border: #e77543 solid 2px;
		/*margin-left: 200px;
		margin-right: 1px;*/
		padding:15px;
		
	 	/*
		 top: 40%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	     -moz-transform: translateY(-50%);
	      -ms-transform: translateY(-50%);
	       -o-transform: translateY(-50%);
       */
	}
	
	.bubble-wacky:after
	{
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 15px 15px 15px 0;
		border-color: transparent #FFFFFF;
		display: block;
		width: 0;
		z-index: 1;
		margin-top: -15px;
		left: -15px;
		top: 50%;
	}
	
	.bubble-wacky:before
	{
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 16px 16px 16px 0;
		border-color: transparent #e77543;
		display: block;
		width: 0;
		z-index: 0;
		margin-top: -16px;
		left: -18px;
		top: 50%;
	}

}



.exercise-page-wrapper
{
	max-width: 960px;
	margin: 0 auto;
}
.exercise-page-wrapper hr {
    margin: 10px 0;
}
.intro-lg{
	font-size: 18px;
	line-height:28px;
	margin: 20px 0;
}
.progress-sidebar{
	margin-bottom: 5px;
	background: #fbfbfb;
	border:1px solid #cccccc;	
}
.exercise-content{
	margin: 15px 0;
	/*border: 1px solid #999999;
	padding:15px;
	*/
}

.question-title{
    font-family: "Open sans",sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-top: 0;
    text-transform: uppercase;
}

.question-subtitle{
	color: #e77543;
    font-family: "Open sans",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 0;
    text-transform: uppercase;
}
.question,
.question p{
	color: #999999;
    font-family: "Open sans",sans-serif;
    font-size: 14px;
    /*font-weight: 700;*/
    margin-top: 0;
    /*text-transform: uppercase;*/
}
.solution,
.solution p{
	color: #999999;
    font-family: "Open sans",sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
    text-transform: none;	
}
.solution p.text-primary{
	color:#e77543;
}

.mp-wrong p,
.mp-wrong i{
	color:#c41515;
}

.mp-correct .text-success p,
.mp-correct .text-success i{
	color:#5cb85c;
}
.mp-solution .media{
	border-bottom:1px solid #efefef;
 	padding: 0 0 10px;
}

.mp-solution .media:last-child{
	border-bottom:none;
}

.mp-correct p,
.mp-wrong p{
	/*margin-top:5px;*/
}
.mp-solution .media .media-left,
.mp-solution .media .media-body{
	display: inline-block;
	float:left;
}
.mp-solution .media .media-left{
	width:50px;
}
.mp-solution .media-body{
	width: calc(100% - 50px);
}

.mp-solution .media-body img,
.checkbox-group img{ 
	height: auto;
    max-width: 90%;
    width: auto;
}



.s-solution{
	font-size:16px;
}
.c-solution p.connect-icon{
	margin-left:10px;
	margin-right:10px;
}
.hint{
	margin: 5px 0;
	border: 1px solid #999;
	padding:10px;
}
.hint-title{
	color: #e77543;
    font-family: "Open sans",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}

.alert-danger{
	color:#FFF;
	background: #c41515;
	border-color: transparent;
	-webkit-box-shadow: none;
	        box-shadow: none;
	padding:10px;
}
.alert-danger .fa-inverse{
	color:#c41515;
}

.alert-register-login{
	color:#c41515;
	background:#FFF;
}
.alert-success{
	color:#FFF;
	background: #30a930;
	border-color: transparent;
	-webkit-box-shadow: none;
	        box-shadow: none;
	padding:10px;
}

strong.alert-title{
	font-size:24px;
	font-family: "Open Sans";
}


.pager a {
    color: #999;
    font-weight: 700;
    text-transform: uppercase;
}

.badge-score{
	position: absolute;
	width: 106px;
	/*top:0;*/
}
.badge-score .score-title{
	color: #999;
    font-weight: bold;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 30px;
    width: 100%;
}
.badge-score .score-pct{
	color: #e77543;
	font-size:20px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 42px;
    width: 100%;
}
h2.score-page,
p.score-page{
	padding-left: 120px;
}
hr.score-page{
	margin-bottom:40px;
}

#score-table th span,
#score-table td span{
	display:inline-block;
	/*float:left;*/
}
#score-table th span.first-col,
#score-table td span.first-col,
#score-table th span.second-col,
#score-table td span.second-col,
#score-table th span.third-col,
#score-table td span.third-col{
	
	float:left;
}
#score-table td .answer span.MathJax{
	float:none;
	display: inline;
}
.answer .MathJax span{
	float:none;
	display: inline;	
}
#score-table th span p,
#score-table td span p{
	margin: 0;
}

#score-table th span p img,
#score-table td span p img{
	display:none;
}
#score-table th span.first-col,
#score-table td span.first-col{
	width:70%;
	padding-right: 5px;
}
#score-table th span.second-col,
#score-table td span.second-col{
	width:9%;
}
#score-table th span.third-col,
#score-table td span.third-col{
	text-align: right;
	width:18%;
}
#score-table tr:last-child td{
	border-bottom: 1px solid #ccc;
}

#score-table .show-answer{
	font-size: 12px;
}
#score-table .answer{
	margin-top:5px;
	border-top: 1px dotted #999999;
	padding:10px 0 10px 15px;
}
#score-table .answer{
	font-weight:bold;
}
#score-table .answer p{
	margin:0;
}
#score-table .answer .c-solution p{
	margin-bottom: 10px;
}
#score-table .answer .c-solution p.connect-icon{
	margin-left: 5px;
	margin-right: 5px;
}
#score-table .answer .c-solution th,
#score-table .answer .c-solution td{
	border:none;
}

#score-table .answer p.text-primary{
	margin-bottom:5px;
}

#score-table img{
	display: block;
	margin:5px 0;
}

.tabs-report{
	margin-bottom:25px;
}
.tabs-report .nav-tabs li a{
	font-weight: bold;
	text-transform: uppercase;
}

.tabs-report .nav-tabs li.active a{
	color:#e77543;
}
.tabs-report .tab-pane{
	padding-top: 25px;
}
.report{
	padding:35px 0 35px 0;
	position:relative;
}
.rapport-image{
	max-width:200px;
	position: absolute;
	top:-45px;
	left:0;
}
.panel-report{
	background: url(/img/noise-pattern.png);
}
.panel-report .panel-body{
	/*padding-left: 225px;*/
	min-height: 145px;
}
.panel-report .rapport-data{
	padding-left: 200px;
}
.panel-report .user-section-title{
	 margin:0 0 5px 0;
}
.panel-report .intro-lg{
	margin:0;
}
.small-badge{
	max-width:100px;
}
.small-badge.img-responsive{
	display:inline-block;
}
.share-rapport{
	margin: 0 0 45px 0;
}

.traject-user-wrapper{
	min-height: 165px;
}
.btn-facebook {
    background: #3d5b99 none repeat scroll 0 0;
    border-color: #3d5b99;
    color: #fff;
}
.btn-facebook:hover{
	color:#FFF;
	background:#284276;
}

@media screen and (max-width:479px){
	#score-table th span.message-xxs,
	#score-table th span.message-xxs.first-col,
	#score-table th span.message-xxs.second-col{
		display:none;
	}
	
	#score-table td span.message-xxs{
		display:inline;
		margin-right: 5px;
	}

	#score-table th span.first-col,
	#score-table td span.first-col{	
		padding-right: 0;
		display:block;
		width:100%;
		padding: 5px 0;
	}
	#score-table th span.second-col,
	#score-table td span.second-col{
		display:inline;
		width:auto;
	}
	#score-table th span.third-col,
	#score-table td span.third-col{
		text-align: left;
		display:block;
		width:100%;
	}
}
@media screen and (min-width:480px){
	
	#score-table th span.message-xxs{
		display:inline-block;
	}
	#score-table td span.message-xxs{
		display:none;
	}
	#score-table th span.first-col,
	#score-table td span.first-col{	
		padding: 0 5px 0 0;
	}
}




@media screen and (max-width:479px){
	.exercise-page-wrapper .btn{
		margin:5px 0 5px 0;
	}
	strong.alert-title {
	    font-size: 16px;
	}
		
	.panel-report .col-sm-4{
		padding-left: 15px;
		margin-top: 10px;
	}
	
		
	.panel-report .rapport-image {
	    max-width: 150px;
	    position:relative;
	    display: block;
	    margin: 0 auto;
	    margin-bottom: -45px;
	    
	}
	.panel-report .rapport-data {
	    padding-left: 0px;
	}

}



@media screen and (min-width:481px) and (max-width:767px){
	
	.panel-report .col-sm-4{
		padding-left: 165px;
		margin-top: 10px;
	}
	#score-table th span.third-col, #score-table td span.third-col{
		text-align: left;
	}

	
}

@media screen and (max-width:599px){
	strong.alert-title {
	    font-size: 16px;
	}
	.fa-lg {
   		font-size:1em;
	}
	.fa-2x {
	    font-size: 1.5em;
	}
	.course-pills .fa-arrow-circle-right{
		font-size: 2em;
	}
	.tabs-report .nav-tabs li a {
	    font-size:12px;
	}
	
}

@media screen and (min-width:481px) and (max-width:1025px){
	.rapport-image {
	    max-width: 150px;
	    top: -25px;
	     margin-bottom: 0px;
	}
	.small-badge {
	    max-width: 75px;
	}
	.panel-report .rapport-data {
	    padding-left: 150px;
	}
}




/* FORM STUFF
---------------------------------------------------------------------------------------------------- 
*/
.form-select{
	min-width: 175px;
}
.select-style,
.select-style:focus {
    padding: 0;
    margin: 0 auto;
    border: 1px solid #999;
    width: 99%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url("../img/select-arrow-down.svg") no-repeat 95% 50%;
    -webkit-appearance: none;
}

.select-style select {
    padding: 5px 8px;
    width: 100%;
    border: 1px none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style select:focus {
    outline: none;
}

.exercise-content textarea{
	resize:vertical;	
}
.exercise-content .form-control:focus{
	border-color:#e77543;
}
.checkbox, .radio{
	margin:20px 0;
}
/*
.radio label, 
.checkbox label {
    padding-left: 0px;
}
*/

.checkbox-group label.check,
.radio-group label.rdio{
	display: block;
	margin:20px 0;
	padding:5px;
	border-radius:4px;
}



.checkbox-group label.check:hover,
.radio-group label.rdio:hover{
	cursor:pointer;
	color:#e77543;
}
.checkbox-group input[type="checkbox"],
.radio-group input[type="radio"] {
    display:none;
}

.checkbox-group input[type="checkbox"] + label span.check-styled {
    display:inline-block;
    width:25px;
    height:25px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/svg-sprite-form.svg) left top no-repeat;
    cursor:pointer;
    position: absolute;
}
.radio-group input[type="radio"] + label span.check-styled {
    display:inline-block;
    width:25px;
    height:25px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/svg-sprite-form.svg) -50px top no-repeat;
    cursor:pointer;
}


.checkbox-group input[type="checkbox"]:checked + label span.check-styled {
    background:url(../img/svg-sprite-form.svg) -25px top no-repeat;
    color:#e77543;
} 
.radio-group input[type="radio"]:checked + label span.check-styled {
    background:url(../img/svg-sprite-form.svg) -75px top no-repeat;
    color:#e77543;
} 


.checkbox-group input[type="checkbox"]:checked + label,
.radio-group input[type="radio"]:checked + label{
	background:#efefef;
	color:#e77543;
}
.checkbox-group label p {
    display: inline;
}
.checkbox-group .label-text{
	margin-left: 35px;
	/*display: inline-block;*/
	display: block;
}


/* RADIO BUTTONS TARIEVEN */
.radio-group-tarieven{
	margin-top:15px;
}
.rdioBtn-logo{
	display: inline-block;
    min-height: 45px;
}
.radio-group-tarieven label.rdio{
	margin:10px 0 15px 0;
 	min-height: 240px;
 	padding: 15px;
}

.radio-group-tarieven input[type="radio"] + label span.check-styled,
.radio-group-endsub input[type="radio"] + label span.check-styled
 {
    background: rgba(0, 0, 0, 0) url("../img/svg-sprite-form-tarieven.svg") no-repeat scroll 0px top;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    width: 15px;
}
.radio-group-tarieven input[type="radio"]:checked + label span.check-styled,
.radio-group-endsub input[type="radio"]:checked + label span.check-styled {
    background: rgba(0, 0, 0, 0) url("../img/svg-sprite-form-tarieven.svg") no-repeat scroll -15px top;
    color: #e77543;
}
@media screen and (max-width:767px){
	.radio-group-tarieven label.rdio{
	 	min-height: auto;
	}	
}

/*
.radio-group-tarieven input[type="radio"] + label span.check-styled {
    display: none;
}
*/


/* COMMENTS SECTION
---------------------------------------------------------------------------------------------------- 
*/

.comment-form .form-control{
	background: #efefef;
	border-color: #cccccc;
}
.form-control:focus{
	background: #FFF;
}
.comment-form textarea{
	resize:vertical;
}
form.reply-form button,
form.comment-form  button{
	margin: 10px 0;
}
.comments-list-wrapper{
	margin:30px 0;
}
.comments-list-wrapper .media-list .media .media-body{
	overflow:visible;
}
.comment-meta{
	font-size:12px;
	margin-bottom:10px;
}
.comment-actions{
	margin:10px 0;
}
.media-list li.media{
	border-bottom:1px solid #999999;
}


.media-list div.media{
	/*margin-left:55px;*/
	border-top:1px dotted #CCCCCC;
	padding: 15px 0;
	/*background: #EFEFEF;*/
}


.media-list li.media .media-list li.media,
.comments-list-wrapper-level-1 .media-list li.media{
	border-bottom:none;
}

.hidden-form{
	display:none;
	/*padding:15px 0;*/
	margin-top: 15px;
	margin-bottom: 15px;	
}
.reply-form{
	/*margin:15px 0;
	padding:15px 0;*/
}
.reply-form textarea{
	background: #efefef;
	border-color: #cccccc;
	resize: vertical;
}
@media screen and (max-width:481px){
	.comment-actions{
		text-align:left;
	}
	.comment-actions a{
		margin-bottom:5px;	
	}
}



/* VIDEO LIST PAGES
----------------------------------------------------------------------------------------------------
*/
.fw-video-list{
	margin-top: 30px;
}
.panel-video-fw .profile-pic{
	width:50px;
	height: 50px;
	margin: 5px 0;
}
.panel-video-fw .panel-data-wrapper{
	/*border-right:1px solid #999999;*/
	padding-right: 15px;
}
.panel-video-fw .panel-data-thumb,
.panel-course-fw .panel-data-thumb {
    width: 300px;
    position: relative;
}
.panel-video-fw .panel-data-thumb a i.fa{
	font-size:50px;
}
.panel-video-fw .panel-data-info,
.panel-course-fw .panel-data-info
{
    margin-left: 315px;
}
.panel-video .panel-data-info .breadcrumb,
.panel-video-fw .panel-data-info .breadcrumb,
.panel-data-info .breadcrumb,
.secondary-col .breadcrumb
{
   margin-bottom:0;
   padding: 5px 0 5px 0;
   font-size:12px;
}
.panel-data-wrapper.panel-list{
	margin-bottom:15px;
}

.panel-title-link{
	margin-top:0;
	margin-bottom:5px;
	font-size: 21px;
}
.panel-title-link a{
	color:#e77543;
	/*line-height: 1.5;*/
}

.panel-course-search .panel-data-info
{
    margin-left: 315px;
}
.panel-course-search .panel-data-thumb{
	width:300px;
} 

@media screen and (max-width:599px){
	
	.panel-video-fw .panel-data-thumb {
	    width: 100%;
	    display: block;
    	float: none;
    	margin-bottom:15px;
	}
	.panel-video-fw .panel-data-thumb .img-responsive{
		height: auto;
    	width: 100%;
	}
	
	.panel-video-fw .panel-data-info {
	    margin-left: 0;
	}
	
		.panel-course-search .panel-progress-search,
		.panel-course-search .panel-data-thumb
	{
	    display: block;
    	float: none;
    	margin-bottom: 10px;
    	width: 100%;
    	margin: 0 0 15px 0;
	}
	.panel-course-search .panel-data-info
	{
	    margin-left: 0px;
	}
	
}


@media screen and (max-width:991px){
	.panel-video-fw .panel-data-wrapper{
		border-right:none;
		padding-right: 0px;
		
		border-bottom:1px solid #999999;
		padding-bottom: 15px;
		margin-bottom:15px;
	}
	
}

/* COURSE LIST PAGES 
----------------------------------------------------------------------------------------------------*/

.panel-data-wrapper.panel-list{
	margin-bottom:25px;
}


/* VIDEO GRID CATEGORYPAGES 
----------------------------------------------------------------------------------------------------*/

.video-grid-item{
	position: relative;
	margin-bottom: 15px;
	/*
	min-height: 225px;
	*/
}
.vid-badge{
	position: absolute;
	right:-5px;
	background: #e77543;
	top:-5px;
	padding: 4px;
	border-radius:4px;
	z-index:100;
	max-width: 75%;
	word-wrap: break-word;
	opacity:1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
  	-webkit-transition: -webkit-transform 0.5s ease; /* Changed here */
          transition: -webkit-transform 0.5s ease;
          transition: transform 0.5s ease;
          transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.vid-duration{
	position: absolute;
	right: -5px;
	background: #e77543;
	bottom: -5px;
	padding: 4px;
	border-radius: 4px;
	z-index: 100;
	max-width: 75%;
	word-wrap: break-word;
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease; /* Changed here */
		transition: -webkit-transform 0.5s ease;
		transition: transform 0.5s ease;
		transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.vid-duration-search {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #e77543;
	padding: 4px;
	z-index: 100;
}

.vid-badge.hidden,
.vid-duration.hidden{
	opacity:0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
  	-webkit-transition: -webkit-transform 0.5s ease; /* Changed here */
          transition: -webkit-transform 0.5s ease;
          transition: transform 0.5s ease;
          transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.vid-badge .small,
.vid-duration .small,
.vid-duration-search .small{
	color:#FFF;
}

.video-grid-thumb{
	/*margin-bottom: 15px;*/
	position: relative;
}
.video-grid-thumb a{
	display:block;
	position: relative;
}
.video-grid-thumb a i.fa-play-circle {
    color: rgba(255, 255, 255, 0);
    font-size: 48px;
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.video-grid-thumb a:hover i.fa-play-circle{
	color: rgba(255,255,255,1);
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  	-webkit-transition: -webkit-transform 0.5s ease; /* Changed here */
          transition: -webkit-transform 0.5s ease;
          transition: transform 0.5s ease;
          transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.video-grid-thumb a:hover .overlay{
	opacity:0;
		-webkit-transition: -webkit-transform 0.5s ease; /* Changed here */
          transition: -webkit-transform 0.5s ease;
          transition: transform 0.5s ease;
          transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.circle-free{
	font-family: Rockwell-EB;
	color:#FFF;
	background: #5bc0de;
	width:100px;
	height:100px;
	border-radius: 50%;
	text-align: center;
	line-height:18px;
	position: absolute;
	z-index: 200;
}
.circle-free span{
	left: 50%;
    position: absolute;
    top: 45%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
	
}
.circle-free span .fa-eye{
	font-size:28px;
}
.video-grid-thumb a .label-free{
	font-size: 18px;
	text-decoration: none;
	pointer-events:none;
	left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    
    opacity:1;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    
	
}

.video-grid-thumb a:hover .label-free{
    
    opacity:0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    
	
}

.video-grid-info{
	padding: 15px 0;
	background: #FFF;
	position: relative;
	top: 0px;
	min-height: 70px;
	
		transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	
	-webkit-transition-delay: 250ms;
    transition-delay: 250ms;
    
}

.video-grid-info .panel-title-link {
    font-size: 14px;
	padding-right: 30px;
	opacity: 1;
	height:auto;
	word-wrap: break-word;
	
		transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	
	-webkit-transition-delay: 250ms;
    transition-delay: 250ms;
	
}
.video-grid-info .panel-title-link.hidden {
    /*display:none;*/
    opacity: 0;
    height:0px;
    
    transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
    
}

.video-grid-info.show-info{
	position: relative;
	top: -60px;
	/*position:absolute;
	top:40%;*/
	
	transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
}

.video-grid-info .vid-more-info{
	position:absolute;
	right:0;
}
.video-grid-desc{
	position: absolute;
	display:block;
	width:100%;
	height: 100%;
	top:0;
	background: #F9F9F9;
	
	z-index: 200;
	border-radius: 4px;
	
	overflow:hidden;
	font-size: 14px;
	line-height: 16px;
	opacity:0;
	transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	
	pointer-events:none;
	
	 /*-webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms;*/
	
}
.video-grid-desc p{
	position: absolute;
	top:50%;
	-ms-transform:translatey(-50%);
	    transform:translatey(-50%);
	-webkit-transform:translatey(-50%);
	-moz-transform:translatey(-50%);
	padding:0 10px;
	margin:0;
	font-size: 12px;
}
.video-grid-desc.visible{

	/*height: auto;
	height: 40px;
	overflow:hidden;*/
	/*overflow-y: scroll;
  	overflow-x: hidden;*/
  	
	opacity:1;
	transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	
	 /*-webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;*/
	
}

/*.video-grid-desc.visible:after{
	bottom: 0;
    content: "[...]";
    font-family: "open sans";
    height: 15px;
    left: 0;
    position: absolute;
    width: 25px;	
}
*/

@media screen and (max-width:599px){
	#vid-grid-wrapper .col-xs-6{
		width:100%;
		float:none;
	}
	#vid-grid-wrapper .video-grid-item .img-responsive{
		width:100%;
	}	
}
@media screen and (min-width:600px)and (max-width:767px){
	#vid-grid-wrapper  .video-grid-item {
	    
	    min-height: 270px;
	    
	}
}

@media screen and (max-width:767px){
	#vid-grid-wrapper .clearfix{
		display:none;
	}
}

@media screen and (min-width:991px) and (max-width:1600px){
	/*.video-grid-info.show-info{
		position: relative;
		top: 0px;
	}*/
	
}




/* AWARDS
----------------------------------------------------------------------------------------------------
*/
.award{
	text-align: center;
	margin: 15px 0;
}

.award-image .award-points{
	max-width: 250px;
	
	background: rgba(0,0,0,0.7);
	border-radius: 4px;
	display:block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	-webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding:5px;
}
.award-image .award-points{
	opacity:0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.award-image:hover .award-points{
	opacity:1;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.award-image .award-points span{
	
	color: #FFF;
    font-family: Rockwell-EB;
    font-size: 16px;	
}

.award-image .award-points span:first-child{
    font-size: 28px;	
}

/*.award-points span{
	color: #FFF;
    font-family: "open sans";
    font-size: 16px;	
}
.award .award-info .award-points{
	background: rgba(0,0,0,0.7);
	border-radius: 4px;
	display:inline-block;
	position: relative;
	padding:5px;
	opacity:1;
}
.award .award-info .award-points span:first-child{
    font-size: 16px;	
}
*/
.award-info{
	max-width: 175px;
	margin: 0 auto;
}
.award .award-info p{
	 border-bottom: none;
}
.award .award-image{
	max-height: 150px;
	margin: 0 auto;
	position:relative;
}
.award .award-image img{
	max-height: 150px;
	margin: 0 auto;
}

.award-title{
	 color: #e77543;
    font-family: Rockwell-EB;
    font-size: 16px;
    min-height: 36px;
}
.award-in-progress .award-title{
	 color: #999999;
}

.award .progress-bar {
    background-color: #999999;
}

/* PAYMENT SUBSCRIPTION
---------------------------------------------------------------------------------------------------- 
*/
.user-section-title img{
	max-height: 50px;
}
.darktext{
	color:#605f5f;
}
.user-section-title img.logo-plantyn{
	position: relative;
	top:-8px;
	margin: 0 15px;
}

.well-wezooz{
	background:#FFF;
	border:1px solid #e77543;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.panel-group-subscription{
	position: relative;
}
.carrousel-subscription{
	-webkit-box-shadow: none;
	        box-shadow: none;
	 padding-left: 0;
    padding-right: 0;
}
.carrousel-subscription .bx-wrapper .bx-pager, 
.carrousel-subscription .bx-wrapper .bx-controls-auto {
    bottom: -40px;
}
.carrousel-payment{
	margin-top: 20px;	
}
.carrousel-subscription h5{
	font-size: 24px;
}
.carrousel-subscription .small{
	color:#999;
	font-size: 14px;
}
.bubble-subscription p{
	margin:0;
}
.carrousel-subscription .bubble-subscription
{
	position: relative;
	max-width: 100%;
	min-height: 50px;
	padding: 15px;
	background: #FFFFFF;
	border-radius: 4px;
	border: #cccccc solid 2px;
	
	margin-top: 20px;
}

.carrousel-subscription .bubble-subscription:after
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 16px 16px;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -16px;
	left: 27px;
}

.carrousel-subscription .bubble-subscription:before
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 17px 17px;
	border-color: #cccccc transparent;
	display: block;
	width: 0;
	z-index: 0;
	top: -19px;
	left: 26px;
}
.hulp{
	margin: 15px 0;
}
@media screen and (max-width:767px){
	.hulp img{
		max-width: 280px;
		margin:0 auto;
	}	
	
}


.panel-group .panel-subscription{
	margin-bottom:25px;
}

.panel-subscription > .panel-heading-subscription {
    background-color: #FFF;
    padding: 0;
}

.panel-heading-subscription .panel-title{
	font-size:24px;
	font-weight: bold;
	
	text-transform: uppercase;
}
@media screen and (max-width:481px){
	.panel-heading-subscription .panel-title{
		font-size:16px;
	}	
}
.panel-heading-subscription .panel-title a.selected{
	color:#e77543;
}
.panel-heading-subscription .panel-title a{
	display: block;
	position: relative;
	padding: 10px 15px;
	color:#999;
}
.panel-heading-subscription .panel-title a:focus,
.panel-heading-subscription .panel-title a:active
{
	text-decoration: none;
}
.panel-heading-subscription .panel-title a:hover{
	text-decoration: none;
	background:#F4F4F4;
}
.panel-heading-subscription .panel-title-plantyn a,
.panel-heading-subscription .panel-title-plantyn a:hover{
	background:transparent;
	cursor: context-menu;
}
.panel-title-plantyn .strikethrough{
	text-decoration:line-through ;
	-webkit-text-decoration-color: red;
	        text-decoration-color: red;
}

.panel-title .fa-angle-double-down{
	position: absolute;
	right: 15px;
}
.panel-heading-subscription .panel-title .text-success .small{
	text-transform: none;
	color:#5cb85c;
	font-size:16px;
	font-weight: bold;	
}

.panel-subscription > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #999999;
    border-top-style: dotted;
}
.panel-subscription .list-check{
	font-size:16px;
	margin: 15px 0;
	padding:15px 0;
}


@media screen and (max-width:1024px){
	.panel-subscription .list-check{
		font-size:14px;
		
	}
}

.panel-subscription .form-group.col-sm-4{
	padding-left:0;
}
.panel-subscription select.form-control:focus{
	-webkit-box-shadow:none;
	        box-shadow:none;
}
.panel-subscription .form-inline select.form-control {
    width: 100%;
}
@media screen and (max-width:767px){
	.panel-subscription .form-inline select.form-control {
    	width: 100% !important;
    	margin:5px 0;
	}
}

.panel-subscription .well-wezooz{
	-webkit-box-shadow:none;
	        box-shadow:none;
	margin-top: 15px;
}
.panel-subscription .info {
	display:none;
}
.panel-subscription .info .well{
	margin: 15px 0;
}
.info .well{
	border:none;
	background:#fbfbfb;
}

.panel-subscription .list-tarieven{
    padding-left: 0px;
    font-weight: normal;
    font-size:12px;
    margin:10px 0 0px 0;
    text-align: left;
}
.panel-subscription .list-tarieven li{
   margin-bottom: 10px;
}

.speech-right{
	border-right:2px solid #e77543;
	padding-right: 15px;
	margin-bottom:15px;
	position: relative;
}
.speech-right:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	border-color: transparent #FFFFFF;
	display: block;
	width: 0;
	z-index: 1;
	margin-top: -15px;
	right: -2px;
	top: 50%;
}
.speech-right:before
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent #e77543;
	display: block;
	width: 0;
	z-index: 0;
	margin-top: -16px;
	right: 0;
	top: 50%;
}

.speech-left{
	border-left:2px solid #e77543;
	margin-bottom:15px;
	position: relative;
	padding-left:15px !important;
}
.speech-left:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 7px 7px 7px 0;
	border-color: transparent #FFFFFF;
	display: block;
	width: 0;
	z-index: 1;
	margin-top: -15px;
	left: -6px;
	top: 50%;
}
.speech-left:before
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 8px 8px 8px 0;
	border-color: transparent #e77543;
	display: block;
	width: 0;
	z-index: 0;
	margin-top: -16px;
	left: -8px;
	top: 50%;
}



@media screen and (max-width:481px){
	.panel-subscription .panel-body .col-xs-6{
		display:block;
		float:none;
		width: 100%;
	}
	.panel-subscription .list-check {
	    font-size: 16px;
	    margin: 0;
	    padding:0;
	}
	
}
@media screen and (max-width:767px){
	
	.panel-subscription .form-group.col-sm-4 {
    	padding: 0;
	}
	.speech-left{
		border-left:none;
		padding-left:0px !important;
	}
	.speech-left:after{
		border-style: none;
		
	}
	.speech-left:before
	{
		border-style: none;
	}
}

.most-popular{	
	position: absolute;
	right:64px;
	top:-25px;
	z-index: 500;
	pointer-events:none;
}

#star-12 span{
	color:#FFF;
	position: absolute;
	font-size:14px;
	color:#FFF;
	font-weight: bold;
	text-transform: uppercase;
	z-index: 500;
	left:0;
	top: 50%;
	-ms-transform: translate(0,-50%);
	    transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
}
#star-12 { 
	background: #e77543; 
	width: 80px; 
	height: 80px; 
	position: relative; 
	text-align: center; 
} 
#star-12:before, 
#star-12:after {
	content: ""; 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 80px; 
	width: 80px; 
	background: #e77543;
} 
#star-12:before { 
	-webkit-transform: rotate(30deg); 
	-moz-transform: rotate(30deg); 
	-ms-transform: rotate(30deg); 
	-o-transform: rotate(30deg); 
} 
#star-12:after { 
	-webkit-transform: rotate(60deg); 
	-moz-transform: rotate(60deg); 
	-ms-transform: rotate(60deg); 
	-o-transform: rotate(60deg); 
}

.most-popular-2 {
	position: absolute;
	right: -20px;
	top: 35px;
	z-index: 500;
	pointer-events: none;
}

#star-12-green span {
	color: #FFF;
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	z-index: 500;
	left: 0;
	top: 50%;
	-ms-transform: translate(0, -50%);
	    transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
}

#star-12-green {
	background: #4cae4c;
	width: 80px;
	height: 80px;
	position: relative;
	text-align: center;
}

#star-12-green:before,
#star-12-green:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 80px;
	width: 80px;
	background: #4cae4c;
}

#star-12-green:before {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
}

#star-12-green:after {
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
}

@media screen and (max-width:600px){
	.most-popular{
		/*right: 95%;
		left: 25px !important;
    	top:75px !important;*/
    	
    	/* left: 80% !important;*/
	 	right: 40px;
    	top: 40px !important;
	}
	.collapsing .most-popular{
		display:none;
	}
}

#logos-tarieven li{
	max-width: 12.5%;
}
#logos-tarieven li img{
	max-width: 100%;
}
@media screen and (max-width:767px){
	#logos-tarieven li{
		max-width: 20%;
		padding:5px 0;
	}	
}


/* FOOTER 
----------------------------------------------------------------------------------------------------
*/
#site-footer{
	background:#605f5f;
	color:#FFF;
	padding:65px 0;
	font-size:12px;
	min-height: 300px;
	/* sticky
 	position: absolute;
  	bottom: 0;
  	width: 100%;
	  */
}

body#user-page #site-footer,
body#page #site-footer,
body#single-vid-page #site-footer{
	/* sticky*/
 	position: absolute;
  	bottom: 0;
  	width: 100%;
	  
}

body#column-page #site-footer{
	/* NO sticky*/
 	position: relative;
  	
	  
}


@media screen and (max-width:991px){
	/* no sticky footer on small screens */
	body,
	body#user-page,
	body#page,
	body#single-vid-page
	{
		margin-bottom:0;
	}
	body#user-page #site-footer,
	body#page #site-footer,
	body#single-vid-page #site-footer{
		/* UNsticky*/
	 	position: relative;
	}
	
	#site-footer{
		min-height: 300px;
		/* UN sticky*/
	 	position: relative;
	}

}


#site-footer a{
	color:#FFF;
	
}
.brand-footer{
	overflow:hidden;
}
.brand-info-footer{
	display: inline-block;
	float:left;
}
.footer-logo{
	width: 75px;
	height: auto;
	display: inline-block;
	float:left;
	margin-right:15px;
}

.footer-title{
	font-family: Rockwell-EB;
	color:#FFF;
	font-size:16px;
	margin-top:0;
}

#list-social > li {
    padding-left: 5px;
    padding-right: 0;
}
.social-item{
	display: block;
	width:32px;
	height: 32px;
	border-radius:4px;
	position: relative;
	background:#999999;
	cursor:pointer;
}
.social-item .fa{
	color:#FFF;
	font-size:24px;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
	
}

.facebook:hover{
	background:#3b5998;
}

.twitter:hover{
	background:#62c1dc;
}

.youtube:hover{
	background:#f03738;
}

.pinterest:hover{
	background:#b22a2a;
}

.google:hover{
	background:#378dc5;
}

.linked:hover{
	background:#3399cc;
}




@media screen and (max-width:991px){
	#site-footer .col-sm-6{
		padding-top:15px;
	}
	
	#site-footer .col-sm-12:first-child{
		padding-bottom:15px;
		border-bottom:1px solid #999999;
	}
	#site-footer .col-sm-12:last-child{
		padding-top:15px;
		border-top:1px solid #999999;
	}	
}


.install-flash
{
    display: none;
}


.help-block
{
    color: #999;
    font-size: 85%;
}

/* COURSES INLINE STYLES OVERRIDES 
----------------------------------------------------------------------------------------------------*/
.course-description p span[style],
.bubble-wacky p span[style]{
	font-family: "Open Sans" !important;
	font-size: 14px !important;
}
/* LOGIN
----------------------------------------------------------------------------------------------------*/
.alert-login{
	background:transparent;
	color:#c41515;
}

/* active menu-item */
.navbar-nav > li > a.active {
	background-color: #ae4416;
	color: white;
}

.smartschool-login-modal {
	padding: 0 15px 15px 15px;
}

.smartschool-login-bg {
	background-color: #EFEFEF;
	padding: 25px 0;
	margin-bottom: 25px;
}

.password-hide {
	display: none;
}

/* PROMO BAR
-----------------------------------------------------------------------------------------------------*/

/* promo bar */

.alert.promo,
.alert.infobar {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.promo {
	display: none;
	color: white;
	background-color: #333333;
	text-align: center;
}

.infobar {
	color: white;
	background-color: #333333;
	text-align: center;
}

.promo:hover {
	text-decoration: underline;
}

.promo a {
	color: white;
}

.promo .underline,
.infobar .underline {
	text-decoration: underline;
}

/* promo popup */
.popupoverlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: 1000;
}

.popupoverlay:target {
	visibility: visible;
	opacity: 1;
}

.popup {
	z-index: 1001;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15%;
	padding: 20px;
	border-radius: 5px;
	width: 650px;
	/*top: 40%;*/
	position: relative;
	-webkit-transition: all 5s ease-in-out;
	transition: all 5s ease-in-out;
	background-color: white;
	color: black;
}

.popup .close {
	position: absolute;
	top: 20px;
	right: 30px;
	-webkit-transition: all 200ms;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}

.popup .close:hover {
	color: #06D85F;
}

.popup h2 {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: bold;
}

body#seopage section,
body#mysherpa section {
	padding: 60px 0;
}

.testimonial-menu {
	list-style-type: none;
	padding: 0;
}

.testimonial-menu li {
	display: inline-block;
	height: 10px;
	width: 10px;
	background-color: #e77543;
	border-radius: 5px 5px;
	cursor: pointer;
}

.testimonial-menu li.testimonial-active {
	background-color: #000;
}

div.testimonials-left-menu div {
	display: none;
	min-height: 120px;
}


div.testimonials-left-menu div:first-child {
	display: block;
}

div.course-nav-teaser {
	margin-left: 25px;
	padding-left: 23px;
	border-left: 2px solid #999;
	padding-bottom: 15px;
	margin-top: -1px;
}

li.completed div.course-nav-teaser {
	border-left: 2px solid #605f5f;
}

li:last-child div.course-nav-teaser {
	border-left: 0 !important;
}

.course-nav-teaser p {
	margin: 0;
}

.list-traject li a:hover + .course-nav-teaser {
	border-left: 2px solid #e77543;
}

.fixed-scroll {
	margin-top: 40px;
	padding: 30px;
}

.fixed-scroll h3 {
	margin-top: 0;
}

.fixed-scroll p:last-child {
	margin-bottom: 0;
}

@media only screen and (max-width: 1199px) {
	.fixed-scroll, .sticky-wrapper {
		display: none;
	}
}

ol.lesson-tracject-question li {
	border: none;
}

h3.subtitle-small {
	margin-top: 45px;
}

.course-video-modal .modal-content {
	text-align: center;
	padding: 10px;
}

.course-video-modal .modal-content .modal-header {
	border-bottom: none;
}

.course-video-modal .modal-dialog {
	margin-top: 100px !important;
}

.video-player-modal {
	background: #ffffff !important;
}

.list-traject li a.video-preview {
	background-color: #605f5f;
	color: #ffffff !important;
	font-size: 14px;
	display: inline-block;
	height: auto;
	padding: 10px 15px;
	cursor: pointer;
	margin: 10px 0;
}

.list-traject a.video-preview i {
	position: relative;
	display: inline;
	left: auto;
	top: auto;
	margin-left: 10px;
}

.lesson-tracject-question img {
	max-width: 100%;
	height: auto;
}

.traject-item-title {
	font-weight: bold;
	margin: 0;
}

/* PERFORMANCE
-----------------------------------------------------------------------------------------------------*/
/*.performance-page-title {*/
	/*display: inline-block;*/
	/*vertical-align: middle;*/
/*}*/

.performance-page-title h2	{
	font-family: 'Rockwell-EB';
	color: #e77543;
	font-size: 21px;
	margin: 10px 20px 10px 0;
	max-width: 700px;
}

.performance-page-title button {
	margin: 5px 20px 5px 0;
}

.performance-page-title a:link,
.performance-page-title a:visited,
.performance-page-title a:hover,
.performance-page-title a:active {
	color: #e77543;
	padding: 11px 0;
}

.performance-page-footer a:link,
.performance-page-footer a:visited,
.performance-page-footer a:hover,
.performance-page-footer a:active {
	color: #e77543;
}

.performance-breadcrumbs {
	margin-bottom: 20px;
}

.performance-classroom-name {
	height: 52px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.performance-classroom-table td {
	padding-right: 20px;
}

.performance-link {
	color: #e77543;
}

.performance-form {
	display: inline-block;
}

.btn-performance {
	color: #e77543;
	background-color: transparent;
	text-transform: none;
}

.btn-performance:hover {
	color: #e77543;
}

.performance-scroll-table .scroll-link {
	display: block;
	width: 5%;
	float: left;
	text-align: center;
	padding-top: 5px;
}

.performance-scroll-table .scroll-table {
	display: block;
	width: 90%;
	float: left;
	position: relative;
	min-height: 100px;
}

.performance-scroll-table .scroll-table ul {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}

.performance-scroll-table .scroll-table ul li {
	padding: 8px;
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-color: #ccc;
}

.performance-scroll-table .scroll-table ul .header {
	font-weight: bold;
	border-width: 1px 0 2px 1px;
}

.performance-scroll-table .scroll-table ul .last {
	border-right: 1px solid #ccc;
}

.performance-scroll-table .scroll-table .id-column {
	display: block;
	width: 50px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	background-color: white;
}

.performance-scroll-table .scroll-table .student-column {
	display: block;
	width: 100px;
	position: absolute;
	top: 0;
	left: 50px;
	z-index: 100;
	background-color: white;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.performance-scroll-table .scroll-table .score-column {
	display: block;
	width: 100px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	background-color: white;
}

.performance-scroll-table .scroll-table .score-column li {
	text-align: center;
}

.performance-scroll-table .scroll-table .scrollable {
	display: block;
	width: 100%;
	padding: 0 100px 0 150px;
	overflow-x: hidden;
	white-space: nowrap;
}

.performance-scroll-table .scroll-table .scrollable ul {
	display: inline-block;
	width: 200px;
	margin-right: -4px;
}

.performance-scroll-table .scroll-table .scrollable ul li {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.performance-scroll-table table tr,
.performance-scroll-table table td {
	width: 100px;
}

@media screen and (min-width: 1200px) {
	.performance-actions button {
		float: left;
		margin-right: 10px;
	}

	.performance-actions form {
		float: left;
	}
}

.performance-select-right {
	margin-top: 15px;
	margin-bottom: 20px;
}

.performance-filter .form-group {
	padding-left: 0;
}

/* PERFORMANCE TABLES
-----------------------------------------------------------------------------------------------------*/
.performance-table-cell-success {
	color: white;
	text-align: center;
	background-color: #06D85F;
}

.performance-table-cell-warning {
	color: white;
	text-align: center;
	background-color: #e77543;
}

.performance-table-cell-danger {
	color: white;
	text-align: center;
	background-color: #c41515;
}

.schools #sixth h1 {
	text-align: center;
}

.schools #sixth h2 {
	text-align: center;
	font-weight: bold;
	color: #e77543;
}

#home.schools #sixth .circle-continue,
#home.schools #sixth .circle-continue a {
	background-color: #605f5f;
	color: #FFF;
}

#headingOne #star-12-green {
	position: absolute;
	right: 20px;
	top: -5px;
	width: 30px;
	height: 30px;
}

#headingOne #star-12-green:before,
#headingOne #star-12-green:after {
	width: 30px;
	height: 30px;
}

#headingOne #star-12-green span {
	font-size: 7px;
}

.schools-table {
	display: table;
	width: 100%;
	margin-bottom: 15px;
	table-layout: fixed;
}

.schools-table--title {
	padding-bottom: 20px;
}

.schools-table--subtitle {
	min-width: 50%;
	vertical-align: top;
	padding-bottom: 10px;
}


@media screen and (min-width: 768px) {
	.schools-table,
	.schools-table--subtitle {
		width: 55%;
		min-width: 620px;
	}
}

.breadcrumb-video:not(:last-child) {
	margin-bottom: 0;
}

#course-objectives {
	display: block;
	margin-top: -37px;
	margin-bottom: 20px;
}

#course-objectives span {
	display: block;
	margin-left: 40px;
}

@media screen and (max-width: 599px) {
	#course-objectives {
		margin-top: -32px;
	}

	#course-objectives span {
		margin-left: 30px;
	}
}

.login-check input[type="checkbox"]
{
	margin-top: 4px;
}

#loginModal .modal-title:hover,
#registerModal .modal-title:hover {
	color: #e77543;
}

#first small {
	color: #fff;
}

/* LERNOVA MODAL
-----------------------------------------------------------------------------------------------------*/
.lernova-modal .modal-body {
	color: #fff;
	background-image: url("../img/lernova-dark.png");
	background-size: cover;
	background-position: top right;
}

.lernova-modal .modal-body p {
	margin: 2rem 0;
}

.lernova-modal .modal-body ul li:not(:last-of-type) {
	margin-bottom: .5rem;
}