/* style by levid */

.layui-layout-admin .layui-logo{
    position: relative!important;
    box-shadow:none!important;
    font-size: 18px;
    font-weight: bold;
    width: 300px;
    text-align: left;
}

.layui-layout-right{
    position: absolute!important;
    right: 20px;
}

.layui-table th {
    font-weight: bolder;
    height: 5em;
}

th .layui-table-cell{
    white-space:pre-wrap;
    height: auto;
}

.login-panel{

width: 1080px;
height: 600px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;

}

.login-img img{
    float: left;
    width: 50%;
    height: auto;
}

.login-form{
    float: right;
    width: 50%;
    height: auto;
}

.login-title{
    margin: 80px 30px 30px 30px;
    font-size: 28px;
    text-align: center;
    color: #202125;
}

.login-form form{
    margin:0 80px;
}

.login-form input{
    height: 50px;
    margin-bottom: 30px;
    background-color: #FAFAFA;
}

.login-form button{
    height: 50px;
    width: 100%;
}

.login-form .tips{
    margin: 40px 80px;
}

.login-form .tips a{
    color: #1890ff;
}

.login-footer {
    text-align: center;
}

.login-input{
    width: 60%;
    float: left;
    border-radius: 2px 0 0 2px;
}

.login-btn{
    width: 40%!important;
    background-color: #22ac38;
    border-radius: 0 2px 2px 0;
}

.login-verify{
    width: 40%;
    height: 50px;
    border-radius: 0 2px 2px 0;
    overflow: hidden;
}

.login-verify img{
    width: 100%;
    height: 100%;
}

.agreement{
    margin-top: 0.5em;
    margin-bottom: 3em;
    padding: 3em;
}

.layui-text h2{
    text-align: center;
}
.agreement-button{
    text-align: center;
}
.agreement button{
    margin-top: 1.5em;
}

footer p{
    text-align: center;
    margin: 2em 0;
    color: #999;
}

.home-button{
    margin: 1em 0;
    text-align: center;
}


.home-main{
    margin-top: 6em;
}

.home-title{
    text-align: center;
    margin: 2em 0;
}

.home-title h1{
    font-size: 22px;
    font-weight: bold;
}

.login-header{
    display: none;
}

.detail{
    max-width: 768px;
}

.detail-bg{
    margin: 1em 0;
    padding: 1.5em 1em 1em 1em;
}

.detail-title{
    border-left: #1890ff 4px solid;
    padding-left: 1em;
    font-size: 16px;
    font-weight: bold;
    margin: 0.5em 0;
    color: #999;
}

.detail-con{
    margin:.5em 0 1em 0;
    font-size: 16px;
    line-height: 1.8em;
}

.detail-con h3{
    font-size: 18px;
    color: #3c3c3c;
}

.detail-col{
    margin: 1.5em 0;
    border-right:#eee 1px solid;
}


.detail-col-title{
    text-align: center;
    margin-bottom: 1em;
    color: #999;
}

.detail-col-text{
    font-size: 16px;
    text-align: center;
}

.detail-col:last-child{
    border:none;
}

#divtable{
    padding: 1em;
}


.layui-table-tool{
    min-height: 40px;
    padding: 3px 15px;
}

.layui-table-tool-self{
    top:3px;
}

@media screen and (max-width: 768px){

    .login-header{
        display:block;
    }

    .login-panel{
        width: 90%;
        /* margin: 5em 5%; */
    }

    .login-img{
        display: none;
    }

    .login-form{

        width: auto;
        float: none;
    }

    .login-form form {
        margin:0 2em;
    }

    .mobile-hide{
        display: none;
    }
    
}

.layui-input-block{
    margin-left: 2em;
}



.layui-form-checkbox span{
    font-family: 'Noto Sans Arabic', sans-serif; 
    font-size: 16px;
    font-weight: bold;
}

.vote-panel {
    font-size: 24px;
    color: #FFFFFF;
    font-weight: bolder;
    border-radius: 10px;
}

.vote-panel:hover{
    opacity:0.8;
    filter:alpha(opacity=80); 
    transition: 1s;
}


#sumtips{
        text-align: center;
        font-size: 16px;
        color: #ff5722;
        margin: 1em 1em 2em 1em;
        font-weight: bold;
}


.layui-checkbox-disabled span{
    background-color: #ff5722!important;
}

.layui-checkbox-disabled i{
    color:#ff5722!important;
}