* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Variables */
:root {
    --primary-font-family: 'Poppins', sans-serif;
    --light-white: #f5f8fa;
    --gray: #5e6278;
    --gray-1: #e3e3e3;
}

body {
    font-family: var(--primary-font-family);
    font-size: 14px;
}

/* Main CSS */
.wrapper {
    padding: 0 0 100px;
    background-image: url('images/bg.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-attachment: fixed;
    background-size: contain;
    min-height: 100%;
}

    .wrapper .logo img {
        max-width: 50%;
        padding-bottom: 20px;
    }

    .wrapper input {
        background-color: var(--light-white);
        border-color: var(--light-white);
        color: var(--gray);
    }

        .wrapper input:focus {
            box-shadow: none;
        }

    .wrapper .submit_btn {
        padding: 15px;
        font-weight: 500;
    }

    .wrapper .login_with {
        padding: 15px;
        font-size: 15px;
        font-weight: 500;
        transition: 0.3s ease-in-out;
    }

        .wrapper .submit_btn:focus,
        .wrapper .login_with:focus {
            box-shadow: none;
        }

        .wrapper .login_with:hover {
            background-color: var(--gray-1);
            border-color: var(--gray-1);
        }

        .wrapper .login_with img {
            max-width: 8%;
        }


#resetPassword {
    cursor: pointer;
}

.chkPwdInfo {
    text-align: left;
}

.lstPwdInfo {
    padding-left: 25%;
    padding-top: 1em;
    text-align: left;
}

.strengthInfo {
    margin-top: 2px;
    font-weight: bold;
    color: #6e6e6e;
}

.control-label {
    text-align: left !important;
    padding-bottom: 4px;
}

.progress {
    height: 20px !important;
}

#password-strength {
    color: #5e6278;
    font-weight: bold;
}

.form-group {
    margin-bottom: 10px;
}

.show-pass {
    position: absolute;
    top: 5%;
    right: 2%;
}

.show-pass i {
    position: absolute;
    top: 0.5em;
    right: 2%;
    font-size: 16px;
}

.show-check-ok {    
    position: absolute;
    top: 20%;
    right: 2%;
    display: none;
}

    .show-check-ok i {
        position: absolute;
        color: #02b502;
        top: 0.2em;
        right: 2%;
        font-size: 16px;
    }

.passwordNewContainer {
    position: relative;
}

.fa-circle {
    font-size: 6px;
}

.fa-check-square {
    color: #02b502;
}

.hidden {
    display: none !important;
}

.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}