/*@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}*/

.log-in {
    background-image: url('../img/Construction.jpg');
    width: 100vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
}

.log-in-body {
    zoom: 1;
}

.login-p-smal-margin {
    margin-top: 4vh;
}

.log-in .input-division {
    width: 50vw;
    height: 100vh;
    background: white;
    opacity: 0.95;
    /*animation: 0.5s ease-out 0s 1 slideInFromLeft;*/
}

    /*.log-in .input-division.unactive {
        width: 0;
    }*/

    .log-in .input-division .logo-division {
        margin-top: 13vh;
    }

        .log-in .input-division .logo-division span {
            font-size: 2rem;
            position: relative;
            top: 13px;
            left: -15px;
            font-weight: 600;
            color: #4d4f5c;
        }

        .log-in .input-division .logo-division small {
            font-size: 1rem;
        }

    .log-in .input-division .log-in-p {
        color: #4d4f5c;
        font-size: 1.1rem;
        opacity: 0.5;
    }

    .log-in .input-division .login-input {
        border-radius: 0;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid #c7c6ce;
        font-size: 0.8rem;
        color: #43425d !important;
    }

        .log-in .input-division .login-input:focus {
            outline: none;
        }

    .log-in .input-division .button-holder {
        display: inline-flex;
        font-size: 0.7rem;
        width: 19vw;
        margin-bottom: 25px;
    }

        .log-in .input-division .button-holder .remember {
            margin-top: 38px;
            margin-right: 7vw;
        }
        .log-in .input-division .button-holder .agree {
            margin-top: 20px;
            width: 100%
        }

        .log-in .input-division .button-holder .forgot {
            margin-top: 37px;
            cursor: pointer;
        }

        .log-in .input-division .button-holder input {
            margin-top: 40px;
            margin-right: 5px;
        }

        .log-in .input-division .button-holder button {
            width: 8vw;
            border-radius: 4px;
            border-color: #43425d;
            height: 40px;
            font-size: 0.9rem;
        }
        .log-in .input-division .button-holder a {
            width: 8vw;
            border-radius: 4px;
            border-color: #43425d;
            height: 40px;
            font-size: 0.8rem;
            padding-top: 7px;
        }

.email {
    width: 19vw;
    margin-top: 15px;
}

.pass {
    width: 19vw;
    margin-top: 30px;
}
.name {
    margin-bottom: 15px;
    /*margin-bottom: 5px;*/
    margin-top: 15px;
    width: 9.5vw;
}

.password-eye {
    position: relative;
    top: -23px;
    left: 155px;
    font-size: 0.7rem;
    color: #43425d;
    cursor: pointer;
}

.log-in-button {
    background: #43425d;
    color: white;
    font-weight: bold;
    border: 2px solid #43425d !important;
}
    .log-in-button:hover {
        background: white;
        color: #43425d;
    }
    .log-in-button:active {
        outline: none !important;
        box-shadow: none !important;
    }

    .log-in-button:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.sign-up-button {
    color: #43425d;
    background: white;
    font-weight: bold;
    border: 2px solid #43425d !important;
}

.sign-up-button:hover {
    color: white;
    background: #43425d;
}

    .sign-up-button:active {
        outline: none !important;
        box-shadow: none !important;
    }

    .sign-up-button:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.margin-button {
    margin-right: 3vw;
}

.error {
    border-color: red !important;
}
.sign-up-button-width {
    width: 9vw;
}
.invalid-checkbox {
    width: 11px;
    height: 1px;
    position: relative;
    border-radius: 2px;
    top: 51.5px;
    left: -17px;
    display: block;
    border: 0.5px solid red;
}
.error-input {
    font-size: 0.7rem;
    color: red;
}
.sign-in-link {
    
}
.sign-in-link-holder {
    text-align: center;
    padding-top: 20px;
    font-size: 0.9rem;
}
.text-danger {
    font-size: 0.8rem;
    padding-top: 10px;
}
.text-danger ul {
    padding-left:0!important;
}
.register-first-name {
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 5px;
    margin-top: -13px;
}
.register-last-name {
    width: 50%;
    float: left;
    text-align: left;
    padding-left: 5px;
    margin-top: -13px;
}