.alert-success {
	color: #155724!important;
}

.alert-error {
	color: #ffffff!important;
	background-color: #e6735c;
}
.alert {
	border-radius: 0;
}
.outer-wrapper {
	background-color: rgba(235, 237, 239, 1.0);
	width: 100%;
	height: 100%;
  	font-family: 'ars-maquette-web', sans-serif;
}

.inner-wrapper {
	width: 716px;
	height: 470px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	border-radius: 8px;
}

/* LOGIN page */
.login .inner-wrapper{
	width: 408px;
	height: 318px;
}
.login .inner-body{
	height: 318px;
}
.login .inner-body h1 {
	font-size: 2rem;
	text-align: center;
}
.login .inner-body .left{
	height: auto;
}

.inner-header{
	height: 114px;
	position: relative;
}
.inner-header .right_div{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6c7983+0,3b474f+100&0+0,1+100 */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(108,121,131,0.74) 0%, rgba(59,71,79,0.74) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(108,121,131,0.74) 0%,rgba(59,71,79,0.74) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(108,121,131,0.74) 0%,rgba(59,71,79,0.74) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd6c7983', endColorstr='#bd3b474f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.inner-header .logo{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 120px;
	height: 74px;
  padding-top: 3px;
}
.inner-header .logo img {
	width: 120px;
}
.inner-header .logo-fill{
	fill: rgba(104, 116, 125, 1.0);
}

.inner-header h3{
	font-size: 19px;
	font-weight: 400;
	color: #000;
	text-align: center;
	margin-top: 28px;
	margin-bottom: 8px;
}
.inner-body{
	height: 356px;
	border-radius: 7px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b474f+0,6c7983+99 */

}

.inner-body.login .left{
	width: 408px;
	float: left;
	background-color: rgba(255, 255, 255, 1.0);
	border-radius: 7px;
	border: solid 1px rgba(221, 223, 225, 1.0);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12),  0px 0px 0px 1px rgba(0, 0, 0, 0.04);

}
.inner-body .left{
  width: 416px;
  height: 356px;
  z-index: 1;
  position: absolute;
  /* float: left; */
  /*background: url('../img/register/register-base@2x.png');*/
  background-size: 425px 367px;
  background-position: -5px -4px;
}
.inner-body .left .inner{
	padding-right: 8px;	
}
.inner-body .right_div{
  width: 308px;
  height: 356px;
  float: right;
  left: 0px;
  z-index: 0;
	position: relative;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
    /*
	width: 300px;
	height: 356px;

	float: right;
	position: relative;
	*/
}
.inner-body .right_div .bottom{    
	height: 200px;
  right: 0px;
  left: -8px;
  position: absolute;
  bottom: 0px;
  padding-top: 17px;
  background-color: rgba(255, 255, 255, 0.04);
}

.inner-body .left-edge{
	float: left;
	width: 8px;
	height: 100%;
}

.inner-body .left-edge .caret{
	/*
  background: url('../images/register/caret.png')no-repeat;
  background-size: cover;
  height: 26px;
  width: 8px;
  position: relative;
  top: 145px;
  border: 0px;
  right: 4px;
  */
}

.inner-body p{
	color: #a7b3bf;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
}
.inner-body a{
	color: #7F2AFF;
}
.inner-body a:hover{
	color: #5f23b9;
}
.inner-body form{
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 24px;
}
.inner-body input{
	width: 350px;	
	font-weight: 300;
	font-size: 15px;
	height: 39px;
	color: rgba(138, 147, 153, 1.0);
	border: 1px solid rgba(211, 215, 219, 1.0);	
	margin-top: -1px;
	padding-left: 11px;
	outline: none;
	line-height: 33px;
  /* height: 40px; */
  padding-bottom: 3px;
}
.inner-body input:focus{
	border-color: rgba(198, 223, 154, 1.0);
	border-width: 2px;
	/*padding-left: 10px;*/
}
.inner-body input.first{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.inner-body input.last{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.inner-body input[type=submit]{
	background-color: #7F2AFF;
	border-radius: 6px;
	color: #fff;
	height: 40px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.8px;
	margin-top: 32px;
	margin-bottom: 12px;
  line-height: 10px;
	padding-top: 7px !important;
}
.inner-body input[type=submit]:hover{
	background: #5f23b9;
	opacity: 1;
}

.inner-body .right_div h4{
	font-size: 13px;
	color: #f0f3f5;
	font-weight: 400;
	text-align: center;
    margin-left: -2px;
  margin-bottom: 8px;
}
.inner-body .right_div p{
	font-size: 13px;
	line-height: 21px;
	color: rgba(255, 255, 255, 0.68);
	font-weight: 300;
  padding-left: 18px;
  padding-right: 18px;
    margin-left: -2px;
}
.inner-body input:focus {
	border-color: #7f2aff;
}
.inner-body .people{
	margin-top: 26px;
}
.arrow{
	font-size: 9px;
}
.button:hover{
 	opacity: 0.7;
}
p.error{
	color: #e6735c;
	font-size: 13px;
}
ul.brands{
	position: relative;
	width: 250px;
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
}
ul.brands li{
  display: block;
  float: left;
    margin: 10px;
}
.brands .logo{
  background-size: contain !important;
  height: 26px;
  width: 8px;
}
.logo.shyp{
  background: url('../img/register/logo-shyp@2x.png')no-repeat;
  height: 19px;
  width: 47px;
}
.logo.godaddy{
  background: url('../img/register/logo-godaddy@2x.png')no-repeat;
  height: 32px;
  width: 66px;
}
.logo.vango{
  background: url('../img/register/logo-vango@2x.png')no-repeat;
  height: 19px;
  width: 76px;
}

.people{
  width: 26px;
  height: 26px;
  object-fit: cover;
  background-color: #9fce52;
  vertical-align:middle;
  margin-bottom: 14px;
  border-radius: 24px;
  background-size: contain !important;
  margin-left: auto;
  margin-right: auto;
}
.people.boulanger{
	background: url('../img/register/testimonial-photo@2x.png');
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12),  0px 0px 0px 1px rgba(0, 0, 0, 0.04);

}

.forgotpassword {
	width: 408px;
	background-color: rgba(255, 255, 255, 1.0);
	border-radius: 7px;
	border: solid 1px rgba(221, 223, 225, 1.0);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(0, 0, 0, 0.04);
	padding-bottom: 14px;
}

.flex-container {
	display: flex;
  justify-content: center;
}

#forgotpassword-button {
	border-radius: 3px;
	margin-top: 10px;
}

.forgotpassword-input {
	border-radius: 3px;
}
.logo-list {
	display: flex;
	justify-content: space-around;
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
}
.logo-shopify {
	width: 183px!important;
	transform: scale(0.8);
	position: relative;
	bottom: 17px;
}


.g-sign-in-button {
	margin: 10px auto;
	text-align: center;
	width: 50px;
	height: 50px;
	color: #fff;
	border-radius: 1px;
	border: 1px solid #cccccc;
}

.g-sign-in-button:hover {
	cursor: pointer;
	border-color: #7F2AFF;
}

.g-sign-in-button:active {
	background-color: #7F2AFF;
	transition: background-color 0.2s;
}

.g-sign-in-button .content-wrapper {
	height: 100%;
	width: 100%;
}

.g-sign-in-button img {
	width: 18px;
	height: 18px;
}

.g-sign-in-button .logo-wrapper {
	padding: 15px;
	background: #fff;
	width: 48px;
	height: 100%;
	border-radius: 1px;
	display: inline-block;
}

.g-sign-in-button .text-container {
	font-family: Montserrat, Roboto,arial,sans-serif;
	font-weight: 500;
	letter-spacing: .21px;
	font-size: 14px;
	line-height: 48px;
	vertical-align: top;
	border: none;
	display: inline-block;
	text-align: center;
	width: 265px;
}