body {background-color:#323232;color:white;font-family:Roboto;}


.container{background-color:#323232;text-align:center;padding:20px;}
.container h1{margin-top:30px;margin-bottom:0;}
.container h2{margin-top:0;}

.img-responsive{margin:0 auto;}

.register-steps{margin-top:60px;text-align:left;}
.register-steps .form-container{background-color:white;border:solid 1px #ababab; height:620px;color:black;padding:10px;margin-bottom:30px;}
.register-steps .form-container.commentaires{height:350px;}
.register-steps .form-container.submit-container{height:auto;font-size:14px;padding-top:20px;}
.register-steps .form-container.submit-container label{font-weight:normal;vertical-align:middle;margin-bottom:3px;}
.register-steps .form-container .number-header{text-align:center;border:solid 2px white;color:white;background-color:#ab0000;width:65px;margin:-35px auto 0 auto;border-radius:45px;padding:10px;font-size:30px;font-weight:bold;}
.register-steps h3{text-align:center;margin-bottom:20px;}
.register-steps h3 sup{font-size:12px;}
.register-steps .form-control{height:auto;padding-top:4px;padding-bottom:4px;margin-bottom:10px;}
.register-steps .input-group{margin-bottom:10px;}
.register-steps .input-group .form-control{margin-bottom:0;}
.register-steps .appointment-form{border-right:solid 1px #dedede;}

.register-steps #txt-client-relationdetail{display:none;}
.register-steps #lbl-client-relationdetail{display:none;}

.submit-container .checkbox-input-group{margin-bottom:15px;}
.submit-container .checkbox-input-group label{display:inline;padding-left:5px;}
.submit-container .checkbox-input-group input{float:left;}


.register-steps #appt-list{max-height:357px;overflow-y:auto;}
.register-steps .appt-item{position:relative;padding:5px;}
.register-steps .appt-item+.appt-item{border-top:solid 1px #dedede;}
.register-steps .appt-item .remove-date{cursor:pointer;color:#ab0000;display:block;position:absolute;right:5px;top:10px;font-size:20px;}

.register-steps .btn-danger{display:block;padding-top:30px;padding-bottom:30px;font-weight:bold;font-size:20px;background-image:none;background-color:#ab0000;margin-top:15px;}
.register-steps .btn-danger.disabled{background-color:#ababab;border:solid 1px #ababab;}
.register-steps .btn-success{display:block;margin-top:30px;margin-bottom:10px;}

.register-steps .form-container .btn-success {position:relative;padding-right:35px}
.register-steps .form-container .btn-success:before{height:14px;content: "\f054";margin:auto 0;font:normal normal normal 14px/1 FontAwesome;position:absolute;right:0;top:0;bottom:0;display:block;border-left:solid 1px #cdcdcd;width:30px;text-align:center;}

.date-required{display:none;font-weight:bold;color:#ab0000;margin-top:20px;text-align:center;}
.date-required.invalid{display:block;}
select.invalid, input.invalid{border:solid 1px #ab0000;}
select.invalid:focus, input.invalid:focus{border-color: rgba(210, 0, 0, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(210, 0, 0, 0.6);
  outline: 0 none;}

.confirmation > div{background-color:white;color:black;padding-top:30px;padding-bottom:30px;margin-top:10px;display:none;}
.explication-text{
    margin: -13px 0px 34px 0px;
    text-align: center;
}
.TakeNote{
    background-color: red;
    color: white;
    font-weight: 700;
    text-align: center;
    padding: 5px 10px 5px 10px;
}