/*定义css 变量*/
:root {
    /*导航栏高度*/
    --header-height: 76px;
    /*底部高度*/
    --footer-height: 58px;
    /*面包屑高度 */
    --showplace-height: 45px;
    /*右侧内容区 标题栏 高度*/
    --content-header-height: 43px;
    /*contentmain 高度*/
    --contentmain-height: calc(100vh - 76px - 58px);
    /*内容区 包含 标题栏高度*/
    --content-height: calc(100vh - 58px - 76px - 45px);
    /*内容区高度 不包含 标题栏高度*/
    --content-body-height: calc(100vh - 58px - 76px - 45px - 43px);
    /*内容区域 不包含边框宽度*/
    --content-body-noborder-height: calc(100vh - 58px - 76px - 45px - 3px);
    /*内容详情区域 去掉底部按钮高度*/
    --content-body-noborder-nobtnbox-height: calc(100vh - 58px - 76px - 45px - 2px - 60px);
    /*门店列表区域 不包含筛选栏*/
    --content-ognlist-noborder-height: calc(100vh - 58px - 76px - 45px - 43px - 66px);
    /*门店列表区域 不包含筛选栏 不包含底部按钮区域*/
    --content-ognlist-noborder-nobtnbox-height: calc(100vh - 58px - 76px - 45px - 43px - 66px - 62px);
    /*菜品边界 不包含筛选栏 不包含底部按钮区域 不包含特殊区域*/
    --dishes-edit-content-ognlist-noborder-nobtnbox-height: calc(100vh - 58px - 76px - 45px - 43px - 66px - 62px - 130px);

    /* 色调 */
    /*字体默认颜色*/
    --font-default-color: #606266;
    /*placeholder 字体颜色*/
    --font-placeholder-color: #c0c4cc;
    /*  下拉框选中颜色  */
    --font-select-color: #606266;
    /* 备注颜色  */
    --font-remark-color: #999999;
}

#contentmain {
    /*min-height: var(--contentmain-height);*/
    height: var(--contentmain-height) !important;
}

#leftNav,#main_right {
    height: var(--content-height) !important;
    min-height: var(--content-height) !important;
}
.main-body-right > #divMain {
    height: var(--content-height) !important;
    min-height: var(--content-height) !important;
    background-color:  #fff;
}
.main-body-right > #divMain  .addborder {
    /*height: var(--content-body-noborder-height) !important;*/
    min-height: var(--content-body-noborder-height) !important;
    box-sizing: border-box;
    overflow-y: auto !important;
}


/*设置输入框 placeholder 色值*/
input.form-control::-webkit-input-placeholder{color:var(--font-placeholder-color) !important;}
input.form-control::-moz-placeholder{color:var(--font-placeholder-color) !important;}
input.form-control::-ms-input-placeholder{color:var(--font-placeholder-color) !important;}
input.form-control::placeholder{color: var(--font-placeholder-color) !important;}

select.form-control {
    color: var(--font-select-color) !important;
}

/*布局*/
.flex-box-container {
    display: flex;
    align-items: center;
}
.flex-box-container-gap15 {
    gap: 15px;
}

/*标题栏右侧按钮按钮字号*/
.title-box-font {
    font-size: 14px !important;
}

/*
 主题色: #0079ff
 hover focus: #4096ff
 备注文字灰: #999999
*/
.el-table__body a, a.theme-color, #reportContainer a  {
    color: #0079ff !important;
}

#reportContainer a[data='none'] {
    color: rgb(255,0,0) !important;
    cursor: text;
}

.el-table__body a:focus, .el-table__body a:hover, a.theme-color:focus, a.theme-color:hover ,#reportContainer a:hover{
    color: #4096ff !important;
}

#reportContainer a[data='none']:hover {
    color: rgb(255,0,0) !important;
}

.main-header .showplace a {
    color: #0079ff !important;
}

#leftNav .open .list-group a.onopen {
    color: #0079ff !important;
}

a.btn {
    color: #0079ff !important;
}

.btn.focus,.btn:hover {
    color: #4096ff !important;
    outline: none !important;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none !important;
    outline-offset: 0 !important;
}

/* start  table 分页样式*/
.pagination>li>a, .pagination>li>span, #pager-go-button {
    color: rgba(0,0,0,.88) !important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #fff !important;
    border-color: #0079ff !important;
    color: #0079ff !important;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, #pager-go-button:hover {
    color: #0079ff !important;
    background-color: #fff !important;
    border-color: #0079ff !important;
}

 .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover
{
    border-color: #ddd !important;
    color: rgba(0,0,0,.88) !important;
}

/* end  table 分页样式*/

button.btn-info:hover {
    color: #fff !important;
    background-color: #4096ff !important;
    border: none !important;
}

button.btn-info {
    color: #fff !important;
    background-color: #0079ff !important;
    border: none !important;
}
button.btn.searchbtn, .btn.searchbtn1 {
    color: #0079ff !important;
    border-color: #0079ff !important;
    background-color: #fff !important;
}

button.btn.searchbtn:hover, .btn.searchbtn1:hover {
    border-color: #4096ff !important;
    background-color: #ecf5ff !important;
    color: #4096ff !important;
}

.btn.active, .btn:active {
    box-shadow: none !important;
    color: #4096ff !important;
    border-color: transparent !important;
    background-color: transparent !important;
}

#areatree .tree-method a {
    color: #0079ff !important;
}

#areatree .tree-method a:hover, #areatree .tree-method a[disabled], #areatree .tree-method a:focus {
    color: #4096ff !important;
}

/*放弃按钮、提示框删除按钮 弹框底部的取消按钮*/
.btn.quit, .btn.quit.gray-btn, #btnConfirmNo, button.el-button--info,.btn.giveup, .dialog-footer > .el-button.el-button--default {
    color: #fff !important;
    background-color: #8c8c8c !important;
    border: 1px solid #8c8c8c !important;
}

.btn.quit:hover, .btn.quit:focus,.btn.quit.gray-btn:hover, .btn.quit.gray-btn:focus, #btnConfirmNo:hover, #btnConfirmNo:focus, button.el-button--info:hover, button.el-button--info:focus, .btn.giveup:hover, .dialog-footer > .el-button.el-button--default:hover {
    background-color: #bfbfbf !important;
    border: 1px solid #bfbfbf !important;
}
/*保存、保存并继续按钮*/
.btn.save,.btn.antblue-btn,.btn.saveGoon, button.el-button--primary, .btn.confirm {
    background-color: #0079ff !important;
    border: 1px solid #0079ff !important;
    color: #fff !important;
}

.btn.save:hover, .btn.save:focus, .btn.antblue-btn:hover, .btn.antblue-btn:focus,.btn.saveGoon:hover, .btn.saveGoon:focus, button.el-button--primary:focus, button.el-button--primary:hover, .btn.confirm:hover {
    background-color: #4096ff !important;
    border: 1px solid #4096ff !important;
    color: #fff !important;
}

.normal-btn {
    font-size: 14px !important;;
}

.antblue-text {
    color: #0079ff;
}
.antblue-text:hover, .antblue-text:focus {
    color: #409eff !important;
}

.nav-btn-right {
    padding: 0 !important;
    font-size: 14px !important;
}

.ChilLeft li>a:hover {
    color: #0079ff !important;
}

.el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover {
    color: #80bcff !important;
}

.el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover {
    color: #fff !important;
    background-color: #80bcff !important;
    border-color: #80bcff !important;
}

/*文字按钮*/
.el-button--text:focus, .el-button--text:hover {
    color: #4096ff !important;
}

.el-button--text {
    color: #0079ff !important;
}

/*二维码打印详情 checkbox 选中*/
.mgc-switch:checked {
    border-color: #0079ff !important;
    background-color: #0079ff !important;
}

/*vxt-table checkbox*/
.vxe-checkbox .vxe-checkbox--icon, .vxe-custom--option .vxe-checkbox--icon, .vxe-export--panel-column-option .vxe-checkbox--icon, .vxe-table--filter-option .vxe-checkbox--icon, .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon {
    font-weight: 400 !important;
}

/*报表 panel-heading 里导出 筛选 返回等按钮颜色*/
.panel-heading #explanbtn, .panel-heading #exportbtn, .panel-heading #printbtn, .panel-heading #gobill, .a-button {
    color: #0079ff !important;
}
.panel-heading #explanbtn:hover, .panel-heading #exportbtn:hover, .panel-heading #printbtn:hover, .panel-heading #gobill:hover, .a-button:hover {
    color: #409eff !important;
}

.icon-add, .icon-delete {
    color: #0079ff !important;
}


/*自定义查询数据框宽度*/
input.form-control.input-control-w20 {
    width: 20rem;
}

/*内容区 设置保存按钮位置*/
#main_right {
    position: relative;
    /*padding-bottom: 60px;*/
}

.panel-body-content-bottom {
    padding-bottom: 60px !important;
}

.main-body-right > #divMain > .panel-body-content-bottom > .addborder {
    min-height: var(--content-body-noborder-nobtnbox-height) !important;
}

/*内容区底部操作按钮*/
#main_right .el-from-top0 {
    padding-top: 0 !important;
}

#divMain .footer-btns-box {
    position: absolute !important;
    bottom: 1px;
    left: 1px;
    right: 2px;
    background-color: white;
    width: calc(100% - 2px);
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    margin: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    z-index: 10;
}

#divMain .body-scrollY-box .footer-btns-box {
    bottom: 0;
}

#divMain .footer-btns-box-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 15px !important;
}

#divMain .panel-body-content-margin-bottom {
    padding-bottom: 72px !important;
}

/*start 重构页面整体布局高度*/
/*筛选条件布局*/
.body-formbox-container {
    padding: 15px !important;
    padding-bottom: 5px !important;
}

.body-formbox-container-b0 {
    padding: 15px !important;
    padding-bottom: 0px !important;
    margin-bottom: -1px !important;
}
.body-form-container {
    display: flex;
    /*margin-bottom: 15px;*/
}
.body-form-container > .body-form-contents {
    display: flex;
    flex-wrap: wrap;
}

/*换行添加伪元素进行占位，防止当前行拉伸*/
.body-form-container > .body-form-contents::after{
    flex: 1;
    flex-shrink: 0;
    flex-grow: 1000;
    content: '';
    width: 1px;
    height: 30px;
}

.body-form-container > .body-form-contents.remove-after::after {
    flex: 1;
    flex-shrink: 0;
    flex-grow: 0;
    content: '';
    width: 1px;
    height: 30px;
}

.body-form-container > .body-form-contents > .form-group , .body-form-contents > .el-form-item {
   padding-bottom: 10px !important;
    margin-right: 15px !important;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.body-form-contents > .el-form-item {
    padding-bottom: 0 !important;
    margin-bottom: 15px !important;
}

.body-form-contents > .el-form-item > .el-form-item__label {
    padding-right: 0 !important;
}

.body-form-container > .body-form-contents > .form-group > *:last-child {
    flex: 1;
}
.body-form-container > .body-form-contents > .form-group > label {
    flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 5px;
}

.body-form-btns {
    flex-shrink: 0;
    display: flex !important;
    align-items: flex-start;
}

.body-form-btns::before {
    content: '';
    width: 0;
}
.body-form-btns.remove-before::before {
    content: '';
    width: 60px;
}

.body-form-btns > button, .body-form-btns > .el-form-item {
    margin-left: 0 !important;
    margin-right: 10px;
    margin-bottom: 10px !important;
}

/*筛选栏更改按钮所在位置的盒样式*/
.body-form-btns-childbox {
    height: 35px;
    display: flex;
    align-items: center;
}
/*end 重构页面整体布局高度*/

/*备注*/
.form-control-tip-box {
    position: relative;
}

.el-icon-warning-i {
    position: absolute;
    right: -10px;
    top: 10px;
    cursor: pointer;
    font-size: 18px;
    color: #aaa;
    z-index: 10;
}

.el-icon-warning-i-flex {
    cursor: pointer;
    font-size: 18px;
    color: #aaa;
    margin-left: 5px;
}

/*.tip-content {*/
/*    font-size: 12px !important;*/
/*    line-height: 1.6 !important;*/
/*}*/
.relative-box {
    position: relative;
}

.custom-tooltip-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-tooltip-icon {
    font-size: 18px;
    color: #AAAAAA;
    cursor: pointer;
    margin-left: 5px;
    transform: translateY(1px);
}

.icon-remarks {
    font-size: 20px;
    color: #AAAAAA;
    position: absolute;
    right: -15px;
    top: 7px;
    cursor: pointer;
    z-index: 10;
}
.custom-tooltip-icon:hover + .tip-content, .icon-remarks:hover + .tip-content, .pos-fanjie i:hover + .tip-content {
    display: block;
}
.custom-tooltip-icon + .tip-content, .icon-remarks + .tip-content {
    display: none;
    position: absolute;
    top: -8px;
    right: -325px;
    border: 1px solid #969090;
    padding: 10px;
    min-height: 40px;
    width: 300px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.6;
    background-color: #fff;
    z-index: 1000;
}
.custom-tooltip-icon + .tip-content::before, .icon-remarks + .tip-content::before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 18px;
    left: -9px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 8px solid #969090;
}
.custom-tooltip-icon + .tip-content::after, .icon-remarks + .tip-content::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 18px;
    left: -8px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 8px solid #fff;
}

.custom-tooltip-icon + .tip-content.left::before, .icon-remarks + .tip-content.left::before {
    right: -9px;
    border-left: 8px solid #969090;
    left: auto;
    border-right: none;
}
.custom-tooltip-icon + .tip-content.left::after, .icon-remarks + .tip-content.left::after {
    right: -7px;
    border-left: 8px solid #fff;
    left: auto;
    border-right: none;
}
/*更改提示框色值*/
.el-tooltip__popper.is-light {
    border-color: #969090 !important;
}

.el-tooltip__popper.is-light > .tip-content {
    line-height: 1.6 !important;
    border-color: #969090 !important;
}

/*三角形状线颜色*/
/*.el-tooltip__popper.is-light .popper__arrow {*/
/*    border-right-color: #969090 !important;*/
/*}*/

/*panel-heading 标题行两端对齐*/
.panel-heading.style-flex {
    display: flex;
    justify-content: space-between;
}

.ms-parent.menuSelect > .ms-choice > span.placeholder {
    color:  #c0c4cc !important;
}

/*重置数据框高度*/
.body-form-container .el-input__inner {
     height: 36px !important;
     line-height: 36px !important;
}

/*重置 lement 分页样式*/
.com-pagination-box {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}
.com-pagination-box .show-pagesize {
    margin-left: 10px;
    line-height: 40px;
    color: #777;
}
.el-pagination > button {
    padding: 0 !important;
    height: 34px !important;
    background-color: #fff;
    border: none !important;
    margin-right: 0 !important;
}

.el-pagination button span {
    color: #777;
    font-size: 14px !important;
    font-weight: normal !important;
    width: 50px;
    border: 1px solid #ddd;
    height: 34px !important;
    line-height: 34px !important;
    box-sizing: border-box;
    font-family: sans-serif;
}

.el-pagination .el-pager .number, .el-icon.more.el-icon-more,  .el-icon.more.el-icon-d-arrow-left, .el-icon.more.el-icon-d-arrow-right {
    color: #656565 !important;
    border: 1px solid #EAEAEA;
    height: 34px !important;
    line-height: 34px !important;
    box-sizing: border-box;
    width: 34px !important;
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    background: #fff;
    border: 1px solid #ddd;

}
.el-pager li {
    font-size: 14px !important;
    font-weight: normal !important;
    margin-right: 0 !important;
}
.el-pagination .el-pager .number.active, .el-pagination.is-background .el-pager li:not(.disabled):hover, .el-pagination button:enabled span:hover {
    background: #fff !important;
    border: 1px solid #0079ff !important;
    color: #0079ff !important;
}

/*定义门店筛选列表样式*/
/*1. 筛选项样式*/
.ChilLeft .leftTop {
    width: 100%;
    display: flex !important;
    align-items: center;
    padding: 15px !important;
}

.ChilLeft .leftTop > label {
    margin-bottom: 0 !important;
    flex-shrink: 0;
}

.ChilLeft .leftTop > .searchImg {
    flex-shrink: 0;
}


.ChilLeft .leftTop > input.form-control {
    flex: 1;
    margin-right: 7px;
}

/*DataTable 表格不换行*/

.dataTable th,td {
    white-space: nowrap;
}

/*门店列表*/
.businelist {
    height: var(--content-ognlist-noborder-height);
}

.body-scrollY-box {
    height: calc(100% - 60px);
    overflow-y: auto;
    overflow-x: hidden;
}

/*详情页可滑动盒子模型*/
.body-scrollY-box.panel-body-content-bottom {
    padding-bottom: 0 !important;
}

/*.panel-body-content-bottom .col-sm-2.ChilLeft > .businelist {*/
/*    height: var(--content-ognlist-noborder-nobtnbox-height);*/
/*}*/

.el-tooltip__popper {
    line-height: 1.5 !important;
}

/*自定义删除弹框样式*/
.delete-dialog-style {
    width: 500px;
}

.delete-dialog-style > .el-message-box__content {
    max-height: 300px;
    min-height: 100px;
    overflow-y: auto;
    font-size: 15px;
}

/*定义表格单元格样式 DataTables*/
.table.dataTable > tbody > tr>td {
    /*overflow: hidden;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* .table.dataTable > tbody > tr>td>span, .table.dataTable > tbody  > tr>td > div {*/
/*    width: 100%;*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*}*/

button#toppingtypeButtonVue,button#practicetypeVue {
    font-size: 14px !important;
}

.body-scrollY-box > .panel, .panel-body-content-bottom > .panel  {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.delete-dialog-style .el-message-box__status {
    top: 13px !important;
    -webkit-transform: translateY(-13px) !important;
    transform: translateY(-13px) !important;
}

/*重置 vxe-table 列表页共用样式*/
.vxe-table--render-default .vxe-table--border-line {
    border-color: #ddd !important;
}
.vxe-table .vxe-table--header-wrapper, .vxe-table--render-default {
    color: #2c3f50 !important;
    font-family: sans-serif !important;
}
.vxe-table--header-wrapper .vxe-header--row .vxe-header--column,
.vxe-table--header-wrapper .vxe-header--row .vxe-header--gutter.col--gutter {
    height: 36px !important;
    background-color: #fff !important;
}
/*斑马线*/
.vxe-table--main-wrapper .vxe-table--body .vxe-body--row:nth-child(odd) {
    background-color: #f9f9f9 !important;
}
/*无斑马线*/
.no-stripe.vxe-table .vxe-table--main-wrapper .vxe-table--body .vxe-body--row:nth-child(odd) {
    background-color: #fff !important;
}
.vxe-table--render-default.border--full .vxe-body--column,
.vxe-table--render-default.border--full .vxe-footer--column,
.vxe-table--render-default.border--full .vxe-header--column {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ddd)), -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ddd)) !important;
    background-image: linear-gradient(#ddd, #dddd), linear-gradient(#ddd, #ddd) !important;
    background-repeat: no-repeat;
    background-size: 1px 100%, 100% 1px;
    background-position: 100% 0, 100% 100%;
}
/*vxe-table 渲染报表样式*/
.vxe-table--render-default.size--small {
    font-size: 14px !important;
}
.ar-table-container .vxe-table--main-wrapper .vxe-table--body .vxe-body--row:nth-child(odd) {
    background-color: #fff !important;
}

.ar-table-container .vxe-table--render-default .vxe-body--row.row--current  .vxe-body--column,
.ar-table-container .vxe-table--main-wrapper .vxe-table--body .vxe-body--row.row--current  .vxe-body--column,
.ar-table-container .vxe-table--render-default .vxe-body--row.row--hover  .vxe-body--column,
.ar-table-container .vxe-table--main-wrapper .vxe-table--body .vxe-body--row.row--hover .vxe-body--column {
    background-color: #f4f4ec !important;
}
.ar-table-container .vxe-table--header-wrapper .vxe-header--row .vxe-header--column {
    height: 21.25pt !important;
    background-color: #e8f3f9 !important;
}
.ar-table-container .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis,
.ar-table-container .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis,
.ar-table-container .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis,
.ar-table-container .vxe-table--render-default.vxe-editable.size--mini .vxe-body--column {
    height: 21.25pt !important;
}
.ar-table-container .vxe-table--header-wrapper .vxe-header--row .vxe-header--column,
.ar-table-container .vxe-table--header-wrapper .vxe-header--row .vxe-header--gutter.col--gutter {
    background-color: #e8f3f9 !important;
}
.ar-table-container .vxe-table--render-default.size--mini .vxe-body--column:not(.col--ellipsis),
.ar-table-container .vxe-table--render-default.size--mini .vxe-footer--column,
.ar-table-container .vxe-table--render-default.size--mini .vxe-header--column:not(.col--ellipsis) {
    background-image: linear-gradient(#cacad9,#cacad9),linear-gradient(#cacad9,#cacad9)!important;
    background-color: #e8f3f9;
    color: #000;
    font-family: Arial, serif;
    font-weight: normal;
    height: 21.25pt !important;
    padding: 0!important;
}
.ar-table-container .vxe-table--render-default.border--full .vxe-body--column,
.ar-table-container .vxe-table--render-default.border--full .vxe-footer--column,
.ar-table-container .vxe-table--render-default.border--full .vxe-header--column {
    color: #000;
    font-family: Arial, serif;
    font-weight: normal;
    background-image: linear-gradient(#cacad9,#cacad9),linear-gradient(#cacad9,#cacad9) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#cacad9),to(#cacad9)),-webkit-gradient(linear,left top,left bottom,from(#cacad9),to(#cacad9)) !important;
}

.ar-table-container .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line {
     border-bottom: 1px solid #cacad9 !important;
}

.ar-table-container  .vxe-table--render-default .vxe-table--footer-wrapper {
    border-top: 1px solid #cacad9 !important;
}

.ar-table-container .vxe-table--main-wrapper .vxe-table--body .vxe-body--row.row-blue,.ar-table-container .vxe-table--fixed-wrapper .vxe-table--body .vxe-body--row.row-blue {
    background-color: #e8f3f9 !important;
}

.ar-table-container .el-icon-warning {
    font-size: 14px;
    color: #aaa;
    transform: translateY(1px);
}

/*去掉固定列时边框的阴影部分*/
.ar-table-container .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle {
    box-shadow: none;
    -webkit-box-shadow: none;
}

/*详情页备注样式布局*/
.el-col-tooltip-box {
    display: flex;
    align-items: center;
    height: 40px;
    margin-left: 10px;
}

/*批量修改弹框样式*/
.batch-update-dialog .modal-dialog {
    width: 700px;
}
.batch-update-dialog .modal-body {
    min-height: 300px;
    max-height: 400px;
}
.batch-update-dialog .ms-drop.bottom {
    width: 100% !important;
}
.batch-update-dialog .modal-footer {
    text-align: center;
}
.batch-update-dialog .copy-title {
    margin: 20px 0 20px 70px;
}

.batch-update-dialog > .el-dialog__wrapper > .el-dialog {
   margin-top: 30px !important;
    width: 700px !important;
}

.batch-update-dialog .el-dialog__header {
    border-bottom: none;
    pading: 15px 0;
}

.batch-update-dialog .el-dialog__footer {
    padding: 15px;
}

.batch-update-dialog .el-dialog__body {
    min-height: 300px;
    max-height: 530px;
}

.batch-update-dialog .el-dialog__body > div {
    margin-bottom: 15px;
}

/*报表表格头部样式*/
.report-table-header-box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 8px 10px;
    align-items: center;
}

.report-table-header-box > .report-title-left, .report-table-header-box > .report-title-right {
    flex: 1;
    flex-shrink: 0;
    overflow: hidden;
}

.report-table-header-box > .report-title-left {
    text-align: start;
    font-size: 12px;
}

.report-table-header-box > .report-title-right {
    text-align: end;
    font-size: 12px;
    max-width: 400px;
    flex: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.report-table-header-box > .report-title {
    flex: 3;
    flex-shrink: 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
/*修改element radio 和 chcekbox 选中的字体颜色*/
.el-radio__input.is-checked+.el-radio__label, .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #606266;
}
.el-cascader-node.is-active {
    color: #606266;
    font-weight: normal;
}
/*基础映射表格样式*/
.mapping-box .vxe-table--main-wrapper .vxe-table--body .vxe-body--row:nth-child(odd) {
    background-color: #fff !important;
}
.vxe-table--header-wrapper .vxe-header--row .vxe-header--column,
.vxe-table--header-wrapper .vxe-header--row .vxe-header--gutter.col--gutter {
    background-color: #F9FAFC !important;
}

.ar-table-container .el-icon-warning {
    font-size: 14px;
    color: #aaa;
    transform: translateY(1px);
}

/*选择适用菜谱样式*/
.selcet-menu {
    height: 40px;
    line-height: 40px;
    border: 1px solid #c0c4cc;
    overflow: hidden;
}
.selcet-menu .el-icon-arrow-down {
    float: right;
    color: #c0c4cc;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    font-size: 14px;
}
.selcet-menu .menus-name-box {
    float: left;
    width: 85%;
    padding-top: 7px;
    overflow: hidden;
}
.selcet-menu .menus-name-box span:first-child {
    max-width: 65%;
    white-space: nowrap;
     overflow: hidden;
    text-overflow: ellipsis;
}
.selcet-menu .menus-name-box span {
    display: inline-block;
    font-size: 12px;
    background-color: #f4f4f5;
    border: 1px solid #e9e9eb;
    color: #909399;
    border-radius: 4px;
    height: 24px;
    line-height: 22px;
    padding: 0 6px;
    margin-left: 6px;
    box-sizing: border-box;
    float: left;
}
.select-menu-placeholder {
    float: left;
    padding-left: 15px;
    color: #c0c4cc;
}
.select-menulist-component-box .asc-container .asc-screen-box {
    flex: 14;
}
.selcet-menu-box {
    top: 50%;
    transform: translateY(-50%);
}
@media all and (max-height: 768px) {
    .selcet-menu-box .asc-col-box {
        height: 420px;
    }
    .selcet-menu-box .row-height{
        height: 310px;
    }
}

.flex-box-end {
    display: flex;
    justify-content: end;
    align-items: center;
}

.flex-row {
    padding: 10px;
}

.ui-jqgrid-btable a {
    color: #0079ff !important;
}
.vxe-icon-question-circle-fill:before {
    color: #666666;
}

.vxe-cell--title .custom-tooltip-icon {
    margin-left: 0;
}

.vxe-cell--title .header-child-titlebox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.buffetBenefitDialog {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:20px 20px;
    max-height: 430px;
    overflow-y: auto;
    font-size: 15px;
}

#buffetBenefitDialogId .el-dialog__header {
    border: none;
  }

#buffetBenefitDialogId .el-dialog__header .el-dialog__title {
    font-size: 16px;
}

.buffetBenefitDialog .dialog-text {
    font-size: 16px;
    color: #666666;
}

.buffetBenefitDialog .dialog-warning {
    margin-bottom: 10px;
    width: 50px;
    height:46px;
}

.dialog-input {
    margin-top: 10px;
    width: 320px;
    font-size: 16px;
    margin-bottom: 60px;
    text-align: center;
}
.dialog-input > input {
    text-align: center;
}


.fixed-gray-color {
    background-color: #f5f5f5;
}

.group-blue-color {
    background-color: #f6fafd;
}

/*flex布局*/
.flex-container-default {
    display: flex;
    align-items: center;
}

.flex-container-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-margin-bottom15 {
    margin-bottom: 15px;
}

.dishes-practice-box {
    border-top: 1px solid rgba(91, 88, 86, 0.17);
    padding-top: 15px;
}

.dishes-practice-type-box {
    display: flex;
    min-height: 200px;
    height: var(--dishes-edit-content-ognlist-noborder-nobtnbox-height) ;
}

.dishes-practice-type-left-box,
.dishes-practice-type-right-box {
    overflow: hidden;
    height: 100%;
}

.dishes-practice-type-left-box {
    border: 1px solid rgba(91, 88, 86, 0.17);
    margin-right: 5px;
    overflow: auto;

}

.dishes-practice-type-left-box .practice-type-item {
    width: 100%;
    overflow:hidden;
    display: flex;
    padding: 0 10px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    height: 40px;
    padding-right: 9px;
}

.dishes-practice-type-left-box .add-item,
.dishes-practice-type-left-box .add-practicetype-item {
    width: 100%;
    overflow:hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #ddd;
    height: 40px;
}

.dishes-practice-type-left-box .practice-type-item:hover,
.dishes-practice-type-left-box .practice-type-item.selected,
.dishes-practice-type-left-box .add-item:hover
{
    color: #0079ff !important;
}


.dishes-practice-type-left-box .practice-type-item .el-button {
    font-size: 16px;
    color: #aaa !important;
}

.dishes-practice-type-left-box .add-item .el-button {
    font-size: 16px;
    color: #0079ff !important;
}

.dishes-practice-type-left-box .practice-type-item .el-button:hover,
.dishes-practice-type-left-box .add-item .el-button:hover {
    color: #0079ff !important;
}

.dishes-practice-type-left-box .add-item .el-icon-plus {
    font-weight: bold;
    font-size: 18px;
}

.dishes-practice-type-right-box .el-input-number.is-without-controls {
    width: 100%;
}

.el-table-practice-list {
    overflow: auto;
    height: 100%;
    padding: 20px 0 10px 20px;
}
/*el-table不显示边框*/
/* 去掉中间数据的分割线 */
.el-table-noboder .el-table__row>td{
    border: none;
}
/* 去掉上面的线 */
.el-table-noboder .el-table th.is-leaf{
    border: none;
}
/* 去掉最下面的那一条线 */
.el-table-noboder .el-table::before {
    height: 0;
}

/*取消el-table 鼠标移入效果*/
.el-table-nohover .el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: rgba(0, 0, 0, 0) !important;
}

.dishes-practice-type-right-box .el-icon-check,
.right-practices-box .el-icon-check {
    font-size: 20px;
    font-weight: bold;
    color: #dddddd;
}

.dishes-practice-type-right-box  .icon-checked .el-icon-check,
.right-practices-box .icon-checked .el-icon-check {
    color: #0079ff;
}

.practice-type-select-box .el-radio-button__inner {
    font-size: 13px;
    font-weight: normal;
}

.switch-practicetype-box {
    margin: 0 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 200px;
    font-size: 15px;
}

.switch-practicetype-box .switch-practicetype-text {
    font-size: 14px;
    line-height: 1.3;
    color: #aaaaaa;
    margin-top: 5px;
    margin-bottom: 20px;
}

.switch-practicetype-box .switch-practicetype-text:last-child {
    margin-bottom: 0;
}
.common-dialog-warning-box {
    display: flex;
    min-height: 200px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.common-dialog-warning-box .el-dialog__body {
    color: #000000;
}

.common-dialog-warning-text {
    font-size: 15px;
    line-height: 1.3;
    text-align: center;
}

.el-dialog__footer .el-button {
    font-weight: normal;
}

.el-table-practice-list .el-table .cell {
    padding: 0 10px !important;
}

.dishes-practice-type-right-box .el-table td, .dishes-practice-type-right-box .el-table th {
    height: 40px;
    padding: 0;
}

.dishes-practice-type-right-box .el-table-border {
    border-color: rgba(91, 88, 86, 0.17);
}

.common-components .el-table td,.common-components .el-table th.is-leaf {
    border-bottom: 1px solid rgba(91, 88, 86, 0.17);

}

.common-components .el-table--border::after,
.common-components .el-table--group::after,
.common-components .el-table::before {
    background-color: rgba(91, 88, 86, 0.17);
}

.common-components .el-table--enable-row-hover .el-table__body tr:hover>td,
.common-components .el-input.is-disabled .el-input__inner {
    background-color: #f9f9f9;
}

.common-components .components-row-class {
    background-color: #f9f9f9;
}

.common-components .el-table .cell,
.el-table--border td:first-child .cell,
.common-components .el-table--border th:first-child .cell {
    padding-left: 10px !important;
}


.common-components .el-table th.is-center .cell,
.common-components .el-table td.is-center .cell {
    padding-left: 0 !important;
}

.add-practicetype-item .el-input__inner {
    border: none;
    padding-left: 10px;
}

.dishes-practice-type-left-box .el-icon-close {
    color: #c0c4cc;
}

/*列表页检索框高度*/
.body-formbox-container .el-form-box .el-input__inner {
    height: 34px !important;
    line-height: 34px !important;
}
.body-formbox-container .el-form-box .el-input .el-input__icon {
    line-height: 34px !important;
}

/*冻结列样式*/
.ar-table-container .vxe-table--fixed-left-wrapper .vxe-header--row .vxe-header--column,
.ar-table-container .vxe-table--fixed-left-wrapper .vxe-body--column,
.ar-table-container .vxe-table--fixed-left-wrapper .vxe-footer--column {
    background-color: rgb(245, 245, 245) !important;
}

.container-fluid.LRnopadding > .addborder.scroll-y {
    height: var(--content-body-noborder-height) !important;
}

.el-input--prefix.prefix-input-padding .el-input__inner{
    padding-left: 40px!important;
}