html,
body {
    height: 100%;
}

body {
    font-family: "Poppins", sans-serif;
    background: #f5f5f5;
}

.bg-image {
    background-image: url(../img/bg.jpg);
    margin-right: -15px;
    margin-left: -15px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.login-header h1 {
    font-size: 32px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    text-decoration: none !important;
    margin: 0;
}

.login-header h1:hover {
    text-decoration: none;
}

.login-header h1:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 24px;
    width: 4px;
    left: -15px;
    top: 6px;
}

.login-header h1 span {
    color: #aaa;
    font-weight: 200;
    position: relative;
    z-index: 1;
    margin-left: 2px;
}

h2 {
    margin-top: 25px;
    font-size: 16px;
    font-weight: 300;
}

h3 {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 300;
}

.form-group label,
.checkbox label {
    font-weight: 300;
    font-size: 13px;
}

.form-control {
    height: 40px;
}

.btn {
    background: #4A90E2;
}

.site-info {
    font-weight: 300;
    font-size: 13px;
}

@media (max-width: 767px) {
    .text-xs-left {
        text-align: left;
    }
}

.vcenter {
    max-width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    float: none;
    margin-left: 0px!important;
}

#togglePassword {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath stroke='%23777777' stroke-linejoin='round' stroke-width='2' d='M29 16c0 3-5.82 9-13 9S3 19 3 16s5.82-9 13-9 13 6 13 9z'/%3E%3Ccircle cx='16' cy='16' r='5' stroke='%23777777' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    display:inline-block;
    width:24px;
    height:24px;
    position: absolute;
    right: 16px;
    top: 32px;
}
#togglePassword.nolabel {
    top: 8px;
}
#togglePassword.off {
    background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath fill='%23777777' d='M22 16a1 1 0 10-2 0h2zm-6 4a1 1 0 100 2v-2zm-6-4a1 1 0 102 0h-2zm6-4a1 1 0 100-2v2zm-2.776 11.68a1 1 0 00-.448 1.95l.448-1.95zm-7.9-2.007a1 1 0 001.351-1.475l-1.35 1.475zM19.242 8.436a1 1 0 00.518-1.932l-.518 1.932zm7.358 1.822a1 1 0 10-1.34 1.484l1.34-1.484zM28 16c0 .464-.243 1.203-.853 2.116-.593.888-1.471 1.845-2.578 2.727C22.351 22.611 19.314 24 16 24v2c3.866 0 7.329-1.611 9.816-3.593 1.246-.993 2.271-2.099 2.994-3.18C29.515 18.172 30 17.037 30 16h-2zM4 16c0-.464.243-1.203.853-2.116.593-.888 1.471-1.845 2.578-2.727C9.649 9.389 12.686 8 16 8V6c-3.866 0-7.329 1.611-9.816 3.593-1.246.993-2.271 2.098-2.994 3.18C2.485 13.828 2 14.963 2 16h2zm16 0a4 4 0 01-4 4v2a6 6 0 006-6h-2zm-8 0a4 4 0 014-4v-2a6 6 0 00-6 6h2zm4 8c-.952 0-1.881-.114-2.776-.32l-.448 1.95c1.031.236 2.111.37 3.224.37v-2zm0-16c1.118 0 2.205.158 3.24.436l.52-1.932A14.489 14.489 0 0016 6v2zm9.258 3.742c.899.812 1.6 1.655 2.071 2.427.482.79.671 1.423.671 1.831h2c0-.928-.389-1.93-.963-2.872-.586-.962-1.42-1.95-2.438-2.87l-1.34 1.484zM6.675 20.198c-.878-.804-1.563-1.636-2.021-2.395C4.184 17.024 4 16.403 4 16H2c0 .917.38 1.906.941 2.836.573.95 1.389 1.926 2.384 2.837l1.35-1.475z'/%3E%3Cpath stroke='%23777777' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 25L25 7'/%3E%3C/svg%3E");
}

.align-items-center label {
    display: flex;
    align-items: center;
}

.align-items-center input[type="checkbox"] {
    margin-top: 0;
}