/*#loginbox {width:390px; padding:35px 50px 20px 50px ;margin:200px auto 230px auto;background-color:#fff;border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-box-shadow: 0px 10px 15px #333;-moz-box-shadow: 0px 10px 15px #333;box-shadow: 0px 10px 15px #333;}*/
/*#loginbox .loginItem {text-align:left;margin-bottom:15px;}*/
/*#loginbox .loginItem input {width:100%; height:39px; line-height:35px;font-size:13px; border-color:#eaeaea;color:#6f582e;font-weight:bold; }*/
/*#loginbox .loginItem input:focus{border: 1px solid;border-color: #97d1e9;color: #444;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);}*/
/*#loginbox #validateCode {border:1px solid #dddddd;}*/
/*#loginbox .loginItem .selected-lang{color:#8b8d8e;cursor: default;}*/
/*#loginbox .loginItem a[class*="selected-lang"]:hover{color:#8b8d8e;}*/
/* */

#top{ margin: 0px;padding: 0px;-webkit-box-shadow: 0px 0px 3px #cccccc;-moz-box-shadow: 0px 0px 3px #cccccc;box-shadow: 0px 0px 3px #cccccc;}
#topbox{background: #202d3d;-webkit-background-clip: padding-box;background-clip: padding-box;border: 0px;border-bottom: none;margin: 0;padding: 0 5px;height:45px;line-height:45px;color:#fff;}
#topbox_header_text{float:left; text-indent:10px;font-family:Noto Sans CJK TC,微软雅黑,Georgia,Serif; min-width:190px;line-height:45px;padding:0 5px; font-size:16px; letter-spacing:1px;}
#topbox_header_user{float:left; margin-left:20px; color:#c1ccd7;}
#topbox_header_menu{float:right;}
#topbox_header_menu a{color:#c1ccd7; text-decoration:none;margin-right:10px; }
#topbox_header_menu a:hover{color:#fff;}
#topbox_header_menu .selected-lang{color:#8b8d8e;cursor: default;}
#topbox_header_menu a[class*="selected-lang"]:hover{color:#8b8d8e;}

#menubox { float: left;margin: 0;width:165px;letter-spacing: 1px;}
#menubox .nav-header{display:flex;align-items:center;font-size:12px;font-weight:700;letter-spacing:1px;color:#ededed;background:#314057;line-height:16px;margin-bottom:0;padding:10px;text-shadow:none;text-transform:none;text-decoration:none}
#menubox ul li .title{line-height:16px;padding:10px 10px 10px 20px;list-style:none;text-indent:0}
#menubox a i{margin-right:8px;}
#menubox ul{ display:none; background: none repeat scroll 0 0 #1f2f3e;border: 0 none;margin: 0;padding:0;height: auto; }
#menubox ul li{list-style: none outside none;}
#menubox ul li a{display:block;font-size:12px;text-decoration:none;color:#cfd0d4;}
#menubox ul li a:hover{color:#ededed;background-color:#657596;text-shadow:none;}
#menubox ul li a:active{background-color:#778196;}
#menubox ul li a.active{ background: none repeat scroll 0 0 #657596;color:#fff;text-shadow: none;}
#contentbox{background: #FFFFFF;  margin-left:165px;min-height:800px;min-width: 400px;position:relative; padding-bottom:40px;}
#contentheader{height:60px; line-height:60px; background: #ebebeb; border-bottom: 1px solid #cccccc;border-top: 1px solid #ffffff;border-left:1px solid #ffffff;+border-bottom:none;+border-top:none;+border-left:none;padding:0 20px;}
#contentheader #contentheader_title{color:#515151;+color:#fff; font-size:16px;font-weight:bold; padding: 0;float:left;}
#contentheader #contentheader_title i{color:#888787;margin-right:10px;}
#contentheader #contentheader_title a{font-size: inherit;}
#contentheader #contentheader_button{ float:right; }

#contentsearch{padding:20px;background: none repeat scroll 0 0 #ebebeb;border-bottom: 1px solid #ccc;border-left: 1px solid #FFFFFF;border-radius: 0;border-top: 1px solid #FAFAFA;box-shadow: none;}
#contentsearch label {width: auto;letter-spacing:1px;margin: 0 3px 0 10px;display: inline; }
#pageContent {display: block;padding: 0;margin: 0;border: none;width: 100%;}
#content{padding:20px;}
#content table td{text-align:center;word-break: normal;}
#content table th{word-break: normal;}
#content .area{ padding:10px;margin-bottom:15px; border: 1px solid #cccccc; background-color:#F6F6F6;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
#content .area table td,#content .area table th{ padding:10px; letter-spacing:1px;}
#content .area table th{text-align:right;}
#content .area table td{text-align:left;}
#paginationbox{margin:10px 0; text-align:right;}
#footer {color: #797979;text-align: center;font-size: 12px;padding: 0 20px;position: absolute;bottom: 10px;left: 0;right: 0;}
#footer a{color: #797979;  text-decoration:none;}
#footer a:hover{color: #000;}
.area_title {height: 35px;line-height: 35px;color: #3f4144; padding:0 10px; font-size: 13px ; font-weight:bold;background-color: #d7d7d7; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;margin-bottom:15px;}
.area_title a { font-weight:normal;color:#364251;}
body [filterPermission]{display: none;}
.hide {display: none; }
.data-detail-th {display: none;}
.data-detail-td {display: none;}
.p-detail {text-align: left; line-height:18px;margin:5px 12px; }
.td-detail {background-color: #eeeeee;}
.thead-th-fonticon {font-weight:normal;cursor:pointer;}
#ImportBox {
    position: relative;
    cursor: default;
}

#Import {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    font-size: 0px;
    font-size: 200px\9;
    overflow: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

#content .area #InstructionList th, #content .area #InstructionList td {
    text-align: center;
}

.tag {
    background-color: #E0F8FF;
    display: inline-block;
    height: 24px;
    padding: 0 2px;
    line-height: 22px;
    font-size: 12px;
    color: #0E8CCB;
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap;
}
.tag-warning {
    background-color: #FFEFD6;
    color: #FF6F40;
}
.tag-danger {
    background-color: #fef0f0;
    color: #f56c6c;
}
.tag-success {
    background-color: #f0f9eb;
    color: #67c23a;
}
.tag-success.tag-dark {
    color: #fff;
    background-color: #85ce61;
}
.tag-danger.tag-dark {
    color: #FFFFFF;
    background-color: #FF6F40;
}
.tag-mini {
    height: 20px;
    padding: 0 5px;
    line-height: 20px;
}

.divider {
    height: 1px;
    width: 100%;
    margin: 24px 0;
    background-color: #dcdfe6;
}
.divider-mini {
    margin: 10px 0;
}

.badge {
    cursor: default;
    padding: 0 0.313rem;
    background-color: #ff6f40;
    color: #FFFFFF;
    display: inline-block;
    font-weight: 400;
    min-width: 0.938rem;
    border-radius: 0.5rem;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
}
.badge .dot {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    padding: 0;
    min-width: unset;
    overflow: hidden;
    line-height: 0;
    color: transparent;
}
.badge-group {
    position: relative;
    display: inline-block;
}
.badge-group .badge {
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: baseline;
    transform: translate(50%,-50%);
}
#cropper_image {
    width: 100%;
    display: block;
}

.avatar {
    display: inline-block;
    position: relative;
    border-radius: 8px;
    border: #ccc 1px solid;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.avatar > img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    object-fit: contain;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content{padding:20px;}
.content table td{text-align:center;}
.content .area{ padding:10px;margin-bottom:15px; border: 1px solid #cccccc; background-color:#F6F6F6;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.content .area table td,#content .area table th{ padding:10px; letter-spacing:1px;}
.content .area table th{text-align:right;}
.content .area table td{text-align:left;}
button[disabled] {opacity:0.5;cursor:not-allowed}
input[type="text"][disabled] {opacity:0.7}


/* select2组件样式 */
.select2-container {
    font-family: Arial,Noto Sans CJK TC,微软雅黑,Georgia,Serif;
    font-weight: 400;
    letter-spacing: 0;
}
.select2-results__option {
    padding: 0;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #767676;
    color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
    font-weight: 400;
}