@charset "UTF-8";
html{
    width:100%;
    height: 100%;
    font: 12px/24px Verdana, "Geneva CE", lucida, 'Microsoft YaHei', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    background: #000 url("../../images/backend/bg.jpg") no-repeat center center;
    background-size: cover;
    overflow: hidden;
    color: white;
}
body{
    margin:0;padding:0;
    width:100%;
    height:100%;
    color: white;
}
li{
    list-style-type: none;
}
ul{
    margin:0;padding: 0;
}
img{
    outline: none;
    font-size: 0;
    vertical-align: top;
}
select{
    outline: none;
}
input{
    outline: none;
    color: white;
}
input::-webkit-input-placeholder{
    color:#eee;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#eee;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#eee;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#eee;
}
a{
    color: white;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.5s;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;-o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.blo{
    display: block;
}
.dno{
    display: none;
}
a:link{
    color: white;
}
a:active{
    color: white;
}
a:hover{
    color: white;
}
.border-r{
    border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
    -o-border-radius: 5px;-ms-border-radius: 5px;
}
.boxs{
    box-sizing: border-box;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;-o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
#tb{
    width: 100%;
    height: 100%;
    display: table;
}
#td{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.global_img>img{
    width:100%;
}
.abo{
    position: absolute;
}
.fix{
    position: fixed;
}
.rel{
    position: relative;
}
.flex_div_center{
    display: flex;
    display: -webkit-flex; /* Safari */
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.flex_div_right{
    display: flex;
    display: -webkit-flex; /* Safari */
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.hitbg{
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 100;
}
.boxbg{
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
    z-index: 99;
}
.hitTXT{
    width: 100%;
    font-size: 1.6rem;
    color: #FFF;
    text-align: center;
}
#admin_h1{
    font-size: 2rem;
    padding-right:15px;
    color: rgba(255, 255, 255, 1);
    margin:10px 0 10px 0;
}
#admin_h1 span{
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 0.6);
}
#tables{
    width:100%;
    margin-bottom:10px;
    background: rgba(0,0,0,0.3);
    padding-top:20px;
}
#table_tools{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding:0 10px 10px 10px;
    border-bottom: rgba(255,255,255,0.2) solid 1px;
}
.tool_div{
    margin-right:10px;
    margin-bottom: 5px;
}
.charts_div{
    margin-right:10px;
}
.table_list{
    width:100%;
    border-spacing:0;
    padding:0;
    table-layout:fixed;
}
.table_list td{
    padding:5px;
    border-bottom: rgba(255,255,255,0.2) solid 1px;
    word-wrap: break-word;
}
.table_list tr:last-child td{
    border: none;
}
.table_list tr{
    transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;
    -o-transition: all 0.5s;-ms-transition: all 0.5s;
}
.table_list tr:nth-child(2n){
    background:rgba(0,0,0,0.1);
}
.table_list tr:hover{
    background:rgba(0,0,0,0.3);
}
.table_list th{
    padding:5px;
    text-align: left;
}
.table_list th:after{
    content: '';
    display:block;
    width:100%;
    height:4px;
    background-color: rgba(255,255,255,0.9);
    border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
    -o-border-radius:4px;-ms-border-radius:4px;
}
table th.center,table td.center{
    text-align: center;
}
a.more{
    color:#e6acbd;
}
a.more:hover{
    color: #00B3E6;
}
.uiinputtxt,#search_txt{
    width:200px;
    background: none;
    border:none;
    border-bottom:rgba(255,255,255,0.5) solid 2px;
}
.uiinputtxt#search_txt::-webkit-input-placeholder{
    color:rgba(255,255,255,0.2);
}
.uiinputtxt#search_txt::-moz-input-placeholder{
    color:rgba(255,255,255,0.2);
}
.uiinputtxt#search_txt::-o-input-placeholder{
    color:rgba(255,255,255,0.2);
}
.uiinputtxt#search_txt::-ms-input-placeholder{
    color:rgba(255,255,255,0.2);
}
.search_btn{
    width:14px;
    height:24px;
}
#search_btns{
    width:14px;
    height:14px;
    background-image: url(../../images/backend/glyphicons_halflings-white.svg);
    background-position: -48px 0px;
    left:0px;
    top:5px;
}
.multi_action_btn{
    width:14px;
    height:24px;
}
#multi_action_btns{
    width:14px;
    height:14px;
    background-image: url(../../images/backend/glyphicons_halflings-white.svg);
    background-position: -288px 0px;
    left:0px;
    top:5px;
}
.sort_icon{
    width: 14px;
    height: 14px;
    right: 1px;
    top: 10px;
    background-image: url(../../images/backend/glyphicons_halflings-white.svg);
    cursor: pointer;
}
.sort_icon.noselect{
    opacity:0.5;
}
.sort_icon_number{
    background-position: -313px -168px;
}
.sort_icon_number.sort_icon_number_asc{
    background-position: -288px -168px;
}
.sort_icon_name{
    background-position: -240px -168px;
}
.sort_icon_name.sort_icon_name_desc{
    background-position: -264px -168px;
}
.sort_icon_sort{
    background-position: -360px -168px;
}
.sort_icon_sort.sort_icon_sort_asc{
    background-position: -336px -168px;
}
.sort_icon_age{
    background-position: -360px -168px;
}
.sort_icon_age.sort_icon_age_asc{
    background-position: -336px -168px;
}
#mainchart{
    margin-bottom:20px;
    width:100%;
    height:300px;
}
#chart_select{
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
#all_loading{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    background: black;
}