.modal-header{border-bottom:1px solid black;padding:15px 10px;margin-bottom:10px;text-transform:capitalize}
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5{margin:0;font-size:1.4rem}

.modal-body{padding:10px 20px 25px}
.modal-body a.login-method-link{display:block;margin-bottom:8px;text-align:center;color:white;overflow:hidden;text-decoration:none;padding:6px 5px;font-size:1.05rem}
.modal-body a.login-method-link span{padding-top:6px;display:inline-block}

.modal-body a.login-method-link#line-login-btn,
.modal-body a.login-method-link#connect-line-data-btn{background-color:#00c300}
.modal-body a.login-method-link#connect-line-data-btn{margin-bottom:0}

.modal-body a.login-method-link#google-login-btn,
.modal-body a.login-method-link#connect-google-data-btn{background-color:white;border:1px solid black;color:black}
.modal-body a.login-method-link#connect-google-data-btn{margin-bottom:0}

.modal-body a.login-method-link img{float:left;width:30px}

#login-form,
#edit-personal-data-form{margin-bottom:0}
.classic-form{margin-top:20px}
.classic-form .form-group{margin-bottom:15px}
#login-form .classic-form .form-group:nth-child(2){margin-bottom:0}
.classic-form .form-group label.input-prefix-label{display:block;margin-bottom:5px;text-transform:capitalize;font-size:1rem}
.classic-form .form-group input.input-body{width:100%;height:40px;padding:8px 5px;border:1px solid #dfdfdf}
.forget-password-link{display:block;margin:10px 0}
.forget-password-link a{text-decoration:none;font-size:.8rem;color:#a6a7a6}
#login-form .btn-login,
#login-form .btn-register,
#register-data-form .btn-register,
#edit-personal-data-form .btn-update{cursor:pointer;color:white;background-color:#1C1C1C;width:100%;border:0;padding:10px 0;font-size:1.1rem;text-transform:capitalize;text-decoration:none;display:block;text-align:center;margin-top:12px}

#edit-personal-data-from .complement-link{display:none}

#register-data-form{margin-bottom:0}
#modal-language{}
#modal-language a.language-link{display:inline-block;align-items:center;text-decoration:none;color:black;margin-right:30px}
#modal-language a.language-link img{width:36px;margin-right:1px;vertical-align:middle}

p.form-subtitle-followingline:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:0.5em;
    border-top:2px solid #B3BFB8;
    z-index:-1;
}
p.form-subtitle-followingline{position:relative;color:#B3BFB8;margin-bottom:20px;font-size:1.01rem}
p.form-subtitle-followingline span{background-color:white;padding-right:10px}

.inside-form{margin:0 auto;width:90%}
.inside-form .form-group{display:flex;align-items:baseline;flex-wrap:wrap}
.inside-form .form-group .before-prefix-label{text-align:right;font-size:.95rem;width:125px;text-transform:capitalize}
.inside-form .form-group .before-prefix-label .required-star{color:#C73E1D}
.inside-form .form-group .input-col-container{width:calc(100% - 135px);margin-left:10px}
.inside-form .form-group .input-col-container input,
.inside-form .form-group .input-col-container select{
    width: 100%;
    height: 40px;
    padding: 8px 5px;
    border: 1px solid #dfdfdf;
}
.jq-modal#modal-register{width:80%;max-width:700px}
#modal-register{position:relative}
.modal-loading{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    z-index: 100;
    display: none
}

.modal-loading img{
    width: 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}
#loading-register .loader,
#loading-register .loader:after,
#loading-update-member .loader,
#loading-update-member .loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
#loading-register .loader,
#loading-update-member .loader {            
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.gray-notice{color:#999;font-size:.85rem;font-weight:normal;display:block;margin-top:3px}
.register-notice{display:none;color:#C73E1D;margin-top:3px;display:block}

input#self-line-connecting:-moz-read-only,
input#self-google-connecting:-moz-read-only,
input#self-facebook-connecting:-moz-read-only{font-weight:bold;background-color:#D3D5D4;text-align:center;border:1px solid #878E99}
input#self-line-connecting:read-only,
input#self-google-connecting:read-only,
input#self-facebook-connecting:read-only{font-weight:bold;background-color:#D3D5D4;text-align:center;border:1px solid #878E99}

.swal2-container{z-index:999999 !important}

.jq-modal#modal-self-member-data{width:80%}
#modal-self-member-data{max-width:900px}
#modal-self-member-data #phone-verified-sign{display:inline-block;margin-top:5px}
#modal-self-member-data button.btn-verify-phone{
    cursor: pointer;
    color: white;
    margin-left: 5px;
    background-color: #1C1C1C;
    border: 0;
    padding: 5px;
    margin-top: 5px
}

@media screen and (max-width: 600px) {
    .inside-form{width:100%}
    .inside-form .form-group .before-prefix-label{width:100%;text-align:left;margin-bottom:3px}
    .inside-form .form-group .input-col-container{width:100%;margin-left:0}
}