﻿/*region Iconfont*/

/*endregion */

.pagination-warp {
    overflow: hidden;
}

.pagination {
    float: right;
    margin-right: 20px;
    margin-top: 0px;
}

/* styles for validation helpers */
.field-validation-error {
    color: red;
    font-weight: bold;
}
.field-validation-error>span {
     color: red;
     font-weight: bold;
 }

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid red;
}

textarea.input-validation-error {
    border: 1px solid red;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: red;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

/* 加载等待 */
.bnet-mask {
    z-index: 1000;
    background-color: #e5e5e5;
    opacity: 0.7;
    filter: alpha(opacity=70);
/ / * filter: alpha(opacity = 70);
    background-image: url(../images/loading/loading-jd.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

/*插件dataTables*/
.dataTables_filter, .dataTables_length {
    display: none;
}

.dataTables_wrapper {
    position: relative;
}

.dataTables_wrapper > .row:first-child {
    padding: 0px;
    height: 0\9\0; /* ie 9*/
}
.dataTables_wrapper>.row:last-child{
    height: 58px\9\0; /* ie 9*/
}

.dataTables_info {
    color: #868484;
    font-size: 13px;
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 60px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
}

.profile-info-row {
    min-height: 32px;
}

.withoutpage > .row:last-child, .withoutpage .dataTables_info, .withoutpage .dataTables_paginate {
    display: none;
}

/*datatable row_details例子使用*/
td.details-control, i.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control, tr.shown i.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

/*.table>tbody>.shown+tr>td{padding-left: 35px;}*/
i.details-control {
    display: block;
    width: 20px;
    height: 20px;
    float: right;
}

/*end*/
/*对话框*/
.modal.dialog-c1.ace .modal-content {
    background-color: #f2f2f2;
}

.invisible {
    width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    margin: 0 !important;
}

input[readonly].Wdate {
    color: #939192;
    cursor: default;
    height: auto;
    background: #f5f5f5 url(../../libs/DateTimePicker/skin/datePicker.gif) no-repeat right !important;
}

/*toastr提示框在artdialog之上*/
div#toast-container {
    z-index: 1000100;
}

/*datatable 每列的标题不折行*/
.table caption + thead tr:first-child th, .table colgroup + thead tr:first-child th, .table thead:first-child tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child td {
    white-space: nowrap;
}

/*表单*/
.table-display {
    width: 100%;
    border: 1px solid #dcebf7;
    border-collapse: separate;
}

.table-display th {
    background-color: #edf3f4;
    text-align: right;
    padding: 6px 10px 6px 0;
    color: #336199;
    font-weight: normal;
    border-bottom: 1px solid #f7fbff;
    width: 110px;
}

.table-display td {
    padding: 6px 10px 6px 10px;
    position: relative;
}

.table-display td:before {
    display: block;
    border-bottom: 1px dotted #d5e4f1;
    content: "";
    width: 95%;
    bottom: -1px;
    position: absolute;
}

.table-display tr:last-child > th, .table-display tr:last-child > td:before {
    border-bottom: none;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.word-break {
    word-break: break-all;
}

#searchForm td {
    padding: 0 1px 0 0;
}

.boxEdit div.checkbox-inline:first-child > label, .boxEdit div.radio-inline:first-child > label {
    padding-left: 0px;
}

.boxEdit div.checkbox-inline:first-child, .boxEdit div.radio-inline:first-child {
    padding-left: 0px;
}

/*内容页全屏*/
.page-content.full {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10100;
    overflow: auto;
}

/*region 内容页*/
.mbox {
    /*box-shadow: 0 0 3px #b7bbbd;*/
}

/*region 标题栏*/
.mbox-title {
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 14px;
    padding-right: 7px ;
    color: inherit;
    border-image: none;
    background-color: #fff;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;

    border-bottom: none;
    white-space:nowrap;   /*强制一行结束*/

}

.mbox-title .subject{
    display: inline-block;
    vertical-align: bottom;
}
.mbox-title a.back { color: #999; display: inline-block; vertical-align: bottom; margin: 0 5px 0 0px; }
.mbox-title a.back:hover { color: #4fc0e8; }
.mbox-title a.back i { font-size: 40px; }
.mbox-title h1{
   display: inline-block;
    text-overflow: ellipsis;
    margin: 0 0 7px;
    padding: 0;
}

.mbox-title h5{
    display: inline-block;
    text-overflow: ellipsis;
    font-weight:normal;
    padding: 0;
    font-weight: normal;
    line-height: 18px;
    color: #777;
    margin-left: 10px;
    min-width: 120px;
}

.mbox-title small
{
    font-size: 75%;
    font-weight: 400;
    line-height: 1;

    color: #777;
}
.mbox-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    position: relative;
    padding: 0;
}

/*放大缩小按钮*/
.mbox-title .btn-fullscreen {
    float: right;
    background-color: #fff !important;
    border: 1px solid #adadad;
    color: #333 !important;
    vertical-align: bottom;
    margin: 0 10px 0 5px;
}


/*endregion*/

/*region 正文*/
.mbox-content {
    padding: 15px 1px 20px;
    color: inherit;
    border-width: 1px 0;
    border-style: solid solid none;
    border-color: #e7eaec;
    border-image: none;
    background-color: #fff;
}

/*Slider*/
/*.slider-box{overflow: hidden;}*/
/*.slider-list{}*/
/*.slider-item{}*/
/*.slider-container{width: 770px;margin:0 auto;}*/
/*.slider-cover{}*/
/*.slider-cover img{}*/
/*.slider-info{}*/
/*.slider-title{}*/
/*.slider-content{}*/

/*region 列表页样式 */

/*region 列表查询条件*/
.filter-box {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7eaec;
}

.form-inline .form-group {
    margin: 0 10px 10px 0;
    vertical-align: top;
}

/*region 条件组*/
.multi-filter-box {
}

.multi-filter-box .hr-line-dashed {
    margin: 5px 0;
    border-style: solid;
}

.multi-filter-box ul,
.multi-filter-box li {
    margin: 0;
    padding: 0;
}

.multi-filter-box li {
    margin-right: 5px;
}

.multi-filter-box dl {
    font-size: 0;
    margin-bottom: 0;
}

.multi-filter-box dt,
.multi-filter-box dd {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.multi-filter-box dt {
    width: 120px;
    vertical-align: top;
    padding: 5px 15px 5px 0;
    text-align: right;
}

.multi-filter-box dd {
}

/*筛选的值*/
.filter-single-mode {
    list-style: none;
    font-size: 0;
}

/*筛选项*/
.multi-filter-item,
.multi-filter-choose {
    display: inline-block;
    vertical-align: middle;
}

.multi-filter-item {
    font-size: 14px;
}

.multi-filter-item a {
}

/*选中*/
.btn-choose i {
    margin-left: 5px;
}

.filter-checkbox-mode {
    display: none;
    /*background: #f5faff;*/
    border: 1px solid #e2e2e2;
    padding: 10px 15px;
}

.checkbox-group {
    font-size: 12px;
}

/*endregion*/

/*endregion*/

/*region 收缩/展开*/
.filter-box.has-collapse {
    padding-bottom: 34px;
}

.filter-collapse-wrapper {
    position: relative;
    left: 50%;
    margin-left: -60px;
    transition: right .1s;
    cursor: pointer;
    margin-top: -35px;
    overflow: hidden;
    height: 24px;
    width: 120px;
    margin-bottom: 15px;
}

/*收缩的时候*/
.filter-collapse-bg {
    border-left: 9px solid transparent;
    border-bottom: 24px solid #f3f3f4;
    border-top: none;
    border-right: 9px solid transparent;
    width: 120px;
    height: 0;
    position: absolute;
    z-index: 0;
    transition: all .3s;
}

/*展开时候*/
.filter-collapse-wrapper:hover .filter-collapse-bg {
    border-bottom-color: #e8e8e8;
}

.filter-collapse {
    padding: 0;
    position: relative;
    width: 120px;
    margin: 4px 0;
    text-align: center;
    font-size: 11px;
}

.filter-collapse i {
    font-size: 11px;
    color: #848790;
}

.filter-hide .filter-collapse-wrapper {
    margin-top: -15px;
    margin-bottom: 10px;
}

.filter-hide .filter-collapse-bg {
    border-bottom: none;
    border-top: 24px solid #f3f3f4;
}

.filter-hide .filter-collapse-wrapper:hover .filter-collapse-bg {
    border-top-color: #e8e8e8;
}

/*endregion*/

/*region 列表按钮栏*/
.operate-bar {
    margin-bottom: 10px;
}

/*endregion*/

/*region 列表表格*/
.table-box {
    overflow: auto;
}

/*新建table-setting*/
.table-setting > tbody > tr > td {
    /*padding:13px 8px;*/
    ertical-align: middle;
    white-space: nowrap;

    word-wrap: break-word;
    word-break: break-all;
}

/*强制换行*/
.table-setting > tbody > tr > td div.audit_break_all {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

/*截取字符串*/
.table-setting > tbody > tr > td div.jiequ {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 220px;
}

.table-setting > tbody > tr:active {
}

.table-setting .btn-sm,
.table-setting .btn-group-sm > .btn {
    /*margin:-5px auto;*/
}

.table-setting .label {
    /*    display: inline-block;
    padding: .5em .6em .5em;*/
}

/*表头*/
.table-setting > thead:first-child > tr:first-child > th {
    white-space: nowrap;
}

.col-md-6 .table-setting > thead:first-child > tr:first-child > th {
    white-space: normal;
}

.table-setting .btn-group {
    font-size: 0;
}

.table-setting .btn-group > .btn {
    float: none;
}

.table-setting td .btn-group:not(:first-child) {
    margin-left: 5px;
}

.table-box-panel .table-bordered {
    border: 0; /*border-top: 1px solid #ddd;*/
}

.table-box-panel .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}

.table-box-panel .table-bordered > thead > tr > th:first-child, .table-box-panel .table-bordered > tbody > tr > td:first-child {
    border-left: 0;
}

.table-box-panel .table-bordered > thead > tr > th:last-child, .table-box-panel .table-bordered > tbody > tr > td:last-child {
    border-right: 0;
}

/*region 列表分页*/
/**
 * Pagination
 */
.pagination > li > span {
    color: #555;
}

.pagination > li > span:hover {
    cursor: default;
    color: #555;
    background: none;
}

.pagination .btn-group {
    float: left;

    margin-left: -1px;
}

.pagination .btn-group .btn {
    border-radius: 0;
}

.pagination .form-inline {
    position: relative;
    z-index: 1;

    float: left;

    margin-left: -1px;
}

.pagination .form-control {
    width: 50px;

    text-align: center;
}

.pagination select {
    line-height: 1.42857143;

    position: relative;

    float: left;

    margin-left: -1px;
    padding: 5px 12px 6px;

    text-decoration: none;

    border: 1px solid #ddd;
    outline: none;
    background-color: #fff;

    -webkit-appearance: none;
    border-radius: 0;
    min-height: 34px;
}

.pagination select:hover,
.pagination select:focus,
.pagination .form-control:hover {
    z-index: 1;

    border-color: #2196f3;
}

.pagination em {
    font-size: 12px;
    /*font-weight: 800; */
    font-style: normal;

    color: #f44336;
}

/*endregion*/
@media (min-width: 768px) {
    .navbar-toggle {
        display: block;
    }
}

@media (min-width: 992px) {
    .navbar-toggle {
        display: none;
    }
}

/*endregion*/

/*endregion*/

/*region 表单样式 */
.form-control,
.single-line {
    /*font-size: 14px;*/
    /*display: block;*/
    /*width: 100%;*/
    /*padding: 6px 12px;*/
    /*transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;*/
    /*color: inherit;*/
    /*border: 1px solid #e5e6e7;*/
    /*border-radius: 1px;*/
    /*background-color: #fff;*/
    /*background-image: none;*/
}

.mbox input[type="text"]:focus,
.mbox input[type="text"]:hover,
.mbox input[type="text"]:active,
.mbox input[type="number"]:focus,
.mbox input[type="number"]:hover,
.mbox input[type="number"]:active,
.mbox input[type="password"]:focus,
.mbox input[type="password"]:hover,
.mbox input[type="password"]:active,
.mbox textarea:hover,
.mbox textarea:focus,
.mbox textarea:active,
.mbox .form-control:focus,
.mbox .form-control:hover,
.mbox .form-control:active,
.mbox .single-line:focus {
    /*background-color: #fff;*/
    border: 1px solid #2196f3 !important;
    /*box-shadow: -5px 0px 10px rgba(33,150,243, 0.15)  !important;*/
    /*-moz-box-shadow:-5px 0px 10px rgba(33,150,243, 0.15)  !important;*/
    /*-webkit-box-shadow:-5px 0px 10px rgba(33,150,243, 0.15)  !important;*/
    outline: 0 none;
}

/*行分隔线*/
.hr-line-dashed {
    height: 1px;
    margin: 15px 0;
    color: #fff;
    border-top: 1px dashed #e7eaec;
    background-color: #fff;
}

/*文本框底下提示*/
p.help-block {
    display: block;
    margin-left: .6em;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 11px;
    color: #737373;
}

/*配合help-block*/
.mb-none {
    margin-bottom: 0;
}

/*//附件上传列表*/
ul.pic-list li {
    margin-bottom: 5px;
}

/*文本框图标*/
.boxEdit .input-icon .ace-icon {
    padding: 0 3px;
    z-index: 2;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 3px;
    line-height: 30px;
    display: inline-block;
    color: #909090;
    font-size: 16px;
}

/*行*/
.form-dashed > .form-group {
    border-bottom: 1px dashed #e7eaec;
    padding-bottom: 13px;
}

/*奇数行*/
.form-striped > .form-group:nth-child(odd) {
    background-color: #fcfcfc;
}

/*歧义*/
.form-dashed.form-horizontal > .form-group, .form-striped.form-horizontal > .form-group {
    margin: 0;
    padding-top: 15px;
}

.form-hover > .form-group:hover {
    background-color: #f9f9f9;
}

/*表单验证*/
.has-error .input-validation-error {
    border-color: #ed5565;
}

/*错误信息*/
.has-error .form-control {
    border-color: #ed5565;
}

/*错误信息图标*/
.has-error .form-control-feedback {
    color: #ed5565;
}

.has-error p.help-block {
    color: #737373;
}

.has-success .form-control {
    border-color: #1ab394;
}

.has-success .form-control-feedback {
    color: #1ab394;
}

.has-success .form-control-feedback {
    color: #1ab394;
}

.has-success p.help-block {
    color: #737373;
}

.field-validation-error.help-block {
    position: absolute;
    margin-top: -8px;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #ed5565;
}

.has-success .input-group-addon {
    color: #1ab394;
    border-color: #1ab394;
    background-color: #d5f5ee;
}

.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
    box-shadow: none;
}

/*endregion*/

/*endregion*/

/*endregion*/

/*region*/
/*头部*/
.ace-nav>li>a{background-color: transparent;}
.ace-nav>li{border-left:none;}
.ace-nav>li>a>.ace-icon{font-size: 14px;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: transparent;border-color: transparent;}
.ace-nav>li>a:focus{background-color: transparent;}
.ace-nav>li>a>.badge{font-size: 10px;padding: 1px 3px;}
/*endregion*/

/*region*/
/*art对话框*/
.ui_dialog_wrap,.ui_overlay,.ui_dialog {z-index: 30000000 !important;}
/*endregion*/
.cms_content img{width: auto;display: inline-block;}

/*移动端适配*/
@media screen and (max-width: 600px) {
    #tbl_wrapper table,.mobile-table table{
      border: 0;
    }  
    #tbl_wrapper table thead,.mobile-table table thead {
      display: none;
    }
    #tbl_wrapper table tr,.mobile-table table tr {
      display: block;
      margin-bottom: 10px;
    }
    #tbl_wrapper table td,.mobile-table table td {
      border-bottom: 1px solid #ddd;
      display: block;
    }
    #tbl_wrapper table td,.mobile-table table td {
        position: relative;
        display: block;
        /*text-align: right;*/
        min-height: 35px;
      }
    #tbl_wrapper table td::before,.mobile-table table td::before {
        /*position: absolute;*/
        left: 10px; margin-right: 10px;
        content: attr(data-label);
    }
    #tbl_paginate .pagination{float:left;}
    .navbar-brand{ display: none;}
   .dataTables_wrapper{width: 90vw;}
   .form-horizontal{ width: 90vw;}
   #searchForm{ display: none;}
   .filter-box{ display: none;}
   .mobile-table table {
    border: 0;
  }  
  
}