body{
    font-size:15px;
}
.page-signin .common-form,
.page-signup .common-form{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 25px 20px;
}
.page-form .common-form{
}
.page-form .system-logo{
    position:absolute;
    left:0;
    top:-60px;
    display: block;
    text-align: left;
    width:100%;
}
.page-form .system-logo img{
    height:50px;
}
.page-form .custom-checkbox-wrap {
    width:100%;
}
.page-form .custom-checkbox-label{
    width: calc(100% - 10px - 30px);
}
.page-form .custom-checkbox-button:hover{
    border-color:#227ceb;
}
.page-form .custom-checkbox-checked{
    border-color:#227ceb;
    background:#227ceb;
    color:white;
}
.button.red:hover{
    opacity:0.8;
}

/*iOS override */
input {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius:0;
    border-radius:0;
}
.common-input .input-wrap input[type="text"], .common-input .input-wrap input[type="password"], .common-input .input-wrap textarea {
    -webkit-appearance: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.no-content {
    height: auto !important;
    line-height: 34px !important;
    padding: 25px 0;
}

@media screen and (max-height: 700px){
    .page-form .common-form{
        margin-top:60px;
        position:static;
        left:0;
        top:0;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }
    .wrapper{
        width:400px;
        margin:0 auto;
    }
}
@media screen and (max-width:480px){
    .page-form .common-form{
        margin-top:60px;
        position:static;
        left:0;
        top:0;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
        min-width:280px;
    }
    .wrapper{
        width:100%;
        margin:0 auto;
    }
    .button-social{
        font-size:12px;
        text-transform: initial;
    }
}