@CHARSET "UTF-8";

.page-title{
    font-size:22px;
    width:100%;
    text-align:center;
    padding-bottom:30px;
}

.link-signup{
    color: rgb(24, 113, 255);
    font-size: 13px;
    padding:10px 0px 30px 0px;;
    cursor:pointer;
    width: fit-content;
    position:relative;
    left:100%;
    transform:translateX(-100%);
}

.desc-privacy{
    text-align:center;
    color: #777;
    width:90%;
    margin:auto;
}

.link-privacy{
    text-align:center;
    color:rgb(24, 113, 255);
    padding:10px 0px 50px 0px;
    cursor:pointer;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    width: fit-content;
}

.footer-button-area>div{
    flex: 1 1 0;
}
.desc-app-pass{
    padding:10px;
}

.red-emp{
    color:red;
}

.button-signin{
    color:#fff;
    background-color:rgb(24, 113, 255);
    font-size:17px;
    width:100%;
    height: 40px;
}

.button-signin:active{
    background-color:rgb(12, 102, 246);
}

.button-signin-app{
    background-color:#000000;
    color:#fff;
    background-image:url('/images/app/common/mobile-app.png');
    background-size:20px;
    background-position:35px 10px;
    background-repeat:no-repeat;
    font-size:17px;
    width:100%;
    height: 40px;
}
.center-box.signin-mode{
    width:500px;
}
.center-box.signin-mode>:not(.signin-mode):not(.both-mode){
    display:none;
}
.center-box:not(.signin-mode)>.signin-mode{
    display:none;
}
.height-box.signin-mode{
    height:100px;
}

.signin-mode #account-text-field{
    border-radius: 12px 12px 4px 4px;
}

.signin-mode #account-password-field{
    border-radius: 4px 4px 12px 12px;
    border-top: none;
}