/* vue 加载完统一显示，隐藏加载前的表情 */
[v-cloak]{
    display: none;
}
.dayo-container{
    display: flex;
    height: 100%;
}
.dayo-header{
}
.dayo-footer{
}
.dayo-main{
    flex: 1;
}

body{
    font-family: Microsoft YaHei;
    height: 100vh;
    margin: 0;
    background: #fff;
}
th {
    font-weight: 500;
}
body>#app{
    height: 100vh;
}
.el-main,.el-header,.el-footer,.el-aside{
    padding: 0;
}
.el-container{
    height: 100%;
}
.el-header{
    height: auto;
}
/*按钮*/
.dayo-button,.fun-btn{
    background: #C9E1FF;
    border: 1px solid #9CB9FA;
    border-radius: 4px;
    color: #3C72FB;
    font-size: 12px;
    padding: 5px 15px;
    margin-left: 6px;
}
.dayo-button+.dayo-button,.fun-btn+.fun-btn {
    margin-left: 6px;
}
.dayo-button:hover{
    background: #4C80F5;
    border: 1px solid #4C80F5;
    color: #fff
}
/*文字按钮*/
.dayo-link-button{
    color: #215ADC;
    font-family: PingFang SC;
    font-size: 12px;
    height: 13px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    margin-left: 8px;
}
.dayo-link-button[disabled]{
    background-color: #FFF;
    border-color: #EBEEF5;
    color: #C0C4CC;
}
.dayo-link-button[disabled]:hover{
    cursor: not-allowed;
}
.dayo-link-button:hover{
    cursor: pointer;
}
/*.dayo-link-button:active{*/
/*    opacity: 0.5;*/
/*}*/

/*左侧查询项容器*/
.struct-search-container{
    padding:9px 8px 9px 7px;
    width: 195px;
    background: #ECF3FF;
}
.struct-search-title{
    border-left: 3px solid #4C80F5;
    padding-left: 8px;
    font-size: 14px;
    color: #333333;
    line-height: 14px;
    margin-bottom: 11px;
}
.struct-search-container .el-input--mini .el-input__inner ,.struct-search-container .el-input--mini .el-input__icon{
    height: 24px;
    line-height: 24px;
}
.struct-search-container .el-date-editor.el-input, .struct-search-container .el-date-editor.el-input__inner{
    width: 100%;
}
.struct-search-container .dayo-form-item{
    font-size: 12px;
}
.struct-search-container .dayo-form{
    max-height: calc(100% - 100px);
    overflow: auto;
}

.struct-search-container .search-button {
    font-size: 14px;
    margin-top: 24px;
    margin-left: 0;
}

.struct-search-container .search-link{
    text-align: center;
    font-weight: 500;
    text-decoration: underline;
    margin-top: 12px;
}

/*右侧网格网格按钮区*/
.struct-body-container{
    margin-left: 8px;
}
.struct-button-container{
    padding-bottom: 10px;
}
.struct-body-container .el-main{
    margin-right: 10px;
}
/*网格*/
.el-table__header th,.el-table__footer td,.el-table thead.is-group th{
    background-color: rgb(210, 231, 255);
    font-size: 14px;
    color: rgb(60, 114, 251);
    padding: 4px 0px;
}
.el-table__footer td,.el-table thead.is-group th{
    padding: 2px 0px;
}
.el-table__footer-wrapper tbody td {
    background-color: #FFF3ED;
    color: #606266;
}
.el-table__body  td{
    padding: 4px 0px;
    font-size:12px;
}
.el-table__body .el-table__row{
    color: #000;
}
.el-component-table-edit .el-table__body  td{
    padding: 1px 0px;
}
.el-component-table-edit .finAmountCell{
    display: inline-block;
    width: 7.69%;
    text-align: center;
    padding: 0 0 0 0px;
    box-sizing: border-box;
}
.el-component-table-edit .finAmountCell>span{
    font-size: 12px;
}
.el-component-table-edit .finColumn .cell{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.el-component-table-edit .el-table__body .cell{
    line-height: 31px;
}
.el-component-table-edit .el-table__body .finColumn{
}

.el-component-table-edit .finColumn {
    padding:0!important;
}

.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-color: #D2D2D2;
}

/* 自定义表头通用 */
.table_setter_header tr{
    background-color: rgb(210, 231, 255);
    color: rgb(60, 114, 251);
}
.table_setter td{
    height:40px;
    width:100px;
    text-align: center;
}
.table_setter tr:nth-child(odd){/* 奇 */
}
.table_setter tr:nth-child(even){/* 偶 */
    background-color: #fafafa;
}
/************************* loading遮罩层 *************************/
.el-loading-mask {
    background-color: rgba(255,255,255,.7);
}

/************************* dialog弹窗 *************************/
.el-dialog{
    border-radius: 10px;
}
.el-dialog__body{
    max-height: 50vh;
}
.dayo-ebank .el-dialog__body{
    max-height: calc(100vh - 60px - 20px - 50px - 40px - 20px);
}
.is-fullscreen .el-dialog__body {
    max-height: 100%;
    height: calc(100vh - 60px);
}
.el-dialog__header{
    background: #f5f7f7;
    padding: 8px 10px;
    border-radius: 10px 10px 0 0;
}
.el-dialog__title{
    color: #333;
    font-size:14px ;
    font-weight: bold;
}
.el-dialog__headerbtn{
    top:10px;right: 10px;
}
.el-dialog__body{
    padding-top: 20px;
    padding-bottom: 20px;
    overflow-y:scroll;
}
/*.el-dialog_body .el-input__icon{*/
/*line-height: 26px;*/
/*}*/
/*.el-dialog__body .el-input__inner{*/
/*height: 26px;*/
/*}*/
.el-dialog__body .el-form-item{
    margin-bottom: 0;
}
.el-dialog__footer{
    background-color: #f5f7f7;
    padding-bottom: 10px;
}
.el-dialog__footer .el-button--default{
    border:1px solid #d5d5d5;
    background-color: #f2f2f2;
    color: #333;
}
.el-dialog__footer .el-button--primary{
    border:1px solid #3c7ea1;
    background-color: #3c7ea1;
    color: #fff;
}

/*选择弹出组件*/
/*el-component-combo__dialog el-component-combo-list__dialog*/
.el-component-combo__dialog .el-dialog__body{
    overflow: hidden;
}

/*****************************单据************************************/
.bill-container .el-footer{
    height: auto!important;
}
.bill-container .el-aside{
    width: auto!important;
}
/*单据号*/
.bill-container-header{
    /*padding: 0 10px 0 8px;*/
    /* margin-bottom: 10px; */
}
.bill-container .bill-container__no,.bill-container .bill-container__date{
    width: 83px;
    height: 11px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
    margin-right: 24px;
}
.bill-container .bill-container__date{

}
.bill-container .bill-container-header{
    height: auto!important;

}
.bill-container .bill-container-header_btn_row{
    /*height:44px;*/
    /*line-height: 43px;*/
    height: 29px;
    line-height: 19px;
    border-bottom:1px solid #F1F1F1 ;
    padding: 0 10px 0 15px;
}
.bill-container .bill-container-header_link_row{
    /*height:40px;*/
    /*line-height: 38px;*/
    height: 29px;
    line-height: 28px;
    padding: 0 20px 0 8px;
}
.bill-container .bill-container-header_link_row .el-main,.bill-container .bill-container-header_link_row .el-aside{
    overflow: hidden;
}
.bill-container .bill-container-header_link_row .print_count{
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
}
/*表头输入模块*/
.bill-container .bill-container-input_row{
    background: #ECF3FF;
    margin: 0 8px 0 10px;
    padding: 0 10px;
}
/**
 * 日期选择栏
 */
.bill-container .el-date-editor.el-input, .el-date-editor.el-input__inner {
    width: 100%;
}
/*form表单*/
.bill-container .bill-container-input_row .el-form-item{
    margin-bottom: 0;
}
.bill-container .bill-container-input_row .el-form-item__content,.bill-container .bill-container-input_row .el-form-item__label{
    line-height: 37px;
    height: 37px;
    font-size: 12px;
}
.bill-container .el-input--mini .el-input__inner {
    height: 24px;
    line-height: 24px;
}
.bill-container .bill-container-header-input_row{
    border: 1px solid rgba(42, 42, 42, 0.14);
    border-width: 1px 1px ;
    box-shadow: 0px 4px 4px 0px rgba(42, 42, 42, 0.14)
}
/*footer */
.bill-container .bill-container-footer-input_row{
    margin: 0 8px 10px 10px;
    border: 1px solid rgba(42, 42, 42, 0.14);
    border-width:  1px 1px;
    box-shadow: 0px 4px 4px 0px rgba(42, 42, 42, 0.14)
}
/*网格容器*/
.bill-container_table{
    padding: 0 8px 0 10px;
}
.bill-container_table .el-component-table-edit{
    border: 1px solid rgba(42, 42, 42, 0.14);
    border-width: 0 1px;
    box-shadow: 0px 4px 4px 0px rgba(42, 42, 42, 0.14)
}
.el-table__row--striped .edit-status-sign{
    border-color: #FAFAFA;

}
.hover-row .edit-status-sign{
    border-color: rgb(236, 245, 255);
}
.current-row .edit-status-sign{
    border-color: #fff3ed;
}
.edit-status-sign{
    position: relative;
    border-color: #fff;
    /*white-space: nowrap!important;!*解决网格内空格问题*!*/
}
.edit-status-sign_edit:after{
    content: "";
    position: absolute;
    border: 5px solid #fff;
    border-color: inherit;
    border-right-color: #00ee00;
    border-top-color: #00ee00;
    top:0;
    right: -10px;
}
.edit-status-sign_new:after{
    content: "";
    position: absolute;
    border: 5px solid #fff;
    border-color: inherit;
    border-right-color: #ee0a24;
    border-top-color: #ee0a24;
    top:0;
    right: -10px;
}
.el-table .current-row > td{
    background-color: #fff3ed!important;
}
/*el-combo选中样式*/
.el-component-combo-tree_select{
    color: #409EFF;
}
/*明细网格头*/
.table-detail-header{
    background: rgb(236, 243, 255);
    color: rgb(60, 114, 251);
    padding: 5px 10px;
    font-size: 14px;
}
/* //文字按钮 */
.font_btn{
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
}
.font_btn:hover{
    cursor: pointer;
}
.font_btn:active{
    opacity: 0.5;
}

/*树形查询*/
.struct-search-container .el-tree{
    background: #ECF3FF;
}
.struct-search-container .is-current>.el-tree-node__content{
    background: #3a8ee6;
    color: #fff;
}

.struct-search-container .el-tree-node{
    font-size: 13px;
}
/* 图片加载前 */
.el-image__placeholder {
    background: url('http://oos-cn.ctyunapi.cn/icons/pc/loading.gif') no-repeat 50% 50% !important;
}
/*复选框，文本域 disabled 字体颜色*/
.el-textarea.is-disabled .el-textarea__inner{
    color: #0a001f;
}
.el-checkbox__input.is-disabled+span.el-checkbox__label{
    color: #0a001f;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{
    border-color: #0a001f;
}
/*解决 Element-UI table 网格线对不齐*/
body .el-table th.gutter {
    display: table-cell !important
}
body .el-table colgroup.gutter { display: table-cell !important; }

/*dayo-table*/
.finAmountCell .cell{
    padding: 0!important;
    text-align: center!important;
}
.dayo-table .finAmountCellBlue{
    border-right-color: red!important;
}
.dayo-table .finAmountCellRed{
    border-right-color: blue!important;
}
.dayo-table .finAmountFontRed{
    color: red!important;
}
.el-component-table-edit .finAmountCell{
    line-height: 35px;
    position: relative;
}
.el-component-table-edit .finAmountCell:before{
    content: "";
    border-right: 1px solid rgb(210, 210, 210);
    position: absolute;
    top: 0px;
    right: 0;
    min-height: 35px;
    height: 100%;
}
.el-component-table-edit .finAmountCellBlue:before{
    content: "";
    border-right: 1px solid red;
    position: absolute;
    top: 0;
    right: 0;
    min-height: 40px;
    height: 100%;
}
.el-component-table-edit .finAmountCellRed:before{
    content: "";
    border-right: 1px solid blue;
    position: absolute;
    top: 0;
    right: 0;
    min-height: 35px;
    height: 100%;
}
.el-component-table-edit .finAmountFontRed{
    color: red!important;
}
.icon-btn:hover {
    cursor: pointer;

}
/*生成凭证设置menu*/
.entry-item_menu{
    background: #fff;
    border: 1px solid #F3F3F3;
}
.entry-item  .leaf-node{
    display: inline-block;width: 25%;box-sizing: border-box;padding-left: 10px;margin-top: 5px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.entry-item  .leaf-node:hover{
    cursor: pointer;
}
.entry-item .active{
    background-color: #4C80F5;
    color: #fff;
}
.entry-item .el-dialog__body{
    height: 70vh;
}


.icon-btn:active{
    opacity: 0.5;
}
/*简单二级表头*/
.dayo-table_simple{
    display: table-row;
}
.dayo-table_simple_child_col{
    display:table-cell;
    width: 142px;
    padding: 5px;
}
.dayo-table_simple_child_col_header{
    text-align: center!important;
}
.dayo-table_simple_child_col_body{
    text-align: right;
}
.dayo-table_simple .dayo-table_simple_child_col{
    /*border-left: 1px solid #D2D2D2;;*/
}
.dayo-table_simple .dayo-table_simple_child_col_body::after{
    content: '';
    border-right: 1px solid #D2D2D2;
    height: 10px;
    position: relative;
    right: -6px;
}
.dayo-table_simple :first-child{
    border: none;
}
.el-component-table-edit .el-table__body-wrapper table{
    padding-bottom: 10px;
}
.finAmountCell .cell{
    font-size: 12px;
    /*transform: scale(0.75)*/
}

/*自定义进度条*/
.dayo-pregress{
    position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;
    background: rgb(0,0,0,0.3);
    /*background: #fff;*/
    z-index: 9999
}
.dayo-pregress_pinner{
    padding:20px;display: inline-block;height: 100px;margin-top: 15vh;margin-left: calc(50vw - 250px);width: 500px;background: #f1f1f1
}


/*.el-table__body-wrapper .el-tooltip>span{*/
/*    white-space: pre*/
/*}*/
/*.el-table__body-wrapper .cell,.el-component-table-edit  .el-table__body-wrapper .cell>span{*/
/*    white-space: pre!important;!*解决网格内空格问题*!*/
/*}*/
/*.el-component-table-edit .el-table__body-wrapper .cell,.el-table__body-wrapper .cell>span,.el-table__body-wrapper .finAmountCell,.finAmountCell>span,*/
/*.el-table__body-wrapper .finAmountCell>.cell>span{*/
/*    white-space: nowrap!important;!*解决网格内空格问题*!*/
/*}*/