html, body {
    background-image: url(images/M90_ASKA_M.jpg);
    background-size: cover;
    background-position: bottom;
}

/* Bordered form */

form 
{
	margin: 50px 35%;
	width: 30%;
	background-color: #B9B8B9;
	align-content: center;
	border: solid #717171;
}

/* input width */

input[type=text], input[type=password] 
{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	align-content: center;
}

/* extra style för containers */

.containerheader
{
	text-align: center;
	padding: 14px 20px;
    margin: 20px 0;
}
/* button style */

button 
{
    background-color: #04AA6D;
    color: white;
    padding: 14px 20px;
    margin: 20px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

/* hover effekt på buttons*/

button:hover 
{
    opacity: 0.8;
}

/* centrera avatar bilden */
.imgcontainer
{
    text-align: center;
    margin: 24px 0 12px -22%;
}

/* avatar bild style */
img.avatar
{
    width: 40%;
    height: auto;
    border-radius: 50%;
	align-content: center;
}

/* padding på containers */

.container
{
    padding: 16px;
}

/* glömt lösenord text */

span.psw
{
    float: left;
    padding-top: 16px;
}

/* checkbox extra style */

.checkbox
{
	margin: 8px 0;
	margin-left: 40%
}
/* extra style */

@media screen and (max-width: 300px)
{
    span.psw
    {
        display: block;
        float: none;
    }
    .cancelbtn
    {
        width: 100%;
    }
}

.LoginPage
{
	background-image: url("images/uniform-oken-utland.jpg");
    background-size: cover;
    height: 100vh;
    overflow: hidden;
}

.RegPage
{
	background-image: url("images/RegBild.jpg");
    background-size: cover;
    height: 100vh;
    overflow: hidden;
}