#lecteur{
    font-family: 'Roboto', sans-serif;
    background: white;
}

.cl{
    clear: both;
}

.course-sidebar{
    width: 300px;
    max-width: 26%;    
    float: left;
    
    background: #f2f2f2;    
    border-right: 1px solid #D7DADB;
    margin-right: 2%;
    min-height: 600px;
    
}
.course-content{
    float: left;
    width: 680px;
    max-width: 68%;
    background: white;
    padding: 1%;
}

.course-content h2{
    color:#33414e;
    text-transform: uppercase;
    margin: 10px 0 15px 0;
}

.course-sidebar a.list-group-item{
    position: relative;
    display: block;
    padding: 10px 45px 10px 15px;
}

.course-sidebar a.list-group-item.active{
    background: #dddddd;
    color:#33414e;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    cursor: pointer;
}

.course-sidebar a.list-group-item.active:hover,
.course-sidebar a.list-group-item.active:active,
.course-sidebar a.list-group-item.active:focus{
    text-decoration: none;
    border-bottom: 1px solid #f2f2f2;
}
.course-sidebar a.list-group-item:hover span.section-title{            
    text-decoration: none;
}

.course-sidebar a.list-group-item span.section-drop{            
    background: #b8b8b8  url(../img/section-drop.png) no-repeat center center ;            
    color:white;
    width: 40px;
    position: absolute;
    right: 0;
    top:0;
    bottom: 0;
    border-left: 1px solid #f2f2f2;
}

.course-sidebar a.list-group-item:hover span.section-drop{            
    background: #f39501  url(../img/section-drop.png) no-repeat center center ;            
}

.course-sidebar a.list-group-item span.section-title{            
    padding-right: 45px;
    font-size: 12px;
}

.course-sidebar a.list-group-item{            
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 0;
}


.course-sidebar a.courseitem span.courseitem-info{                    
    width: 4px;
    position: absolute;
    left: 0;
    top:0;
    bottom: 0;
    background: #34acb9;
}
.course-sidebar a.courseitem span.courseitem-info.courseitem-pdf{                    
    background: #83bf01;
}
.course-sidebar a.courseitem span.courseitem-info.courseitem-audio{                    
    background: #f1434f;
}
.course-sidebar a.courseitem span.courseitem-info.courseitem-video{                    
    background: #1d1d1d;
}

.course-sidebar a.courseitem span.courseitem-status{            
    background: white  url(../img/courseitem-status.png) no-repeat center center ;            
    color:white;
    width: 40px;
    position: absolute;
    right: 0;
    top:0;
    bottom: 0;
    border-left: 1px solid #f2f2f2;
}

.course-sidebar a.courseitem span.courseitem-status.status-read{            
    background: white  url(../img/courseitem-status-read.png) no-repeat center center ;            
}
.course-sidebar a.courseitem span.courseitem-status.status-complete{            
    background: white  url(../img/courseitem-status-complete.png) no-repeat center center ;            
}

.course-sidebar a.courseitem span.courseitem-title{            
    padding-right: 35px;
    display: block;
    color:#33414e;
}

.course-sidebar a.courseitem:hover,
.course-sidebar a.courseitem:active,
.course-sidebar a.courseitem:focus,
.course-sidebar a.courseitem.courseitem-loaded{
    text-decoration: none;
    background: #34acb9;
    color: white;
}

.course-sidebar a.courseitem.courseitem-pdf:hover,
.course-sidebar a.courseitem.courseitem-pdf:active,
.course-sidebar a.courseitem.courseitem-pdf:focus,
.course-sidebar a.courseitem.courseitem-pdf.courseitem-loaded{                    
    background: #83bf01;
}
.course-sidebar a.courseitem.courseitem-audio:hover,
.course-sidebar a.courseitem.courseitem-audio:active,
.course-sidebar a.courseitem.courseitem-audio:focus,
.course-sidebar a.courseitem.courseitem-audio.courseitem-loaded{                    
    background: #f1434f;
}
.course-sidebar a.courseitem.courseitem-video:hover,
.course-sidebar a.courseitem.courseitem-video:active,
.course-sidebar a.courseitem.courseitem-video:focus,
.course-sidebar a.courseitem.courseitem-video.courseitem-loaded{                    
    background: #1d1d1d;
}

.course-sidebar a.courseitem:hover span.courseitem-title,
.course-sidebar a.courseitem:active span.courseitem-title,
.course-sidebar a.courseitem:focus span.courseitem-title,
.course-sidebar a.courseitem.courseitem-loaded span.courseitem-title{            
    text-decoration: none;
    color: white;
}

.course-sidebar a.courseitem span.courseitem-discr{            
    
    color: #EF8686;
}

.course-sidebar a.courseitem:hover span.courseitem-discr,
.course-sidebar a.courseitem:active span.courseitem-discr,
.course-sidebar a.courseitem:focus span.courseitem-discr,
.course-sidebar a.courseitem-loaded span.courseitem-discr{            
    text-decoration: none;
    color: white;
}

.courseitem-grey{
   color:#b7b7b7; 
}
.course-sidebar a.courseitem span.courseitem-attachment{
    padding-left: 20px;
    color:#b7b7b7;
    background: transparent  url(../img/courseitem-file.png) no-repeat left center ;    
}

.course-sidebar a.courseitem span.courseitem-discr{
    padding-left: 00px;    
}
.course-sidebar a.courseitem:hover span.courseitem-discr,
.course-sidebar a.courseitem.courseitem-loaded span.courseitem-discr{    
    background: transparent  url(../img/courseitem-text-white.png) no-repeat left center ;    
}

.course-sidebar a.courseitem span.courseitem-discr.courseitem-audio{    
    background: transparent  url(../img/courseitem-audio.png) no-repeat left center ;    
}
.course-sidebar a.courseitem:hover span.courseitem-discr.courseitem-audio,
.course-sidebar a.courseitem.courseitem-loaded span.courseitem-discr.courseitem-audio{    
    background: transparent  url(../img/courseitem-audio-white.png) no-repeat left center ;    
}

.course-sidebar a.courseitem span.courseitem-discr.courseitem-pdf{    
    background: transparent  url(../img/courseitem-pdf.png) no-repeat left center ;    
}
.course-sidebar a.courseitem:hover span.courseitem-discr.courseitem-pdf,
.course-sidebar a.courseitem.courseitem-loaded span.courseitem-discr.courseitem-pdf{    
    background: transparent  url(../img/courseitem-pdf-white.png) no-repeat left center ;    
}

.course-sidebar a.courseitem span.courseitem-discr.courseitem-video{    
    background: transparent  url(../img/courseitem-video.png) no-repeat left center ;    
}
.course-sidebar a.courseitem:hover span.courseitem-discr.courseitem-video,
.course-sidebar a.courseitem.courseitem-loaded span.courseitem-discr.courseitem-video{    
    background: transparent  url(../img/courseitem-video-white.png) no-repeat left center ;    
}

.course-sidebar a.courseitem span.courseitem-discr.courseitem-file{    
    background: transparent  url(../img/courseitem-file.png) no-repeat left center ;    
}
.course-sidebar a.courseitem:hover span.courseitem-discr.courseitem-file,
.course-sidebar a.courseitem.courseitem-loaded span.courseitem-discr.courseitem-file{    
    background: transparent  url(../img/courseitem-file-white.png) no-repeat left center ;    
}

.course-sidebar .sectiongroup{
    display: none;
}

.course-header{
    min-height: 50px;
    color:white;
    background: #1d1d1d;
}
.course-header a{
    color:white;
    padding: 16.5px;
    display: inline-block;
}
.course-header a:hover{
    text-decoration: none;
    background: #f39501;
}
.course-header-sidebar{
    float:left;
    width: 26%;
    text-align: left;
}
.course-header-left{
    float:left;
    width: 20%;
    text-align: left;
}
.course-header-middle{
    float:left;
    width: 34%;
    text-align: center;
    padding-top: 15px;
    font-weight: bold;
    font-size: 18px;
}
.course-header-right{
    float:right;
    width: 20%;
    text-align: right;
}
.course-header-left i, .course-header-right i{
    font-size: 25px;
    vertical-align: middle;
}
.course-header .course-header-left a, .course-header .course-header-right a{
    padding: 12.5px;
}

.course-progression {
    padding: 20px;
    color:#1d1d1d;
}
.fancyProgressBar {
    padding: 6px 0px;
    width: 100%;
    background-size: 40px 10px;
    background-position: -1px 0px;
    position: relative;    
}
.fancyProgressBar span {
    display: block;
    background-color: #EEEEEE;        
    overflow: hidden;    
    background-size: 40px 10px;
    background-position: -2px 0px;
    border-radius: 3px;
}
.progressDone {    
    background:#2e6eaa;
    height: 100%;
    text-align: right;
    text-indent: 20px;
    color: black;    
}
.progressDone:after {
    content: "\0000a0";
}
/* change both to set the height of the progress bar and keep the text aligned in the middle */
.fancyProgressBar span,
.progressDone {
    height:      25px;
    line-height: 25px;
}

#fklms_login_bar{   
    color: #ffba00;
    height: 30px;
    position: fixed;
    top: 0px;
    left:0;
    right: 0;
   
    z-index: 1510;
    background: #fff;
}
@media screen and (min-width: 769px) { 
	#fklms_login_bar.fkadmin{   

		top: 30px;

	}
}
#fklms_login_bar .fkcontainer{   
    padding-top: 5px;
    margin: 0 auto;
    padding-right: 30px;
}

#fklms_login_bar.unlogged{   
      
    z-index: 1595;
    text-align: right;
    
    
}

.fknotice{
    color: #000;
    font-size: 14px;
}

#fklms_login_bar.unlogged a{   
    color: #ffffff;
    display:inline-block;
    padding:10px;
    font-size: 12px;
    padding: 5px;
    background: #ffba00 !important;
    text-decoration: none;
    margin-top: 1px;
}
#fklms_login_bar.unlogged a.end{   
    
    
}
#fklms_login_bar.unlogged a.right{   
    float: right;
}

.c33{
    width: 225px;
    margin:15px 15px 30px 15px;
    float: left;
}
.c33 img{
    max-width: 99%;
    height: auto;
    max-height: 250px;
}

.c33under{
    min-height: 61px;
}

.c33under a{
    display: block;
    text-align: center;
    max-width: 150px;
    margin: 5px auto;
}

.c33 .dllink{
    color: #2767a3;
    
}

.c33 .lecteurlink{
    max-width: 100%;
    display: inline-block;    
}



.fkbtn,a.avatar-crop-submit {
    font-family: "MontSerrat";
    background: #fff;
	color:#ffba00;                 
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    border-radius: 0;   
    border:solid 1px #ffba00;
    cursor: pointer;
}
.fkbtn:hover,.fkbtn:focus,.fkbtn:active , a.avatar-crop-submit:hover{
    background: #ffba00;
	color:#fff;
    text-decoration: none;
}

.fkbtn.fkbtnlg {
    text-transform: uppercase;
    font-size: 20px;
}

.userdrop{
    float: right;
    cursor: pointer;
    position: relative;
    margin: 0;
    background: #fff;
    padding: 0px;
    height: 30px;
    margin-right: 6px;
	color: #ffba00;
}
.userdrop .fkmailcontainer{
    background: #000;
    padding: 5px;
    float: right;
}



.userdrop img.avatar{
    width: 25px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    margin-right: 0;
}
.userdrop .username{
    display: inline-block;
    padding: 5px 15px 0 0;
    font-size: 14px;
    font-family: "MontSerrat";
    color:#ffba00;
    background:  url(../img/userdrop-yellow.png) no-repeat right 10px;  
}

.fklms-buddypress ul{
    list-style-type: none;
}

.userdropsub{
    overflow: visible;
    position: absolute;
    width: 255px;
    top: 30px;
    right: -20px;
    display: none;
    z-index: 1505;
    background:  url(../img/usersubdrop-yellow.png) no-repeat ;  
    background-position: right 18px top;
    padding-top: 0px;
}
.userdropsub i{
    color:#484848;
    margin-right: 5px;
}
.userdropsub ul{
    padding: 0px;
    background: white;   
    list-style-type: none;
}
.userdropsub ul li a{
    color:#232323;
    padding: 12px;   
    display: block;
    font-size: 14px;
    text-decoration: none;
}
.userdropsub ul li a:hover{
    text-decoration: none;
}
.userdropsub ul li {
    position: relative;
    background: #f5f5f5;
}
.userdropsub ul li.even {    
    background: #fcfcfc;
}
.userdropsub .linehover{
    background: #e79300;
    position: absolute;
    left: 0px;
    top:0;
    height: 100%;
    width: 4px;
    display: none;
}
.userdropsub ul li:hover .linehover{
    display: block;
}

.userdropsub ul li:hover i{
    color:#e79300;
}

.userdropsub a.logout{
    color:white;
    background: #484848;
    display: block;
    text-align: center;
    padding: 15px;
    text-transform: uppercase;
    text-decoration: none;
}
.userdropsub a.logout i{
    color:white;   
}
.userdropsub a.logout:hover{
    text-decoration: none;
    background: #e79300;
}



.fkmail{
    float: right;
    display: inline-block;
    width: 50px;
    height: 40px;
    margin-left: 20px;
    background:  url(../img/mail.png) no-repeat center center;  
    text-align: right;
    padding-top: 10px;
}
.fkmail span, span.fkcount{
    color: white;
    border-radius: 50%;
    background: #d34935;
    font-weight: bold;
    padding: 2px 5px;
}

.fklms-messages{
    padding: 25px;
}

.fklms-messages ul,.fklms-messages li{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.fklms-messages p{
    margin: 0;
    padding: 0;
}
#message-threads{
    font-size: 14px;
}
.fklms-messages-content{
    padding: 25px;
    background: #f8f8f8;
}
.fklms-messages-content.fklms-messages-content-list{
    padding: 0px;
    background: white;
}
.fklms-messages-content-single{
    padding: 25px;
    background: #f8f8f8;
}
.fklms-messages-content.fklms-messages-content-list .pagination{
    text-align: right;
    padding: 10px;
    font-weight: bold;
    font-size: 16px;
    color:#7c7c88;
}
.fklms-messages-content.fklms-messages-content-list .pagination a{
    color:#2767a3;
    font-weight: bold;
    font-size: 16px;
}
.fklms-messages-content-list #message-threads li{
    padding: 20px;
    border-bottom: 1px solid #e9e9e9;
}
.fklms-messages-content-list #message-threads li.even{
    background: #fcfcfc;
}.fklms-messages-content-list #message-threads li.odd{
    background: #f8f8f8;
}
.fklms-messages-content-list #message-threads .thread-li{
    display: inline-block;
    min-height: 60px;
    vertical-align:top;
}
.fklms-messages-content-list #message-threads .thread-avatar{
   width: 10%;
}
.fklms-messages-content-list #message-threads .thread-avatar img{
    border-radius: 50%;
}
.fklms-messages-content-list #message-threads .thread-from{
    color:#7c7c88;
    padding-top: 10px;
    min-height: 50px;
    width: 15%;
}
.fklms-messages-content-list #message-threads .thread-from a{
    color:#7c7c88;
}
.fklms-messages-content-list #message-threads .thread-count{
    width: 5%;
    padding-top: 20px;
    min-height: 40px;
    text-align: center;
    
}
.fklms-messages-content-list #message-threads .thread-count span{
    color: white;
    border-radius: 50%;
    background: #d34935;
    font-weight: bold;
    padding: 5px 10px;
    
}
.fklms-messages-content-list #message-threads .thread-info {
    width: 55%;
    padding-top: 20px;
    min-height: 40px;    
}
.fklms-messages-content-list #message-threads .thread-info a{
    color:#2767a3;   
}
.fklms-messages-content-list #message-threads .thread-options {
    width: 10%;
    padding-top: 20px;
    min-height: 40px;
    text-align: center; 
    color:#7c7c88;
}
.fklms-messages-content-list #message-threads .thread-options a{
    color:#7c7c88;
    font-style: italic;
    
}
.fklms-messages-content-single.fklms-messages-content-list #message-threads .thread-from{
    width: 20%;
}
.fklms-messages-content-single.fklms-messages-content-list #message-threads .thread-info{
    color:#2767a3;
    font-weight: bold;
    font-size: 16px;
    width: 65%;
}
.fklms-messages-content-single.fklms-messages-content-list #message-threads {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e9e9e9;
}

.fklms-messages-content-single .message-metadata strong{
    padding-top: 10px;
    float: left;
}
.fklms-messages-content-single .message-metadata strong a{
    color:#2767a3;
}
.fklms-messages-content-single .message-content{
    clear: left;
    padding-left: 52px;
}
.fklms-messages-content-single .message-box{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e9e9e9;
}

.fklms-messages-content-single .message-content textarea{
    border:1px solid #e9e9e9;
    display: block;
    padding: 10px 3px;
    margin: 5px 0;
    width: 98%;
}

.fklms-messages-content-single .message-content input[type=submit]{
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 10px;
    float: right;
    margin-right: 1%;    
    font-weight: bold;
    padding: 15px 15px;
}






.fklms-messages-content h2{
    font-size: 20px;
    color:#2767a3;
    margin-bottom: 15px;
    font-weight: normal; 
}
.fklms-messages-content input[type=text], .fklms-messages-content textarea{
    border:1px solid #e9e9e9;
    display: block;
    padding: 10px 3px;
    margin: 5px 0;
    width: 98%;
    font-size: 16px;
}
.fklms-messages-content input[type=submit],a.avatar-crop-submit{
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 10px;
    float: right;
    margin-right: 1%;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 15px;
}

.fklms-messages-content #userdd{
   display: block;
   width: 99%;
}
.fklms-messages-content .select2-container--default .select2-selection--single{
   border-radius: 0;
   border:1px solid #e9e9e9;   
   padding: 10px 3px;
   height: 50px;
   margin-bottom: 10px;
}
.fklms-messages-content .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 50px;
}
.ddimg img{
    vertical-align: middle;
}
.fklms-messages-content .acfb-holder li{
    width: 100%;
}

.fklms-messages-content label{
    display: block;
    margin: 5px 0;
}
.fklms-messages-info{
    float: right;
    color:#898989;
    text-transform: uppercase;
    margin-top: -45px;
}

.one_third { width: 33.3%; float: left; min-width: 160px;
}
h2.clearfix{
    clear: both;
}
.fklmscontent{
        padding: 20px 100px 20px 100px;
		overflow: hidden;
}
@media screen and (max-width: 768px) { 
 .v_module{
  width:100%;
 } 
 .block.side .block_media{
  max-width:100%;
 }
 .block.side .block_content{
  clear:both;
  width:100%;
 }
 .content .tabs-right .tab-content,
.content .tabs-left .tab-content{
 /* max-width:50px;*/
}
.one_half,
.one_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.two_third
{
    clear: both;
    float: none;
    width: 100%;
  }
  #floating_menu.mff{
	  top:0!important;
  }
}
.fklms-messages-info span{
    color: white;
    border-radius: 50%;
    background: #d34935;
    font-weight: bold;
    padding: 2px 5px;    
}
.fklms-messages-menu{
    margin-top: 25px;
    border:1px solid #e9e9e9;
}
.fklms-messages-menu a{
    display: inline-block;
    padding: 20px 20px;
    color:#898989;
    text-transform: uppercase;
    font-size: 14px;
}
.fklms-messages-menu li{
    display: inline-block;
}
.fklms-messages-menu li.current a,.fklms-messages-menu li.selected a,.fklms-messages-menu a:hover{    
    color:white;
    background: #2767a3;
    text-decoration: none;
}
.fklms-messages-menu #compose-personal-li{
    float: right;
}
.fklms-messages-menu #compose-personal-li a{
    font-family: "MontSerrat";
    background: #fc82003;
    background-image: -webkit-linear-gradient(top, #fc8200, #d97000);
    background-image: -moz-linear-gradient(top, #fc8200, #d97000);
    background-image: -ms-linear-gradient(top, #fc8200, #d97000);
    background-image: -o-linear-gradient(top, #fc8200, #d97000);
    background-image: linear-gradient(to bottom, #fc8200, #d97000);                    
    color: #ffffff;                        
    text-decoration: none;
    border-radius: 0;   
    border:0;
}

.fklms-messages-menu #compose-personal-li a:hover,.fklms-messages-menu #compose-personal-li a:focus,.fklms-messages-menu #compose-personal-li a:active {
    background: #d97000;
    color: #ffffff;
    background-image: -webkit-linear-gradient(top, #d97000, #fc8200);
    background-image: -moz-linear-gradient(top, #d97000, #fc8200);
    background-image: -ms-linear-gradient(top, #d97000, #fc8200);
    background-image: -o-linear-gradient(top, #d97000, #fc8200);
    background-image: linear-gradient(to bottom, #d97000, #fc8200);
    text-decoration: none;
}

table.fklms-factures{
    border:1px solid #e9e9e9;
    width: 99%;
    background: #f5f5f5;
}
table.fklms-factures thead th, table.fklms-factures tr td{
    border:1px solid #e9e9e9;
    padding: 10px;
    text-align: left;
}

table.fklms-factures thead th{
    color:#33414e;
    text-transform: uppercase;
    background: white;
}

table.fklms-factures tr.even td{
    background: #fcfcfc;
}

a.pdf-icon{
    display: inline-block;
    width: 18px;
    height: 23px;
    background:  url(../img/pdf.png) no-repeat center center;
}


.fklms-full-width-content{
    padding: 15px;
}
.fklms-user-products{
    width: 600px;
    float: left;
    padding: 15px;
    padding-top: 0;
    
    min-height: 260px;
}

.fklms-user-products h1{
   margin-top: 10px;
}

.fklms-user-products .medailles {
    margin-top: 30px;
}

.fklms-user-products .medailles a {
    display: inline-block;
    width: 12.4%;
    margin-right: 0;
}
.fklms-user-products .medailles a img{
    width: 100%;
    height: auto;
}



.fklms-user-summary{
    
    float: left;
    width: 250px;
    text-align: center;
    padding: 15px;
    min-height: 301px;
}
.fklms-user-summary img.avatar{
    float: none;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 15px 0;
}
.fklms-user-summary a{
    display: block;
}

.fklms-user-summary a.fcount{
    display: inline-block;
    color:#2767a3;
    
}
.fklms-user-summary a.changeavatar{
    color:#2767a3;
    font-style: italic;
    font-size: 12px;
    margin-top: -15px;
    margin-bottom: 15px;
}


.fklms-user-summary span.profilename{
    color:#232323;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    padding-bottom: 5px;
}
.fklms-user-summary span.blueital{
    color:#2767a3;
    font-size: 14px;
    font-style: italic;
    display: block;
    padding-bottom: 5px;
    font-weight: bold;
}

.fklms-full-width-content .fksep{
    background: #e9e9e9;
    width: 100%;
    clear: both;
    margin: 15px 0;    
    height: 1px;
}

.parambox{
    text-align: center;
}
.parambox .parambox-left{
    float: left;
    text-align: left;
}
.parambox .parambox-right{
    float: right;
    text-align: right;
}
.parambox .parambox-middle{
    display: block;
    width: 150px;
    margin: 0 auto;
}
.parambox .parambox-right a{
    color:#2767a3;
    font-weight: bold;
}
.parambox .parambox-sub{
    clear: both;
    background: #f4f4f4;
    border-top: 1px solid #e9e9e9;
    padding: 15px;
    margin-top: 15px;
    color:#66666d;
    display: none;
}

.parambox .parambox-sub input[type=text],.parambox .parambox-sub input[type=password]{
    border:1px solid #e9e9e9;
    margin: 0 10px;
    padding: 10px 3px;
       
}
.parambox .parambox-sub a{
    cursor: pointer; 
    text-transform: uppercase;   
}
.parambox .parambox-sub a.fkbtnmgl{
    margin-left: 10px;  
}



.parambox .parambox-form-password{
    text-align: left;
}
.parambox .param-password{
    width: 33%;  
    display: inline-block;
    margin-bottom: 20px;
    text-align: right;
}

.fklms-ajaxloader-f4{
    background: url(../img/ajaxloader-f4.gif) no-repeat center center ;   
    width: 55px;
    height: 55px;
    clear: both;
    display: block;
    margin: 5px auto;
    display: none;
}

.parambox-message{
    min-height: 30px;
    clear: both;
    display: block;
    margin: 5px auto;
    text-align: center;
    color:#fc8200;
    font-weight: bold;
    padding-top: 15px;
    font-size: 16px;
    display: none;
}

.parambox-message .merror{
    color:#e74b40;
}
.parambox-message .msuccess{
    color:#2767a3;
}



.parambox .parambox-sub a.fkbtn.black{
    background: #212121;
    color:white;
       
}

.course-content .unitforum{
    padding: 15px;
    text-align: center;
    font-weight: bold;
    color: #2464a1;
}

.course-content .unitforum a{
    color: #2464a1;
}

.progress-bar {
    background-color: #dddddd;
    height: 40px;
    padding: 0px;
    width: 100%;
    margin: 10px 0;         
    border-radius: 3px;
    position: relative;           
}

.progress-bar span {
    display: inline-block;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    transition: width .4s ease-in-out;    
     
    background-size: 30px 30px;
    background:#85cb16;
    
}

.progress-bar label{
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    padding: 12px;
    font-size: 16px;
    font-weight: bold;
}

.bp-avatar-status .warning{
    border: 0;
    background:none;
    color:#d34935;
}

.bp-avatar-nav ul.avatar-nav-items li.current, .bp-avatar-nav ul.avatar-nav-items li{
    border-radius: 0;
}
.bp-avatar-nav ul.avatar-nav-items li a{
    color:#2767a3;
    font-weight: bold;
    text-transform: uppercase;
}
div.bp-avatar-status p.success{
    border: 0;
    background:none;
    color:#2767a3;
    font-weight: bold;
    font-size: 16px;
}

.fklms-buddypress #message{
    padding: 20px 0;
    text-align: center;
    margin-top: 20px;
    background: #f8f8f8;
    color: #2767a3;
    font-weight: bold;
    font-size: 16px;
    border: 0;
    display: inline-block;
    width: 100%;
}
.fklms-buddypress #message.error{
    color: #d34935;
}

.fa-ajax-loader{
    font-size: 60px;
    text-align: center;
}

@media only screen and (max-width: 750px) {
    .fklms-user-summary{
       width: 90%;
        padding: 5%;
    }
    .fklms-user-products{
        width: 90%;
        padding: 5%;
    }
    .fklms-user-products .medailles a{
        width: 25%;
    }
    .c33 {
        width: 40%;
        margin: 1% 1% 1% 1%;
        float: left;
    }
    .fklms-messages-content input[type=submit], a.avatar-crop-submit{
        float: none;
        max-width: 95%;
        font-size: 13px;
    }
    table.fklms-factures th.hidemobile,table.fklms-factures td.hidemobile{
        display: none;
    }
    .fklms-messages-info{
        display: none;
    }
    .fklms-messages-menu a, .fklms-messages-menu li{
        display: block;
    }
    .fklms-messages-menu #compose-personal-li{
        float: none;
    }
    .fklms-messages-content-list #message-threads .thread-avatar{
        width: 100%;
    }
    .fklms-messages-content-list #message-threads .thread-from{
        width: 60%;
    }
    .fklms-messages-content-list #message-threads .thread-count{
        width: 30%;
    }
    .fklms-messages-content-list #message-threads .thread-info{
        width: 100%;
    }
    .fklms-messages-content-single.fklms-messages-content-list #message-threads .thread-info{
        width: 100%;
    }
    .parambox .parambox-sub a{
        margin-top: 20px;
        display: block;
    }
    #header #nav li#menu-item-6157{
        display: none;
    }
    #fklms_login_bar{
        position: relative;
        top:5px;
        
    }
    
}