@CHARSET "ISO-8859-1";

body{
	background-image: url(bvibackground.jpg);
}

.emblemTitleContainer{
	display: flex;
}

.formContainer{
    height: 400;
    width: 30%;
}

.loginForm{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
    height: 70%;
    margin-top: 10%;
    border-radius: 10px;
    background-color: rgba(241,241,241,0.8);
    margin-left: 35%;
}

.div-large{
	width: 100%;
	text-align: center;
	border-radius: var(--BORDER_RADIUS);
	box-shadow: 2px 2px var(--LIGHT_GREY);
	display: block;
	vertical-align: middle;
	
}

.icon{
	width: 27px;
	height: 23px;
	vertical-align: middle;
}

.is-input-large{
	width: 70%;
	height: 25px;
	border-radius: var(--BORDER_RADIUS);
	box-shadow: 2px 2px var(--LIGHT_GREY);
	font-size: 15;
	text-align: center;
}

.user-id-input {
	background-image: url('../../images/login/user.png');
	background-size: 25px 26px;
	background-repeat: no-repeat;
	height: 25px !important;
}

.user-password-input {
	background-image: url('../../images/login/password.png');
	background-size: 23px 21px;
	background-repeat: no-repeat;
	height: 25px !important;
}

.workstation-id-input {
	background-image: url('../../images/login/screen.png');
	background-size: 22px 20px;
	background-repeat: no-repeat;
	height: 25px !important;
}

.off {
    content: url('../../images/login/view--off.png');
    width: 20px;
    height: 20px;
}

.on {
    content: url('../../images/login/view.png');
    width: 20px;
    height: 20px;
}

.togglePassword {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
}

.togglePasswImg {
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: relative;
    right: 22px;
}

.login-btn {
	 background-color: #bbbbbb;
	 font-size: 1vw;
	 border-radius: 5px;
}

.login-btn:hover {
	 color: white;
	 background-color: #1096d8;
}