.content-wrap {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(90deg, rgb(111, 60, 254) 0%, rgb(203, 156, 230) 50%, rgb(111, 60, 254) 100%);
}
.login-wrap {
	width: 55rem;
    background: linear-gradient(16deg, rgb(134, 69, 230) 0%, rgb(176, 148, 255) 50%, rgb(134, 69, 230) 100%);
	margin: auto;
	padding: 1.5rem 0 1.5rem 0;
	display: flex;
	flex-direction: row;
	border-radius: 1.5rem;
	box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.23);
	position: relative;
}
.login-wrap form{
	width: 75%;
}
.login-wrap input{
    direction: ltr;
}
.login-wrap input:focus {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #80bdff !important;
    box-shadow: 0 0 0 0.2rem rgba(180, 209, 241, 0.25) !important;
}
.login-wrap .custom-control-label::before, .login-wrap .custom-control-label::after {
    left: unset;
    right: -1.5rem;
}
.login-wrap .custom-control-input:checked ~ .custom-control-label::before{
    background-color: #7673d0;
}
.login-wrap input[type="submit"] {
    background-color: #f1d3ff;
}
#login-pass-togg-btn {
	z-index: 2;
	left: 0;
	bottom: calc(50% - 16px) !important;
	font-size: 16px;
}
.site-title {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: center;
	align-items: center;
    border-right-style: solid;
    border-right-width: 2px;
    text-shadow: 1px 2px 5px #0909094d;
}
.site-title img{
	width: 120px;
}
/*overwriting bs*/
.btn:hover {
    color: #fff;
    background-color: #45c8dd;
    border-color: #45c8dd;
}
.rounded {
    border-radius: 0.55rem !important;
}
.alca-cr {
    color: #ffe7caa3 !important;
	bottom: 10px;
	left: 20px;
	opacity: .75;
}

/*For Mobile Displays */
@media (max-width:799px){
	.login-wrap {
		width: 100%;
		flex-direction: column-reverse;
	}
	.login-wrap form{
		width: 100%;
	}
	.site-title {
	    border-right: none;
		padding: 1rem 0 1rem 0;
	}
	.site-title img{
	    width: 85px;
	}
}