@media (max-width: 400px) {
    .dialog-sub-popup.dialog-setting-login-email .modal-title > .left-title-icon {
        max-width: 40px;
    }
    .dialog-sub-popup.dialog-setting-login-email .modal-title > .left-title-icon > a.btn-close {

    }

    .dialog-sub-popup.dialog-setting-login-email .modal-title > .left-title-icon > a.btn-close > img {
        margin-left: -5px;
    }
    .dialog-sub-popup.dialog-setting-login-email .modal-title > .left-title-icon > a.btn-close > .text {
        margin-left: -6px;
        font-size: var(--fsize-14);
    }
    .dialog-sub-popup.dialog-setting-login-email .modal-title .title {
        font-weight: 500;
    }
    .dialog-sub-popup.dialog-setting-login-email .modal-title .right-title {
        margin-right: 1px;
    }
    .dialog-sub-popup.dialog-setting-login-email .modal-title .right-title > a {
        font-size: var(--fsize-14);
    }
}

.dialog-sub-popup.dialog-setting-login-email .modal-title {
    padding: 15px 6px 15px 6px;
}
.dialog-sub-popup.dialog-setting-login-email .modal-title > .left-title-icon {
    max-width: 55px;
}

.form-group-input {
    border-radius: 15px;
    background-color: white;
    margin: 25px 15px 15px 15px;
    padding: 15px;
}
.group-controls {
    padding: 15px;
}
.login-form-email .form-row:first-child {
    margin-top: 0px;
}
.login-form-email .notes {
    margin-top: 20px;
}

.login-form-email .notes.notes-email2 {
    margin-top: 0px;
}
.form-group-input .text-intro {
    olor: var(--text-color);
    font-size: var(--fsize-15);
    font-family: var(--font-family);
    font-weight: 600;
    line-height: var(--line-height-18);
    word-wrap: break-word;
    border-bottom: 1px #DEB478 dashed;
    padding-bottom: 15px;
}
.form-group-input .text-email {
    padding-top: 15px;
}
.form-group-input .text-email > span {
    color: var(--text-color);
    font-size: var(--fsize-13);
    font-family: var(--font-family);
    font-weight: 300;
    line-height: var(--line-height-18);
    word-wrap: break-word;
}

.page-auth-login .wapper-top-bar .c-label {
    font-size: 16px;
    font-weight: 600;
}
.page-auth-login .header-label {
    font-size: 15px;
    font-weight: 600;
}
.page-auth-login .wapper-top-bar .left-title-icon {
    margin-left: 0;
}

.page-auth-login .group-controls .buttons .item-line .btn-submit > .btn-text {
    position: relative;
    margin: 4px !important;
    padding: 7px;

    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none !important;
    overflow: hidden;

}

.page-auth-login .btn-border {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.page-auth-login .border-rect {
    x: 0.5;
    y: 0.5;
    width: calc(100% - 1px);
    height: calc(100% - 1px);
    fill: none;
    stroke: #fff;
    stroke-width: 1;
    stroke-dasharray: 4 3;
    rx: 6;
}
.page-auth-login .btn-goto .border-rect {
    stroke: var(--text-color-green);
}

.page-auth-login .form-setting .box-form-submit .item-line .btn {
    padding: 4px;
}
.page-auth-login .group-controls .buttons .item-line .btn-submit {
    border-radius: 10px;
}
.page-auth-login .form-setting .box-form-submit .item-line .btn.btn-goto > .btn-text {
    margin-top: 0;
    margin-bottom: 0;
    padding: 7px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none !important;
    overflow: hidden;
}
.page-auth-login .form-group-input > .row:before {
    border: none;
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    height: 1px;
    background-image: linear-gradient(
        to right, 
        var(--border-color) 0 4px, 
        transparent 4px 8px
    );
    background-size: 8px 1px; 
    background-repeat: repeat-x;
}
.page-auth-login .form-group-input > .row:first-child::before {
    display: none;
}