﻿#body {
    background-image: url('../../Content/images/backGroundLogin.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.login-form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 600px;
    box-sizing: border-box;
    background: rgba(0,0,0,0.5);
    padding: 40px;
    border-radius: 20px 20px;
    -webkit-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.46);
    -moz-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.46);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.46);
}

    .login-form label {
        margin: 0;
        padding: 0;
        font-weight: bold;
        color: #ffffff;
    }

    .login-form input, select {
        margin-bottom: 20px;
        width: 100%;
    }

        .login-form input[type=text],
        .login-form input[type=password] {
            border: none;
            border-bottom: 1px solid #ffffff;
            background-color: transparent;
            outline: none;
            height: 40px;
            display: 16px;
            color: #ffffff;
        }

            .login-form input[type=text]:hover,
            .login-form input[type=password]:hover {
                border-bottom: 1px solid #ff0000;
                color: #ffffff;
                transition: 1s;
            }

    .login-form ::placeholder {
        color: red;
        font-weight: bold;
    }

    .login-form input[type=submit] {
        border: none;
        height: 40px;
        outline: none;
        font-size: 15px;
        background-color: tomato;
        cursor: pointer;
        border-radius: 15px;
        color: #ffffff;
    }

        .login-form input[type=submit]:hover {
            background-color: deepskyblue;
            color: #ffffff;
            transition: 1s;
        }

    .login-form a {
        color: #ffffff;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
    }

        .login-form a:hover {
            color: tomato;
            text-decoration: none;
            font-size: 14px;
            font-weight: bold;
            transition: 1s;
        }
