body > div {
	max-width:600px;
	margin:auto;
}

* {
  font-family: "Ubuntu", 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

/**
label {
	width:38%;
	margin-right:2px;
	box-sizing:border-box;
	display:inline-block;
}
**/

label {
	width:100%;
	display: block;
	margin-right:2px;
	box-sizing:border-box;
	color: #fff;
	font-size: 1.1em;
	font-weight: 600;
	padding-bottom: 2px;
}

label.remember-me-label {
	width:auto;
}

input[type=text],input[type=email],input[type=password] {
	width:100%;
/*	display: block;*/
    height: calc(2.75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	box-sizing:border-box;
}

input[type=text]:focus,input[type=email]:focus,input[type=password]:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

input.signup-cta {
    cursor: pointer;
    color: #fff;
    background-color: #fc531d;
    border-color: #fc531d;
    display: block;
		width: 100%;
		max-width:100%;
    padding: .75rem 1rem;
    font-size: 1.5rem;
		font-weight: 600;
		text-shadow: 0 0.5px 0.5px #000;
    line-height: 1.5;
  	border-radius: .25rem;
		border:0px;
		margin-bottom:20px;
}

input.signup-cta:hover {
    background-color: #E83C00;
}
.text-muted {
    color: #fff!important;
    font-weight: 500;
}

input {
    -webkit-appearance: none;
}

/**
.form-right {
    margin-left: 38%;
    padding: .375rem;
}

**/

.form-right {
	width:100%;
	padding: 0px;
	margin:0px;
}

.feedback {
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 12px;

}

.validation {
    font-size: 0.9em!important;

}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted black;  If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #212529;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
/**	margin-top: -12px;
	margin-left: 5px; **/

	top: 100%;
left: 50%;
margin-left: -150px;
font-size: 14px;

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

@media (min-width: 1981px) {

}

@media (min-width: 1601px) and (max-width: 1980px) {

}

@media (min-width: 1281px) and (max-width: 1600px) {

}

@media (min-width: 1025px) and (max-width: 1280px) {

}

@media (min-width:769px) and (max-width: 1024px) {

}

@media (max-width:768px) {

}

.validation {
    color: white;

	/**
@media (max-width:580px) {

	label {
		width:100%;
		display: block;
	}


	input[type=text],input[type=email],input[type=password] {
		width:100%;
		display: block;
	}

	.form-right {
		width:100%;
		padding: 0px;
		margin:0px;
	}

}
**/
