.logon {
    width:100%;
    height:auto;
    display:inline-block;
    background:#f3f2f0
}
.log-text {
    text-align:center;
    font-size:28px;
    letter-spacing:2px;
    margin-bottom:7%
}
.logon-box {
    width:100%;
    height:auto;
    display:inline-block;
    background:#fff;
    margin:4% 0;
    padding:3% 0
}
.logon-left {
    width:45%;
    float:left
}
.form-group {
    float:left;
    width:50%;
    margin:5px 0px;
    margin-bottom:64px;
    margin-left:0px;
    line-height:39px
}
.form-group label {
    float:left;
    font-size:17px;
    width:20%;
    text-align:center;
    line-height:36px
}
.text-danger {
    color:#ef5350 !important;
    margin-right:6px
}
.form-control {
    width:70%;
    float:left;
    height:32px !important
}
.form-control {
    border:1px solid #cfcfcf;
    box-shadow:none;
    color:rgba(0,0,0,.6)
}
.form-control {
    width:69%;
    float:left;
    padding:4px;
    line-height:21px;
    color:#495057;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ced4da;
    border-radius:5px;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.form-controls {
    width:70%;
    height:42px !important;
    float:left;
    padding:4px;
    line-height:21px;
    color:#495057;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ced4da;
    border-radius:5px;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.fg-nr {
    float:left;
    margin-top:0px;
    width:67%;
    display:inline-block
}
.fg-nr input {
    float:left;
    width:15px;
    height:15px;
    margin-top:4px;
    margin-right:7px
}
.fg-nr label {
    float:left;
    font-size:15px;
    width:auto;
    text-align:end;
    line-height:normal;
    margin-right:35px
}
.form-groups {
    width:50%;
    display:inline-block;
    margin:0px auto;
    padding-top:20px
}
.btn-primary {
    text-align:center;
    margin:0 auto;
    display:block;
    padding: 16px 70px;
    background-color:#004180;
    border:1px solid #004180;
    color:#FFFFFF;
    border-radius:7px;
    font-size: 18px;
    float: left;
    margin-left: 10%;
}
.form-groups label {
    float:left;
    font-size:15px;
    width:19%;
    text-align:center;
    margin-right:12px
}
.logon-right {
    width:45%;
    float:right
}
.log-beax {
    width:100%;
    height:auto;
    display:inline-block
}
.logle-title {
    width:78%;
    color:#000000;
    font-size:18px;
    border:1px solid #ced4da;
    border-radius:5px;
    height:33px !important;
    padding:8px;
    text-align:center;
    margin:0 auto;
    margin-bottom:11px;
    line-height:33px
}
.form-group input {
    width:62%;
    float:left;
    padding:4px;
    line-height:26px;
    color:#495057;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ced4da;
    border-radius:5px;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.banner{
    display: none;
}
@media screen and (max-width:1024px) and (min-width:0px) {
    .logon {
        width:100%;
        height:auto;
        display:inline-block;
        background:#f3f2f0;
        margin-top: 0%;
        padding-top: 4%;
    }
    .banner{
        display: block;
        margin-top: 12%;
    }
    .banner img{
        width: 100%;
    }
    .logon-box {
        width:100%;
        height:auto;
        display:inline-block;
        background:#fff;
        margin:4% 0;
        padding:3% 0;
        padding-top:10%;
        padding-bottom: 12%;
    }
    .log-text {
        text-align:center;
        font-size:20px;
        letter-spacing:2px;
        margin-bottom:7%
    }
    #enterprise {
        display: block;
        width: 40% !important;
        float: left !important;
        height: 35px !important;
        margin: 0px 6% !important;
        margin-right: 1% !important;
    }
    #person {
        width: 40% !important;
        float:left !important;
        height:35px !important;
        margin: 0px 6% !important;
        margin-right: 1% !important;
    }
    .form-group {
        float:left;
        width:100%;
        margin:5px 0px;
        margin-bottom:31px;
        margin-left:0px;
        line-height:35px
    }
    .form-group label {
        float:left;
        font-size:14px;
        width:20%;
        text-align:center;
        line-height:36px
    }
    .btn-primary {
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 13px 39px;
    background-color: #004180;
    border: 1px solid #004180;
    color: #FFFFFF;
    border-radius: 7px;
    font-size: 14px;
    float: left;
    margin-left: 8%;
}
}