/* theme-1 */ 
@font-face {
    font-family: "Helvetica45Light";
    src: url("fonts/HelveticaNeueW01-45Light.woff2") format("woff2");
/*     src: url("fonts/HelveticaNeueW01-45Light.eot?#iefix"); */
/*     src: url("fonts/HelveticaNeueW01-45Light.eot?#iefix") format("eot"),url("fonts/HelveticaNeueW01-45Light.woff2") format("woff2"),url("fonts/HelveticaNeueW01-45Light.woff") format("woff"),url("fonts/HelveticaNeueW01-45Light.ttf") format("truetype"),url("fonts/HelveticaNeueW01-45Light.svg#HelveticaNeueW01-45Light") format("svg") */
}

@font-face {
    font-family: "Helvetica35Thin";
    src: url('fonts/HelveticaNeueW01-Thin.woff2') format('woff2'),
         url('fonts/HelveticaNeueW01-Thin.woff') format('woff');
/*     src: url("fonts/HelveticaNeueW01-Thin.eot?#iefix"); */
/*     src: url("fonts/HelveticaNeueW01-Thin.eot?#iefix") format("eot"),url("fonts/HelveticaNeueW01-Thin.woff") format("woff"),url("fonts/HelveticaNeueW01-Thin.ttf") format("truetype"),url("fonts/HelveticaNeueW01-Thin.svg#HelveticaNeueW01-Thin") format("svg") */
}

@font-face {
    font-family: "Helvetica75Bold";
    src: url('fonts/HelveticaNeueW01-75Bold.woff2') format('woff2'),
         url('fonts/HelveticaNeueW01-75Bold.woff') format('woff');
/*     src: url("fonts/HelveticaNeueW01-75Bold.eot?#iefix"); */
/*     src: url("fonts/HelveticaNeueW01-75Bold.eot?#iefix") format("eot"),url("fonts/HelveticaNeueW01-75Bold.woff") format("woff"),url("fonts/HelveticaNeueW01-75Bold.ttf") format("truetype"),url("fonts/HelveticaNeueW01-75Bold.svg#HelveticaNeueW01-75Bold") format("svg") */
}

body {
	font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif;
}
a {
	cursor: pointer;	
}
.row-offset-top-5{ margin-top: 5px; }
.row-offset-top-10{ margin-top: 10px; }
.row-offset-top-15{ margin-top: 13px; }
.row-offset-top-20{ margin-top: 20px; }
.row-offset-top-30{ margin-top: 30px; }
.row-offset-bottom-5{ margin-bottom: 5px; }
.row-offset-bottom-10{ margin-bottom: 10px; }
.row-offset-bottom-15{ margin-bottom: 13px; }
.row-offset-bottom-20{ margin-bottom: 20px; }
.row-offset-bottom-25{ margin-bottom: 25px; }
.row-offset-bottom-30{ margin-bottom: 30px; }

/** header **/
.header {
    background: #0e284c;
}
.header .top-bar {
	background: #0E284C;
	min-height: 25px;
}
.header .header-main {
	padding: 0 0;
}
/* CR Change logo */
.header.public-header .header-main.container {
    border-bottom: 1px solid #fff;
    position: relative;
    display: table;	
}
.header.public-header .header-main.container h1{
    font-family: Helvetica35Thin, "Open Sans";
}
.header.public-header .header-main.container .logo a:hover,
.header.public-header .header-main.container .logo a:active,
.header.public-header .header-main.container .logo a:link,
.header.public-header .header-main.container .logo a{
	color: #fff;
}
.header.public-header .header-main.container .logo .logo-subtitle {
	vertical-align: -5px;
}
.header.public-header .header-main.container:after {
    right: 0;
    bottom: -4px;
    height: 4px;
    background-color: #fff;
    position: absolute;
    content: " ";
}

@media (min-width:1200px){ 
	.header.public-header .header-main.container #logo-fragment-1 {height : 30px; margin-right: 130px;} 
	.header.public-header .header-main.container .logo .logo-subtitle {font-size: 23px;} 
	.header.public-header .header-main.container:after {width: 856px;} 
}
@media (min-width:992px) and (max-width:1199px){ 
	.header.public-header .header-main.container #logo-fragment-1 {height : 30px; margin-right: 130px;} 
	.header.public-header .header-main.container .logo .logo-subtitle {font-size: 22px;} 
	.header.public-header .header-main.container:after {width: 657px;} 
}
@media (min-width:768px) and (max-width:991px){
	.header.public-header .header-main.container #logo-fragment-1 {height : 25px; margin-right: 46px;}
	.header.public-header .header-main.container .logo .logo-subtitle {font-size: 21px; vertical-align: -4px;} 
	.header.public-header .header-main.container:after {width: 547px;}
	.logo {
    	text-align: left;
	}
}
@media (max-width: 767px){ 
	.header.public-header .header-main.container #logo-fragment-1 {height : 20px; margin-right: 14px;} 
	.header.public-header .header-main.container .logo .logo-subtitle {font-size: 18px; vertical-align: 0px;}
	.header.public-header .header-main.container > h1 {padding-bottom:13px;} 
	.logo {
    	text-align: left;
	}
}
@media (min-width:584px) and (max-width: 767px){ 
	.header.public-header .header-main.container {width: 566px;}
	.header.public-header .header-main.container:after {width: 424px;}
}
@media (min-width:400px) and (max-width:583px){ 
	.header.public-header .header-main.container {width: 400px;}
	.header.public-header .header-main.container:after {width: 255px;}
}

@media (max-width:399px){ 
	.header.public-header .header-main.container:after {width: 106px;}
}

/* End CR Change logo */

.header .contact p, .header .contact p a, .header .contact .fa{
    color: #AAA;
    font-size: 15px;
}
.header .contact .fa{
    color: #FFF;
    font-size: 15px;
}
.header .menu-top li a {
    color: #dce7f0;
}
.header .menu-top li a:hover, 
.header .menu-top li a:focus, 
.header .menu-top li.active a {
    color: #fff;
}
.header .menu-top li.basket-menu a.has-content{
	color: #fff;
}
.header .menu-top li.basket-menu a.has-content:hover{
	color: rgb(247, 202, 23);
}
#message-area a {
	text-decoration: underline;
}
.basket-menu i{
	font-size: 16px;
    vertical-align: middle;
}
.basket-menu span.badge{
	background: rgb(247, 202, 23);
    color: rgb(14, 40, 76);
    font-size: 11px;
    font-weight: bold;
    padding: 1px 7px;
}
.basket .well {
    padding: 20px;
}
.info .img-responsive {
    border-radius: 5px;
	margin: 3px 5px;
}

/** Navigation **/
.main-nav {
    background: #0e284c;
    padding-top: 15px; /* CR Change logo */
}

.main-nav .nav .nav-item.open a,
.main-nav .nav .nav-item  .dropdown-menu a, 
.main-nav .nav .nav-item > a:hover{
    background: #0d5881;
}

.main-nav .nav .nav-item.active > a,
.main-nav .nav .nav-item.active.open > a 
.main-nav .nav .nav-item.active > a:hover {
    background: #f7ca17;
}

.header .social-icons a:hover {
    background: #3E6A8F;
	color: #4E6A8F;
}

/** content container */
.content.container {
    min-height: 380px;
}

/** slider **/
.flexslider .slides .flex-caption .secondary {
    background: #0d5881;
}
.flexslider .slides .flex-caption .main {
    background: #f7ca17;
}
#promo-slider .slides img{
	max-height: 350px;
	min-height: 150px;
}
.box.box-dark {
    background: #0E284C;
}
.box.box-dark a:hover{
    color: #FFF;
}
/** Carousel **/
.home-page .carousel-controls a .fa:hover {
    background: #F2C91F;
}

.home-page .promo p {
	text-align: justify;
}

/** links **/
a:hover {
	color: #0e284c;
}
a.read-more .fa, .page-wrapper a.read-more .fa {
    color: #F2C91F;
}

/** Buttons **/
.btn-theme:hover, .btn-theme:focus{
    background: #F7CA17;
    border: 1px solid #F7CA17;
}
a.btn-cta, .btn-cta, a.btn-cta:hover, .btn-cta:hover{
    background: #F7CA17;
    border: 1px solid #F7CA17;
    color: #fff;
}
.btn.btn-yellow{
	background: #F7CA17;
	color: #FFF;
}
.btn-radius{
	border-radius: 50px;
}
a.btn > i.fa, ul li a.btn > i.fa {
	color: #FFF;
	margin-left: 5px;
} 
.date-label .month {
    background: #f3c91f;	
}
#topcontrol:hover {
    background: #F2C91F;
}

/** Section / Widget **/
section .widget{
	background: none;
}
.home-page section, .box {
    background: #fafafa;
}
.box.no-bg {
    background: none;
}
/** Sign in form **/
.signin-form{
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    float: left;
    margin-bottom: 5px;
    padding: 7px;
}
.signin-form form {
    padding: 0;
}
.signin-form .form-group-sm {
    float: left;
    font-size: 12px;
    margin-right: 0;
    padding: 0 5px;
}
.signin-form label {
    color: #0d5881;
}
.signin-form .form-control {
    padding: 2px 6px;
    border-radius: 0;
    height: 25px;
    box-shadow: none;
    font-size: 11px;
}
.signin-form .btn{
    font-size: 12px;
    height: 25px;
    margin-top: 22px;
    padding: 3px;
}
.top-bar ul.nav {
    margin: 7px 5px;
}
.top-bar .nav li{
    position: relative;
    display: inline-block;
}
span.separator{
    border-right: #0D5881 solid 1px;
	display: inline;
}
.top-bar .nav li > a{
	cursor : pointer;
	font-size:11px;
}
.top-bar a > .fa, .main-nav a > .fa{
	margin-right : 5px;
	font-size:14px;
}
.top-bar .nav li.active > a::after {
    top: 13px;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 12px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    color: #FFF;
}
.social-icons li {
    float: right;
    list-style: none;
}

/* Company sub nav */
.company-sub-nav {
    padding-bottom: 20px;
    padding-top: 20px;
	margin-bottom : 30px;
}
.company-sub-nav .container {
    margin-top: -20px;
}
.company-sub-nav .section {
    min-height: 40px;
    margin-bottom: 0;
}
.company-sub-nav .section-wrapper > section {
    min-height: 200px;
}
.company-sub-nav .section.courses  .profile {
    margin-top: 10px;
	border-radius: 50%;
}
.company-sub-nav .section.courses blockquote {
    margin-bottom: 5px;
}
.company-sub-nav .section.courses .item {
    margin-bottom: 8px;
}
.company-sub-nav article {
    border-bottom: 1px solid #ebebeb;
    padding: 3px 0;
}
.company-sub-nav article .details.row {
    font-size: 12px;
    font-weight: 500;
}
.company-sub-nav article .date {
    color: #666;
    font-size: 11px;
    font-weight: 600;
}
.company-sub-nav .heading-link {
    font-size: 12px;
    margin-top: 5px;
}
.company-sub-nav .heading-link .fa {
    color: #aaaaaa;
    margin-right: 5px;
}
.company-sub-nav .section.upload .section-content i {
    background: #f7ca17 none repeat scroll 0 0;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    font-size: 3em;
    height: 60px;
    margin: 35px 0;
    padding: 7px;
    text-align: center;
    width: 60px;
}
.home-page .company-sub-nav h1.section {
    height : 170px;
}
.home-page .company-sub-nav .section h1.section-heading .line {
    border-top: 2px solid #f7ca17;
    display: inline-block;
    font-size: 17px;
    text-transform: uppercase;
}
.home-page .company-sub-nav .carousel .item{
    min-height: auto;
}
.company-sub-nav .section.upload .section-content {
    text-align: center;
}
.home-page .company-sub-nav .section.courses  a  > .fa {
	font-size: small;
}
.page-wrapper .page-content h4 {
    font-size: 18px;
    font-weight: normal;
}
.wrapper .band {
	margin-left: 0;
	margin-right: 0;
}
.home-page .gallery-wrapper  {
   padding : 25px 0;
}
.gallery-wrapper .row.page-row {
    margin-bottom: 0;
}
.gallery-wrapper header .heading-link {
    padding-top: 25px;
    margin-bottom: 5px;
}
.gallery-wrapper header .heading-link a{
    font-size: 12px;
}
.gallery-wrapper header a .fa {
    color: #aaaaaa;
    margin-right: 5px;
}
.gallery-wrapper .desc {
    background: #FFF;
}
.gallery-wrapper .desc .summary{
    height: 53px;
    word-wrap: break-word;
    overflow: hidden;
    margin-bottom: 0;
}
.gallery-wrapper .desc a {
    font-size: 18px;
}
.content .gallery-wrapper .img-responsive {
    height: 140px;
    width: 100%;
}
.content .gallery-wrapper .teacher {
    background: #fafafa none repeat scroll 0 0;
    margin-bottom: -15px;
    padding-top: 10px;
    height: 72px;
    overflow: hidden;
}
.teacher .profile {
    font-size: 10px;
    height: 50px;
}
.teacher .teacher-profile-wrapper {
	display: inline-block;
	max-height: 50px;
	max-width: 50px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	margin-right: 11px;
}
.content .gallery-wrapper .carousel-controls {
    margin-bottom: 10px;
    margin-top: -15px;
    text-align: right;
}
.company-sub-nav > .container {
    padding: 0;
}
.company-sub-nav > .container > .section-wrapper {
    padding: 0 10px;
}
.company-sub-nav .carousel-controls {
    margin-top: 25px;
}

/* Course list */
.course-item-header .row .row > div {
    font-size: 12px;
    padding: 0 2px;
    text-align: center;
}
.course-item-header .col-header, .course-item .col-content {
    text-align: center;
	padding: 0;
}
.course-item .col-title {
    text-align: left;
}
.course-item .col-content.actions > a {
    margin: 0 5px;
}
.course-item  .col-content.actions  a > i {
    margin: 5px;
    vertical-align: bottom;
}

/* Accordion */
.panel-group {
    list-style: outside none none;
}
.panel-group  .panel.panel-default{
	border : none;
	box-shadow: none;
	background: #fcfcfc none repeat scroll 0 0;
	margin-bottom: 1px;
}
.panel-group .panel .panel-heading.section {
    background: #eee none repeat scroll 0 0;
}
.panel-group .panel .panel-heading {
    background: #eee none repeat scroll 0 0;
}
.panel-group .panel + .panel {
    margin: 0;
}
.panel-group .panel .panel-heading .panel-title a {
    color: #0D5881;
    line-height: 25px;
}
.panel-group .panel .panel-heading .panel-title a::before,
.panel-group .panel .panel-heading .panel-title a.collapsed::before {
    content: "";
}
.panel-group .panel.panel-default .panel-body{
	border: none;
}
.panel-group .panel.panel-default .panel-body  ul.panel-body-section {
    list-style: outside none none;
	margin-bottom: 10px;
}
.panel-group .panel.active .panel-title {
    font-weight: 500;
}
.panel-group .panel.active .panel-heading {
    border-left: 2px solid #6091ba;
}
.panel-group .panel.panel-default .panel-body .panel-body-sub > a {
    color: #666;
}
.panel-body .panel-body-sub .fa{
    color: #DDD;
    margin-right: 8px;
}
.panel-body .panel-body-sub a.active .fa {
    color: #F2C91F;
}
/*.panel-group .panel-body-sub */
.page-wrapper ul.nav li.panel-body-sub {
    margin-bottom: 10px;
}
.panel.panel-default.fixed .panel-heading {
    background: #0d5881;
}
.panel.panel-default.fixed .panel-heading .panel-body-section > a {
    color: #fff;
}

/* DataTable */
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
	background-color : #fff;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #f5f5f5;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer {
	border-bottom: 1px solid #ddd;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td{
	border-top: 1px dotted #e8e8e8;
}

.datatable-top-options-wrapper {
	margin-bottom: 3px;
}
.datatable-top-options-wrapper label {
	margin-bottom: 0px;
	vertical-align: sub;
	font-weight: normal;
}
.dataTables_wrapper .dataTables_processing { 
	background: #fff;
    display: block;
    height: 34px;
    margin-top: -17px;
    padding-top: 8px;
}
.dataTables_filter input[type=search], .dataTables_length select{
	border: solid 1px #ccc;
}
@media (max-width: 767px) {
	.dataTables_wrapper .dataTables_processing { 
	    margin-top: -34px;
	}
}
table.dataTable thead th.dt-body-center {
	text-align: center;
}
table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 600;
}
table.dataTable em {
    font-size: 12px;
}

/* Form */
label {
	font-weight: 600;
}
.form-control {
	font-size: 13px;
}
span.required {
    color: #e14b39;
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
}
.form-theme-1 textarea.form-control {
	resize: none;
}
.form-theme-1 textarea.rows-2{
	height: 107px;
}
.form-theme-1 input[type="file"] {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 34px;
}

form .form-error{
	color: #DF4847;
    padding-left: 5px;
    margin-top: 5px;
    vertical-align: middle;
    list-style: none;
}
.error{
	color: #DF4847;
    padding-left: 5px;
    list-style: none;
}
.page-wrapper ul li .fa.fa-warning {
	color: #DF4847;
}
form .form-widget-error{
	border: #DF4847 solid 1px;
}
/* Custom Select2 */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-color: #cccccc;
    border-radius: 0;
}
.select2-container .select2-selection--single {
    height: 34px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.select2-container--default .select2-selection--multiple {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.select2-container .select2-selection--single:focus,
.select2-container .select2-selection--single:active,
.select2-container .select2-selection--multiple:focus,
.select2-container .select2-selection--multiple:active{
    border-color: #6091ba;
    box-shadow: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--multiple .select2-selection__arrow b{
    margin-top: 1px;
}
.select2-container--open .select2-dropdown--below{
	border-radius: 0;
	border-color: #6091ba;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    line-height: 21px;
    margin-bottom: 0;
}
.select2-container .select2-selection--multiple {
    height: 34px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #6091ba;
}
.assign-angle {
	text-align: center;
}
.assign-angle i{
	color: #ccc;
    font-size: 140px;
    margin-bottom: -10px;
    margin-top: -35px;
}

/* teachers carousel */
.home-page #promo-slider {
	overflow: hidden;
}
.home-page .carousel-container {
  position: relative;
}
.home-page .carousel-container .carousel-controls {
  position: absolute;
  right: 10px;
  top: 10px;
}
.home-page .carousel-container h2.title {
  font-size: 18px;
  margin-top: 0;
}
.home-page .carousel-container h2.title a {
  color: #444444;
}
.home-page .carousel-container h2.title a:hover {
  color: #365d7e;
}
.home-page .carousel-item {
  padding-left: 115px;
  position: relative;
  margin-bottom: 20px;
}
.home-page .carousel-container .thumb {
  position: absolute;
  left: 0;
  top: 0;
}
.carousel-item .title{
  margin-top: 0;
}
.carousel-item .description {
    max-height: 57px;
    overflow: hidden;
}
/* companies carousel */
.home-page .companies-carousel {
  background: #fff;
}
.home-page .companies-carousel .logos {
  margin: 0;
  padding: 0;
}
.home-page .companies-carousel .logos li {
  list-style: none;
  margin-right: 0;
  text-align: center;
  line-height: 90px;
  vertical-align: middle;
}
.home-page .companies-carousel .logos li img {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  margin: 0 auto;
  max-width: 64px;
  max-height: 64px;
  display: inline-block;
}
.home-page .companies-carousel .logos li img:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.home-page .companies-carousel .carousel-control {
  background: none;
  width: auto;
  top: 20px;
  text-shadow: none;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.home-page .companies-carousel .carousel-control .fa {
  color: #e8e8e8;
  font-weight: bold;
}
.home-page .companies-carousel .carousel-control:hover .fa {
  color: #999;
}
.form-control-2 {
    color: #555;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    height: 34px;
    line-height: 1.42857;
   /* padding: 6px 12px;*/
    width: 100%;f
}
/*select {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid silver;
    color: #555;
    display: block;
    float: left;
    font-size: 14px;
    height: 33px;
    line-height: 34px;
    margin-bottom: 5px;
    padding: 5px 36px;
}*/
input[type="checkbox"].remember-me {
	margin-top: 1px;
}
.style-panel {
    font-size: 12px;
    margin-left: 5px;
    font-weight:bold;
}
.box-kpi {
    border: 1px solid #3980b5;
    border-radius: 3px;
    height: 116px;
    width: 100%;
}
.box-nb {
    background-color: #3980b5;
    float: left;
    height: 79px;
    width: 100%;
}
.box-view {
    background-color: #f5f5f5;
    float: left;
    height: 35px;
    width: 100%;
}
.taille {
    color: #fff;
    font-size: 70px;
    padding: 5px;
}
.span-user {
    color: #fff;
    float: right;
    font-size: 33px;
    padding-top: 3px;
}
.span-user-2 {
    color: #fff;
    float: right;
    font-size: 13px;
}
.span-user-3{
    color: #3980b5;
    line-height: 32px;
    font-size: 14px;
}
.no-padding {
    padding: 0;
}
.flech-user {
    color: #3980b5;
    float: right;
    font-size: 16px;
    line-height: 32px;
}
#chart{
  height:205px;
}
.company-logo a{
	color: #dce7f0;
	margin-right: 10px;
	width: auto;
}
.company-logo img {
 	display: inline-block;
    font-size: 11px;
    max-height: 60px;
    max-width: 100px;
    min-height: 60px;
    vertical-align: middle;
    width: auto;
}
.company-logo > div {
    font-size: 25px;
    height: 60px;
}
.header-main.container.loggedin .social-icons ul{
	margin-bottom: 0;
}
.add-margin{
	margin-top: 10px;
	margin-bottom: 10px;
}
.add-margin-bottom{
	margin-bottom: 10px;
}
.add-margin-left{
	margin-left: 5px;
}

.free {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
}
.course-item .free{
    margin: 15px 0;
    display: inline;
}
.price{
	color:#d00077;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}
.leftside{
	float:left;
}
.rightside{
	float:right;
}
.teacher-profile{
	margin-left:15%;
}
.price-td{
	text-align: center;
    width: 10%;
}
.price-tfoot{
	padding-left: 38px;
}
.weight{
	font-weight:bold;
}
.cart-td-width{
	width: 45%;
}
.input-height {
    height: 36px;
    line-height: normal;
  
}
.input-height-2 {
    height: 36px;
    line-height: normal;
    float:left;
}
.cart-labs{
	line-height: 40px;
    margin-left: 5px;
}
.align{
	text-align:right;
}
*/
/** Text color **/
.text-blue{color: #6091ba;}
.text-yellow{color: #F7CA17;}
.text-green{color: #5cb85c;}
.text-black, i.fa.text-black{color: #000;}
.text-grey-777, i.fa.text-grey-777{color: #777;}
.text-error{color: #df4847;}
button.disabled i.fa.text-black {color: #ccc;}

.modal-fa {
	font-size: 25px;
    margin-right: 10px;
    vertical-align: middle;
}

/** SMALL KPI BOX **/
.small-box {
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    display: block;
    margin-bottom: 5px;
    position: relative;
}
.small-box > .inner {
    padding: 10px;
}
.small-box h3 {
    font-size: 38px;
    margin: 0 0 10px;
    padding: 0;
    white-space: nowrap;
}
.small-box p {
    font-size: 15px;
}
.small-box p > small {
    color: #f9f9f9;
    display: block;
    font-size: 13px;
    margin-top: 5px;
}
.small-box .icon {
    color: rgba(0, 0, 0, 0.15);
    font-size: 90px;
    position: absolute;
    right: 10px;
    top: -10px;
    transition: all 0.3s linear 0s;
    z-index: 0;
}
.small-box:hover .icon {
    font-size: 95px;
}
@media (max-width: 767px) {
	.small-box {
	    text-align: center;
	}
	.small-box .icon {
	    display: none;
	}
	.small-box p {
	    font-size: 12px;
	}
}
/** Flot Chart **/
.chart {
	min-height: 200px;
	min-width: 200px;
	margin: 20px 0 15px 0;
}
#pie-chart-wrapper, #bar-chart-wrapper {
	min-height: 200px;
}
#pie-chart-wrapper .no-data-msg{
	margin-left: 16px;
    margin-top: 15px;
}
#pie-chart-wrapper .loader, #bar-chart-wrapper .loader {
	position: absolute;
	top: 70px;
}
#pie-chart-wrapper .no-assignments-message {
	text-align: center;
	margin: 20px 0 auto;
	display: none;
}
.loader-64x64 {
	background: url('/bundles/common/images/loader-64x64.gif') no-repeat center center;
    height: 100px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.loader-24x24 {
	display: inline-block;	
	background: url('/bundles/common/images/loader-24x24.gif') no-repeat center center;
    height: 30px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.loader-horizontal {
	background: url('/bundles/common/images/ajax-loader-horizontal.gif') no-repeat center center;
	display: inline-block;
    height: 10px;
    width: 30px;
}
/** Course overview **/
.course-overview {
    margin-bottom: 0;
}
.course-overview .content.container {
    min-height: auto;
}
.large-box{
    background: #FAFAFA;
    border-top: solid 1px #F8F8F8;
    border-bottom: solid 1px #F8F8F8;
}
.course-overview.large-box{
    padding: 35px 0;
    margin-bottom: 60px; 
}
@media (max-width: 767px) {
	.course-overview.large-box aside section { 
	    text-align: center;
	}
}
.course-overview .featured-image {
    margin-top: 20px;
}
.course-overview .overview-title-wrapper {
    position: absolute;
    background: #0d5881 none repeat scroll 0 0;
    margin: 15px;
}
.course-overview .overviw-title {
    color: #fff;
    margin: 10px 15px;
}
.course-overview .description {
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
}
.course-overview .page-sidebar .people {
	line-height: 23px;
}
.course-overview .widget.purchase{
    margin-bottom: 10px;
}
.course-overview .widget.purchase h6 {
    line-height: 17px;
}
.course-overview .widget.purchase > div,
.course-overview .widget.take-exam {
    text-align: center;
}
.course-overview .widget.purchase .btn {
    font-size: 15px;
    font-weight: 600;
    padding: 12px 0;
    width: 100%;
}
.course-overview .widget.purchase .fa  {
    bottom: 3px;
    color: #444;
    font-size: 26px;
    position: relative;
}
.course-overview .widget.features .fa, .widget.features .fa {
    color: #F7CA17;
    font-size: 16px;
    margin-right: 15px;
}
.course-overview .widget.features h3, .widget.features h3 {
    border-top: 2px solid #6091ba;
    display: inline-block;
    padding-top: 10px;
}
.course-overview .widget.features > ul, .widget.features > ul{
   list-style: none;	
}
.course-overview .widget.features > ul li, .widget.features > ul li{
    font-size: 13px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #e8e8e8;
    padding: 4px 0;
}
.course-overview .widget.features > ul li.last, .widget.features > ul li.last {
	border-bottom: none;
}
.course-overview .widget.features label, .widget.features label{
    font-weight: 600;
    width: 155px;
}
.course-overview .tree-wrapper ul{
	padding-left: 0; 
}  
.course-overview .tree-wrapper .panel-group .panel.panel-default {
    background: none;
}
.course-overview .tree-wrapper .panel-group .panel .panel-heading, 
.course-overview .tree-wrapper .panel-group .panel .panel-heading.section {
    background: none;
    border-bottom: 1px solid #eee;
    padding: 15px;
}
.course-overview .tree-wrapper .panel-title > a {
    line-height: 25px;
}
.home-page.course-overview section {
    background: none;
}

/** Available courses **/
.album-cover h4 a {
	color: #000;
	display: inline-block;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content .gallery-wrapper .teacher .name {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media (max-width: 768px) {
  .album-cover h4 a {
    width: 350px;
  }
}
@media (max-width: 992px) {
  .album-cover h4 a {
    width: 315px;
  }
}
@media (min-width: 992px) {
  .album-cover h4 a {
    width: 260px;
  }
  .content .gallery-wrapper .teacher .name {
	width: 130px;
  }
}
@media (min-width: 1200px) {
  .gallery-wrapper .album-cover h4 a {
    width: 223px;
  }
  .courses-carousel .album-cover h4 a {
    width: 328px;
  }
  .content .gallery-wrapper .teacher .name {
	width: 175px;
  }
}
.album-cover h4 a:hover {
	color: #6091ba;
}
.album-cover .desc .has-divider > p,
.album-cover .desc .teacher .title {
	color: #aaa;
	font-size: 12px;
	min-height: 34px;
}
.album-cover .desc .purchase a {
	font-size: 12px;
}
.album-cover .desc .purchase a:hover {
	text-decoration: underline;
}
.album-cover .desc .purchase .price {
	color: #3c3f40;
    font-size: 21px;
    font-weight: 300;
	float: right;
}
.album-cover .desc .purchase {
    height: 50px;
    line-height: 50px;
}
.box.tag {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 10px;
    text-transform: uppercase;
}
.purchased-tag.box.tag {
    background: #f7ca17;
}
.free-tag.box.tag {
    background: #5CB85C;
}
.assigned-tag.box.tag {
    background: #0E6CB0;
}
.album-cover .box.tag {
    position: absolute;
    right: 8px;
    top: 10px;
    z-index: 2;
}
.album-cover .version {
    bottom: 25px;
    color: #999;
    font-size: 11px;
    position: relative;
    right: 18px;
    z-index: 3;
}
.album-cover .version > span{
    background: #000 none repeat scroll 0 0;
    color: #fff;
    opacity: 0.7;
    padding: 3px 8px;
}
/** Filter available courses */
.box.box-filter h5.box-heading{
	color: #555;
    font-size: 15px;
    font-weight: 500;
    margin: 5px 0 20px;
    text-align: center;
    text-transform: uppercase;
}
.box.box-filter form.search input.form-control {
    border-right: medium none;
    box-shadow: none;
    font-size: 13px;
    font-weight: 300;
}
.box.box-filter input.form-control:focus {
    border-color: #ccc; 
}
.box.box-filter .input-group-addon {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    color: #F7CA17;
}
.box.box-filter .help-block {
    color: #ababab;
    font-size: 12px;
    font-weight: 300;
}
.box.box-filter section {
    margin-bottom: 20px;
}
.box.box-filter section > label {
    color: #555;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 12px;
}
.box.box-filter form label {
    color: #888;
    font-size: 13px;
    margin-right: 3px;
    font-weight: 300;
}
.box.box-filter .form-control.input-sm {
    max-width: 50px;
}
/** Order **/
section.order {
	background: none;
}

@media (min-width: 767px) {
	.order-info {
		border-bottom: 1px dotted #ddd;
	}
}

input.basket-quantity-input {
	height: 25px;
    width: 68px;
    padding: 0px 1px 0px 5px;
}
input.basket-quantity-input[readonly="readonly"] {
    background-color: #fff;
}
select.basket-quantity-select {
	height: 28px;
    padding: 0 1px 0 5px;
    width: 80px;
}
input.input-error {
	border: 1px solid #df4847 !important;
	color: #df4847 !important;
}
#basket-quantity-form .row1{
	border-bottom: 1px solid rgb(238, 238, 238);
	padding-bottom: 8px;
}
#basket-quantity-form .col-label{
	padding-left: 0;
}
#basket-quantity-form .buttons{
	text-align: center;
}
.basket-promo-wrapper {
	border: 2px dashed rgb(225, 225, 225);
	margin-right: 0px;
	margin-left: 0px;
}
.basket-promo-wrapper.expanded {
	padding-bottom: 25px;
}
.basket-promo-title {
	margin-top: 10px;
	height: 40px;
	cursor: pointer;
}
.basket-promo-wrapper.expanded .basket-promo-title {
	border-bottom: 2px dashed rgb(225, 225, 225);
}
.basket-promo-wrapper.collapsed .basket-promo-content {
	display: none;
}
.basket-promo-control{
	margin: 6px 0;
}
.basket-promo-content{
	margin-top: 30px;
}
.basket-promo-desc {
	border-right: 2px dashed rgb(225, 225, 225);
	padding-left: 0px;
}

.popover-overlay {
    bottom: 0;
    left: 0;
    outline: 0 none;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}

/** Course display **/
.course-display .course h1 { font-size: 24px; color: #0d5881; background: #fafafa; padding: 15px;  border-left: 2px solid #6091ba;}
.course-display .course h2 { font-size: 22px; color: #6091ba; margin-left:5px;  margin-top: 30px; }
.course-display .course h3 { font-size: 20px; margin-left:25px; margin-top: 20px; }
.course-display .course h4 { font-size: 18px; margin-left:45px; margin-top: 20px; }
.course-display .course h5 { font-size: 16px; margin-left:60px; margin-top: 20px; }
.course-display .course h6 { font-size: 15px; margin-left:70px; margin-top: 20px; }

.course-display .course .chapter ul { display: inline-block; max-width: 100%; }
/*.course-display .course .chapter li { display: inline-block; }*/
.course-display .course p {line-height: 26px; }
.course-display .course ul { list-style: none; padding-left: 0;}
.course-display .course .summary h2 { font-size: 30px; color: #000; margin-left:0;  margin-top: 20px; margin-bottom: 20px;} 
.course-display .course .chapter img { max-width: 100%; }

.course-display .course .quiz {
    margin-bottom: 50px;
}
.course-display .course .quiz .quiz-link {
    background: #edf7fc;
    margin-top: 30px;
    padding: 15px;
    cursor: pointer;
}
.course-display .course .quiz .quiz-content {
    background: #fcfcfc none repeat scroll 0 0;
    padding: 10px 20px 20px;
    display: none;
}
.course-display .course .quiz .choices{
    background: none;
}
.course-display .course .quiz .choices .form-group:last-child{
    margin-bottom: 0;
}
.course-display .course .quiz .question {
    border-bottom: 1px solid #eee;
    padding-bottom: 25px;
}

/* contents table */
.summary-chapter .panel-body {
    display: none;
}
.summary-chapter.active .panel-body {
    display: block;
}

.exam .choices label {
    padding-left: 5px;
    vertical-align: middle;
}
.timer-seconds {
    position: absolute;
    left: 31px;
    top: 13px;
}
.course-display .course .quiz .question:last-child {
    border-bottom: none;
}
.course-display .course .quiz.open .quiz-content {
    display: block;
}
.course-display .course .quiz .loader {
    display: none;
}
.course-display .course .quiz  .quiz-link .fa {
    color: #6091ba;
    font-size: 22px;
    margin-right: 10px;
    vertical-align: sub;
}
#result-modal .promo-badge a:hover
.exam-result  .promo-badge a:hover {
    color: #fff;
    cursor: default;
}
#result-modal .modal-body-content{
	display: none;
}
#result-modal #result-error{
	display: none;
}
#result-modal .modal-body-content .promo-badge
.exam-result .promo-badge{
	margin-bottom: 0;
    display: inline;
}
#result-modal .modal-body-content .promo-badge .desc
.exam-result .promo-badge .desc{
	color: #fff;
}
#result-modal .modal-body-content .result-msg, 
.exam-result .result-msg{
	display: none;
    line-height: 25px;
    margin: 30px 0;
    padding-right: 0;
}
.exam-result .result-msg{
	margin-top: 20px;
	display: block;
	margin-bottom: 0;
}
.exam-result .retake-exam-link {
    margin-left: 15px;
}
.course-display .take-exam-button {
    display: none;
}
.course-display > div, .course-display > aside {
    margin-bottom: 40px;
}
#course-tree {
    position: relative;
    width: 360px;
}
#course-tree-affix {
	width: 360px;
	z-index: 100;
}
@media (min-width: 1200px) {
	#course-tree-affix.affix {
	    position: fixed;
	    top: 10px;
	}
}
@media (max-width: 1200px) {
	#course-tree-affix.affix {
	    position: relative;
	    width: 100%;
	}
	.course-display, #course-tree {
		width: 100%;
	}
}
#course-tree-affix.affix-bottom {
	position: absolute;
}
.course-display .course .chapter{
	display: none;
} 
.course-display .course .chapter.active{
	display: block;
} 

#course-attachment-list {
	margin-left: 20px;
}
.course-display .course .ckeditor-content ol, 
.course-display .course .ckeditor-content ul, 
.course-display .course .ckeditor-content dl {
	display: block;
	list-style-type: disc; 
	list-style-position: inside; 
    padding: 0 40px;
}
.course-display .course .ckeditor-content ol ol, 
.course-display .course .ckeditor-content ul ul, 
.course-display .course .ckeditor-content dl dl{
	display: block;
	list-style-type: circle; 
	list-style-position: inside; 
    margin-left: 15px; 
}
.course-display .course .ckeditor-content ol ol ol, 
.course-display .course .ckeditor-content ul ul ul, 
.course-display .course .ckeditor-content dl dl ul{
	display: block;
	list-style-type: square; 
	list-style-position: inside; 
    margin-left: 15px; 
}


/** Exam overview **/
.exam-overview h5 {
    color: rgb(225, 39, 41);
    margin-bottom: 30px;
}
.exam-overview .list-inline {
    margin-top: -25px;
    margin-bottom: 30px;
}
.exam-overview .list-inline > li {
    border-right: 1px dotted #ccc;
    margin-bottom: 0;
    padding: 10px 20px;
    font-weight: 300;
    line-height: 32px;
}
.exam-overview .list-inline > li.last {
    border-right: medium none;
}
.exam-overview .list-inline > li > i {
    color: #f7ca17;
    font-size: 29px;
    margin-right: 10px;
    vertical-align: middle;
}
.exam-overview .list-inline > li > button > i {
    color: #fff;
}

/** Exam display **/
.exam-display {
    min-height: 400px;
}
.exam-display .exam {
	margin-top: 20px;
}
.exam section.question{
	padding-left: 30px;
	margin-bottom: 30px;
}
.exam-display .exam section.question{
	display: none;
}
.exam-display .exam section.question.current-question{
	display: block;
}
.exam-display .exam section > h3{
    margin-bottom: 20px;
}
.exam-display .exam p{
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 40px;
}
.exam-display .exam section  h4{
	margin-bottom: 20px;
}
.exam-display .exam .choices {
    margin-bottom: 40px;
}
.exam-display .exam .choices .form-group {
    margin-bottom: 10px;
}
.exam-display .exam .choices label {
    font-size: 14px;
    font-weight: 400;
}
.exam-display .exam .choices input{
    margin-right: 5px;
}
.exam-display > div, .exam-display > aside {
    margin-bottom: 40px;
}
.exam-display .btn.pull-left .fa {
    margin-right: 5px;
}
.exam-display .btn.pull-right .fa {
    margin-left: 5px;
}
.exam-display .panel-body-section .fa {
    font-size: 16px;
    vertical-align: text-bottom;
}
.exam-display .panel-body a.answered .fa  {
	color: #5CB85C;
}
.exam-display .progress-panel .widget {
	font-size: 14px;
    font-weight: 300;
    padding: 0;
	margin: 43px 0;	
}
.exam-display .progress-panel .widget .fa  {
	color: #F2C91F;
}
.exam-display #previous, .exam-display #validate  {
	display: none;
}
.btn.btn-default .fa {
    color: #bbb;
}
img.gallery {
	height: 140px;
    width: 100%;
}
.no-margin {
	margin: 0;
}
.purchase-modal .widget.features ul{
	margin-top: 13px;
    padding-left: 0;
}
.purchase-modal .free-course-tag, .purchase-modal .free-assignment-tag {
	display:none;
}
.purchase-modal .assignments-title {
	border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-bottom: 20px;
    margin-top: 27px;
}
.purchase-modal input#assignments-quantity.purchase {
	height: 25px;
    margin-left: 15px;
    max-width: 60px;
    padding-bottom: 0;
    padding-top: 0;
}
.purchase-modal .assign-price-help-block {
	font-size: 11px;
}
.purchase-modal .help-block {
	color: #888;
    font-size: 12px;
    margin-right: 54px;
    margin-top: 6px;
}
.page-heading.heading-title.has-divider {
	font-weight: 300;
}

/** Storage **/
.btn-app {
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #666;
    font-size: 12px;
    height: 79px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    padding: 15px;
    position: relative;
    text-align: center;
}
a.btn-app > i.fa, a.btn-app > i.glyphicon, a.btn-app > i.ion {
    display: block;
    font-size: 20px;
    color: #666;
    font-size: 28px;
    text-align: center;
}
.btn-app > span {
	line-height: 24px;
}
.purchase-storage-row {
	border-bottom: 1px dotted #eee;
	margin: 12px;
	padding-bottom: 13px;
}
.purchase-storage-row em {
	font-size: 12px;
}
.browse-storage-file-input {
	cursor: pointer;
    font-size: 27px;
    height: 36px;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: -1px;
    width: 123px;
    z-index: 100;
}
#upload-new-file-bt-wrapper {
	position: relative;
}
.storage-accepted-types {
	font-size: 12px;
    margin-top: 10px;
}
.remove-file-loader {
	height: 70px;
}
#datatable-files_wrapper .dataTables_processing {
	height: 60px;
}
.usage-bar-label-wrapper {
	padding-left: 0;
}
.purchased-offer {
	font-size: 10px;
    margin-left: 12px;
    vertical-align: middle;
}
.btn-app-storage {
	min-width: 200px;
	margin-left: 0;
}
.text-size-14 {
	font-size: 14px;
}
.home-page .section-content {
	position: relative;
}
.company-sub-nav .section.upload .section-content.hover i{
    border-radius: 50px;
    font-size: 45px;
    height: 70px;
    margin: 30px 0;
    width: 70px;
    padding: 10px;
}
.company-sub-nav .section.upload .section-content.uploading i{
	background-color: #5cb85c;
    border-radius: 50px;
    font-size: 45px;
    height: 70px;
    margin: 30px 0;
    width: 70px;
    padding: 10px;
}
.quick-browse-storage-file-input {
    cursor: pointer;
    font-size: 100px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 100;
}
#quick-upload-progress-bar-wrapper {
	height: 3px;
	margin-bottom: 0;
}
#quick-upload-wrapper .uploading-percent{
	padding-top: 24px;
	font-size: 20px;
	padding-left: 14px;
}
.btn-submit-course-search {
	background-color: #f4f4f4;
    border: 1px solid #e9e9e9;
    color: #777;
}
.course-gallery-loader {
	background-color: #f4f4f4;
    border: 1px solid #e9e9e9;
    height: 30px;
    width: 100%;
}
.form-theme-1 input[type="file"].default-browse {
	height: auto;
    left: auto;
    opacity: 1;
    padding: 4px;
    position: relative;
    top: auto;
    width: 100%;
}
.default-borwse-wrapper .btn{
	background: none;
}
.default-borwse-wrapper .btn i{
	color: #555;
	margin-right: 0;
}
.box.box-border.box-border-danger {
	border-left-color: #a94442;
}
.box.box-border.box-border-danger h2 {
	margin-top: 0px;
}
.print-show {
	display: none;
}

.storage-files .fa-file {
	color: #8ad5f5;
}
.storage-files .fa-folder {
	color: #FFB05C;
}
.storage-files .fa-level-up {
	color: #70B600;
}
#folder-name-label {
	text-align: left;
}
.btn-loading {
	padding-bottom: 4px;
    padding-top: 3px;
    padding-left: 7px;
}
.btn-loading .loader-24x24 {
	height: 25px;
    vertical-align: middle;
    width: 27px;
    margin-right: 7px;
}
#pathbar-container{
	color: #2c2c2c;
    font-size: 12px;
    padding-left: 0;
}
#pathbar-container li{
	list-style: none;
	display: inline-block;
	background: #ebebeb;
    height: 20px;
    line-height: 20px;
    margin: 0 3px 2px 0;
    padding: 0 5px 0 15px;
    position: relative;
    text-align: center;
}
#pathbar-container li a {
    color: #2c2c2c;
}
#pathbar-container li a:hover {
    color: #6091ba;
}
#pathbar-container li a::before{
    border-color: transparent transparent transparent #ffffff;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
#pathbar-container li a::after{
    border-color: transparent transparent transparent #ebebeb;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    z-index: 1;
}
#pathbar-container li:first-child a::before{
    display: none;
}
/* SURVEY */
#survey-header.clickable {
	cursor: pointer;
}
#survey-header.clickable:hover {
	text-decoration: underline;
}
/* Tooltip */
.tooltip ul {
	margin: 0;
    margin-left: 5px;
    padding: 6px 6px 6px 10px;
    text-align: left;
}
.tooltip.in {
	opacity: 0.95;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #f1d031;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #f1d031;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #f1d031;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #f1d031;
}
.tooltip-inner {
	background-color: #ffffa3;
    border: 1px solid #f1d031;
    color: #555;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}