:root {
    --rg-main-text-color: #020408;
    --rg-seccound-text-color: #ffffff;
    --rg-submit-btn: linear-gradient(0deg, #daa520 0%, #da7320 50%, #faec04 100%);
    --rg-border-submit-btn: #ffffff;
    --rg-icon-show-pass: #333333;
    --rg-noti: #e89a00;
}

body.theme-dark {
    --rg-main-text-color: #000000;
    --rg-seccound-text-color: #ffffff;
    --rg-submit-btn: linear-gradient(0deg, #daa520 0%, #da7320 50%, #faec04 100%);
    --rg-border-submit-btn: #ffffff;
    --rg-icon-show-pass: #333333;
    --rg-noti: #e89a00;
}

body.theme-fantasy {
    --rg-main-text-color: #333333;
    --rg-seccound-text-color: #ffffff;
    --rg-submit-btn: linear-gradient(0deg, #0071bc 0%, #75c0ee 100%);
    --rg-border-submit-btn: #ffffff;
    --rg-icon-show-pass: #333333;
    --rg-noti: #ed1e7a;
}


/* register */
.register-style .regisbox {
    background: var(--box-gradient);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    width: 90%;
    color: var(--rg-main-text-color);
    max-width: 400px;
    margin: 2rem auto;
    border-radius: 1rem;
}

.register-style .regisbox h5 {
    font-size: 20px;
}

body.theme-dark .register-style .regisbox h5 {
    color: var(--rg-seccound-text-color);
}

.register-style .form-regis {
    background-color: var(--rg-seccound-text-color) !important;
    color: var(--rg-main-text-color);
    height: 40px;
    font-size: 16px !important;
}

.register-style .form-control {
    height: 40px;
    font-size: 16px !important;
}

.register-style .noti-password {
    font-size: 12px;
    color: var(--rg-noti);
}

.register-style .img-regis {
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
}

.register-style .submit {
    border: none;
    font-size: 16px;
    height: 40px;
    border-radius: 6px;
    background: var(--rg-submit-btn);
    color: var(--rg-seccound-text-color);
    border: 2px solid var(--rg-border-submit-btn);
}

@media screen and (max-width: 575px) {
    .register-style .input-password i {
        top: 11px;
    }
}