/*拖放上传*/
.modalDialog {
    display: none;
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog > div {
    width: 600px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}
.fileupload-x-close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 3px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.fileupload-x-close:hover { background: #00d9ff; }
#_ddfileupload_area {
    height: 250px;
    border: 2px dashed gray;
    overflow-y: auto;
}
#fileuploaditem_area {
    display: flex;
    flex-direction: column;
}
.fileuploadbtn {
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items: center;
    border-radius: 3px;
    border: 1px solid gray;
    width: 90px;
    height: 40px;
    font-weight: bold;
    font-size: larger;
}
.fileuploadbtnok {
    background-color: #7eadd9;
}
.fileuploadbtn:hover {
    cursor:pointer;
    background-color: #00d9ff;
}
.fileuploaditem {
    background-color: #e4f3ff;
    border-bottom: 1px solid gray;
    height: 30px;
    display: flex;
    flex-direction: row;
}
.fileuploaditemindex {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.fileuploaditemtitle {
    flex: 8;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.fileuploaditemdelete {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.fileuploaditemdelete:hover {
    cursor:pointer;
}


#qrcode-box{
    background-color: white;
    position: absolute;
    top: 43px;
    right: 415px;
    width: 240px;
    height: 140px;
    z-index: 9999;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
#qrcode-box div{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#qrcode-box span{
    text-align: center;
}

/*csis-toast-msg*/
.csis-toast-msg .x-box-mc {
    font-size:14px;
}
#csis-toast-msg-div {
    position:absolute;
    left:50%;
    top:30%;
    width:400px;
    margin-left:-200px;
    z-index:20000;
}
#csis-toast-msg-div .csis-toast-msg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #F6F6F6;
    border: 2px solid #ccc;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#csis-toast-msg-div .csis-toast-msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
}
#csis-toast-msg-div .csis-toast-msg p {
    margin: 0;
}

/*取消IE的录入框的X*/
::-ms-clear{display:none;}

/*开始===================主页面右下角弹出框CSS===================*/
#msgpopbox {
    z-index: 999999;
    width:250px; height:0;
    position:absolute; right:0; bottom:25px;
    border:1px solid #999999; margin:0; padding:1px;
    overflow:hidden; display:none; background: #b6edf8
}
#msgpopbox .title {
    width:100%; height:20px;
    line-height:20px; background: #00c8e0;
    font-weight:bold; text-align:center;
    font-size:12px;
}
#msgpopbox .content {
    width:100%; height:80px;
    line-height:110px; font-weight:bold;
    font-size:12px; color:#FF0000;
    text-decoration:underline;
    cursor:pointer;
    text-align:center
}
#msgpopbox .close {
    position:absolute; right:4px; top:-1px;
    color:#FFFFFF; cursor:pointer
}
/*结束===================主页面右下角弹出框CSS===================*/

/*ui中显示正在处理的操作方法*/
.csis-ui-msgbox-progress {
    background: url("../img/download.gif") no-repeat scroll 6px 0px transparent;
    height: 52px;
}
/*下拉grid的输入中颜色，界面容易判断出是否已经完成了赋值*/
.CSIS-FORM-INPUTTING{
    background-color:orange;
}

.CSIS-LINE-RED{
    color: red;
}

.CSIS-LINE-GREEN{
    color: green;
}

.CSIS-LINE-BLUE{
    color: blue;
    /*border:1px outset;*/
}
/*可编辑表格在行选中时候使用的CSS，用来设置选中行的背景色csis-box-grid.js引用*/
.CSIS-EDIT-GRID-MARK .x-grid-cell{
    background-color: #5BABFE;
}
/*可编辑表格在行选中时候使用的CSS，用来设置选中行的背景色csis-box-grid.js引用*/
.CSIS-EDIT-GRID-SELECTION .x-grid-cell{
    background-color: #dfe8f6;
    border-top:1px solid #abb8ff !important;
    border-bottom:1px solid #abb8ff !important;
}
/*可编辑表格在设置列只读的时候使用的CSS，用来设置此列的只读背景色csis-ext.js引用*/
.x-grid-cell.CSIS-GRID-READONLY {
    background-color: #E3E3E3;
    border-top:1px solid #E3E3E3;
    border-bottom:1px solid #E3E3E3;
}

/*grid表格中的数据换行*/
.CSIS-GRID-CELL-LINE .x-grid-row .x-grid-cell .x-grid-cell-inner{white-space:normal;}

.x-tab-default .x-tab-inner {
    /*color: #a0a0a0;*/
    font-size: 12px;
}
.x-tab-default-active .x-tab-inner{
    font-weight: bold;
    color: red;
    /*border-top-color: red;*/
    /*border-top-width: 2px;*/
}

.x-panel-header-text-container-default {
    font-size: 12px;
}

.x-tree-node-text{
    font-size: 12px;
}

.labelRed{
    color: red;
    font-weight: bold;
    font-size: 12px;
}

.labelGreen{
    color: green;
    font-weight: bold;
    font-size: 12px;
}

.labelBlue{
    color: darkblue;
    font-weight: bold;
    font-size: 12px;
}

.x-btn-default-toolbar-small-over .x-btn-inner{
    color:red
}

.x-text-readonly {
    /*filter:alpha(opacity=30);*/
    /*opacity:.3;*/
    /*background:#d3d3d3;*/
    background:#E3E3E3;
}


.warn-col {
    background-image: url(../img/bullet_error.png);
}

#top-bar-div > div {
    display: flex;
    justify-content: space-between;
    /*flex-wrap: wrap;*/
    /*min-height: 35px;*/
}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

#top-bar-div > div > .maintopleft-content {
    width: auto; /* 改为自适应内容宽度 */
    min-width: 300px; /* 设置最小宽度 */
}

#top-bar-div > div >.clearfix {
    width: auto; /* 改为自适应剩余空间 */
    min-width: 400px; /* 设置最小宽度 */
    /*float: right;*/
    /*display: flex;*/
    justify-content: flex-end;
    align-items: center;
    /*flex-shrink: 0;*/
    color:white;
    text-align: right;
    padding-right:30px;
}

.TOP-BAR-MENU-ITEM {
    cursor: pointer;
    display: inline-block;
}

/*福建海通内部顶部样式*/
.maintopleft-content{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0; /* 防止被压缩 */
}
/*左侧的logo书写*/
.maintopleft-content-logo{
    /*border: 1px solid #000000;*/
    width: 3vw;
    height: 80%;
    margin-left: 31px;
}
.zjxyhhyzhglxt{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    color: #FFFFFF;
    margin-left: 2vw;
}
#top-bar-div {
    height:auto;
    /*height:35px;*/
    /*background: rgb(26,191,224) url(../img/inner-title.png?5) no-repeat;*/
    /*background: url(../../res1/img/cover-tile.jpg) no-repeat;*/
    background: #00508f;
    background-size: 100% 110%;
    display:none;
}
#top-bar-div-right {
    float:right;padding-right:40px;
    color:white;
    text-align:center;
    padding-top:2px;
}

#btm-bar-div {
    /*background: url(../../res1/img/cover-tile.jpg) no-repeat;*/
    /*background-size: 100% 110%;*/

    display:none;
}

#icon-sug,#icon-profile,#icon-msg,#icon-exit {
    padding-top:14px;
    text-align:center;
    cursor:pointer;
    float:left;
    margin-right:30px;
    height:30px;
}
/* 意见反馈 */
#icon-sug {
    background : url(../img/main-msg.png?5) no-repeat top;
}
/* 个人档案 */
#icon-profile {
    background : url(../img/main-user.png?1) no-repeat center 0;
}
#icon-msg {
    background : url(../img/main-msg.png?2) no-repeat center 0;
}
#icon-exit {
    background : url(../img/main-exit.png?3) no-repeat center 0;
}


#red-text {
    color:red;
}
#msg-count {
    position:absolute;
    left:30px;
    top:-4px;
    background-color:red;
    text-align:center;
    width:16px;
}

/*如果设置了grid的鼠标悬浮提示，则应用该CSS对应_grid_tips的div*/
#_grid_tips{
    padding-top:0px;
    display: none;
    box-shadow: 0 0 10px #222;
    -webkit-box-shadow: 0 0 10px #222;
    -moz-box-shadow: 0 0 10px #222;
    background-color: #dfe9f6;
    position: absolute;
    left: 500px;
    height: auto;
    width: 400px;
    z-index: 99999
}

/*=========check.css=========*/
.column-checked
{
    background: url('../lib/extjs4.2/resources/themes/images/gray/grid/checked.gif') no-repeat center center;
    height: 16px;
}
.column-unchecked
{
    background: url('../lib/extjs4.2/resources/themes/images/gray/grid/unchecked.gif') no-repeat  center center;
    height: 16px;
}

/*=================以下两个为多选下拉框的CSS文件=========================*/
.x-combo-checker {
    /*background-position: 50% -2px;*/
    margin-left: 1px;
    background-color: transparent;
    background-image: url("../lib/extjs4.2/resources/themes/images/gray/grid/unchecked.gif");
    background-position: -1px -1px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
}

.x-boundlist-selected .x-combo-checker {
    background-image: url("../lib/extjs4.2/resources/themes/images/default/grid/checked.gif");
}

/*=======================================================================*/

.BTN-ADD {
    background:url(../img/themes/default/add.png) center center;
}

.BTN-EDIT {
    background:url(../img/themes/default/edit.png) center center;
}

.BTN-REMOVE {
    background:url(../img/themes/default/delete.png) center center;
}

.BTN-SAVE {
    background:url(../img/themes/default/accept.png) center center;
}

.BTN-CANCEL {
    background:url(../img/themes/default/cross.gif) center center;
}

.BTN-RESET {
    background:url(../img/themes/default/table_refresh.png) center center;
}

.BTN-SHOW-SEARCHBOX {
    background:url(../img/themes/default/downarrow.png) center center;
}

.BTN-SHOW-SEARCHBOX-UP {
    background:url(../img/themes/default/uparrow.png) center center;
}

.BTN-SHOW-SEARCHBOX-DOWN {
    background:url(../img/themes/default/downarrow.png) center center;
}

.BTN-SIMPLE-SEARCH {
    background:url(../img/themes/default/search.png) center center;
}

.BTN-HELP {
    background:url(../img/themes/default/help.png) center center;
}

.BTN-SAVE-CONFIG {
    background:url(../img/themes/default/cog.png) center center;
}

.BTN-APPLICATION-DEFAULT {
    background:url(../img/themes/default/application.png) center center;
}

.BTN-APPLICATION-EDIT {
    background:url(../img/themes/default/application_edit.png) center center;
}

.x-tipcustom{position:absolute;top:0;left:0;visibility:hidden;z-index:20000;border:0 none;}
/*.x-tipcustom .x-tipcustom-close{background-image:url(../images/default/qtip/close.gif);height:15px;float:right;width:15px;margin:0 0 2px 2px;cursor:pointer;display:none;}*/
.x-tipcustom .x-tipcustom-tc{background:#FFA801 0 -62px;padding-top:3px;overflow:hidden;zoom:1;}
.x-tipcustom .x-tipcustom-tl{background:#FFA801 0 0;padding-left:6px;overflow:hidden;zoom:1;}
.x-tipcustom .x-tipcustom-tr{background:#FFA801 right 0;padding-right:6px;overflow:hidden;zoom:1;}
.x-tipcustom .x-tipcustom-bc{background:#FFA801 0 -121px;height:3px;overflow:hidden;}
.x-tipcustom .x-tipcustom-bl{background:#FFA801 0 -59px;padding-left:6px;zoom:1;}
.x-tipcustom .x-tipcustom-br{background:#FFA801 right -59px;padding-right:6px;zoom:1;}
.x-tipcustom .x-tipcustom-mc{border:0 none;font:normal 11px tahoma,arial,helvetica,sans-serif;}
.x-tipcustom .x-tipcustom-ml{background:#FFA801 0 -124px;padding-left:6px;zoom:1;}
.x-tipcustom .x-tipcustom-mr{background:#FFA801 right -124px;padding-right:6px;zoom:1;}
.ext-ie .x-tipcustom .x-tipcustom-header,.ext-ie .x-tipcustom .x-tipcustom-tc{font-size:0;line-height:0;}
.x-tipcustom .x-tipcustom-header-text{font:bold 11px tahoma,arial,helvetica,sans-serif;padding:0;margin:0 0 2px 0;color:#444;}
.x-tipcustom .x-tipcustom-body{font:normal 11px tahoma,arial,helvetica,sans-serif;margin:0!important;line-height:14px;color:#444;padding:0;}
.x-tipcustom .x-tipcustom-body .loading-indicator{margin:0;}
.x-tipcustom-draggable .x-tipcustom-header,.x-tipcustom-draggable .x-tipcustom-header-text{cursor:move;}


.x-tip-body-default {
    background:#f0f0f0;
}

.x-grid-row .x-grid-cell {
    font-size:12px;
}

/*在ie中弹出框的文字不能完全显示，因此才这样子修改了margin-top: 4px;
为1px shizy20141016
*/
.x-form-display-field {
    font: normal 12px tahoma,arial,verdana,sans-serif;
    color: black;
    margin-top: 1px;
}

/*
解决提示框提示信息被遮盖问题
*/
.x-box-inner{
    overflow: visible;
}
/*shizy 20150401 下拉列表列表项的高度控制，主要为了空选项的时候用*/
/*.x-boundlist-item{ height: 21px;}*/