<style>
.cbp-l-filters-list .cbp-filter-item {
    border: 1px solid #f3b329!important;;
}	
	
.done-training{ background:#f3b329!important; color:white !important;}	

#training_done{ color:#f3b329!important;
 }
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
	background: #f3b329!important;;
}		
	
.cbp-caption-activeWrap {
background-color: #f3b329!important;
}
.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active {
background-color: #f3b329!important;
}	
.cbp-l-filters-list .cbp-filter-item {
     border: 1px solid : #f3b329!important;
}	
		
.btn-custom {
  background-color: #f3b329;
}
.range input[type="range"]::-webkit-slider-thumb {
background-color: #f3b329;
}
.range-success input[type="range"]::-webkit-slider-thumb {
    background-color: #f3b329;
}
.btn-custom {
  background-color: #f3b329;
  border: 2px solid #f3b329;
 
}
.btn-custom-search {
  background-color: #f3b329;
  border: 2px solid #f3b329;

}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
  /* @editable properties */
  background-color: #f3b329;
  border-color: #f3b329;
 } 
 .cbp-l-filters-button .cbp-filter-counter {
	 background-color: #f3b329;
}	
.cbp-l-inline-view {
	border: 1px solid #f3b329;
	background-color: #f3b329;

}	 
.btn-custom {
 background-color: #f3b329;
 border: 2px solid #f3b329;
}	
#profile-account2 .green-haze {
	  background-color: #f3b329 !important;
	  border: 2px solid #f3b329;	
	}
.uou-rangeslider .rangeslider__handle {
    background: #f3b329;
}	
.uou-rangeslider .rangeslider__handle {
    background: #f3b329;
}
.cbp-singlePageInline-active .cbp-l-caption-body {
  background: #f3b329;
}
.cbp-l-filters-button .cbp-filter-item {
  border: 2px solid #f3b329;
  color: #f3b329;
 } 
 .cbp-l-inline-view:hover {
  color: #f3b329;
  background: #fff;
  border-color:#f3b329; 
 }


.cbp-l-filters-button .cbp-filter-item:hover {
  /* @editable properties */
  color: #fff;
  border-color: #f3b329; 
  background: #f3b329;  
 }
.cbp-caption-fadeIn .cbp-caption-activeWrap {
	/*

background-color: rgba(0, 153, 254, 0.6);

*/
 background-color:#f3b329;
 
 background: rgba(0, 0, 0, 0.4);

}	
.fa-star{
color: #f3b329;

}
.icon-blue:hover {
  color: #f3b329;
 }  
 .cbp-l-project-details-title span a span {
  color: #f3b329;
}
.doctor-slider .cbp-nav-controls .cbp-nav-prev {
  background: #f3b329;
}
.btn-custom {
  background-color: #f3b329 !important;
  border: 2px solid #f3b329 !important; 
  
}
.fav-button {
  border: 1px solid #f3b329;
}
.specialist-list  li:before {
color: #f3b329;
}	  
#profile-account2 .portlet-title .nav li.active a {
	  background:  #f3b329;
	  border-bottom-color: #f3b329 !important;
}
#profile-account2 .portlet-title .nav li.active a:before {	
	border-top: 10px solid #f3b329;
}	
#profile-account2 a.btn-custom-reverse {
		color: #f3b329 !important;		
		border: 2px solid #f3b329 !important;
}	
#profile-account2 .green-haze {
	  background-color: #f3b329 !important;
	  border: 2px solid #f3b329;
	  
	}	
.listing-table .table-head th {
	  background: #f3b329 !important;	
}
#profile-account2 .profile-usermenu .active{
     border-left: 5px solid #f3b329;
   }	 
 #profile-account2  .nav li:hover .icon-round{
  border: 1px solid #f3b329;
}  
#profile-account2  .portlet-title  .nav li:hover{
  border-bottom: 5px solid #f3b329;
}
#profile-account2  .portlet-title  .nav li.active{
  border-bottom: 5px solid #f3b329;
}
.profile-usermenu ul li.active a {
	border-left: 2px solid #f3b329;
	 color: #f3b329 !important;

}	 
.tags a{
 background:#f3b329 !important;
}	
 .tags a:before{
	 border-color:transparent #f3b329 transparent transparent;
} 	  
.cbp-l-filters-button .cbp-filter-counter:before {
 border-top: 4px solid #f3b329;
}		
	
	
	
	
	
	
	
	
	
	
	
	  
</style>	

































<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,400,700' rel='stylesheet' type='text/css'>

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">


<div id="login-2" class="bootstrap-wrapper">
 <div class="menu-toggler sidebar-toggler">
 </div>
 <!-- END SIDEBAR TOGGLER BUTTON -->
 <!-- BEGIN LOGO -->

 <!-- END LOGO --> 
 <!-- BEGIN LOGIN -->
 <div class="content">
  <!-- BEGIN LOGIN FORM -->
  <form id="login_form" class="login-form" action="" method="post">
    <h3 class="form-title">Se connecter</h3>
    <div class="form-content">
      <div class="display-hide" id="error_message">

      </div>
      <div class="form-group">
        <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
        <div class="row">
          <div class="col-md-3 col-sm-4">
            <label class="control-label visible-ie8 visible-ie9">Email</label>
          </div>
          <div class="col-md-9 col-sm-8">
            <input class="form-control form-control-solid placeholder-no-fix" type="text" autocomplete="off" placeholder="Email" name="username" id="username"/>
          </div>
        </div>
      </div>
      <div class="form-group">
        <div class="row">
          <div class="col-md-3 col-sm-4">
            <label class="control-label visible-ie8 visible-ie9">Password</label>
          </div>
          <div class="col-md-9 col-sm-8">
            <input class="form-control form-control-solid placeholder-no-fix" type="password" autocomplete="off" placeholder="Password" name="password" id="password"/>
          </div>
        </div>
      </div>
      <div class="form-actions row">
        <div class="col-md-3"></div>
        <div class="col-md-3 col-sm-4 col-xs-4">
          <button type="button" class="btn-new btn-custom" onclick="return chack_login();" >Login</button>
        </div>
        <p class="margin-20 para col-md-3 col-sm-4 col-xs-4 text-right">
          <input type="checkbox" id="test2" checked="checked" />
          <label for="test2">Remember </label>
        </p>
        <p class="margin-20 para col-md-3 col-sm-4 col-xs-4 text-right">
          <a href="javascript:;" class="forgot-link">Forgot Password? </a>
        </p>
      </div>

   </div>
      
   <div class="create-account">
    <p>Are you a new user?
     <a href="/registration/" id="register-btn" class="uppercase">Create an account  </a>
   </p>
 </div>

 </form>
 <!-- END LOGIN FORM -->
 <!-- BEGIN FORGOT PASSWORD FORM -->
 <form id="forget-password" name="forget-password" class="forget-form" action="" method="post" >

  <h3>Forget Password ?  </h3>
  <div class="form-content">
    <div class="row">
      <div class="col-md-4 col-sm-4">
        <div id="forget_message">
          <p>
            Enter your e-mail address          </p>
        </div>
      </div>
      <div class="col-md-8 col-sm-8">
        <div class="form-group">
          <input class="form-control form-control-solid placeholder-no-fix" type="text"  placeholder="Email" name="forget_email" id="forget_email"/>
        </div>

        <div class="">
          <button type="button" id="back-btn" class="btn-new btn-warning margin-b-30">Back </button>
          <button type="button" onclick="return forget_pass();"  class="btn-new btn-custom pull-right margin-b-30">Submit </button>
        </div>

      </div>
    </div>

 </div>
</form>
</div>
</div>
<script type="text/javascript">
  function  forget_pass(){

   var ajaxurl = 'https://cheoactive.ca/wp-admin/admin-ajax.php';
   var loader_image = "<img src='https://cheoactive.ca/wp-content/plugins/fitness-trainer/admin/files/images/loader.gif'/>";
   jQuery('#forget_message').html(loader_image);
   var search_params={
     "action"  : 	"ep_fitness_forget_password",
     "form_data":	jQuery("#forget-password").serialize(),
   };
   var femail = jQuery('#forget_email').val();

   if( femail!="" ){
    jQuery.ajax({
     url : ajaxurl,
     dataType : "json",
     type : "post",
     data : search_params,
     success : function(response){
      if(response.code=='success'){
							// redirect
							jQuery('#forget_message').html('<div class="alert alert-success alert-dismissable"><a class="panel-close close" data-dismiss="alert">x</a>Password Sent. Please check your email. </div>' );
						}else{
							jQuery('#forget_message').html('<div class="alert alert-info alert-dismissable"><a class="panel-close close" data-dismiss="alert">x</a>'+response.msg+'</div>' );
						}


					}
				});
  }else{
    jQuery('#forget_message').html('<div class="alert alert-info alert-dismissable"><a class="panel-close close" data-dismiss="alert">x</a>Enter Email Address</div>' );
  }
}
function  chack_login(){

 var ajaxurl = 'https://cheoactive.ca/wp-admin/admin-ajax.php';
 var loader_image = "<img src='https://cheoactive.ca/wp-content/plugins/fitness-trainer/admin/files/images/loader.gif'/>";
 jQuery('#error_message').html(loader_image);
 var search_params={
   "action"  : 	"ep_fitness_check_login",
   "form_data":	jQuery("#login_form").serialize(),
 };
 var username = jQuery('#username').val();
 var password = jQuery('#password').val();
 if( password!="" && username!=""){
	jQuery.ajax({
		url : ajaxurl,
		dataType : "json",
		type : "post",
		data : search_params,
		success : function(response){
			if(response.login=='false') {
				jQuery('body').append('<div class="notification-error"><div class="content-notification-error"><a class="panel-close close" data-dismiss="alert">x</a>You have not yet been approved, please wait</div></div>' );
				jQuery('#error_message').html('');
			}else{
				if(response.code=='success'){
					// redirect
					window.location.href = response.msg;
				}else{
					jQuery('#error_message').html('<div class="alert alert-info alert-dismissable"><a class="panel-close close" data-dismiss="alert">x</a>Invalid Username & Password </div>' );
				} 		 
			}
		}
	});
}else{
  jQuery('#error_message').html('<div class="alert alert-info alert-dismissable"><a class="panel-close close" data-dismiss="alert">x</a>Enter Username & Password </div>' );
}
}
(function($){
  $(document).ready(function(){
    $('.forgot-link').on('click',function(){
      $("#login_form").hide();
      $("#forget-password").show();
    });
    $('#back-btn').on('click',function(){
      $("#login_form").show();
      $("#forget-password").hide();
    });
  });
}(jQuery));


jQuery("#password").keypress(function(e) {
  if(e.which == 13) {
   chack_login();

 }
});
jQuery("#forget_email").keypress(function(e) {
  if(e.which == 13) {
    forget_pass();

  }
});
jQuery(document).ready(function () {
  jQuery("#forget-password").submit(function(e){
   e.preventDefault();
 });
});
jQuery(document).on('click', '.notification-error .content-notification-error a', function(){ 
    jQuery(".notification-error").addClass("hidde");
}); 
</script>
<style>
.notification-error{
	position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.5s;
	display:block;
}
.notification-error .content-notification-error{
	width: 50%;
    margin: 0px auto;
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: 310px;
    background: #fff;
    padding: 50px;
    color: red;
    text-transform: uppercase;
}
.notification-error .content-notification-error a{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #000;
    cursor: pointer;
    background: #000;
    color: #fff;
}
.notification-error.hidde{
	display: none;
}
</style>
{"id":4122,"date":"2018-08-30T00:16:52","date_gmt":"2018-08-30T00:16:52","guid":{"rendered":"https:\/\/cheoactive.ca\/login\/"},"modified":"2019-04-24T01:25:36","modified_gmt":"2019-04-24T01:25:36","slug":"login","status":"publish","type":"page","link":"https:\/\/cheoactive.ca\/fr\/login\/","title":{"rendered":"Se connecter"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":108,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4122","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cheoactive.ca\/fr\/wp-json\/wp\/v2\/pages\/4122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cheoactive.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cheoactive.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cheoactive.ca\/fr\/wp-json\/wp\/v2\/users\/108"}],"replies":[{"embeddable":true,"href":"https:\/\/cheoactive.ca\/fr\/wp-json\/wp\/v2\/comments?post=4122"}],"version-history":[{"count":2,"href":"https:\/\/cheoactive.ca\/fr\/wp-json\/wp\/v2\/pages\/4122\/revisions"}],"predecessor-version":[{"id":4124,"href":"https:\/\/cheoactive.ca\/fr\/wp-json\/wp\/v2\/pages\/4122\/revisions\/4124"}],"wp:attachment":[{"href":"https:\/\/cheoactive.ca\/fr\/wp-json\/wp\/v2\/media?parent=4122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}