@charset "utf-8";
.gradient-custom-2 {
	/* fallback for old browsers */
	background: #fccb90;
	
	/* Chrome 10-25, Safari 5.1-6 */
	background: -webkit-linear-gradient(to right, #55acee, #3b71ca, #3b5998, #3b5998);
	
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background: linear-gradient(to right, #55acee, #3b71ca, #3b5998, #3b5998);
}
.btn-block {
	display:block;
	width: 100%;
}
.btn-primary {
	padding: .75rem;
}
.form-outline {
    position: relative;
    width: 100%;
    border: 0;
}
.form-outline .form-control {
    min-height: auto;
    padding: .4rem .75rem;
    border: 0;
    background: transparent;
	border: 1px solid #bdbdbd;
    transition: all .2s linear;
}
.form-outline .form-control:focus, .form-outline .form-control.active {
    box-shadow: none !important;
	border-color: #3b71ca;
}
INPUT:not(:autofill), SELECT:not(:autofill), TEXTAREA:not(:autofill) {
    animation-name: onautofillcancel;
}

.form-outline .form-control ~ .form-label {
    position: absolute;
	z-index: 10;
    top: 0;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: .75rem;
    padding-top: .37rem;
    pointer-events: none;
    transform-origin: 0 0;
    transition: all .2s ease-out;
    color: rgba(0,0,0,.6);
    margin-bottom: 0;
}
.form-outline .form-control.active ~ .form-label, .form-outline .form-control:focus ~ .form-label {
    transform: translateY(-1rem) translateY(.1rem) scale(.8);
    color: #3b71ca;
	background: white;
	padding-left:5px;
	padding-right:5px;
}
.form-outline .form-control:not(.placeholder-active)::-moz-placeholder {
 opacity:0
}
.form-outline .form-control:not(.placeholder-active)::placeholder {
 opacity:0
}
.form-outline .form-control.active::-moz-placeholder,
.form-outline .form-control:focus::-moz-placeholder {
 opacity:1
}
.form-outline .form-control.active::placeholder,
.form-outline .form-control:focus::placeholder {
 opacity:1
}
.form-outline.error .form-control, .form-outline.error .form-label, .form-outline.error .form-control.active ~ .form-label {
	border-color: #dc3b3b;
	color:#dc3b3b;
}

@media (min-width: 769px) {
	.gradient-form {
	  height: 100vh !important;
	}
	.gradient-custom-2 {
		border-top-right-radius: .3rem;
		border-bottom-right-radius: .3rem;
	}
}