html{
  overflow-x:hidden !important;
}
body {
	background: #ede6dc url('../img/bg.jpg') repeat;
	background-size:500px;
	font-family: 'Montserrat', sans-serif;
	overflow-x: hidden !important;
	min-height: 100vh;
}
a {
	color: #333 !important;
	text-decoration: none;
}
.navbar a {
	color: #fff !important;
}
a:hover {
	text-decoration:none;
}
.text-primary {
	color: #00a589 !important;
}
.bg-primary {
	background: #075d57 !important;
}
.bg-secondary {
	background-color: #064c44 !important;
}
.bg-tertiary {
	background: #00a589;
}
.navbar-brand, .navbar-brand img {
	width: 250px;
}
.icon {
	font-size: 1.25rem;
}
.icon:hover {
	opacity:.75;
}
.user {
	width: 40px;
}
.h6, h6 {
	font-size: 1.15rem;
	line-height: 1;
}
.pic {
	border: 15px solid #fff;
	border-radius: 5px;
	box-shadow: -1px 1px 4px #a49f99;
	margin-bottom: 10px;
}
.chat-bubble {
	border-radius: 5px;
	box-shadow: -1px 1px 4px #a49f99;
	color: #2f2f2f;
	background-color: #fff;
	padding: 10px 15px;
	font-size: 16px;
	margin: 0 auto 10px;
	position: relative;
	text-align: left;
	width: 100%;
	border-top-left-radius: 0;
}
.chat-bubble::after {
	content: ' ';
	position: absolute;
	width: 20px;
	height: 20px;
	left: -19px;
	right: auto;
	top: -3px;
	bottom: auto;
	background: url(../img/corner.png) left top no-repeat scroll;
	background-size: 100%;
}
.h1, h1 {
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: -1px;
}
.h2, h2 {
	font-size: 1.75rem;
	font-weight: 800 !important;
	margin-bottom: 20px;
}
.bg-transparent {
	background: rgba(255,255,255,0.4) !important;
}
.msg {
display:none;
}
.msg:hover{
opacity:.75;
}
.chat {
	min-height: 830px;
}
.card-footer {
	z-index: 100;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
.message {
	height: 36px;
}
.btn-send {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
}
.btn-send:hover {
	background: #28a745;
}
#form {
	margin-top: 10px;
}
#form .form-control {
	border-color: #cdcdcd;
	height: 50px;
	margin-left: -2px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	font-size: 16px;
}
.h2, h2 {
	font-weight: 800;
}
.btn-success, .btn-light {
	padding: .75rem;
	font-size: 1.5rem;
	max-width: 300px;
	margin: 0 auto;
	font-weight: 600;
	width: 100%;
	border: 5px solid #fff;
	cursor:pointer !important;
}
.btn-success{
	color: #fff;
	background-color: #28a745;
	border-color: #fff;
}
.btn-success:hover{
color: #fff;
background-color: #218838;
border-color: #1e7e34;
}
.btn-light:hover{
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
}
.form-icon {
	background-color: #efefef;
	border: 1px solid #cdcdcd;
	color: #707070;
	padding: 14px 14px 14px 18px;
	font-size: 20px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	width: 30px;
}
#form h1 .fa-lock {
	font-size: 2.5rem;
	margin-bottom: 10px;
}
.profils{
  line-height:1;
}
.profils:hover{
opacity:.75;
}
.profils img {
	width: 90px;
}
.form-check-input:checked {
	background-color: #28a745;
	border-color: #28a745;
}
#signup_cgu {
	color: #000 !important;
}
label {
	font-size: 13px;
}
.form-group {
	max-width: 450px;
	margin: 0 auto 20px;
}
.tab {
  display: none;
}
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}
.step.active {
	opacity: 1;
	background: #28a745;
}
.step.finish {
  background-color: #4CAF50;
}
/* Media Queries */
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1400px;
}
}
@media (max-width: 1380px){
.h1, h1 {
	font-size: 1.7rem;
	font-weight: 600;
}
.lead {
	font-size: 1rem;
}
}
@media (max-width: 1199px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 100% !important;
}
.chat {
	min-height: 770px;
}	
}
@media (max-width: 991px){
.navbar-brand {
	margin: 0 auto;
	width: 200px;
}
#container {
	margin-top: 0 !important;
	padding: 0;
}
.card-header {
		border-radius: 0 !important;
	padding: .4rem 1.25rem;
}
.pic {
	max-width: 250px;
}
.chat-bubble {
	font-size: 15px;
}
.chat {
	min-height: inherit;
	height: calc(100vh - 123px);
	overflow-y: scroll;
	padding-bottom: 100px !important;
}
.card-footer {
	border-radius: 0 !important;
	position:fixed !important;
}
.bg-transparent {
	background: rgba(255,255,255,0) !important;
}
#form {
	padding: 15px;
	max-width: 500px;
	min-height: 100vh;
	margin: 0 auto;
}
.col-form{
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 100;
	background: #ede6dc url('../img/bg.jpg') repeat;
	background-size:500px;
	display:none;
}
}
@media (max-width: 575px){
.pic {
	max-width: 150px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-right: 10px;
	padding-left: 10px;
}
#form .col-lg-10 {
padding: 0 30px !important;
}
.form-icon {
	font-size: 14px;
	width: 20px;
}
#form .form-control {
	height: 44px;
}
.mt-4, .my-4 {
	margin-top: 1rem !important;
}
.h2, h2 {
	font-size: 1.5rem;
}
}
@media (max-width: 360px){
.navbar-brand {
	width: 150px;
}
.chat {
	height: calc(100vh - 113px);
}
#form {
	padding: 15px 0;
}
#form .col-lg-10 {
	padding: 0 20px !important;
}
	
}