/**************************************************************
* ------------------------------------------------------------
*修改日期       修改人        修改描述
*------------------------------------------------------------
*20170301       dengzl       A064000988详细页行收窄
*20170429       chenjd       MT000916添加多列头颜色样式
*20170710		tanwh		DC01012683-组织机构基础资料省市区县下拉框问题
*20180116       dengzl      MT002902加报表通用样式
*20180130       dengzl      隐藏后菜单阴影强制隐藏
*20180302       tanwh       MT003074-销货开单界面下拉式控件改善
*20180306       tanwh       MT003384-梦天-洞口资料增加产品属性配置规范程序控制
*20190523       tanwh       CBD000212-各单详情界面加收起展开功能
*20190529       dengzl      CBD000245-添加时间控件快速选择框样式
*20190605       tanwh       CBD000248-CBD界面优化：要货单新增界面改造处理
*20190613       dengzl      LS000114-添加填充柄样式
*20190617       tanwh       CBD000315-修改定制属性网格
*20190627       tanwh       CBD000328-定制下单时，将属性值改为与原属性值不一致时，能立即填充颜色
*20190712       tanwh       CBD000371-CBD000351任务bug
*20190726       tanwh       CBD000386-定制下单，属性定制界面按钮位置调整
*20190814       tanwh       CBD000393-属性框支持下拉框选择
*20190814       dengzl      CBD000397-加自定义布局相关样式
*20190816       tanwh       CBD000393-调整css
*20191111       tanwh       CBD000533-销货单程序界面显示调整1106
*20211217       tanwh       WHT000973-万恒通CRM在SFFC中的流程前置到CRM完成
*20220504       tanwh       CBD000957-CBD-销货及订货新操作模式开发--沙发组合定制下单功能
*20221019       tanwh       SZXJ000100-第二部分处理商品定制、套餐、导入、生成总报价单等
*20221031       tanwh       SZXJ000059-项目订单管理
*20221202       tanwh       A054002609-急CRM属性下单提示优化
* *********************************************************/

/*说明：整个crm的布局结构，该文件已引入所有页面，但在Masterpage2.css和Detailpage2.css也分别写有部分同名的样式，可灵活设置)*/
.sf-layout-root {
    position: relative; /* 20170711 tanwh*/
}
/*标题栏(多用在主页)*/
.sf-layout-header {
    width: 100%;
    height: 38px;
    line-height: 24px;
    position: relative;
}

.sf-layout-content {
    clear: both;
}
/*多用在主页*/
.sf-layout-statusbar {
    height: 26px;
    display: none;
}
/*整个crm的布局结构 end*/

/*1.所有页面的颜色统一用#d7000f start*/
.color-mainbg {
    background: #d7000f;
}
/*所有页面的颜色统一用#d7000f end*/


/*2.标题栏右边的搜索框的公共样式 在soonfor2.css*/

/*3.图标和标题 start*/
.h-title-box {
    width: auto;
    height: 100%;
    float: left;
    font-size: 14px;
    font-weight: normal; /*不加粗，原本是bold dengzl 20161021*/
    background-repeat: no-repeat;
    background-position: 10px 11px; /*margin-right:20px; /*拉开距离 dengzl 20161010*/
}

.h-title-info {
    display: inline-block;
    padding-left: 34px;
    position: relative;
    top: 7px; /*width: 85%; del 20190523 tanwh*/ /*max-width改为500=>800 20190523 tanwh*/
    max-width: 800px; /*设置标题宽度极限 dengzl 20161010*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*如待办任务主页这类双tabs的要用绝对定位*/
.h-tbox-absolute {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
/*图标和标题 end*/

/*4.标题栏红分隔线(颜色要和.color-mainbg统一) St*/
.color-hr {
    background: #f7ab00;
    height: 5px;
}
/*有tabs的用以下两个，依据定位来选择*/ /*分割线红换橙 dengzl 20161020*/
.tabs-hr {
    background: #f7ab00;
    height: 4px;
    position: relative;
    top: -2px;
    margin-bottom: -2px;
}

.tabs-hr-ab {
    background: #f7ab00;
    width: 100%;
    height: 4px;
    position: absolute;
    top: 74px;
    z-index: 2;
}
/*标题栏红分隔线(颜色要和.color-mainbg统一) Ed*/

/*5.工具栏sf-menu-box 在soonfor2.css定义了*/

/*6.去除easyui tabs的最外面的那个外框线和背景 start*/
/*1.主页用，因其要在一行显示*/
.h-deltabslinebg {
    margin-left: 20px;
    float: left;
    max-width: calc(100% - 250px - 250px); /*限制选项卡宽度极限 dengzl 20161010*/
}

    .h-deltabslinebg .tabs-container {
        max-width: calc(100% - 50px);
    }

    .h-deltabslinebg .tabs-header {
        border: none;
        background: none;
        filter: none;
        max-width: 100%;
    }

    .h-deltabslinebg .tabs-wrap {
        /*max-width:calc(100% - 40px);*/
    }

.tabs-wrap {
    padding-top: 8px;
}
/*2.详细页面用，因其是两行显示*/
.h-deltabslinebg2 {
}

    .h-deltabslinebg2 .tabs-header {
        border: none;
        background: none;
        filter: none;
    }
/*去除easyui tabs的最外面的那个外框线和背景 end*/

/*7.覆盖easyui's tabs背景字样 start*/
.tabs li a.tabs-inner {
    color: #1f497d;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 18px;
    margin: 0;
    padding: 2px 15px 5px 15px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    font-size: 12px;
    line-height: 20px !important; /*调低一点字 dengzl 20161021*/ /*加圆角 调颜色 dengzl 20161021*/
    border-top-left-radius: 0.3em;
    border-top-right-radius: 0.3em;
    background: -webkit-linear-gradient(top,#f1f1f1,#e4e4e4);
    background: -moz-linear-gradient(top,#f1f1f1,#e4e4e4);
    background: -o-linear-gradient(top,#f1f1f1,#e4e4e4);
    background: -ms-linear-gradient(top,#f1f1f1,#e4e4e4);
    background: linear-gradient(top,#f1f1f1,#e4e4e4);
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#ebebeb);
    border-color: #d9d9d9;
}

.tabs li.tabs-selected a.tabs-inner {
    background: #f7ab00;
    background: -webkit-linear-gradient(top,#f7ab00,#f77600,#f7ab00);
    background: -moz-linear-gradient(top,#f7ab00,#f77600,#f7ab00);
    background: -o-linear-gradient(top,#f7ab00,#f77600,#f7ab00);
    background: -ms-linear-gradient(top,#f7ab00,#f77600,#f7ab00);
    background: linear-gradient(top,#f7ab00,#f77600,#f7ab00);
    filter: none;
    box-shadow: 0 0 0 transparent;
}
/*覆盖easyui's tabs背景字样 end*/

/*8.去除详细页面第二个easyui tabs的背景和下边框线 st*/
.easyuitabs-delbg .tabs li.tabs-selected a.tabs-inner {
    background: none;
    color: #404040;
    filter: none;
}

.easyuitabs-delbg .tabs-header {
    padding-top: 0px;
    padding-bottom: 3px;
}
/*8.去除详细页面第二个easyui tabs的背景和下边框线 ed*/

/*9.各详情页面加虚线的向左偏移 st*/
.detpage-margleft .form-item {
    margin-left: 60px; /* 20170301 dengzl A064000988 详细页行收窄         padding-top:5px; 	    padding-bottom:5px;*/
    padding-top: 1.7px;
    padding-bottom: 1.7px;
}
/*9.各详情页面加虚线的向左偏移 end*/

/*10.（在详情页面里）fieldset里面的每个div加高 st*/
.fieldset-item {
    /* 20170301 dengzl A064000988 详细页行收窄 	    padding-top:5px;padding-bottom:5px;*/
    padding-top: 1.7px;
    padding-bottom: 1.7px;
}
/*10.（在详情页面里）fieldset里面的每个div加高 end*/


/*11.各详情页面没有toolmenu栏的网格距离红线的距离 st*/
.detgrid-margtop {
    position: relative;
    top: 6px;
}
/*11.各详情页面没有toolmenu栏的网格距离红线的距离 end*/

/*12.搜索框的字体颜色 st*/
.sf-sbox-fontcolor {
    color: #c3c3c3;
}
/*12.搜索框的颜色 ed*/


/*13.主页详情页面网格列拖动时列的内容要折行,覆盖了easyui st*/
.datagrid-cell {
    white-space: normal;
    word-wrap: break-word;
    text-align: left;
}
/*13.主页详情页面网格列拖动时列的内容要折行,覆盖了easyui end*/

/*14.详情页面标题分隔线公共样式 st*/
.headerSeparationLine {
    border-top: 1px solid #bfbfbf;
    margin-bottom: 0px;
}
/*14.详情页面标题分隔线公共样式 end*/

/*15.公共样式：主要用在主页详情页面处理字段过长 //会覆盖soonfor2.css的公共样式 tangcc 20160516 st*/
/*1.“只有一列的页面”,处理单列，长字段，如“项目管理--详情--销售策略” str*/
.resetfieldstyle .form-item > dl > dd {
    height: auto; /*width: 280px; 暂时不重设宽 tangcc 20160516*/
    width: auto;
}
/*“只有一列的页面”，例如备注类似字段值要加长的，请单独加样式*/
.resetfieldstyle .form-item-lengthening dl > dd > div:first-child {
    width: 642px;
    padding-top: 5px;
    min-height: 25px;
}
/*1.处理单列，长字段，如“项目管理--详情--销售策略” end*/

/*"2.两列的页面",统一宽280px str*/
.sf-form-detpagetwocolumns .form-item > dl > dd {
    height: auto;
    width: auto;
}

    .sf-form-detpagetwocolumns .form-item > dl > dd > div:first-child {
        min-height: 25px;
        width: 280px;
        padding-top: 5px;
        text-align: left;
    }

.sf-form-detpagetwocolumns .form-item-detpagetwocolumns > dl > dd > div:first-child {
    width: 730px;
    min-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}
/*"2.两列的页面",统一宽280px end*/
/*3.“门店详情”页面，在字段后面有编辑图标的 tangcc 20160608 str*/
.sf-form-fieldedittwocolumns .form-item > dl > dd {
    height: auto;
    min-height: 25px;
    width: 280px;
    padding-top: 5px;
    text-align: left;
}

    .sf-form-fieldedittwocolumns .form-item > dl > dd > div:first-child {
        height: auto;
        width: auto;
    }

.sf-form-fieldedittwocolumns .form-item-fieldedittwocolumns > dl > dd {
    width: 730px;
    min-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .sf-form-fieldedittwocolumns .form-item-fieldedittwocolumns > dl > dd > div:first-child {
        text-align: left;
        word-wrap: break-word;
    }
/*3.“门店详情”页面，在字段后面有编辑图标的 tangcc 20160608 end*/
/*15.处理字段过长的公共样式 tangcc 20160516 end*/

/*16.公共样式：用在“开窗浏览详情页面” //会覆盖soonfor2.css的公共样式 tangcc 20160607 st*/
/*1.只有一列的页面,处理单列--如“项目跟进”里的“联系跟进”。str*/
.sf-form-viewpage .form-item > dl > dd {
    height: auto; /*width: 280px; 暂时不重设宽 tangcc 20160516*/
    width: auto;
}

.sf-form-viewpage .form-item dl > dd > div:first-child {
    width: 570px;
    padding-top: 5px;
    min-height: 25px;
    text-align: left;
}
/*1.只有一列的页面,处理单列--如“项目跟进”里的“联系跟进”。end*/

/*"2.两列的页面",统一宽280px str*/
/*.sf-form-detpagetwocolumns .form-item>dl>dd
		{
    		height:auto;
    		width:auto;    		
		}
		.sf-form-detpagetwocolumns>.form-item>dl>dd>div:first-child 		
		{			
			min-height: 25px;
			width:280px;	
			padding-top:5px;
		}
		.sf-form-detpagetwocolumns .form-item-detpagetwocolumns>dl>dd>div:first-child
		{
			width: 730px;
			min-height: 20px;
			padding: 5px;	
		}*/
/*"2.两列的页面",统一宽280px end*/
/*16.处理字段过长的公共样式 tangcc 20160516 end*/

/*17.调整自定义过滤图标 dengzl 20161022 start*/
.icon-selfdefinition {
    width: 50px !important;
    margin-left: 1px !important;
    position: absolute;
    top: 8px;
}
/*17.调整自定义过滤图标 dengzl 20161022 end*/
/*18.信息弹窗按钮颜色*/
.messager-button a.l-btn {
    color: #555;
    border: 1px solid #bfbfbf;
    background: -webkit-linear-gradient(top,#f1f1f1,#e4e4e4);
    background: -moz-linear-gradient(top,#f1f1f1,#e4e4e4);
    background: -o-linear-gradient(top,#f1f1f1,#e4e4e4);
    background: -ms-linear-gradient(top,#f1f1f1,#e4e4e4);
    background: linear-gradient(top,#f1f1f1,#e4e4e4);
    border-radius: 0.3em;
    filter: none;
}
/*18.信息弹窗按钮颜色*/

/*19.图标下拉菜单样式 dengzl 20161121*/
.sfc-icon-menu .menu-line {
    position: absolute;
    left: 26px;
    top: 0;
    height: 100%;
}

.sfc-icon-menu .menu-text {
    padding-left: 28px;
}
/*19.下拉菜单样式*/
/*20.添加【其它功能】按钮样式 dengzl 20161121*/
a.easyui-menubutton.inOtherFun, a.easyui-linkbutton.inOtherFun {
    display: none !important;
}

div[sfc-forbtn].disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default;
}
/*20.添加【其它功能】按钮样式*/
/*21.选择性添加字段冒号样式 dengzl 20161125*/
.hasColon .form-item dt:after, .hasColon.form-item dt:after {
    content: ':';
}
/*21.选择性添加字段冒号样式*/
/*22.选择性修改选项卡颜色，改为白底 dengzl 20170328*/
.tab-bg-white > .tabs-header > .tabs-wrap > ul.tabs > li.tabs-selected > a.tabs-inner {
    background: #fff;
    color: #666;
}
/*22.选择性修改选项卡颜色，改为白底*/

/*23.选择性修改选项卡颜色，改为灰底 str  dengzl 20171028*/
.tab-bg-gray > .tabs-header > .tabs-wrap > ul.tabs > li > a.tabs-inner {
    border-top-left-radius: 0em;
    border-top-right-radius: 0em;
    border-color: #d7d7d7;
    background: #d7d7d7;
    color: #555;
}

.tab-bg-gray > .tabs-header > .tabs-wrap > ul.tabs > li.tabs-selected > a.tabs-inner {
    border-color: #868686;
    background: #868686;
    color: #fff;
}
/*23.选择性修改选项卡颜色，改为灰底 end  dengzl 20171028*/

/*23.交流信息工具样式 str  dengzl 20171028*/
.msg-item {
    position: relative;
    margin: 2em;
    color: #868686;
}

    .msg-item .msg-headpic {
        width: 40px;
        height: 40px;
        margin: 5px;
        position: absolute;
        top: 0;
        border-radius: 10px;
    }

    .msg-item.msg-left .msg-headpic {
        left: 0;
    }

    .msg-item.msg-right .msg-headpic {
        right: 0;
    }

    .msg-item.msg-left .msg-content-box {
        margin-left: 60px;
        margin-right: 45%;
        text-align: left;
    }

    .msg-item.msg-right .msg-content-box {
        margin-left: 45%;
        margin-right: 60px;
        text-align: right;
    }

    .msg-item .msg-content-dialog {
        padding: 0.5em 1em;
        border-radius: 0.5em;
        border: 2px solid #adadad;
        background: #f1f1f1;
        position: relative;
        text-align: left;
    }

        .msg-item .msg-content-dialog .msg-content-dialog-triangle {
            width: 0;
            height: 0;
            position: absolute;
            top: 5px;
        }

            .msg-item .msg-content-dialog .msg-content-dialog-triangle > div {
                width: 0;
                height: 0;
                position: absolute;
                top: -10px;
            }

    .msg-item.msg-left .msg-content-dialog .msg-content-dialog-triangle {
        left: -10px;
        border-top: 10px solid transparent;
        border-right: 10px solid #adadad;
        border-bottom: 10px solid transparent;
    }

        .msg-item.msg-left .msg-content-dialog .msg-content-dialog-triangle > div {
            left: 3px;
            border-top: 10px solid transparent;
            border-right: 10px solid #f1f1f1;
            border-bottom: 10px solid transparent;
        }

    .msg-item.msg-right .msg-content-dialog .msg-content-dialog-triangle {
        right: -15px;
        border-top: 10px solid transparent;
        border-left: 15px solid #adadad;
        border-bottom: 10px solid transparent;
    }

        .msg-item.msg-right .msg-content-dialog .msg-content-dialog-triangle > div {
            right: 5px;
            border-top: 10px solid transparent;
            border-left: 15px solid #f1f1f1;
            border-bottom: 10px solid transparent;
        }

    .msg-item p {
        color: #363636;
        margin: 0.8em 0;
    }

.msg-attachs a {
    display: inline-block;
    margin: 0.3em 0.5em;
    cursor: pointer;
}
/*23.交流信息工具样式 end  dengzl 20171028*/
/*24.报表通用样式 str  dengzl 20180116*/
/*splitColumn*/
.panel.datagrid tr.datagrid-header-row td[field].splitColumn {
    position: relative;
    background-image: url('../Images/RPT/split.png');
    background-size: 100% 100%;
}

    .panel.datagrid tr.datagrid-header-row td[field].splitColumn > div {
        height: 100%;
        position: static;
    }

    .panel.datagrid tr.datagrid-header-row td[field].splitColumn .splitColumn-right {
        position: absolute;
        top: 5px;
        left: 50%;
        right: 5px;
        text-align: center;
    }

    .panel.datagrid tr.datagrid-header-row td[field].splitColumn .splitColumn-bottom {
        position: absolute;
        bottom: 5px;
        right: 50%;
        left: 5px;
        text-align: center;
    }


/*sf-form-mstquery*/
.sf-form.sf-form-mstquery {
    padding: 10px 0 0 0;
    display: inline-block;
    position: relative;
    margin-right: 200px;
}

    .sf-form.sf-form-mstquery .sf-form-mstquery-btns {
        position: absolute;
        bottom: 0;
        right: -200px;
        width: 200px;
    }

/*sf-switch*/
label.sf-switch {
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #e8e8e8;
    padding: 0.4em 0.7em;
    margin: 0.3em;
    border-radius: 0.4em;
    cursor: pointer;
}

input.sf-switch {
    margin: 0 3px 0 0;
    position: relative;
    top: 2px;
}

    input.sf-switch ~ span.sf-switch-show {
        display: none;
    }

    input.sf-switch ~ span.sf-switch-hide {
        display: inline;
    }

    input.sf-switch:checked ~ span.sf-switch-show {
        display: inline;
    }

    input.sf-switch:checked ~ span.sf-switch-hide {
        display: none;
    }

.rpt-icon-chart {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-image: url('../Images/RPT/chart.png');
}



/*24.报表通用样式 end  dengzl 20180116*/

/*998.表示状态的小图标样式,也可作小按钮,如"新增项目报备资料" tangcc 20160610 str*/
.com-ministatusbtn {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    position: relative;
    top: 4px;
}
/*998.新增项目报备资料 tangcc 20160610 end*/

/*999.“项目管理”评论的按钮样式 tangcc 20160607 str*/

.com-seventybtn {
    width: 70px;
    height: 26px;
    border: 1px solid #afafaf;
    color: #404040;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    border-radius: 4px;
    background-color: #dfdfdf;
    margin-right: 10px;
}

    .com-seventybtn:hover {
        width: 70px;
        height: 26px;
        border: 1px solid #afafaf;
        color: #404040;
        display: inline-block;
        text-align: center;
        line-height: 26px;
        border-radius: 4px;
        background-color: #bfbfbf;
        margin-right: 10px;
    }

/*999.“项目管理”评论的按钮样式 tangcc 20160607 end*/
/*1000.覆盖easyui.css的样式，控制含tabs详情页面的字段名（色浅）值（色深）tangcc 20160516 */
.panel-body .resetfieldstyle .form-item dl dt {
    color: #505050;
}

.panel-body .resetfieldstyle .form-item dl dd .sf-ipt-text {
    color: #404040;
}
/*1000.覆盖easyui.css的样式，控制含tabs详情页面的字段名（色浅）值（色深）tangcc 20160516*/



/*sql返回的消息框*/ .sql-msg-table {
    border-collapse: collapse;
    color: Black;
    text-align: center;
}

    .sql-msg-table table, .sql-msg-table td, .sql-msg-table th {
        border: 1px solid black;
    }

/*图表样式 tanwh 20161228*/
.charttype li {
    margin-top: 10px;
    cursor: pointer;
    border: 1px solid #b5b8c8;
    text-align: center;
    background-color: aliceblue;
}

    .charttype li:hover {
        background-color: antiquewhite;
    }
/*CRM查询按钮样式*/
.btn_query,
a.l-btn.btn_query {
    background-color: #e95b5c;
    color: White;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
    display: inline-block;
    height: auto;
}

    .btn_query:hover,
    a.l-btn.btn_query:hover {
        color: White;
        background-color: #e95b5c;
    }

.sf-menu-box a.l-btn.btn_query,
.sf-menu-box a.l-btn.btn_query:hover {
    background-color: #e95b5c;
}

a.l-btn.btn_query > span {
    padding: 0;
}

/*20170429    chenjd      add*/
.bg-red, .bg-green, .bg-grey, .bg-orange {
    color: #fff;
}

.bg-red {
    background-color: #e63f3f;
}

.bg-green {
    background-color: #41bd7f;
}

.bg-grey {
    background-color: #d8d8d8;
}

.bg-orange {
    background-color: #f59034;
}

/*20180130  dengzl  强制隐藏收起的菜单阴影*/
div[style*='display:none'] + .menu-shadow, div[style*='display: none'] + .menu-shadow {
    display: none !important;
}

/*20180204  dengzl  网格勾选框拉宽*/
td[field='sel'], td[field='ck'] {
    cursor: pointer;
}

    td[field='sel'] .datagrid-header-check, td[field='sel'] .datagrid-cell-check, td[field='ck'] .datagrid-header-check, td[field='ck'] .datagrid-cell-check {
        width: 50px;
        min-height: 24px;
    }

    td[field='sel'] input, td[field='ck'] input {
        cursor: pointer;
        width: 100%;
        margin: 3px 0;
    }

/*水印*/ .mywater {
    position: absolute;
    background-color: rgb(151, 211, 255);
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

    .mywater span {
        color: #7D3E3E;
        font-size: 1.2em;
    }
/*下拉开窗按钮图标*/
.sf-cmbopen-box input[type=text] {
    width: 154px;
    padding-right: 20px;
}

.sf-cmbopen-btn {
    position: absolute;
    left: 160px;
    border: none;
    top: 2px;
    left: 160px;
    height: 20px;
    width: 20px;
    display: inline-block;
}

.icon-cmbopen {
    background: url('../Images/icons/cmbopen.png') no-repeat center center;
}

/*词典 20180130 tanwh*/ .sf-open-dict {
    position: absolute;
    width: 20px;
    height: 22px;
    display: inline-block;
    float: left;
    border-left: none;
}

.icon-dict {
    background: url('/Images/icons/seldict.png') no-repeat center center;
}

/*销货开单,要货等详细页收起及展开样式 20190523 tanwh*/
.borderExpBtn {
    position: absolute;
    top: 0;
    right: 0.5em;
    display: inline-block;
    font-size: 16px;
    padding: 0.3em 1em;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    background-color: #868686;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    z-index: 100;
}

    .borderExpBtn > img {
        position: relative;
        top: 2px;
        right: 4px;
    }


/*20190529 dengzl CBD000245 添加时间控件快速选择框样式*/
.timeQuickCover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.timeQuick {
    position: absolute;
    width: 264px;
    height: 215px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 6px #ddd;
    text-align: center;
    padding: 5px;
    z-index: 90;
}

    .timeQuick .tq-header {
    }

        .timeQuick .tq-header .am, .timeQuick .tq-header .pm {
            display: inline-block;
            width: 60px;
            height: 24px;
            line-height: 24px;
            margin: 8px;
            cursor: pointer;
        }

            .timeQuick .tq-header .am.active, .timeQuick .tq-header .pm.active {
                background: #a8e3e8;
            }

    .timeQuick .tq-body {
    }

        .timeQuick .tq-body .am, .timeQuick .tq-body .pm {
            display: none;
        }

            .timeQuick .tq-body .am.active, .timeQuick .tq-body .pm.active {
                display: block;
            }

            .timeQuick .tq-body .am > a, .timeQuick .tq-body .pm > a {
                display: inline-block;
                width: 55px;
                height: 20px;
                line-height: 20px;
                margin: 3px;
                cursor: pointer;
                color: #111;
            }

                .timeQuick .tq-body .am > a:hover, .timeQuick .tq-body .pm > a:hover {
                    background-color: #cefbff;
                    color: #111;
                }

                .timeQuick .tq-body .am > a.active, .timeQuick .tq-body .pm > a.active {
                    text-decoration: underline;
                }

/*属性定制--start 20190605 tanwh*/
/*modi 20190710 tanwh*/
.slidediv {
    border-width: 0px;
    position: absolute;
    top: 60px;
    right: 0.2em;
    width: 25px;
    height: 70px;
    background: inherit;
    background-color: rgba(255, 0, 0, 0.7);
    border: none;
    border-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 100;
    cursor: pointer;
    font-size: 1.3em;
}

.slidediv_img {
    border-width: 0px;
    position: absolute;
    left: 7px;
    top: 8px;
    width: 10px;
    height: 10px;
}
/*add 20190710 tanwh*/
.slidediv_txt {
    float: left;
    position: absolute;
    top: 20px;
    left: 6px;
    width: 10px;
    color: #ffffff;
    /* cursor: pointer; */
}


.goodspropwin {
    width: 400px;
    border: solid 1px rgba(175, 172, 172, 0.7);
    position: absolute;
    top: -150px;
    right: 0em;
    z-index: 99;
    background-color: #fff;
}

    /*20191111 tanwh*/
    .goodspropwin .goodspropwin_title {
        heigth: 20px;
        height: 33px;
        background-color: #F1F4F6;
        border: solid 1px #ccc;
        display: none;
    }
/*modi 20190617 tanwh*/
.goodspropbtn {
    height: 24px;
    padding: 1px 5px;
    margin-left: 5px;
    border: 1px solid #ccc;
    border-radius: 0.2em;
    cursor: pointer;
    max-width:100px;
}
/*20191111 tanwh*/
#btn_orditempropedit_edit {
    background-color: rgba(255,1,1,09);
}

.proplistitem {
    float: left;
}

    .proplistitem .sf-open-box input {
        width: 100px;
    }

.proplistitem_text {
    width: 100px;
}

.proplistitem_fdesc {
    float: left;
    margin-left: 5px; /*width: 140px;*/
}


.proplistitem_unit {
    float: left;
}

.cstpropbtn {
    height: 26px;
    border: solid 1px #C9C9C9;
    background-color: #E8E8E9;
    padding: 5px 5px;
    border-radius: 0.1em;
    margin: 2px 2px;
    cursor: pointer;
}

/*20190726 tanwh*/
#goodspropwin_btn {
    margin-top: 3px;
    margin-bottom: 3px;
}

/*属性定制--end*/



/*dengzl 20190613 LS000114 填充柄样式*/
.datagrid-cell {
    position: relative;
}

.datagrid-view.onfh .datagrid-body * {
    cursor: cell !important;
}

.datagrid-view.onqc .datagrid-body * {
    cursor: copy !important;
}

.editgrid-fillhandle {
    font-style: normal;
    font-weight: bold;
    position: absolute;
    bottom: 0px;
    right: 0;
    cursor: pointer;
    z-index: 9999;
    color: transparent;
    font-size: 10px;
}

    .editgrid-fillhandle:hover {
        color: #000;
    }

.datagrid-view.onfh .datagrid-body td.onfh {
    background-color: #dff0d8;
    border-left: 1px dashed #222;
    border-right: 1px dashed #222;
}

    .datagrid-view.onfh .datagrid-body td.onfh.onfh_frist {
        border-top: 1px dashed #222;
    }

    .datagrid-view.onfh .datagrid-body td.onfh.onfh_last {
        border-bottom: 1px dashed #222;
    }

.datagrid-view.onqc .datagrid-body td.onqc {
    background-color: #dff0d8;
}

/*定制属性值差异时显示颜色 20190627 tanwh*/
.prop_label_def_color {
    background-color: #C4F0C4;
}

.prop_readonly_color {
    background-color: #ccc;
}


/*下拉控件20190814 tanwh*/
#combobox_select {
    position: absolute;
    z-index: 9002;
    width: 126px;
    display: none;
    max-height: 200px;
    overflow: auto;
    border: 1px solid #ccc;
    cursor: pointer;
    background-color: #ffffff; /*add 20190816  tanwh*/
}

.sf_combobox_item {
    padding: 2px;
    font-size: 12px;
    padding: 3px;
    padding-right: 0px;
    background-color: #ffffff;
    color: #000000;
    height: 1.5em; /*add 20190816 tanwh*/
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .sf_combobox_item:hover {
        background-color: #A2B9DE;
        color: #000000;
    }

.sf_combobox_item_selected {
    background-color: #FBEC88;
    color: #000000;
}

.proplistitem .sf-combobox-box input {
    padding-right: 20px;
    width: 100px;
}


.proplistitem .sf-combobox-box a {
    position: absolute;
    border: none;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    top: 2px;
    left: 110px;
    height: 20px;
    width: 20px;
    display: inline-block;
}



/*自定义布局相关样式 dengzl 20190812 CBD000397*/
/*左对齐*/
.sf-custlayout-form[sf-custlayout-formalign='0'] {
}
/*中对齐*/
.sf-form.sf-custlayout {
    overflow: hidden;
}

.sf-custlayout-form[sf-custlayout-formalign='1'] {
    margin-left: auto;
    margin-right: auto;
}

.sf-custlayout-form.sf-custlayout .float-clear {
    width: 1000%;
    margin-left: -450%;
}

/*placehoolder 样式 20211103 tanwh*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #bfbfbf;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bfbfbf;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bfbfbf;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bfbfbf;
}


/*"2.三列的页面",统一宽280px str*/ .detpage-margleft.sf-form-detpagethreecolumns .form-item {
    margin: 3px 0 3px 20px;
}

.sf-form-detpagethreecolumns .form-item > dl > dd {
    height: auto; /*width: auto;*/
    width: 230px;
}

    .sf-form-detpagethreecolumns .form-item > dl > dd > div:first-child {
        min-height: 25px; /*width: 180px;*/
        width: 230px;
        padding-top: 5px;
        text-align: left;
    }

.sf-form-detpagethreecolumns .form-item-detpagethreecolumns > dl > dd > div:first-child {
    width: 730px;
    min-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}
/*"2.三列的页面",统一宽280px end*/

/*地址--start    20220504  tanwh*/
.address {
    float: left;
    position: relative;
}

    .address .sf-cmbopen-box input[type=text] {
        width: 100px;
        padding-right: 20px;
    }

    .address .sf-cmbopen-btn {
        left: 105px;
    }
/*地址--end*/


/*网格删除*/
.griddelbtn {
}

.griddelbtn-disable {
    opacity: 0.3;
}


/*自定义标签--start 20221031 tanwh*/
.sftabs {
}

    .sftabs .button {
        background-color: #F2F2F2;
        border: none;
        color: #808080;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
        margin: 2px 4px;
        cursor: pointer;
        padding: 2px 5px;
    }

    .sftabs .button1 {
        background-color: #1890FF;
        color: #fff;
    }
/*自定义标签--end tanwh*/


/*20230511 tanwh*/
/*上传附件-start*/
.attachhelper {
    min-height: 40px;
    width: 430px;
    height: auto;
}

    .attachhelper .btnaddattach {
        float: left;
        color: #ffffff;
        width: 80px;
        height: 30px;
        background: url(../Images/Toolbar/attachimg.png) no-repeat;
        background-position: center;
        position: relative;
        display: inline-block;
        overflow: hidden;
        text-decoration: none;
        text-indent: 0;
        cursor: pointer;
        top: -3px;
    }

    .attachhelper .uploadimg {
        height: 12px !important;
        width: 12px !important;
        margin: 9px 0px 0px 8px;
    }

    .attachhelper .uploadFile {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        filter: alpha(opacity=0);
        opacity: 0;
        -moz-opacity: 0;
        cursor: pointer;
    }

    .attachhelper .imgitem {
        position: relative;
        margin-top: 5px;
        margin-left: 5px;
        clear: both;
        float: left;
        border: 1px solid #c9c9c9;
        max-width: 430px;
    }

.attachs .imgitem span {
    max-width: 400px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}

.attachhelper .imgitem:hover {
    border: 1px solid #ff9933;
}

.attachhelper .uploadFile {
    width: 80px;
}
/*上传附件--end*/
/*xuzp 20240417 */
.cancel-icon {
    z-index: 1000;
    position: absolute;
    right: 210px;
    top: 40px;
    width: 100px;
    height: 100px;
    background: url(/Images/icons/Cancel.png) no-repeat;
    background-size: 90% 90%;
    pointer-events: none;
}


/*imghelper3样式--start*/
.sf-img3-img {
    width: 40px;
    height: 28px;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 2px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.sf-img3-iconbtns {
    display: inline-flex;
    height: 22px;
    border-radius: 4px;
    line-height: 22px;
    overflow: hidden;
}

.sf-img3-iconbtn {
    display: inline-block;
    cursor: pointer;
    background: #0C6CE9;
    background: var(--theme-color);
    width: 36px;
    color: #fff;
    text-align: center;
    position: relative;
}

    .sf-img3-iconbtn:hover {
        background: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.8);
    }

    .sf-img3-iconbtn:not(:first-child):before {
        content: '|';
        position: absolute;
        left: -1px;
    }

.sf-img3-iconbtn-add input[type='file'] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}