/*!
 * Start Bootstrap - Full Width Pics (https://startbootstrap.com/template-overviews/full-width-pics)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-width-pics/blob/master/LICENSE)
 */

body{
	background-color: #564f49;
}

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.form-login{
	padding-bottom: 0px !important;
}
.login-container{
    margin-top: 5%;
    margin-bottom: 5%;
}
.login-form-1{
    padding: 5%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
}
.login-form-1 h3{
    text-align: center;
    color: #333;
}
.login-container form{
    padding: 10%;
}
.btnSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 3.5%;
    border: none;
    cursor: pointer;
}
.login-form-1 .btnSubmit{
    font-weight: 600;
    color: #fff;
    background-color: #564f49;
}
.login-form-1 .ForgetPwd{
    color: #564f49;
    font-weight: 600;
    text-decoration: none;
}
div.blocklink:hover{
	background-color:#f6f6f6 !important;
}

#calendar{
	width: 100%;
}
#calendar .timeline, .day, .control{
	float: left;
}
#calendar .timeline ul, .day ul{
	margin:0;
	padding:0;
}
#calendar .timeline ul li, .day ul li, .control ul li{
	list-style-type: none;
	box-shadow: 0 0 0 1px #dedede;
  	margin: 0 0 1px 1px; 	
}
#calendar .day ul li:first-child{
	height: 80px;
}
#calendar .day ul li{
	  	padding:4px;
	  	height:49px;
	  	line-height: 40px;
	  	text-align: center;
}
#calendar .day{
	width:25%;
}
#calendar .control ul li{
	height: 49px;
	text-align: center;
	line-height: 49px;
	box-shadow: none !important;
}
#calendar .control ul{
	padding: 0px;
}
#calendar .control{
	width:12.5%;
}
#calendar .control button{
	width:30px;
	height:49px;
}
.selector{
	background-color: #564f49;
	opacity: 0.6;
}

.btn-cb {
  color: #fff !important;
  background-color: #564f49 !important;
  border-color: #564f49 !important;
}

.btn-cb:hover{
	color: #FFF !important;
	background-color: #3a3633 !important;
}

.btn_coiffure:hover{
	content: url('../img/prestations/coiffure-hover.jpg');
}
.btn_manucure:hover{
	content: url('../img/prestations/manucure-hover.jpg');
}
.btn_massage:hover{
	content: url('../img/prestations/massage-hover.jpg');
}
.btn_epilation:hover{
	content: url('../img/prestations/epilation-hover.jpg');
}
.btn_prestations{
	margin-bottom: 10px;
}

.card_prestation{
	border: 1px solid #564f49; 
	border-radius: 8px; 
	height:100%; 
	padding:10px;
}
.time_card{
	float:right; 
	display:block;
	margin-left: 3px;
}
.price_card{
	display:block; 
	width:100%; 
	clear:both; 
	text-align:center;
}

.rdv:hover {
    background-color: #564f48;
    color: white;
}

.appointment{
	border: 1px solid #564f48;
	padding: 20px;
	text-align:center;
}

a{
	color: #564f49;
}

a:hover{
	color: #3a3633;
	text-decoration: none;
}

@media (min-width: 992px){
	.bottom_btn{
		position:absolute; 
		bottom:10px; 
		width:86%;
	}
}
@media (min-width: 1200px){
	.bottom_btn{
		position:absolute; 
		bottom:10px; 
		width:88%;
	}
}