body {
    margin: 0;
    padding: 0;
    /*background: url('https://i.picsum.photos/id/851/1920/1080.jpg?hmac=8dpXaXykD3QOXMLOFPAMyWGveKGA1pbxbw1PxSZgaX0');*/
    background: url('https://picsum.photos/1920/1080') no-repeat center center fixed;
    /*background: url('../app/backgrounds.ashx');*/
    /*background-repeat: no-repeat;*/
    background-size: cover;
    font-family: sans-serif;
}

.loginbox {
    width: 320px;
    height: 600px;
    background: rgb(126, 120, 120);
    color: #fff;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    padding: 80px 30px 30px 30px;
    border-radius: 20px;
    box-shadow: 3px 3px 20px #000;
}

.loginlogo {
    width: 124px;
    height: 124px;
    border-radius: 50%;
    position: absolute;
    top: -62px;
    left: calc(50% - 62px);
    /* filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5)); */
}

.loginbox h1 {
    margin: 0;
    padding: 0 0 20px;
    text-align: center;
    font-size: 22px;
    color: #fff;
}

.loginbox p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.loginbox a {
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
}

.loginboxerr {
    padding: 0;
    font-size: 12px;
    font-style: italic;
    color: #f6f2f2;
    width: 100%;
    text-align: center;
    margin: 5px auto;
}

.loginbox input,
select {
    width: 100%;
    margin-bottom: 20px;
}

/*.loginbox input[type='checkbox'] {
        width: auto;
        margin-right: 15px;
    }*/

input[type='checkbox'] {
    width: auto;
    margin-right: 15px;
    margin-bottom: 20px;
}

.loginbox input[type='text'],
input[type='password'],
select {
    border: none;
    border-bottom: 1px solid #fff;
    background: transparent;
    outline: none;
    height: 40px;
    color: #fff;
    font-size: 16px;
    width: 100%;
}

    .loginbox input[type='text']::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #c3baa9;
    }

    .loginbox input[type='text']::-moz-placeholder {
        /* Firefox 19+ */
        color: #c3baa9;
    }

    .loginbox input[type='text']:-ms-input-placeholder {
        /* IE 10+ */
        color: #c3baa9;
    }

    .loginbox input[type='text']:-moz-placeholder {
        /* Firefox 18- */
        color: #c3baa9;
    }

.loginbox input[type='password']::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #c3baa9;
}

.loginbox input[type='password']::-moz-placeholder {
    /* Firefox 19+ */
    color: #c3baa9;
}

.loginbox input[type='password']:-ms-input-placeholder {
    /* IE 10+ */
    color: #c3baa9;
}

.loginbox input[type='password']:-moz-placeholder {
    /* Firefox 18- */
    color: #c3baa9;
}

.loginbox input[type='text']:hover,
input[type='password']:hover {
    cursor: default;
}

.loginbox select option {
    color: rgb(126, 120, 120);
}

.loginbox input[type='submit'] {
    border: none;
    /* outline: none; */
    height: 40px;
    background: #d62527;
    color: #fff;
    font-size: 18px;
    border-radius: 20px;
    margin: 20px 0px 0px;
    transition: 0.2s;
}

    .loginbox input[type='submit']:hover {
        cursor: pointer;
        color: #000;
        box-shadow: 2px 2px 6px #000;
    }

#PortalLogin {
    width: 100%;
}

.loginbox_alttext {
    margin: 0;
    padding: 20px 0px 0px 0px;
    text-align: center;
    color: #fff;
}

.loginbox_altbutton {
    border: none;
    height: 40px;
    background: #1C3A78;
    color: #fff;
    font-size: 18px;
    border-radius: 20px;
    margin: 20px 0px 0px;
    transition: 0.2s;
}

    .loginbox_altbutton:hover {
        cursor: pointer;
        color: #FFF;
        box-shadow: 2px 2px 6px #000;
    }