html, body {
    /*font-family: Arial, Helvetica, sans-serif;*/
    /*font-family: "Acumin Pro"*/
    font-family: "Montserrat Regular", sans-serif;
    /*font-family: "Arial Nova";*/
    /*font-family: "Segoe UI", sans-serif;*/
    font-size: 14px;
    color: #212728;
    /*letter-spacing: 0.7px;*/
}

button, input, optgroup, select, textarea {
    font-family: "Montserrat Regular";
    /*font-family: "Arial Nova";*/
    /*font-family: "Segoe UI", sans-serif;*/
}

.login-page, .register-page {
    /*background-color: #f3f4fa;*/
    overflow: auto;
}

.login-card-body, .register-card-body {
    background-color: transparent;
    padding-top: 0px;
}

.login-box .card {
    /*background-color: transparent;
    box-shadow: none;*/
    border-radius: 8px;
    /*box-shadow: 0 0 6px rgb(0 0 0 / 13%), 0 4px 12px rgb(0 0 0 / 20%);*/
    box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
}
.login-card-body .input-group .form-control, .register-card-body .input-group .form-control {
    background-color: transparent;
}

.btn-block {
    width: initial;
    margin-left: auto;
    margin-right: auto;
}

.login-box, .register-box {
    margin-top: -50px;
}

.page-title {
    /*color: rgb(80,80,80);*/
    /*color: #696269;*/
}

.page-logo {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.login-footer p {
    margin-bottom: 0px;
    font-size: 11px;
    color: #333333;
}

.login-footer a {
    color: darkgray;
}

.agreement-detail p {
    color: #333333;
}
.agreement-detail a {
    color: darkgray;
}

.login-title p {
    margin-bottom: 0px;
    font-size: 10px;
    color: #282829;
}

.image-text {
    text-align: center;
    white-space: nowrap;
    /*margin-left: -15px;*/
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 10px;
    position: relative;
}

    .image-text img {
        vertical-align: middle;
        /*margin-bottom: 5px;*/
        /*height: 58px;
        padding-bottom: 5px;
        border-bottom: 2px solid gray;*/
        width: 100%;
        border-radius: 8px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .image-text .btn {
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: calc(100% - 40px);
    }

.image-text-2 {
    text-align: center;
    white-space: nowrap;
    margin-bottom: 30px;
}

    .image-text-2 img {
        vertical-align: middle;
        /*height: 100px;*/
        width: 100%;
    }


.login-half-box {
    position: relative;
}

.login-box {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.login-right-img {
    max-width: 100%;
}

.login-footer {
    margin-top: 80px;
}

.login-greeting {
    font-weight: bold;
    margin-bottom: 20px;
}

.link-button {
    font-size: 10px;
    margin-top: 10px;
}

@media only screen and (max-width: 767px) {
    .login-display {
        display: none;
    }
}
.g-recaptcha {
    margin-bottom:33px;
    margin-top: 30px;
    transform: scale(1.055);
    -webkit-transform: scale(1.055);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

@media screen and (max-height: 767px) {
    #rc-imageselect, .g-recaptcha {
        /*transform: scale(0.67);
        -webkit-transform: scale(0.67);*/
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}