:root {
	  --panel-color: #143c82; /* login + navbar panels background color */
	  --panel-font-color: #d5d5d5; /* text color in panels */
	
  	--button-color: #c30028; /* main buttons color */
  	--button-font-color:#fff; /* text color in main buttons */ 	
  	  	
  	--font-color:#636669; /* normal text color */
  	--navbar-font-color:#d5d5d5;    /* text color in navbar */
  	--navbar-button-color:rgba(0,0,0,0.2);  /* drill-down button color in navbar */
  	  	
}


  	
.logo {
	background-image: url('../images/logo_login.png');
}

body.my-login-page {
	font-size: 14px;
	background-image: url('../images/background_login.png');
	background-size:cover;
	background-repeat:no-repeat;
}


/* Transparence du fond */
body {
	background-color: rgb(255, 255, 255);
	font: 400 1em/1.38 Helvetica;
	color: rgb(0, 0, 0);
}


html, body {
	height: 100%;
  	font-family: "cabin";
}

@font-face {
	font-family: "cabin";
	src: url(../fonts/Cabin-Regular.ttf);
}

@font-face {
	font-family: "cabinmedium";
	src: url(../fonts/Cabin-Medium.ttf);
}

@font-face {
	font-family: "cabinbold";
	src: url(../fonts/Cabin-Bold.ttf);
}



.my-login-page .brand {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	margin: 40px auto;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
	position: relative;
	z-index: 1;
}

.my-login-page .logo {
    width: 100%;
    height: 10%;
    margin-bottom: 20px;
    margin-top: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}


.my-login-page a {
	color: #d5d5d5;
}


.my-login-page a:hover {
	color: #d5d5d5;
}

.my-login-page .card-wrapper {
	width: 450px;
}

.my-login-page .card {
	border-color: transparent;
	background-color: #143c82;
	opacity: 0.8;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
	height: 630px;
}

.my-login-page .card-mfa-setup {
	height: 760px !important;
}

.my-login-page .card-mfa {
	height: 320px !important;
}

.my-login-page .btn-floating-right {
  float: right;
}

.my-login-page .qrcode-info-secret {
  width: 250px;
  margin: auto;
  margin-top: 5px;
}

.my-login-page .login_spacer {
	height: 10%;
}

.my-login-page .label {
	color: #d5d5d5;
}

.my-login-page .card.fat {
	padding: 10px;
}

.my-login-page .card .card-title {
	margin-bottom: 30px;
	color: #d5d5d5;
	font-family: "cabinbold";
}

.my-login-page .form-control {
	border-width: 2.3px;
}

.my-login-page .form-group label {
	width: 100%;
	color: #d5d5d5;
}

.my-login-page .btn.btn-block {
	padding: 12px 10px; background-color: #c30028;
	border-color: #c30028; color: #fff;
	font-family: "cabinmedium";
}

.my-login-page .btn.btn-block:hover {
	padding: 12px 10px;
	background-color: none;
	border-color:  #c30028;
	color: #fff;
	font-family: "cabinmedium";
	
}

.my-login-page .footer {
	margin: 40px 0;
	text-align: center;
}

.company_choice {
	visibility: visible;
}


@media screen and (max-width: 425px) {
	.my-login-page .card-wrapper {
		width: 90%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 320px) {
	.my-login-page .card.fat {
		padding: 0;
	}
	.my-login-page .card.fat .card-body {
		padding: 15px;
	}
}

.navbar .logo {    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
        
	width: 150px;
  	height: 60px;    
}


.navbar {
  background-color :  #143c82;  
}

.navbar-header {
  color : #d5d5d5;
}

.btn-secondary {
	color: #d5d5d5;
	background-color: rgba(0,0,0,0.2);
	border: none;
}

a.btn-secondary:hover {
	color:#c30028;
	background-color:#d5d5d5;
	border:  none;
}

.show>.btn-secondary.dropdown-toggle
	{
	color:  #c30028;
	background-color: rgba(0,0,0,0.2);
	border: none;
}

.show>.btn-secondary.dropdown-toggle:focus
	{
	color: #c30028;
	background-color: rgba(0,0,0,0.2);
	border: none;
}


/* Bouton pour submit */

.btn-primary {
	color: #fff;
	background-color:  #c30028;
	border-color:#c30028;
}

.btn-primary:hover {
	color:  #c30028;
	background-color: #fff;
	border-color: #c30028;
}




a {
	color: #c30028;
}

a:hover {
	color:  #c30028;
}

p {
	color: #636669;
}

table {
	color:#636669;
}

label {
	color: #636669;
}

a.dropdown-item {
	color:#636669;
}

a.dropdown-item:hover {
	color:  #c30028;
}



.text-left {
  color:#636669;
}

.text {
  color: #636669;
}

.btn-default.dropdown-toggle {
  color: #636669;
}



.infos {
  color: #636669;
  font-size: 80%;
}

/* Positionnement du footer */

.copyright {
	width: 100%;
	min-height: 69px;
	text-align: center;
	font-size: 75%;
  padding-top: 50px;
  
	font-weight: normal;
	color: #636669;
}

.footer {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}

/* Pour la navigation <> dans le grid ( bouton) */

ul.pagination > li:first-child > a, 
ul.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

ul.pagination > li > a {
    position: relative;
    float: left;
    padding: 8px;
    line-height: 1;
    text-decoration: none;
    border: 1px solid;
    border-radius:5px;
    color: rgba(0,0,0,0.2);
}

ul.pagination > li > a.button {
  color:#d5d5d5;
}

ul.pagination > li:last-child > a, 
ul.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color:#fff;
    background-color: #636669;
    border-color: #636669;
    cursor: default;
}

.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus {
    color: #636669;
    background-color: #c30028;
    border-color: #636669;
}

/* Page d'enregistrement */
.my-login-page .register {
  height: 680px;
}

.text_register {
	color: #636669;
}

.agree_register{
	color: #636669;
}


.UpdatePasswordTitle {
  margin-top:20px;
}