body{
    font: 14px "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    padding: 0px;
    margin: 0px;
}
.backend-body{
    width: 100%;
    height: 100%;
    background: url("../images/backend-bg.png") #000 center fixed no-repeat;
}
.clearfix:after {
    display: block;
    content: "\20";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.bd-login-area{
    position: absolute;
    width: 526px;
    height: 310px;
    top: 50%;
    left: 50%;
    margin-top: -154px;
    margin-left: -273px;
    background: #e7e7e7;
    border-radius: 4px;
    box-shadow: 0px 0px 10px #000;
}
.login-area-header{
    position: relative;
    width: 342px;
    height: 58px;
    margin: 0 auto 50px;
    background: #454545;
    border-radius: 0px 0px 4px 4px;
    color: #ffffff;
    font-size: 30px;
    line-height: 58px;
    text-align: center;
    text-shadow: 2px 1px 2px #000;
    letter-spacing: 3px;
}
.login-form-area{
    width: 342px;
    margin: 30px auto;
}
.input-field{
    position: relative;
    display: block;
    margin: 20px 0px;
}
.input-field label{
    display: inline-block;
    height: 24px;
    width: 82px;
    text-align: right;
    font-size: 18px;
    line-height: 18px;
    color: #454545;
}
.input-group{
    position: relative;
    display: inline-block;
}
.error-tip{
    font-size: 12px;
    color: #ffa302;
}
.company-logo{
    position: absolute;
    width: 68px;
    height: 68px;
    left: 50%;
    top: -88px;
    margin-left: -32px;
    display: block;
    z-index: 99;
    background: url("../images/bd-resource.png") no-repeat 0px -28px;
}
.label-icon{
    position: absolute;
    width: 24px;
    height: 24px;
    top: 5px;
    left: 2px;
    z-index: 99;
    background: url("../images/bd-resource.png") no-repeat 0px 0px;
}
.label-user{
    background-position: 0px 0px;
}
.label-password{
    background-position: -24px 0px;
}
.input-item{
    background: #fff;
    width: 214px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 4px 4px 4px 28px;
    border: 1px solid #b6b6b6;
    color: #333;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.input-item:focus{
    outline: none;
}
.login-button{
    width: 68px;
    height: 27px;
    margin: 10px 36px 10px 0px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #262626;
    border-radius: 4px;
    box-shadow: 0px 7px 10px #9c9c9c;
    background: url("../images/bd-btn-bg.jpg") repeat-x;
}
.manager-body{
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    position: absolute;
    box-sizing: border-box;
}
.backend-container{
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 124px;
    box-sizing: border-box;
}
.pending-container{
    width: 100%;
    margin-top: 40px;
    text-align: center;
    font-size: 26px;
    color: #b0bbcc;
}
.bd-header-wrapper{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 124px;
    background: #bbbbbb;
}
.bd-manager-header{
    position: relative;
    height: 88px;
    display: block;
    border-bottom: 1px solid #000000;
    background: url("../images/bd-manager-bg.jpg") repeat-x;
}
.bd-header-title{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 80px;
    font-size: 32px;
    line-height: 80px;
    letter-spacing: 4px;
    padding-left: 32px;
    color: #ffffff;
    text-shadow: 2px 1px 2px #000;
}
.bd-menu-container{
    position: absolute;
    width: 100%;
    height: 27px;
    bottom: 0px;
    padding: 0px 34px;
    text-align: right;
    box-sizing: border-box;
}
ul.bd-menu-group{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.bd-menu-group li{
    display: inline-block;
    width: 80px;
    height: 27px;
    margin: 0px 1px;
    border: 1px solid #000;
    border-bottom: none;
    border-radius: 5px 5px 0px 0px;
    line-height: 27px;
    text-align: center;
    font-size: 13px;
    letter-spacing: 1px;
    background: #bbbbbb;
    background: url("../images/manager-menu-normal.png") repeat-x #bbbbbb;
}
ul.bd-menu-group li.active{
    background: url("../images/manager-menu-active.png") repeat-x #bbbbbb;
}
ul.bd-menu-group li a{
    display: block;
    color: #000;
    text-decoration: none;
}
ul.bd-menu-group li.active a{
    color: #fff;
}
.bd-header-bar{
    height: 30px;
    margin-top: 5px;
    padding: 0px 12px;
    box-sizing: border-box;
    font-size: 12px;
    color: #555555;
    line-height: 30px;
    background: url("../images/menu-bottom-bar.png") repeat-x #f1f1f1;
}
.header-time-container{
    float: left;
}
.header-bar-icon{
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("../images/bd-resource.png") no-repeat;
}
.bar-icon-timer{
    float: left;
    margin: 7px 4px 0px;
    background-position: -56px 0px;
}
.bar-icon-home{
    float: left;
    margin: 7px 4px 0px;
    background-position: -72px 0px;
}
.bar-icon-out{
    float: left;
    margin: 7px 4px 0px;
    background-position: -88px 0px;
}
.header-website-opera{
    float: right;
    padding-right: 4px;
}
.bd-header-link{
    display: inline-block;
    text-decoration: none;
    color: #555555;
}
.bd-body-wrapper{
    width: 100%;
    height: 100%;
    padding-left: 244px;
    position: relative;
    box-sizing: border-box;
}
.bd-body-wrapper>iframe,.bd-header-wrapper>iframe,.left-nav>iframe,.body-frame{
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    border: none;
}
.left-nav{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 244px;
    height: 100%;
    padding: 8px;
    border-right: 1px solid #cccccc;
    background: #ffffff;
    box-sizing: border-box;
}
ul.nav-item {
    margin: 0px;
    padding:0px;
    list-style: none;
    text-align: center;
}
ul.nav-item li{
    display: block;
    height: 29px;
    margin-bottom: 4px;
    padding: 0px 2px;
    line-height: 29px;
    border: 1px solid #cccccc;
    background: url("../images/nav-btn-bg.png") repeat-x 0px 1px #ffffff;
}
ul.nav-item li.active{
    background: url("../images/manager-menu-active.png") repeat-x #bbbbbb;
}
ul.nav-item li a{
    display: block;
    text-align: left;
    padding-left: 40px;
    text-decoration: none;
    color: #555555;
}
ul.nav-item li.active a{
    color: #ffffff;
}
ul.nav-item li .nav-icon-arrow {
    display: inline-block;
    width: 8px;
    height: 14px;
    background: url("../images/bd-resource.png") -107px 0px no-repeat;
}
ul.nav-item li.active .nav-icon-arrow{
    background: url("../images/bd-resource.png") -71px -24px no-repeat;
}
.main-content{
    width: 100%;
    height: 100%;
    padding: 4px;
    box-sizing: border-box;
}
.main-content iframe{
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    border: none;
}
tr.table-title td,tr.table-title th{
    text-align: center;
    padding: 4px !important;
    line-height: 24px !important;
    font-size: 12px;
    background:url("../images/table_title.png");
    min-width: 80px;
}
.table>tbody>tr.table-row td{
    font-size: 12px;
    padding: 4px;
    line-height: 1.5;
    word-break: break-all;
}
.production-container,.body-container{
    display: block;
    width: 100%;
    padding: 2px 4px;
}
.search-condition,.top-form{
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding: 8px;
    margin: 4px 0px 6px;
    overflow: hidden;
}
.production-container>table{
    margin: 0px;
}
.table-footer,.table-header{
    padding: 6px;
    overflow: hidden;
    background: #eeeeee;
    font-size: 13px;
    line-height: 30px;
}
.table-header{
    padding: 0px 6px;
}
.table-footer>nav{
    float: right;
}
.table-footer .pagination{
    margin: 0px;
}
form.form-inline {
    margin-bottom: 0px;
    padding: 4px 0px;
}
.init-file-input{
    background: none;
    border: none;
    box-shadow: none;
}
.serial-input{
    display: inline-block;
    width: 178px !important;
}
.multiple-serial-input{
    display: inline-block;
    width: 580px !important;
}
.licence-input{
    display: inline-block;
    width: 268px !important;
}
.form-group{
    margin: 8px 2px;
}
.input-field-id{
    width: 100px !important;
}
.input-field-address{
    width: 240px !important;
}
.device-operation{
    margin: 6px 0px;
}
.menu-table-grid .row{
    margin: 0px;
}
.grid-row.head-row [class^=col-] {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    margin-right: -1px;
    margin-bottom: -1px;
    font-size: 12px;
    font-weight: bold;
    background: url("../images/table_title.png");
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.grid-row [class^=col-]{
    padding:8px;
    margin-right: -1px;
    margin-bottom: -1px;
    text-align: left;
    font-size: 12px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.grid-row.sub-row{
    background: #f5f5f5;
}
.table-grid-body .grid-row:hover{
    background: #eee;;
}
.sub-menu-name{
    padding-left: 15px !important;
}
.menu-editor-dialog,.user-editor-dialog{
    width: 760px;
}
.reset-pwd-dialog{
    width: 300px;
}
.privilege-item{
    display: inline-block;
    position: relative;
    background: #e1eccb;
    color: #668833;
    padding: 8px;
    border-radius: 4px;
    margin: 4px;
    overflow: hidden;
    cursor: pointer;
}
.remove-mask {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.4;
}
.remove-text{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    line-height: 32px;
}
.privilege-item:hover>.remove-text,.privilege-item:hover>.remove-mask {
    display: block;
}
.privilege-add-dialog,.role-editor-dialog{
    width: 420px;
}
.form-inline .form-group.page-form-group{
    display: inline-block;
    margin: 0px;
    padding: 0px;
}
.form-inline.page-form{
    display: inline-block;
    margin: 0px;
    padding: 0px;
}
.page-form-number{
    width: 55px !important;
}
/**changer common dialog**/
.changer-mask{
    background: #222;
    opacity: .8;
    filter: alpha(opacity=80);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 500px;
    z-index: 104;
    display: none;
}
.changer-dialog{
    position: absolute;
    width: 624px;
    height: 500px;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -312px;
    padding-top: 32px;
    z-index: 880;
    display: none;
    background: #ffffff;
    overflow: hidden;
    border-radius: 6px;
}
.browser-error-dialog{
    height: 90px;
    margin-top: -45px;
}
.dialog-title{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 32px;
    background: #4a4e5b;
    z-index: 881;
}
.changer-dialog-logo{
    width: 86px;
    height: 32px;
    display: block;
    background: url("../images/logo_with_company_small.png") no-repeat center;
}
.dialog-close{
    width: 32px;
    height: 32px;
    padding: 6px 8px;
    font-size: 16px;
    color: #aaaaaa;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 882;
    cursor: pointer;
    box-sizing: border-box;
}
.dialog-close:hover{
    background: #aaaaaa;
    color: #FFFFFF;
}
.dialog-body{
    padding: 32px 24px;
}
#alert_dialog{
    width: 288px;
    height: 140px;
    margin-left: -144px;
    margin-top: -100px;
}
#confirm_dialog{
    width: 364px;
    height: 160px;
    margin-left: -182px;
    margin-top: -200px;
}
.button {
    cursor: pointer;
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #7c7c7c;
    display: block;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 364px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    /* margin: 12px 0px; */
}
.button:hover{
    color: #000000;
}
.czurtek-gray {
    background: #6c6e7b;
    color: #fff;
    border: 1px solid #6c6c7c;
}
.czurtek-gray:hover {
    background: #767886;
    color: #fff;
    border: 1px solid #6c6c7c;
}
.confirm-body input[type=button]{
    float: left;
    width: 128px;
    margin: 4px 14px;
}
.confirm-content,.alert-content{
    margin-top: -28px;
    padding: 14px 4px;
    font-size: 15px;
}
.alert-body{
    text-align: center;
    margin: 4px 14px;
}
.alert-body input[type=button]{
    width: 128px;
    margin: auto;
}
#search-table{
    display: none;
}
#laser_search_time{
    position: relative;
}
.image-count-group{
    position: absolute;
    font-size: 25px;
    top: 18px;
    right: 12px;
}

.idcard-thumbnails{
    margin:10px  0 5px;
}

.thumbnail-box{
    float:left; position:relative; display:block; margin-right:20px;
}

.idcard-thumbnails .thumbnail-box .thumbnail-delete{
    display:none; width:16px; height:16px; position:absolute; top:-8px; right:-8px; background:url(../images/thumbnail-delete.png)
}

.idcard-thumbnails .thumbnail-box:hover .thumbnail-delete{
    display:block;
}

.idcard-thumbnails .thumbnail-box a img{
    width:80px; heighht:80px;
}


.idcard-thumbnails{  margin:10px  0 5px;  }
.idcard-thumbnails .thumbnail-box a{ display:block; }
.idcard-thumbnails .thumbnail-box a img{ width:200px; heighht:200px; }
.idcard-thumbnails .thumbnail-box .thumbnail-delete{ display:none; width:16px; height:16px; position:absolute; top:-8px; right:-8px; background:url(../images/thumbnail-delete.png)}
.idcard-thumbnails .thumbnail-box:hover .thumbnail-delete{ display:block; }
.idcard-thumbnails-pop img{ max-width:600px; max-height:500px; }

.fileupload{ display:inline-block; *display:inline; zoom:1}

.modal-custom{ width: 1200px;}

.input-group .form-control:last-child {
    border-radius: 4px;
}