.auth-wrapper {
	height: 95vh;
}

.valid {
	color: #28b779!important;
	margin-left: 2px;
}

.valid:before {
	position: relative;
	left: -1px;
	content: "✔";
}


.invalid {
	color: #da542e!important;
	margin-left: 2px;
}

.invalid:before {
	position: relative;
	left: -1px;
	content: "✖";
}

#auth-container {
	width: 25% !important;
}

#auth-container {
	width: 30% !important;
}

/* Desktops and laptops ----------- */
@media only screen and (min-device-width : 1458px) and (max-width : 1678px) {
    #auth-container {
    	width: 25% !important;
    }
}

@media only screen and (min-device-width : 1280px) and (max-width : 1458px) {
	#auth-container {
    	width: 25% !important;
    }
}

@media only screen and (max-width : 768px) {
    #auth-container {
    	width: 75% !important;
    }
    .auth-wrapper {
        height: 110vh !important;
    }
}