:root {
    --primary-color: #a73069;
    --secondary-color: #f3e3eb;
    --text-color: #262626;
    --text-hover-color: #fff;
    --lineborder-color: #373373;
    --footer-color: #73737a;
}


.login-box {
    background-color: var(--primary-color);
}

.login-logo {
    color: #fff;
     background: var(--primary-color);
/*    background :#003366;*/
    margin-bottom: 0px !important;
}
.reg-logo {
    color: #fff;
    background: var(--primary-color);
    margin-bottom: 0px !important;
    text-align:center;
}

.btn-primary {
    background-color: #003366 !important;
}
#btnLogin {
    color: #fff;
    background-color: var(--primary-color) !important;
}

#Password:focus {
    outline: none
}

    .wrap {
        position: relative;
        overflow: hidden;
    }

    .wrap:before {
        content: "";
        z-index: 10;
        position: absolute;
        height: 200%;
        width: 200%;
        top: -120%;
        left: -120%;
        background: linear-gradient(transparent 0%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.1) 55%, transparent 100%);
        transition: all 2s;
        transform: rotate(-45deg);
        animation: shine 3s infinite forwards;
    }

    @keyframes shine {
        0% {
            top: -120%;
            left: -120%;
        }

        20% {
            left: 100%;
            top: 100%;
        }

        40% {
            left: 100%;
            top: 100%;
        }

        100% {
            left: 100%;
            top: 100%;
        }
    }

#form_pass_show {
    position: relative
}

    #form_pass_show i {
        cursor: pointer;
        position: absolute;
        right: 10px;
        bottom: 6px;
    }