﻿body {
    font: 14px Microsoft YaHei,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif !important;
}
.layui-table-box * {
    color: rgb(7, 7, 63);
    font-size: 12px;
}
.layui-table-total input {
    font-size: 12.5px;
}
.layui-table-header .layui-table-cell span {
    font-weight: 500;
}

.root-bg-query {
    padding: 10px !important;
}
.module-form-content {
    padding-top: 0px;
    /*padding-left: 10px;
    padding-right: 10px;*/
    padding-bottom: 10px;
}

.detail-card-body .left-tree-item {
    background-color: white;
    margin-left: 0px !important;
}
.detail-card-body .left-tree-title {
    background-color: white !important;
    padding: 13px 15px;
}
.layui-card-detail-cust .layui-table-view .layui-table-tool {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}
/*table选中的颜色*/
.layui-table-checked {
    background-color: #F2F8FF !important;
}

/*table奇数行背景颜色*/
.layui-table-click, .layui-table-hover, .layui-table[lay-even] tbody tr:nth-child(even) {
    background-color: #f9fafc !important;
}
/*table右侧冻结操作栏字体大小*/
layui-table-fixed layui-table-fixed-r .toolbar-a{
    font-size:12.5px;
}
/*日期框字体大小*/
.layui-laydate {
    font-size: 13px !important;
}
/*浏览模式下右侧的label*/
.head-display-label {
    text-align: left;
    min-width: 140px;
    display: inline-block;
    padding: 5px 10px;
    width: auto;
}
/*浏览模式下合并列的右侧的label*/
.head-display-double-label {
    text-align: left;
    min-width: 450px;
    display: inline-block;
    padding: 9px 10px;
}

/*浏览模式下左侧侧的label*/
.head-display-left-label {
    width: 105px;
    padding: 6px 10px;
}

/*编辑模式下左侧的label*/
.layui-form-left-label {
    width: 110px;
    padding: 5px 15px;
}

/*查询模式下左侧侧的label*/
.head-query-left-label {
    width: 95px;
    padding: 3px 10px;
    line-height: 24px;
}

/*查询模式下右侧的input样式*/
.head-input-block-right {
    margin-left: 135px;
}
/*快速查询面板下的左侧标题*/
.quick-search-left-label {
    padding: 5px 15px;
}

.layui-form-item-cust {
    margin-bottom: 5px;
}

/*编辑模式下左侧的label*/
.layui-form-layout-grid-label {
    width: 50px;
    display: inline-block;
    text-align: left;
}

/*编辑模式下右侧的input样式*/
.layui-input-block-cust {
    margin-left: 140px;
    /*min-height: 32px !important;*/
    min-height: 30px !important;
}

label.required-label::before {
    content: '* ';
    color: red;
}
span.required-th::before {
    content: '* ';
    color: red;
}

/*th.layui-table-cell {
    font-size: 13px;
}*/

/*.layui-table th {
    font-size: 13px;
    font-weight: normal;
}*/

/*.layui-table td {
    font-size: 13px;
}*/

.toolbar-a {
    color: #0089ff;
    font-size: 12px;
    cursor: pointer;
}
/*超链接*/
.link-a-cust {
    color: #0089ff;
}

.link {
    color: #0089ff;
}

/*自定义按钮样式*/
.layui-btn-cust {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    border-radius: 5px;
    margin-right: 4px;
    padding: 0 14px;
    font-weight: 400;
}
/*自定义无边框按钮样式*/
.layui-btn-noborder {
    padding: 0 7px !important;
    border: none !important;
}
/*自定义按钮链接样式*/
.layui-btn-link {
    color: rgb(54, 113, 243) !important;
}
.layui-btn-cust-rg {
    margin-right: 5px !important;
    margin-top: 5px;
}
.layui-btn-cust-accpet {
    padding-left: 20px;
    padding-right: 20px;
}
.layui-table-tool .layui-btn-cust {
    margin-top: 2px !important;
}

/*自定义input的高度*/
.layui-input-cust {
    /*height: 30px;*/
    height: 28px;
    border-radius: 3px;
}

/*隐藏数字栏位右侧的*/
.layui-input-wrap .layui-input-number {
    display: none;
}

/*input的高度调整后，后装饰的图标高度也要调整*/
.layui-input-affix {
    /*line-height: 33px;*/
    line-height: 30px;
}
/*input的高度调整后，其他类型的高度也调整一下*/
.layui-input-wrap {
    line-height: 33px;
}
/*单头数字输入框样式*/
.head-number {
    padding-right: 10px !important;
    text-align: end;
}
/*单头数字输入框样式*/
.table-number {
    padding-right: 10px !important;
    text-align: end;
}

    .table-number[lay-filter=table-search] {
        padding-right: 35px !important;
    }

/*select的高度调整*/
.layui-select-cust {
    /*height: 30px;*/
    height: 28px;
    border-radius: 4px;
}

.layui-unselect input {
    height: 28px;
    border-radius: 4px;
}

.layui-input-affix-cust {
    line-height: 33px;
}

.layui-tab-cust {
    background-color: white;
}

.layui-panel-cust {
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
}

.hbox {
    width: 100%;
    height: 100%;
    display: flex;
}

.hbox-left {
    width: 300px;
    float: left;
    margin-right: 5px ;
}

.hbox-right {
    width: 100%;
    float: right;
    margin-left:5px;
}

/*编辑模式下左侧的label*/
.layui-upload-label {
    width: auto;
    text-align: center;
    color:black
}

/*向导模式下的主card样式*/
.layui-card-wizard-cust {
    margin-top: 0px;
}

/*向导模式下的上一步下一步按钮布局样式*/
.layui-block-wizard-cust {
    padding-top: 20px;
    padding-bottom: 15px;
}
/*向导模式下的上一步下一步按钮布局样式档容器是table时*/
.layui-block-wizard-table-cust {
    padding-right: 10px;
    float:right
}

/*清单列表模式下的card撑满body*/
.layui-card-detail-cust {
    /*height: 100%;
    width:100%;*/
}

/*query模式下的card撑满body*/
.layui-card-query-cust {
    height: 100%;
    width: 100%;
}

/*卡片header的样式*/
.layui-card-header {
    /*font-weight: bold;*/
    border-bottom: none !important; /*不显示底部的边框*/
    height: 39px !important;
    line-height: 39px !important;
    font-size: 16px;
    color: rgb(7, 7, 63);
}


/*卡片body的样式*/
.layui-card-body-cust {
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

/*卡片body的样式*/
.layui-card-body-cust-right{
    padding-right:30px !important;
}
    /*清单列表模式下的card撑满body*/
    .layui-info-text-cust {
        font-size: 13px;
        color: #ffb800;
    }
/*水平布局*/
.horizontal-container {
    padding:10px;
    display: flex;
}
/*图片查看器*/
.picturebox {
    padding: 10px;
}

/*快速查询面板右边的间距*/
.layui-form-item-padding5 {
    padding-right: 5%;
}
 

/*大屏幕应用宽度以避免元素过宽*/
.layui-form-item-lg-padding5 {
    padding-right: 5%;
}

/*自定义的灰色背景*/
.mystyle-bg-whitesmoke {
    background-color: whitesmoke;
    padding: 15px;
    height: 100%;
    width: inherit;
    max-width: 100%;
    box-sizing: border-box;
}

/*table下checkbox垂直不居中*/
/*.layui-table-cell .layui-form-checkbox[lay-skin="primary"] {
    top: 50%;
    transform: translateY(-50%);
}*/

/*控制台常用菜单字体显示*/
.cite-cust {
    font-size:14px;
}

/*设置根据主题颜色变换颜色显示的文本*/
.layui-theme-text-cust {
    font-size: 14px;
}

/*设置根据主题颜色变换背景颜色*/
.layui-theme-background-cust {
  
}

/*card内容*/
.layui-tab-cust .layui-tab-content {
    padding: 15px 0 !important;
}

.layui-card-body .layui-form {
    margin-top: 1px;
}

.layadmin-shortcut li {
    text-align: center;
}

    .layadmin-shortcut li:hover {
        background-color: #f2f2f2
    }

    .layadmin-shortcut li .layui-icon {
        display: inline-block;
        width: 100%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        border-radius: 2px;
        font-size: 30px;
        background-color: #F8F8F8;
        color: #333;
        transition: all .3s;
        -webkit-transition: all .3s
    }

    .layadmin-shortcut li cite {
        position: relative;
        top: 2px;
        display: block;
        /*color: #666;*/
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 13px
    }

    .layadmin-shortcut li:hover .layui-icon {
        background-color: #f2f2f2
    }

/*.laytable-cell-radio {
    padding-top: 21px;
}*/

/*表格单击行颜色*/
.layui-table-view .layui-table-body tbody > tr.layui-table-click {
    background-color: #dbfbf0 !important;
}

.layui-sigle-table-card .layui-card-header-hide {
    display: none !important;
}


.layui-sigle-table-card .layui-table-view {
    border-top-style: none !important;
    border-bottom-style: none !important;
}
.layui-sigle-table-card .layui-table-view .layui-table-tool {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/*表格的工具栏列表大小重调整*/
.layui-table-tool {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 8px !important;
    min-height: 40px !important;
}

.layui-table-tool-intitle {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 8px !important;
    min-height: 40px !important;
}
.layui-table-total .layui-table tr {
    background-color: rgb(255, 241, 212);
}
/*表格的工具栏右侧的导出打印等按钮区域大小重调整*/
.layui-table-tool-self {
    top: 5px !important;
}
/*表格的行高大小重调整*/
/*.layui-table-view .layui-table td, .layui-table-view .layui-table th {
    padding: 2px 0px;
}*/
.layui-table-tool .layui-btn-container {
    margin-bottom: 0px;
}
    .layui-table-tool .layui-inline {
        border-radius: 3px !important;
        width: 26px !important;
        height: 26px !important;
        line-height: 16px !important;
    }

    .layui-card {
        /*border-radius: 5px;*/
        margin-bottom: 10px;
    }

.layui-card-body {
    /*padding: 2px 8px;*/
    padding: 5px 8px;
    padding-bottom: 8px;
}
.layui-card-table-body {
    padding: 0px 0px;
}
.layui-table-title {
    display: inline-block;
    font-size: 15px;
    padding-left: 7px;
    padding-right: 15px;
    color: rgb(7, 7, 63);
}
.layui-btn-cust i {
    /*font-size: 15px;*/
    /*margin-right: 4px;*/
    font-size: 16px;
    margin-right: 2px;
}
.layui-tab-content {
    padding: 5px 0 !important;
}
.layui-table-header, .layui-table-header th {
    background-color: #F7F8FA !important;
}

.layui-card-tool-self .layui-card-tool-btn {
    position: relative;
    padding: 3px;
    margin-right: 5px;
    text-align: center;
    color: #333;
    border: 1px solid #ccc;
    cursor: pointer;
    -webkit-transition: .5s all;
    transition: .5s all;
    border-radius: 3px !important;
    width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    font-weight: normal;
}

/*向导类的头部隐藏*/
.step-header-hide{
    display:none !important;
}

/*向导类的头部显示*/
.step-header-show {
    display: block !important;
}
 

/*左侧目录的高度重调整*/
.pear-nav-tree .layui-nav-item dd a {
    height: 43px !important;
    line-height: 43px !important;
}

.state-input {
    margin-right: 8px;
    background-color: #c2c2c2;
}
.state-conf {
    margin-right: 8px;
    background-color: #16b777;
}
.state-topur {
    margin-right: 8px;
    background-color: #1e9fff;
}
.state-ruku {
    margin-right: 8px;
    background-color: #a233c6;
}
.state-invalid {
    margin-right: 8px;
    background-color: #D3D3D3;
}
.state-close {
    margin-right: 8px;
    background-color: #2f363c;
}
.toolbar-separator {
    margin: 0 10px;
    color: #999;
}

.btn-separator {
    margin: 0 5px;
    color: #999;
 
    display: inline-block;
    border-left: #eee;
    border-left-width: 1px;
    border-left-style: solid;
    height: 14px;
}

.my-tips-icon {
    margin-left: 5px;
}

/* 搜索框重定位 */
.layui-icon-search2 {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #9b9db4 !important;
}
    /* 搜索框重显示图标 */
    .layui-icon-search2:before {
        /*content: "\e60a" !important;*/
        content: "\e6df" !important;
    }
/* 步骤器标题文字 */
.step-item-main-title{
    font-size:14px !important;
}
/* 审核状态框 */
.state-box {
    background-size: 100% 100%;
    width: 64px;
    height: 56px;
    position: absolute;
    right: 40px;
    top: 30px;
    z-index: 4;
}

/* 菜单布局 */
.menu-panel {
    padding-bottom: 10px;
    background-color: white;
    margin-bottom: 8px;
    padding-top: 10px;
    padding-left: 12px;
    border-radius: 4px;
    margin-top: -2px;
    /*background-color: #FDFCFD;*/
}

.layui-none-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 已审核状态 */
.approved-img {
    background-image: url("/Content/image/approved.svg");
}

/* 已失效状态 */
.invalid-img {
    background-image: url("/Content/image/invalid.svg");
    height: 60px;
}

/* 已关闭状态 */
.closed-img {
    background-image: url("/Content/image/closed.svg");
}
/* 已过账状态 */
.posted-img {
    background-image: url("/Content/image/posted.svg");
}


/* 不同屏幕大小的特定样式 */

/* 当屏幕宽度小于1300px时，应用另外的样式 */
@media screen and (max-width: 1300px) {
    .layui-form-left-label {
        width: 90px;
        padding: 4px 15px;
    }
 
    .layui-input-block-cust {
        margin-left: 120px;
    }

    .layui-form-item-padding5 {
        padding-right: 10px;
    }
}
/* 当屏幕宽度大于1300px小于1600时，应用另外的样式 */
@media screen and (min-width: 1301px) and (max-width: 1680px) {
    .layui-form-left-label {
        width: 100px;
        padding: 5px 15px;
    }
    .layui-input-block-cust {
        margin-left: 130px;
    }

    .layui-form-item-padding5 {
        padding-right: 42px;
    }
}

/* 当屏幕宽度大于1600px时，应用另外的样式 */
@media screen and (min-width: 1681px) {
    .layui-form-left-label {
        width: 110px;
        padding: 5px 15px;
    }
    .layui-input-block-cust {
        margin-left: 140px;
    }
    .layui-form-item-padding5 {
        padding-right: 72px;
    }
}

.module-help {
    z-index: 770;
    position: absolute;
    width: 330px;
    height: 320px;
    display: none;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
    margin-top: 5px;
}

.module-popup-help {
    z-index: 771;
    position: absolute;
    width: 330px;
    height: 320px;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
    margin-top: 5px;
}



.help-btn:hover .module-help {
    display: block !important;
}

.module-help-body li {
    list-style: disc !important;
    margin-bottom: 10px;
    color: black;
    font-size: 13px;
}
.module-help-body .layui-tab-title .layui-tab-bar {
    display: none !important;
}

/* 表格底部的汇总样式 */
.layui-table-total input {
    border: none;
    background-color: rgb(255, 241, 212);
}
.search-condition-span {
    font-size:12px;
    color: #6e6e8b;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.layui-menu-body-title {
    font-size: 12px;
    padding: 3px 15px;
}

.layui-table-total .layui-table-cell{
    font-size:12px !important;
}
.detail-card-body .layui-table-view .layui-btn-container i {
    color: #3671f3;
}
.layui-form-checked:hover > div, .layui-form-checked > div {
    font-size: 13px;
}
.layui-form-checkbox[lay-skin=primary] > div {
    font-size: 13px;
}