*{
	font-family:"Microsoft YaHei", SimSun;
    font-size: 14px
}
.x-panel-body {
    background: white;
    font: 11px Arial, Helvetica, sans-serif;
}

.icon {
    align: center;
    background: transparent;
    padding: 3;
    align: center;
    border: 1px solid #ECE9D8;
    margin: 4px 0 4px 4px;
}

.icon img {
    height: 90px;
    width: 90px;
}

.icon-wrap {
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 2;
    align: center;
    border: 1px none #dddddd;
}

.icon-wrap span {
    display: block;
    overflow: hidden;
    text-align: center;
    padding-top: 2px;
    width: 90px;
    height: 32px;
}

.x-view-over {
    border: 1px solid #ffffff;
    padding: 1;
}

.x-view-selected {
    background: #eff5fb url(../icons/doc/selected.gif) no-repeat right bottom;
    border: 1px solid #99bbe8;
    padding: 1;
}

.thumb {
    background: transparent;
    padding: 3;
    align: center;
    border: 1px solid #ECE9D8;
}

.thumb img {
    height: 90px;
    width: 90px;
}

.thumb-wrap {
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 3px;
    border: 1px none #dddddd;
}

.thumb-wrap span {
    display: block;
    overflow: hidden;
    text-align: center;
    padding-top: 4px;
    width: 96px;
    height: 30px;
}

.shiftrule {
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    width: 100%
}

td.shiftrule-allow-item {
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    height: 64px;
    cursor: pointer;
    text-align: center;
    width: 14.2%
}

td.shiftrule-allow-item:before {
    content: attr(data-beforeData);
    color: #1798c0;
    background: #f5f3f3;
    border-radius: 10px;
    padding: 4px;
    display: block;
    width: 40px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.shiftrule-dis-abled {
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    background-color: #f1f1f1;
    height: 64px;
    cursor: pointer;
    text-align: center;
    width: 14.2%
}

.shiftrule td.itemtd:hover {
    background-color: #EFFCFD;
}

.listview {
    font: 11px Arial, Helvetica, sans-serif;
    vertical-align: bottom;
}

.x-editable {
    font-size: 12px;
}


/*****************/

.oa-img .thumb {
    background: transparent;
    padding: 3;
    align: center;
    border: 1px solid #ECE9D8;
}

.oa-img .thumb img {
    height: 90px;
    width: 90px;
}

.oa-img .thumb-wrap {
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 3px;
    border: 1px none #FFFFFF;
}


/*******************/


/*后台桌面*/

#NoticeWindowPage {
    overflow-y: auto;
    overflow-x: hidden;
}

#NoticeWindowPage .PageTop {
    display: block;
    background-image: url('../images/word_top.png');
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-position: center;
}

#NoticeWindowPage .PageBottom {
    display: block;
    background-image: url('../images/word_bottom.png');
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
}

#NoticeWindowPage .PageContent {
    height: auto;
    display: block;
    padding: 0px 123px 0px 123px;
}

#NoticeWindowPage .PageContent div.title {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    word-break: break-all;
    word-wrap: break-word;
}

#NoticeWindowPage .PageContent div.info {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #3b3a3a;
    margin: 0px;
}

#NoticeWindowPage .PageContent div.content {
    height: auto;
    line-height: 180%;
    display: block;
    margin: 0px;
    margin-top: 20px;
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word;
    width: 100%;
}

#NoticeWindowPage .PageContent img {
    max-width: 540px;
}


/*后台桌面*/


/*ImageBrowser*/

.ImageBrowser .imgThumb {
    padding: 3px;
}

.ImageBrowser .img-thumb-wrap {
    float: left;
    margin: 4px;
    margin-right: 0px;
    padding: 5px;
    width: 110px;
    height: 140px;
    display: block;
}

.ImageBrowser .img-thumb-wrap span {
    display: block;
    overflow: hidden;
    text-align: center;
}

.ImageBrowser .img-x-view-over {
    border: 1px solid #dddddd;
    background-color: #efefef;
    padding: 4px;
}

.ImageBrowser .img-x-item-selected {
    background: #DFEDFF;
    border: 1px solid #6593cf;
    padding: 4px;
}

.ImageBrowser .img-x-item-selected .imgthumb {
    background: transparent;
}

.ImageBrowser .img-x-item-selected span {
    color: #1A4D8F;
}

.x-fa-view:before {
    font-family: FontAwesome !important;
    font-size: 36px;
    color: #333;
}

.x-fa-ico:before {
    font-family: FontAwesome !important;
    font-size: 42px;
    color: #6593cf;
}

.dataview-multisort-item {
    float: left;
    padding: 8px;
    margin: 8px 8px 4px 8px;
    text-align: center;
    width: 96px;
    height: 96px;
    border-radius: 10px
}

.x-view-menu-over {
    cursor: pointer;
}

.dataview-multisort-item:hover {
    color: white;
}

.dataview-multisort-item:hover .x-fa-ico:before {
    font-family: FontAwesome !important;
    font-size: 42px;
    color: white;
}

.x-colorpicker {
    overflow: visible;
}

.x-colorpicker>.x-box-inner {
    overflow: visible;
}

.x-colorpicker .x-form-item-label {
    text-align: center;
}

.x-colopicker-escape-overflow {
    overflow: visible;
}

.x-colopicker-escape-overflow>.x-box-inner {
    overflow: visible;
}

.x-colorpicker-colormap {
    background-image: url("../images/colorpick/map_gradient.png");
}

.x-colorpicker-colormap-draghandle-container {
    overflow: visible;
    z-index: 1;
}

.x-colorpicker-colormap-blender {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.x-colorpicker-colormap-draghandle {
    background-image: url("../images/colorpick/drag_circle.png");
    height: 15px;
    left: -7px;
    position: relative;
    top: -7px;
    width: 15px;
}

.x-colorpicker-draghandle-container {
    width: 20px;
}

.x-colorpicker-draghandle-container .x-autocontainer-outerCt {
    height: 100%;
}

.x-colorpicker-draghandle {
    background-image: url("../images/colorpick/pickerslider.png");
    background-repeat: no-repeat;
    height: 9px;
    left: -6px;
    position: relative;
    top: -4px;
    width: 32px;
    z-index: 1;
}

.x-colorpicker-hue {
    background-image: url("../images/colorpick/huegradient.png");
}

.x-colorpicker-hue-gradient {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.x-colorpicker-saturation .x-colorpicker-draghandle-container {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0%, #000 100%) repeat scroll 0 0;
}

.x-colorpicker-value .x-colorpicker-draghandle-container {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, red 0%, #000 100%) repeat scroll 0 0;
}

.x-colorpicker-alpha .x-colorpicker-draghandle-container {
    background-image: url("../images/colorpick/checkerboard.png");
}

.x-colorpicker-preview {
    background-image: url("../images/colorpick/checkerboard.png");
}

.x-colorpicker-button {
    background-image: url("../images/colorpick/checkerboard.png");
    border: 1px solid gray;
    position: relative;
}

.x-colorpicker-field .x-form-item-body {
    position: relative;
}

.x-colorpicker-field input {
    padding-left: 26px;
}

.x-colorpicker-field-swatch {
    background-image: url("../images/colorpick/checkerboard.png");
    bottom: 0;
    height: 20px;
    left: 4px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 20px;
}

.x-colorpicker-field-swatch-inner {
    height: 100%;
    position: absolute;
    width: 100%;
}

.rotate90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.border-radius50 {
    border-radius: 50%;
}

div {
    scrollbar-face-color: #e3e2e2;
    scrollbar-shadow-color: #D2E5F4;
    scrollbar-highlight-color: #D2E5F4;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #D2E5F4;
}

::-webkit-scrollbar-track-piece {
    background-color: #FFFFFF;
    -webkit-border-radius: 0;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #e3e2e2;
    -webkit-border-radius: 4px;
    outline: 2px solid #e3e2e2;
    outline-offset: -2px;
    border: none;
}

::-webkit-scrollbar-thumb:hover {
    height: 50px;
    background-color: #9f9f9f;
    -webkit-border-radius: 4px;
}


/*grid*/

tr.x-grid-record-red .x-grid-td {
    color: red;
}

tr.x-grid-record-green .x-grid-td {
    color: #08ad71;
}

tr.x-grid-record-orange .x-grid-td {
    color: #fb8200;
}

tr.x-grid-record-blue .x-grid-td {
    color: #08a6f0;
}

.home-small-pendant-icon::before {
    font-size: 40px;
    line-height: 80px;
    margin-left: 10px;
    color: rgba(255, 255, 255, 0.56);
}


.fa-bf-xs::before {
    font-size: .75em; }

.fa-bf-sm::before {
    font-size: .875em; }

.fa-bf-1x::before {
    font-size: 1em; }

.fa-bf-2x::before {
    font-size: 2em; }

.fa-bf-3x::before {
    font-size: 3em; }

.fa-bf-4x::before {
    font-size: 4em; }

.fa-bf-5x::before {
    font-size: 5em; }

.fa-bf-6x::before {
    font-size: 6em; }

.fa-bf-7x::before {
    font-size: 7em; }

.fa-bf-8x::before {
    font-size: 8em; }

.fa-bf-9x::before {
    font-size: 9em; }

.fa-bf-10x::before {
    font-size: 10em; }

.collapse-menu-bef::before {
    content: url(/resources/icons/menu/fold.png);
    margin-right: 5px;
}

.expand-menu-bef::before {
    content: url(/resources/icons/menu/expand.png);
}

.header-input-placeholder::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}
.header-input-placeholder:-moz-placeholder {
    color: rgb(255, 255, 255);
}
.header-input-placeholder::-moz-placeholder {
    color: rgb(255, 255, 255);
}
.header-input-placeholder:-ms-input-placeholder {
    color: rgb(255, 255, 255);width:200px;height:30px;border-radius:10px
}

.header-input-triggers {
    background: rgba(62, 140, 249, 1);
    color: rgb(255, 255, 255);
}
.product-buyer-name {
    display: inline-block;/*一定要加这个，不然宽度会自适应内容长度*/
    text-overflow :ellipsis; /*让截断的文字显示为点点。还有一个值是clip意截断不显示点点*/
    white-space :nowrap; /*让文字不换行*/
    overflow : hidden; /*超出要隐藏*/
    width: 100px;
}

.more-content-down-arrow:after {
    content: url(/resources/icons/mxgraph/down-arrow-big.png);
    display: flex;
    align-items: center;
    height: 8px;
    width: 8px;
}
.pointer-label {
    cursor: pointer;
}

.notselect-label {
    user-select: none;
}