/* Police */

@font-face{
		font-family: "Ma super font";
		src:url('/assets/fonts/Poppins-Italic.ttf');
}


@font-face{
    font-family: "Handley";
    src:url('/assets/fonts/HandleyFree.ttf')
  }

@font-face{
		font-family: "Poppins";
		src:url('/assets/fonts/Poppins-Regular.ttf');
}

a:hover{
	text-decoration: none;
	color: white;
}

/* Se connecter*/

.inscription{
	background-image: url('/assets/images/fond.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 100%;
	font-family: "Poppins";
}

.container{
height: 100%;
align-content: center;
}

.card{
height: 370px;
margin-top: auto;
margin-bottom: auto;
width: 400px;
background-color: rgba(0,0,0,0.5) !important;
box-shadow: 1px 0px 5px #FFC312;
}

.social_icon span{
font-size: 60px;
margin-left: 10px;
color: #FFC312;
}

.social_icon span:hover{
cursor: pointer;
color: white;
}

.card-header h3{
color: white;
}

.social_icon{
position: absolute;
right: 20px;
top: -45px;
}

.input-group-prepend span{
width: 50px;
background-color: #FFC312;
color: black;
border:0 !important;
}

input:focus{
outline: 0 0 0 0  !important;
box-shadow: 0 0 0 0 !important;

}

.remember{
color: white;
}

.remember input
{
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 5px;
}

.login_btn{
color: black;
background-color: #FFC312;
width: 150px;
}

.login_btn:hover{
color: black;
background-color: white;
}

.links{
color: white;
}

.links a{
margin-left: 4px;
}


.card-footer{
	color: white;
	text-align: center;
}

/* Fin se connecter*/

/* navbar */
.nav-item{
	font-size: 18px;
}

.mr-auto .nav-item{
	width: 225px;
	text-align: center;
	font-family: "Poppins";
}

.ml-auto .nav-item{
	width: 200px;
	text-align: center;
	font-family: "Poppins";
}

.active{
	text-shadow: 1px 1px 5px #FFC312;
}

nav{
  height: 60px;
  background-color: rgba(0,0,0,0.8) !important;
}

nav a{
  color: white;
}

nav a:hover{
	color: white;
	color: black;
}

.Look{
  font-family: "Handley";
  font-size: 30px;
}

.fa-home, .fa-gear, .fa-bell, .fa-wrench,.fa-check, .fa-dollar,.fa-user-md, .fa-user,.fa-sign-in ,.fa-key, .fa-fire, .fa-copyright, .fa-map-marker,.fa-automobile, .fa-history {
	color:#FFC312 ;
	height: 25px
	width:25px;
	background-color: grey;
	padding: 5px;
	border-radius: 50px;
	box-shadow: 1px 0px 5px #FFC312;
}
/*fin navbar */

/* Footer */
.footer{
  height: 100px;
  margin-top: 5%;
  background-color: rgba(0,0,0,0.8) !important;
  color: white;
  text-align: center;
}

.titre{
	padding-top: 12%;
}

.iconFa{
	padding-top: 3%;
}

.prop{
	padding-top: 2%;
}

.style, .titre{
  font-family: "Poppins";
  font-size: 18px;
}
/* Fin footer */


/* Accueil */

.body_ac{
	background-image: linear-gradient(160deg,
			#ECF0F1,
			white,
			#ECF0F1
		);
	background-repeat: no-repeat;
	background-size: cover;
}

.btn-color{
  font-family: "Poppins";
  margin-left:20% ;
  color: white;
  background-color: black;
 /*background: linear-gradient(135deg,#7fdfd4 0%,#4c6f7b 100%);*/

}

.btn-color:hover{
color: black;
background: white;
}

.car1,.car2,.car3,.car4,.car5{
	border-radius: 250px;
	padding: 25px;
}

.car4,.car5{
	margin-top: 10px;}

.car1,.car2,.car3,.car4,.car5{
	width: 80px;
}

.folded-corner:hover .text{
	visibility: visible;
	color: #000000;
}
.Services-tab{
	margin-top:20px;
}

/*
  nav link items
*/
.folded-corner{
  padding: 25px 25px;
  position: relative;
  font-size: 90%;
  text-decoration: none;
  color: #999;
  background-color:/*#ECF0F1*/transparent;
  transition: all ease .5s;
  border: 1px solid rgba(192,192,192,.7);
}

.folded-corner:hover{
	background-color: rgba(192,192,192,.9);
}

/*
  paper fold corner
*/

.folded-corner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 0 0px 0px 0;
  border-color: #ddd #000;
  transition: all ease .3s;
}

/*
  on li hover make paper fold larger
*/
.folded-corner:hover:before {
	background-color: #D00003;
  border-width: 0 50px 50px 0;
  border-color: #eee white;

}


#slider{
  max-width: 1000px;
  margin-top: 4%;
  border-radius: 25px;
  border: 3px outset rgba(192,192,192,.9);
  position: relative;
  overflow: hidden;
}

#slider figure{
  position: relative;
  width:1500px;
  animation: 0,5s s alternate infinite;
  padding-bottom:15px;
}

#slider img{
  width: 100px; height:100px; float: left;
}
@keyframes s {
  0%{right: 10% }
  25%{right: 20%}
  50%{right: 25%}
  75%{right: 20%}
  100%{right: 10%}
}

/* Fin Accueil*/


/* Reservation */

.bacReserver{
background-image: linear-gradient(90deg,
			white,
			#ECF0F1
		);
}

.col-lg-3{
	height: 100px;
}

.col-lg-2{
	height: 100px;
}

button{
	border-radius: 50px;
	/*width: 30px;*/
	/*height: 30px;*/
	position: relative;
	margin-top: -75%;
	margin-left:20%;
	font-size: 0.8em;
	background-color: black;
	color: white;
	box-shadow: 1px 2px 1px white;
	z-index: 2;
}

.numberbutton{
	border-radius: 50px;
	width: 30px;
	height: 30px;
	position: relative;
	margin-top: -75%;
	margin-left:20%;
	font-size: 0.8em;
	background-color: black;
	color: white;
	box-shadow: 1px 2px 1px white;
	z-index: 2;
}

 .disable{
            pointer-events: none;
            cursor: default;
        }

.all_chair{
	margin-top: -70%;
	margin-left: 19.5%;
}

.all_chair1{
	margin-top: -80%;
	margin-left: 16.5%;
}

.refVoiture{
	margin-top: 4%;
	padding-left: 10%;
}

.refVoit{
	width: 175px;
	text-align: center;
}

.aside{
	font-family: "Poppins";
	padding:1.2%;
	border-radius: 25px;
	box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.1) !important;
}

.aside1{
	margin-top: -15%;
	box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
	font-family: "Poppins";
	padding:1.2%;
	border-radius: 25px;
	background-color: rgba(0,0,0,0.1) !important;
}

.aside a, .aside1 a{
	color: black;
}

.aside a:hover{
	color: black;
	text-decoration: none;
}

.aside1 a:hover{
	color: black;
	text-decoration: none;
}

.reserver, .back{
	border:2px outset grey;
	border-radius: 5px;
	background-color: white;
	margin-top: 5%;
	box-shadow: 1px 0.5px 2px grey;
}

input[type="submit"]:hover{
	border: 1px solid #999;
	color: #000;
}

.clicklink a:hover{
	color: red;
}

.legend{
	margin-top: 5%;
}

.img-fluid{
	margin: 1em;
}

.btn-sec{
	cursor: pointer;
	border-radius: 5px;
	background-color:#ffc312;
	box-shadow: 0.5px 0.5px 1px white;
}

.connect{
	margin-left: 400px;
}

/* Fin reservation */

/* Debut formulaire client */
.formulaire{
	font-size: 15px;
}

.formulaire input{
	margin-top: 1em;
	margin-left: 15px;
}

.radio{
	margin-left: 1em;
}

.submit{
	float: right;
	cursor: pointer;
	border-radius: 5px;
	background-color:#ffc312;
	box-shadow: 0.5px 0.5px 1px white;

}

.fond{

	margin-bottom: 5%;
    background-color: rgba(0,0,0,0.5) !important;
	color: white;
	border-radius: 25px;
	box-shadow: 0.5px 0.5px 1px grey;
	}

.tatapic{
	margin-top: 50%;
}
/* Fin formulaire client */

/* Debut billet */
.en_tete{
	text-align: center;
}

.en_tete h3{
	font-family: "Handley";
}

.nomCli{
	text-align: left;
}

.somme, .statut, .nbrPlc, .numeroVoiture, .sexeCli, .dateBil{
	float: right;
}

.footBil h4{
	text-align: center;
	font-family: "Handley";
}

/*.back_picture{
	background-image: url(../images/car1.jpg);
	background-attachment: fixed;
	background-position: center;
	margin-top: 9%;
	margin-left: 400px;
}*/

.corps{
	margin-top: -75%;
	z-index: 2;
	position: relative;
}

.suite_bil{
	z-index: 2;
	position: relative;
}

.sprinter{
	position: relative;
	z-index: 1;
	margin-left: 7%;
	opacity: 0.8;
}

.billet{
	border: 1px solid black;
	padding: 3%;
	font-size: 13px;
	width: 316.5px;
	text-shadow: 2px 1px 2px white;
}

.suite_bil{
	margin-top: 4%;
}

.back_picture{
	margin-top: 7%;
}

.choice{
	border: 1px solid rgba(192,192,192,.7);
}

.choix_billet a{
	color: black;
	margin-left: 1em;
}

.choix_billet{
	margin-top: -10%;
}

/* Fin billet */

/* Debut admin */
section {
    padding-top: 4rem;
    padding-bottom: 5rem;
    background-color: #f1f4fa;
}
.wrap {
    display: flex;
    background: white;
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
}

.wrap:hover {
    background: linear-gradient(135deg,#ECF0F1 0%,grey 100%);
    color: white;
    cursor: pointer;
    opacity: 90%;
}

.ico-wrap {
    margin: auto;
}

.mbr-iconfont {
    font-size: 4.5rem !important;
    color: #313131;
    margin: 1rem;
    padding-right: 1rem;
}
.vcenter {
    margin: auto;
}

.mbr-section-title3 {
    text-align: left;
}
h2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.display-5 {
	font-family: "Poppins";
    font-size: 1.4rem;
}
.mbr-bold {
    font-weight: 700;
}

.display-6 {
font-family: "Poppins";
    font-size: 1rem;}
}

.row .mbr-justify-content-center{
	margin-top: 15%;
}

a {
	color: white;
}

.access{
 border: 1px solid rgba(192,192,192,.7);
 background-color: rgba(0,0,0,0.7) !important;
 box-shadow: 1px 0px 5px #FFC312;
}

.ico-wrap .fa{
	color: #FFC312;
}

/*Fin admin */

/* Debut gestion de voyage , assurance , visite , entretien , budget */

.clearfix{
	margin-top: 50px;
	padding: 1em;
	text-align: center;
	box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
}

#add_row{
	margin-top: 30px;
	color: white;
	background: #ffc312;
}

#add_row:hover{
	color: white;
	background:#9E0E40;
}

.table-sortable tbody tr {
    cursor: move;
}

.glyphicon{
border: 1px solid rgba(192,192,192,.7);
 background-color: rgba(0,0,0,0.7) !important;
 box-shadow: 1px 0px 5px #FFC312;
 color: #ffc312;
}

/*budget*/
	.choix{
	margin-top:5% ;
}

.bdg{
	margin-top: 2%;
}

/*fin budget */

/* Fin gestion de voyage*/

/*debut gestion de compte */

.title2 , .title3{
	text-align: center;
	margin-top: 15%;
	font-family: "Handley";
	color: black;
}

.FormeCreate, .FormeModif{
	font-family: "Poppins";
	margin-top: 5%;
	margin-bottom: 5%;
	padding-left: 5px;
	color: white;
	height: 450px;
	font-size: 15px;
	border-radius: 50px;
	border: 1px solid rgba(192,192,192,.5);
 	background-color: rgba(0,0,0,0.7) !important;
 	box-shadow: 1px 0px 5px #FFC312;
}

.FormeCreate label, .FormeModif label{
	margin-left: 5%;
}


.modif{
	margin-top: 5%;
	border-radius: 10px;
}

.go{
	margin-left: 60px;
}

/*fin gestion de compte */


/* Debut notif */
	.list-group{
		box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
		margin-top: 5%;
	}

	.titleNot{
		margin-top: 5%;
	}

/* Fin notif */

 Raha misy notif

.fa-bell{
	color: red;
	box-shadow: 1px 0px 5px red;
}

.notif{
	color: red;
}

.labelclass{
	font-size: 20px;
}

.labelinscription{
	font-size: 1em;
}

.hiddenform {
	visibility:hidden
}

.collabelinscription{
	margin-top : 2%;
}