.page-header-logo-fixed {
	display: block;
	width: 21px;
	height: 24px;
	margin-right: 30px;
	overflow: hidden;
	text-indent: -999em;
	background: url(../img/page-header-logo-fixed.svg) no-repeat;
	background-size: cover;
	opacity: 0;
	margin-left: -51px;
	transition: 200ms;
}

.luxse-primary-color {
	color: #ca1234 !important;
}
.luxse-primary-color-bg {
	background-color: #ca1234 !important;
}


.luxse-success-color {
	color: #008c3d !important;
}
.luxse-success-color-bg {
	background-color: #008c3d !important;
}

.luxse-warning-color-bg {
	background-color: #ffcc00 !important;
}
.luxse-info-color-bg {
	background-color: #009cc4 !important;
}

.luxse-gray-dark-color {
	color: #3a4245 !important;
}

.right-red-border {
	border-color: #ca1234 !important;;
	border-right: 3px solid;
	vertical-align: middle;
    text-align: center;
}
.right-grey-border {
	border-color:  #3a4245 !important;;
	border-right: 3px solid;
	vertical-align: middle;
    text-align: center;
}
.right-green-border {
	border-color: #008c3d  !important;;
	border-right: 3px solid;
	vertical-align: middle;
    text-align: center;
}


.bd-footer-links {
	padding-left: 0;
	margin-bottom: 1rem;
}

.bd-footer-links li {
	display: inline-block;
}

.bd-footer-links li+li {
	margin-left: 1rem;
}

.text-muted {
	color: #818a91 !important;
}

.bg-solid {
	background-color: #cb1234 !important;
	color: #fcffff !important;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 30px;
	background-color: #f5f5f5;
}


/* body {
	background: #d3d3d3; 
; */


.mydropzone {
	border: 2px dashed black;
	border-radius: 5px;
	background: white;
	min-height: 400px;
	/* background-image: url("../img/upload.png");
	background-repeat: no-repeat;
	background-size: 400px 300px;
	background-position: center;  */

}

.preview-enlarge {
/* 	position: relative;
	display: inline-block; */
	max-height: 400px;
    overflow: hidden;
}

.preview-enlarge img {
	width: 100%;
	
}

.preview-enlarge i {
	position: absolute;
	top: calc(25% - 10px);
	left: calc(50% - 5px);
}

.wizard-steps {
  position: absolute;
  bottom: 20px;
  width: 100%;
  Set the fixed height of the footer here
  height: 30px;
}


.left {
	float: left;
	 width: 500px; 
	text-align: left;
	margin: 2px 10px;
	display: inline;
}

.right {
	float: left;
	text-align: left;
	margin: 2px 10px;
	display: inline;
}



.alert-fixed {
    position: fixed;
	margin-left: -600px;
     width: 600px;
    z-index:9999; 
border-radius: 0.25rem;
   background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b;
  
}


/* ----------------------- General -----------------------------*/

p{font-size: 1.1rem; line-height: 1.6rem;}

ul li, ol li{margin-bottom:5px;padding-left: 10px;}

.btn{padding: 16px 60px;}


::selection{background-color: rgba(84, 102, 111, 0.2); color:#3a4245}
::-moz-selection{background-color: rgba(84, 102, 111, 0.2); color:#3a4245}
::-ie-selection{background-color: rgba(84, 102, 111, 0.2); color:#3a4245}

/* ------------------------ Tableaux --------------------- */
.list-table{font-size: 14px; color: #8a8f91;}
.list-table tr{display:flex; align-items:center;padding:10px 0 10px 6px;border: 1px solid #e9eef2; transition:background 700ms ease;}
.list-table thead tr{background-color: #f3f4f5; border:1px solid #e9eef2; padding: 5px; color: #3a4245; font-weight: bold;}
.list-table thead th{border:none;}
.list-table tr:before{background: red; width:101%;}
.list-table tbody tr:hover{background-color: rgba(59, 66, 70, 0.04);-webkit-box-shadow: inset 5px 0px 0px 0px rgba(59, 66, 70, 0.04);
-moz-box-shadow: inset 5px 0px 0px 0px rgba(59, 66, 70, 0.04);
box-shadow: inset 5px 0px 0px 0px rgba(59, 66, 70, 0.04); transition:all 300ms ease;color:#3a4245; }
.list-table tbody tr td{border:none;}
.list-table tbody tr td:last-child{text-align: right;}

.list-table .col_1{width:7%;}
.list-table .col_2{width:10%;}
.list-table .col_3{width:25%;}
.list-table .col_4{width:25%;}
.list-table .col_5{width:8%;}
.list-table .col_6{width:15%;}
.list-table .col_7{width:10%;}
.list-table tbody tr td:last-child {padding-right: 30px;}

/* ----------------------- ALERTES -----------------------------*/
.alert{background: #fff; border: 1px solid; border-radius: 1px; font-size: 14px; color: #3a4245; padding:0; display: flex; align-items: stretch;}
.alert .flex-paragraph{flex:1 0;}
.alert p{margin: 0; padding:16px 10px 15px 0px; text-align: left; font-size: 0.9rem;}
.alert .wrapperIcon{height: 100%;}
.alert .fa{color:#fff; padding:15px 10px 15px 15px; font-size: 24px; margin-right: 25px; background-color: #12ca64; position: relative; height: 100%;}
.alert .fa .cache{width:20px; height:100%; display: block;position: absolute; top:0; right: -20px;overflow: hidden;}
.alert .fa .cache:after {content: '';position: absolute;width: 20px;height: 100%;background: #12ca64;top: 0;left: -10px;transform:skewX(-10deg);}

.alert .fa-check{background-color: #12ca64;}
.alert-success{border-color: #12ca64;}

.alert-danger{border-color:#ca1234;}
.alert-danger .fa-close, .alert-danger .fa .cache:after{background: #ca1234;}

.alert-warning{border-color:#f18700;}
.alert-warning .fa-warning, .alert-warning .fa .cache:after{background: #f18700;}

.alert-info{border-color:#009cc4;}
.alert-info .fa-info, .alert-info .fa .cache:after{background: #009cc4;}
.alert-info .fa{padding:15px 20px;}

/* ----------------------- LOGIN -----------------------------*/

.loginWrapper{margin-top: 100px;}
.loginWrapper>p{text-align: center; margin-top: 20px;}
#backToBourse, #backToBourse a{color: #89969d; font-size: 12px;}

.card{margin-top:30px; padding:0; ;border: 1px solid #bfc9cf; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);}
.card-block {padding: 30px 50px 30px 50px; border-top: 1px solid #bfc9cf;}
.card-block:first-child{padding-bottom: 30px; padding-top: 50px; border:none;}
.card .card-block img:first-child{width:65px; margin-top: 0!important;}
.card>.card-block>p:last-child{font-size: 24px; margin-top: 30px; color: #54666f;}

.card-block .btn {width: 100%; padding: 15px 0;}
.form-group{margin-bottom:30px;}
#forgot{font-size: 12px; margin-top: 15px; color: #3a4245; text-decoration: underline;}
.card-block .form p:last-child a{color: #3a4245;}


/* ----------------------- Confirm email send -----------------------------*/

#registerMailSent .card .card-block div .fa{font-size: 50px; margin:40px 0 80px 0;color: #12ca64; }
#registerMailSent .card .card-block div .fa:before{padding:20px;  align-content:center; border:3px solid #12ca64; width: 100px; height: 100px; border-radius: 50px;}

/* ----------------------- Register -----------------------------*/
.help-block{font-size: 12px; margin-top: 10px; color: #f18700; font-weight: bold;}
#cancelRegisterLink {text-align: center; margin-top: 5px; display: block;}


/* ------------------------ Formulaires --------------------- */
label {font-size: 16px; color: #54666f; font-weight: bold; letter-spacing: 0.05em;}
.form-control {height: 45px; color:#54666f; transition:border 300ms linear;}
.form-control:hover{border: 1px solid #3a4245; transition:border 500ms linear;}
.form-control:focus{background-color: #fff;border: 2px solid #12ca64; transition:border 100ms linear; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.15);-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.15); box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.15);}

.form-error{border-color: #f18700;}

.btn{transition:background-color 300ms}
.btn:hover{transition:background-color 300ms linear;}
.btn-primary{background-color: #54666f; border:none;}
.btn-primary:hover{background-color:#3a4245}
.btn-primary:active:hover, .btn-primary:active{background-color: #54666f; }



/* ------------------------------------- REFACTO ----------------------------------------  */ 

@font-face{
	font-family: 'Etelka Light Pro';
    src: url('../fonts/EtelkaLightPro.otf');
}
@font-face{    
    font-family: 'Etelka Medium Pro';
    src: url('../fonts/EtelkaMediumPro.otf');
}
@font-face{    
    font-family: 'Etelka Text Pro';
    src: url('../fonts/EtelkaTextPro.otf');    
}



.nav-item{position: relative;}

/* NAV */
.navbar-light.secondary-navbar{padding: 0;}
.nav-item.separator-right:before{border-left:1px solid #dbe1e5; display: block;content: ""; height: 30px; position: absolute; top:10px; left: 2px; }
.nav-item.separator-right{ font-weight: bold; padding-left: 20px;}
.nav-item.separator-right:first-child:before{content:none;}
.nav-item.separator-right:first-child{padding-left:0px;}
.nav-item.separator-right .nav-link {  position: relative;  font-size: 14px; padding: 15px 0 14px 0px;}
.nav-item.separator-right .nav-link:after {  content:'';  position: absolute;  width: 0%;  height: 3px;  left: 0px;  bottom: 0px;  background: #ca1234;  transition: all 0.36s cubic-bezier(0.680, 0, 0.265, 1);}
.nav-item.separator-right .nav-link.active:after {  width: 100%;}

.primary-navbar {  border-top: 5px solid #ca1234;  background-color: white;  border-radius: 0px;  padding-top:14px;  padding-bottom:14px;  padding-left:0px;  padding-right:0px;}

.primary-navbar-brand {	color:  #3a4245 !important;	font-size: 24px;font-weight: bold;letter-spacing: 2px;}

.primary-navbar-logo {  height: 48px;  margin-right:20px;}

.primary-navbar-avatar  {  height: 48px;  width:48px;  border-radius: 50%;}

.primary-navbar-login .nav-link {	color:  #3a4245 !important;	font-size: 16px;	font-weight: bold;  padding-top: 12px;}

.primary-navbar-separator .nav-link {  padding-top: 12px;  height:50px;  border-right: 1px solid rgba(191,201,207,0.5);  margin-left:30px;  margin-right:30px;}

.primary-navbar-logout .nav-link {	color:  #3a4245 !important;	font-size: 16px;	font-weight: bold;    padding-top: 12px;}

.secondary-navbar {  background-color: #f8fafb;   border-top: 1px solid #c8d0d6;  /* Check all */  border-bottom: 1px solid #c8d0d6;  border-radius: 0px;  padding-bottom: 0px;}

.secondary-navbar .nav-link {padding: 0;}

.secondary-navbar-separator .nav-link {   border-right: 1px solid rgba(191,201,207,0.5);}
/*
.nav-item.active{
  border-bottom-style: solid;
  border-width: 3px;  
  border-color: #ca1234;
}

.nav-item.linkable .nav-link:hover{
  color: #ca1234; 
}

.navbar-container {
  padding-left:0px;
  padding-right:0px;
}

.primary-navbar {
  border-top: 5px solid #ca1234;
  background-color: white;
  border-radius: 0px;
  
  padding-top:14px;
  padding-bottom:14px;
  padding-left:0px;
  padding-right:0px;
}


.primary-navbar-brand {
	color:  #3a4245 !important;
	font-size: 24px;
	font-family: 'Etelka Medium Pro';
	font-weight: 400;
}

.primary-navbar-logo {
  height: 48px;
  margin-right:20px;
}

.primary-navbar-avatar  {
  height: 48px;
  width:48px;
  border-radius: 50%;
}

.primary-navbar-login .nav-link {
	color:  #3a4245 !important;
	font-size: 16px;
	font-family: 'Etelka Medium Pro';
	font-weight: 400;
  padding-top: 12px;
}

.primary-navbar-separator .nav-link {
  padding-top: 12px;
  height:39px;
  border-right: 1px solid rgba(191,201,207,0.5);
  margin-left:30px;
  margin-right:30px;
}

.primary-navbar-logout .nav-link {
	color:  #3a4245 !important;
	font-size: 16px;
	font-weight: 400;  
  padding-top: 12px;
}

.secondary-navbar {
  background-color: #f8fafb; 
  border-top: 1px solid #c8d0d6;  
  border-bottom: 1px solid #c8d0d6;
  border-radius: 0px;
  padding-bottom: 0px;
  
  padding-left:0px;
  padding-right:0px;
  
  font-size: 14px;
  font-family: 'Etelka Text Pro';
}

.secondary-navbar .nav-link {
  padding-top: 10px;
  padding-bottom: 10px;  
}

.secondary-navbar-separator {
	  margin-top:2px; 
}
.secondary-navbar-separator .nav-link {
  height:30px;
  border-right: 1px solid rgba(191,201,207,0.5);
  margin-left:20px;
  margin-right:20px;
}*/



.linkable:hover {
	cursor: pointer;
}



.panel-header {
	padding: 20px; 
	border-bottom: 1px solid #c8d0d6;
}

.panel-row {
	padding-right: 40px; 
	padding-left: 40px;
}

/*
.btn{
	padding: 15px 20px;
}
*/