.margin-bottom-2{
	margin-bottom: 2em;
}
.generateUserController .label1{
	font-weight: bold;
    font-size: 0.7em;
    margin-left: 0%;
    color: var(--set-dark-grey);
}
.generateUserController .standardInputBox{
	width: 90% !important;
}

.generateUserController .controlPasswordVisibility {
	position: absolute;
    top: 30%;
    background: none;
    cursor: pointer !important;
    left: 75%;
    color: var(--scgj-black);
}

.generateUserController .create-btn {
    width: 8em;
    border-radius: 6px;
    color: var(--scgj-white);
    background-color: var(--scgj-dark-blue);
    padding: 6px;
    cursor: pointer;
    border: none;
    font-size: 0.8em;
}

#userAccountsGrid{
	display:block;
}
#userAccountsGridSmallScreen{
	display:none;
}

/*---------media queries------------*/
@media (min-width: 768px) and (max-width:991px){
	.generateUserController .controlPasswordVisibility {
		position: absolute;
		top: 32%;
    	left: 75%;
	}
}
@media (min-width: 480px) and (max-width:767px){
	.generateUserController .controlPasswordVisibility {
		position: absolute;
	    top: 30%;
	    left: 75%;
	}
}
@media (min-width: 280px) and (max-width:479px){
	.generateUserController .controlPasswordVisibility {
		position: absolute;
    	top: 32%;
    	left: 70%;

	}
}
@media (min-width: 320px) and (max-width:768px){
	#userAccountsGrid{
		display:none;
	}
	#userAccountsGridSmallScreen{
		display:block;
	}
}