body.layout-full {
    background:#fff
}


.layout-full .page{ background:none !important;}
.page-login:before {
    /* background-image:url(../images/logobg.jpg); */
    background:linear-gradient(45deg, rgba(39,150,242,0.02) 60%, rgba(61,102,246,0.36));
    /* height: 100%; */
}
.page-content{width:100%}
.page-login form {
    width: 80%;
    margin: 3vh 0;
}

    .page-login form a {
        margin-left: 20px;
    }
.page-dark.layout-full{color:#1d1d1d}
    .page-dark.layout-full:after, .page-dark.layout-full:after {
        z-index: -1;
        background-color: none !important;
        background:none !important
    }

@media (max-width: 767px) {
    .page-login form {
        width: auto;
    }
}

.form-control {
    padding: 6px 10px !important;
    border: none;
    background: none;
    border-bottom: 1px rgba(210,209,209,0.48) solid;
    border-radius: 0;
    height: 44px;
    color: #1d1d1d; /* background: #ffffff; */
    font-size:110% !important
}

.loginicon {
    display: none;
    position: absolute;
    top: 0px;
    left: 0;
    background: #ffb540 url(../images/logoicon.png) no-repeat 5px 5px;
    background-size: 70%;
    width: 35px;
    height: 36px;
    border-radius: 3px 0 0 3px
}

.icon2 {
    background: #ffb540 url(../images/logoicon.png) no-repeat 5px center;
    background-size: 70%;
}

.icon3 {
    background: #ffb540 url(../images/logoicon.png) no-repeat 5px -121px;
    background-size: 70%;
}

.btn-primary {
    background: linear-gradient(45deg, #2796f2, #3d66f6);
    height: 46px;
    border-radius: 46px;
    border: none;
    font-size: 120%;
    margin: 5vh 0;
}

.login_copy {
    font-size: 16px;
}

.checkbox-primary input[type=radio]:checked + label::before, .checkbox-primary input[type=checkbox]:checked + label::before {
    background-color: #3d66f6 !important;
    border-color: #3d66f6 !important
}
.page-content .page-copyright-inverse {
    color: #1d1d1d !important
}
    .page-content .page-copyright-inverse .icon wb-minus-circle {
        color: #3d66f6
    }
    .logintab {
        height: 25px;
        font-size: 22px;
        width: 100%;
        display: inline-block;
        position: absolute;
        top: 30px;
        right: 5%;
        text-align: right;
    }

.brand .name {
    font-size: 24px;
    font-family: Arial 'Microsoft YaHei';
    padding-bottom: 5px
}

@media screen and (min-width: 640px) {
    .brand .name {
        font-size: 48px;
    }
}

@media screen and (min-width: 480px) {
    .brand .name {
        font-size: 36px;
    }
}
@media screen and (max-width: 360px) {
    .brand .name {
        font-size: 24px;
    }
}

input::-webkit-input-placeholder {
    color: #1d1d1d;
}

input:-moz-placeholder {
    color: #1d1d1d;
}

input:-ms-input-placeholder {
    color: #1d1d1d;
}