@import "font.css";

*::placeholder,
*::-webkit-input-placeholder,
*::-moz-placeholder,
*::-ms-input-placeholder {
    font-size: 14px !important;
}

.alert-danger {
    background: #eb6774 !important;
}

.msg-error {
    font-size: 14px !important;
}

/* SVG watermark background */
.login-page {
    height: 80vh;
    position: relative;
    overflow: hidden;
    background-color: #e8eaef;
}

.login-page::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    opacity: 0.022;
    background-image: var(--login-watermark, url("/logo.png"));
    background-size: 320px;
    background-repeat: repeat;
    background-position: center;
    pointer-events: none;
}

.login-page .login-box {
    position: relative;
    z-index: 1;
}

input {
    font-size: 14px !important;
}

button[type="submit"] {
    background-color: #fff;
    border: 1px solid #2b2f6ed9;
    color: #2b2f6e;
    transition: color .15s ease-in-out,
                background-color .15s ease-in-out,
                border-color .15s ease-in-out,
                box-shadow .15s ease-in-out;

    &:hover {
        background-color:  #2b2f6e;
        color: #fff;
    }
}