body {

	background: #F5F5F5;
	background-image: url('../../img/Background.svg');

	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;

	font-family: var(--font-family);

	height: 100vh;
	width: 100vw;

}

input:focus,
select:focus,
textarea:focus {
	outline: none;
}

input::placeholder {
	color: #C3C3C3;
}

color {
	color: var(--color-primary);
}


/* CONTENT */

.content__box {
	width: 100%;
	background: #ffffff;

	padding: 20px;
	border-radius: 35px;

	box-shadow: 0px 0px 100px #00000003;
}

.form__box {
	padding: 20px;
	height: 100%;

	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: column;
}

.form__box .form__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.form__box .form__header .form__back a {
	font-size: .7rem;
	color: #343A40ac;
	text-decoration: none;
	font-weight: 300;
	line-height: 1;

	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.form__box .form__header .form__back a svg {
	margin-right: 10px;
	width: 15px;
}

.form__box .form__header .form__logo img {
	height: 25px;
}

.form__box .form__content {
	padding: 50px 25px 50px 25px;
}

.form__box .form__content h1 {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 180%;
	letter-spacing: -4%;
	margin-bottom: 0px;
}

.form__box .form__content p.form__subtitle {
	font-size: .8rem;
	font-weight: 200;
	line-height: 140%;
	letter-spacing: -4%;
	margin-bottom: 20px;
}

.form__box .form__content .input__box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;

	font-size: .9em;
	font-weight: 300;
	background: #ffffff;
	border-radius: 15px;

	padding: 10px 15px;
	border: .5px solid #f2f2f2;
	box-shadow: 0px 4px 10px #343a4003;

	margin-bottom: 10px;
}

.form__box .form__content .input__box input {
	padding: 0px !important;
	background: transparent;
	font-weight: 300;
	font-size: .9em;
	border: none;
	width: 100%;
}

.form__box .form__content .input__box:focus-within {
	border-color: #aeb8b5;
}

.form__box .form__content .input__box:focus-within svg:first-child {
	color: var(--color-primary);
}

.form__box .form__content .input__box .hr {
	margin-right: 15px;
	color: #636363;
	stroke-width: 1.5px;
	min-width: 18px;
	width: 18px;
	min-height: 18px;
	height: 18px;
}

.form__box .form__content .input__box svg:last-child {
	margin-left: 15px !important;
	margin-right: 0px !important;
	color: #DBDBDB;
	stroke-width: 1.5px;
	transition: all 200ms;
	cursor: pointer;
	max-width: 15px !important;
}

.form__box .form__content .input__box svg:last-child:hover {
	color: #636363;
}

.form__box .invalid {
	border-color: #ffdbdb !important;
}

.form__box .checkbox {
	padding: 5px 10px 10px 10px;
	font-weight: 200;

	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.form__box .checkbox input {
	margin: 0px 10px 0px 0px !important;
	width: 15px;	
	height: 15px;

	border-radius: 5px;
	background-color: #F3F3F3;
	border-color: #DEDEDE;
}

.form__box .checkbox label {
	line-height: 100%;
	font-size: .75em;
	color: #343a40;
	cursor: pointer;
}

.form__box .checkbox input:checked {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

.form__box .checkbox input:focus {
	box-shadow: none !important;
}

.form__box .input__actions {
	margin: 10px 0px;
	width: 100%;
}

.form__box .input__actions button {
	font-size: .8rem;
	padding: 13px 0px;
	width: 100%;
	border-radius: 15px;
	line-height: 1;
	border: 1px solid var(--color-primary);
	background: var(--color-primary);
	color: #ffffff;
	margin-bottom: 10px;
	transition: all 200ms;

	display: flex;
	justify-content: center;
	align-items: center;
}

.form__box .input__actions button:hover {
	background: #19463c;
	border-color: #19463c;
}

.form__box .input__actions button:disabled {
	background: #456c63;
	border-color: #456c63;
	cursor: not-allowed;
}

.form__box .input__actions a {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 100%;
	font-size: .7em;
	text-align: center;
	color: #343a40;
	font-weight: 300;

	text-decoration: underline;
	cursor: pointer;
}

.form__box .input__actions a:hover {
	text-decoration: underline;
}

.form__footer {
	text-align: center;

	display: flex;
	justify-content: center;
	align-items: center;
}

.form__footer p {
	margin-bottom: 0px;
	font-size: .7rem;
	color: #000000;
	font-weight: 300;
	width: 100%;
	text-align: center;
	line-height: 1;
}

.form__footer p a {
	text-decoration: none;
	color: var(--color-primary);
}

.bg__box {
	min-height: 30vw;
	height: 100%;
	width: 100%;
	position: relative;
	border-radius: 25px;
	padding: 25px;
	overflow: hidden;
	background: linear-gradient(135deg, #235B4E, #1A3E35);
	display: flex;
	justify-content: center;
	align-items: center;
}

.bg__box video {
	width: 100%;
	min-height: 100%;

	opacity: .5;
	object-fit: cover;

	position: absolute;
	top: 50%;
	left: 50%;

	transform: translate3d(-50%, -50%, 0px);
}

.spinner-border {
	border-radius: 100%;
}


/* RESPONSIVIDADE */

@media screen and (max-width: 576px) {
    body {
    	background: #ffffff !important;

    }
    .form__content {
    	padding: 0px !important;
    }
    .content__box {
    	position: fixed;
    	height: 100%;
    	width: 100%;

    	left: 0;
    	top: 0;
    }
    .content__box .row {
    	height: 100%;
    }
}