.login-box, .register-box {
	width: 500px;
	margin: 7% auto;
}

.login-box-body{
	width:500px !important;
}

.margin-left{
	margin-left: 3% !important;
}

.margin-top-5{
margin-top: 5%	!important;
}

.margin-top-2{
	margin-top: 2% !important;
}

/* .password-toggle-icon {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    color: #495057 !important;
    z-index: 10 !important;
    background: transparent !important;
    border: none !important;
    padding: 6px 8px !important;
} */

/* 	.col-sm-8 {
    position: relative; */
    
.password-toggle-icon {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    z-index: 10 !important;
    color: #6c757d !important;
}

/* REMOVE THESE (they break layout) */
.login-box, .register-box {
    width: 500px !important;
}
.login-box-body{
    width:500px !important;
}

.cous-form-wrapper .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
}

.cous-form-wrapper [class^="col-"] {
    float: none !important;
}

.cous-form-wrapper .form-control {
    width: 100% !important;
}

.username-row{
	
	width: 100%;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.fs-14{
	font-size: 14px !important;
}

/*  body.login-page {
	background-image: url("../img/bgimg.jpg") !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 100vh;
}  */

/* #wrapper-img {
    background: none !important;
    background-image: url("../img/bgimg.jpg");
    background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	min-height: 100vh !important;
} */
.bg-colour
{
	background-color: #367fa9;
}