.aslogin {
    width: 400px;
    height: auto;
}
.asloginfield {
    float: left;
    width: 50%;
}
.asloginform form {
    float: left;
    width: 100%;
}
.asloginfieldfull{
    float: left;
    width: 100%;
}
.asloginheader {
    float: left;
    width: 96%;
    margin: 3% 2% 4% 2%;
}
.aslogintab {
    float: left;
    width: 50%;
    text-align: center;
}
.asloginheader a {
    background: #23a1d1;
    color: #fff;
    padding: 4%;
    width: 42%;
}
.asloginheader a {
    background: #435159;
    color: #fff;
    padding: 4%;
    width: 50%;
    font-size: 15px;
    border-right: 1px solid;
}
.asloginform {
    float: left;
    width: 100%;
}
.asloginform p {
    text-align: center;
    font-size: 16px;
    font-family: inherit;
    padding: 1%;
}
.asloginfield {
    float: left;
    width: 46%;
    padding: 2%;
    margin: 2%;
}
.asloginfieldfull {
    float: left;
    width: 96%;
    padding: 2%;
    margin: 2%;
}
.aslogin_button {
    width: 96%;
    margin: 2%;
    padding: 3%;
    background: #00B7B1;
    color: #fff;
    border: none;
    font-size: 15px;
}
.asselected {
    background: #E7304C !important;
}
.form_result span.success {
    float: left;
    width: 96%;
    margin: 2%;
    text-align: center;
    color: #EB5151;
    font-size: 16px;
}
.form_result {
    float: left;
    width: 96%;
    margin: 2%;
    text-align: center;
    color: #EB5151;
    font-size: 16px;
}
.asloginform form .asforgetpass {
    margin: 0% 2% 0% 2%;
    width: 96%;
    text-align: right !important;
    float: left;
}
@media screen and (max-width: 760px) and (orientation: portrait ) {
    .aslogin {
        width: 100%;
    }
}
@media screen and (max-width: 736px) and (orientation: landscape ) { 
    .aslogin {
        width: 250px;
    }
}