﻿body {
    margin:0;
    padding:0;
    text-align:center;
    font-size:0.9em;
}
#bodyContent {
    margin: 0px auto;
    text-align: left;
    width:340px;
    min-height:150px;
    border:solid 0px #f5f5f5;
    position:relative;
}


.selCover {
    float: left;
    width: 65px;
    margin-left:-90px;
}
.sel{
    border-color:#bbb;
    float:left;
    /*width:90px;*/
    height:24px;
}


/**表格*/
.tableFixed {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ccc;
}
    .tableFixed > tbody > tr > td {
        /*border-right: 1px solid #ccc;*/
    }
    .tableFixed > tr > td {
        /*border-right: 1px solid #ccc;*/
    }
.trHeader {
    display: table-row;
    border-bottom: solid 1px #ccc;
    height:28px;
    background:#555;
    color:#fff;
}
.tableContent {
    overflow-y:auto;
    min-height:50px;
}
.tbMain {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    background-color: white;
}
.tr {
    display: table-row;
    border-bottom: solid 1px #ccc;
    cursor: pointer;
    height: 25px;
}
.trSel {
    background: #81d8fe
}
.tdWidthNo {
    width: 110px;
    padding-left: 4px;
}
.tdWidthName{width:170px}
.tdWidthTime{width:180px}
.tdWidthEnterTime{width:140px}
.tdWidthWorkTime{width:38px}

.tdPaddingL{padding-left:15px}
.tdPaddingLS{padding-left:8px}

.tdWidthUserName65{width:65px;padding-left:3px}
.tdWidthUserNameS{width:55px;padding-left:3px}
.tdWidthUserName{width:80px}
.tdWidthUserBU{width:100px}

.tdWidth100{width:100%}

.tdDepart{color:#bbb}

/**共用*/
.clear {
    clear: both;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.grayText {
    color: #bbb;
}

.centerBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*display:table-cell;
    vertical-align:middle;*/
    display: flex;
    align-items: center;
    text-align: center;
    background: url('Images/bgRepeat/ag50.png');
}

.noSelect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.notBtn {
    cursor: default !important
}

.noBg {
    background: none !important
}

.popupWindowBtn {
    display: inline-block;
    border: solid 1px #bbb;
    border-radius: 5px;
    padding: 4px 14px;
    min-width: 38px;
    cursor: pointer;
    color: #666;
    background: #fff;
    margin: 0 4px;
    font-size: 1em;
}
    .popupWindowBtn:hover {
        border-color: #16e;
        background: #16e;
        color: #fff;
    }
    .popupWindowBtn:active {
        border-color: #16e;
        background: #16e;
        color: #fff;
    }

/**弹窗*/
.ppWnd {
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;/*flex*/
    align-items: center;
    text-align: center;
}
.ppWndBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #888;
    opacity: 0.5;
}
.ppWndMain {
    z-index: 1;
    margin: 0 auto;
    width: 300px;
    background: #fff;
    color: #000;
    text-align: left;
    border-radius: 8px;
    box-shadow: 5px 5px 20px #aaa;
}
.ppWndTitle {
    height: 28px;
    padding: 7px 0 0 15px;
    background: #444;
    color: #fff;
    font-family: 微软雅黑;
    font-size: 1.0rem;
    text-align: left;
    border-radius: 8px 8px 0 0;
}
.ppWndContentW {
    margin: 12px 26px 0px 15px
}
.ppWndTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 4px;
}
.ppWndTdL {
    text-align: right;
    width: 1px;
    white-space: nowrap;
}
.ppWndInput {
    border: solid 1px #bbb;
    padding: 3px;
    width: 182px;
    float:left;
}
.ppWndBtnW {
    text-align: center;
    margin: 10px 0 0 0;
    padding: 10px 20px;
    border-radius: 0 0 8px 8px;
    background: #f5f5f5
}

.date{padding:2px 0}
.compactTime {
    padding:2px 0;
    font-size:1em;
}


/**滚动条*/
/*滑块*/
*::-webkit-scrollbar-thumb {
    background-color: #aaa;
}

    *::-webkit-scrollbar-thumb:active {
        background-color: #4bf;
    }
/*滚动条*/
*::-webkit-scrollbar {
    width: 2px;
    height:2px;
}
/*滚动条轨道*/
*::-webkit-scrollbar-track {
}


/**输入框*/
.tbx {
    background: url('Images/leftBg.png');
    border: solid 1px #aaa;
    border-radius: 3px;
    padding: 0 2px;
    font-size: 0.9em;
    color: #444;
}


/**** 按钮 */
.btn {
    border: solid 1px #bbb;
    border-radius: 5px;
    text-align: center;
    padding: 2px 15px;
    /*font-family:宋体;*/
    cursor: pointer;
}
    .btn:hover {
        color: #fc8403;
    }
    .btn:active {
        color: #fc5e03;
    }
.btnW {
    margin: 10px 0;
    text-align: center;
}
.btnB {
    border: solid 1px #888;
    border-radius: 3px;
    text-align: center;
    margin-top:4px;
    padding: 0px 6px 1px 6px;
    /*font-family:宋体;*/
    cursor: pointer;
    float: left;
}
    .btnS:hover {
        color: #fc8403;
    }
    .btnS:active {
        color: #fc5e03;
    }
.btnText {
    font-size:1.3em;
    cursor: pointer;
    color: #25a;
    float:left;
}
    .btnText:hover {
        color: #fc8403;
    }
    .btnText:active {
        color: #d88022;
    }
.btnClose {
    position: absolute;
    cursor: pointer;
    right: 0;
    padding: 6px;
    color: #88d;
    font-size: 1.4rem;
}
    .btnClose:active {
        color: #dd0;
    }


#btnMenu {
    position:absolute;
    top:4px;
    right:5px;
}
/**** 弹出式菜单 */
.popupMenusW {
    position: absolute;
    right: 5px;
    top: 33px;
    display: none;
    width: 138px;
    border: solid 1px #25a;
    background: #fff;
}
.popupMenuW {
    display: flex;
    cursor: pointer;
    font-family: 宋体;
    font-size: 0.9em;
    color: #25a;
    height: 34px;
    margin-bottom: 1px;
    padding-right: 2px;
    flex-flow: row;
    align-items: center;
    background:#eee;
}
    .popupMenuW:hover {
        background: #fff;
    }
    .popupMenuW:active {
        background: #f8f8ff;
    }
.popupMenuWL { /*L即Left，即左边的颜色块*/
    width: 6px;
    height: 100%;
    background:#25a;
}
.popupMenuIcon {
    width: 25px;
    height: 25px;
    margin-left: 9px;
}
.popupMenuTextL { /*文本居左*/
    flex: 1;
    padding-left: 15px;
}

.popupMenuTextC { /*文本居中*/
    flex: 1;
    text-align: center;
}
.popupMenuTextR { /*文本居右*/
    flex: 1;
    text-align: right;
}


.divZSG {
    float:right;
    margin-right:40px;
}
#divMain{
    overflow:auto;
}
.padding5{padding: 8px}

.signDate{
    float:left;
    width:48px;
    min-height:9px;
}

.bottom{
    position:absolute;
    height:30px;
    bottom:0;
    background:#eee;
    width:100%;
}