/*
	Fenetre de connexion
*/
.body-logPage{
	display: flex;
	align-items: center;
	
	/*background-image: url("/img/bck.jpg");*/
	background: linear-gradient(260deg, rgb(45, 53, 68) 0%, #7a263f 100%);
	height: 100vh;
}
.card{
	background-color: White;
	padding: 15px;
	margin-left: 50vw;
	transform: translateX(-50%); 
}
.card-body img{
	max-height: 10vh;
}
.center{
	display: flex;
	justify-content: center;

}
.btn{
	color: #FFF;
    background-color: #95395f;
    border-color: #eeeeee;
}
.btn:hover{
	color: darkGrey;
    background-color:  #FFF;
    border-color: #95395f;
}
.btn-link,.btn-link:hover{
	text-decoration: none;
	color:#95395f;
}


/* navbar */
.nav-item{
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-right: 1px solid #95395f;
	padding-right: 10px;
}
.navbar-brand{
	border-right: 1px solid #95395f;
	padding-right: 10px;
}
	
.nav-link{
	color:#95395f;
}
nav img{
	max-height: 6vh;
}
nav{
	background-color: #eeeeee;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-item:hover{
	color:white;
	background-color: #95395f;
}
.navbar-toggler-icon{
	color:#95395f;
}
.navbar-toggler{
	border: 1px solid #95395f;
}
#formNav{
	width:100%;
}


/*  edit planning */
.cd-schedule-modal__event-info{
	background-color: white;
}
.centerbutton .day{
	margin: 0px 5px 5px 5px;
}
.centerbutton{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;

}
#selectRoom {
    margin-bottom: 5px;
    float: left;
    height: 90%;
}

/* modal search booking */
.modal{
	padding:0;
}
.modal-footer .btn-secondary{
	color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.modal-footer .btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}
.element{
	margin-bottom: 10px;
}
.modal-title{
	font-weight: 600;
}
form hr{
	border-top: 1px solid #dee2e6;
	margin-bottom: 15px;
}

/* modal result:rooms for those filters */
.roomRow,.roomRowChecked{
	background: white;
	display: flex;
	border: 1px outset aliceblue ;
	border-radius: 5px;
	padding: 10px;
}
.leftRoomRow{
	width:20%;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.rightRoomRow{
	width:80%;
}

.roomRow:hover{
	border: 1px inset blue;
	background-color: aliceblue;
	cursor: pointer;
	
}
.roomRowChecked{
	border: 1px inset black;
	background-color: paleturquoise;
	
}
.roomRowChecked:hover{
	cursor: pointer;
}
.decale{
	padding-left: 25px;
}
.decale ul{
	list-style: inside;
}
.element h3{
	text-align: center;
}
.element button{
	text-align: center;
}
#inputState{
	padding:0;
}

/* modal with list of all customer that have the good name*/
.red{
	color: red;
}

.enterDate{
	
	margin: 10px 0 10px 5px;
}

/* modal main booking form*/
.centerdiv{
	    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.btn-sec{
color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-sec:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}
.btn-tertiaire{
	margin-left: 10px;
color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-tertiaire:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}
.addedLine{
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;

}
.addedLine div{
	margin-right: 10px;
	
}

/*modal add room*/
.btn-drop{
	color: #495057;
	background-color: #fff;
}


/* datatable custom menu */
.tableContainer{
	margin: 20px 20px 20px 20px;
}
table.dataTable thead th {
  white-space: nowrap
}

/* notifs page */
#containerNotifs{
	background-color: #eeeeee;
	padding: 10px;
	height: 100%;
	border-radius: 20px;
}
.buttonsLine{
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 100%;

}