/*----------整个站点通用样式--------------------------*/
* {
    margin: 0;
    padding: 0;
}

html, body { height: 100%; }

body {
    background-color: #fff;
    color: #333;
    font-size: 13px;
}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

.float-left {
    float: left;
}

.float-right {
    float: right;
}

a,a:hover{
 text-decoration:none;
}

img {
    border: none;
    vertical-align: middle;
}

header, footer, hgroup, nav, section { display: block; }

ul li { list-style: none; }

.clear { clear: both; }

/*布局*/

.layout_left {
    width: 150px;
    float: left;
    background-color: #37424F;
}

.layout_right { margin-left: 150px; }

/*.wrapper { padding: 4px; }*/

.content { border: 1px solid #95B8E7; }

/*其他样式*/

.bold { font-weight: bold; }

.border {
    border: 1px solid #f5f5f5; /*通用的border*/
}

.hide { display: none; }

.divsplit {
    clear: both;
    height: 10px;
}

/*高度*/

.h30 { height: 30px; }

.h40 { height: 40px; }

.h50 { height: 50px; }

.h60 { height: 60px; }

.h80 { height: 80px; }

.h100 { height: 100px; }

/*宽度*/

.w30 { width: 30px; }

.w40 { width: 40px; }

.w50 { width: 50px; }

.w60 { width: 60px; }

.w80 { width: 80px; }

.w100 { width: 100px; }

.w120 { width: 120px; }

.w150 { width: 150px; }

.w200 { width: 200px; }

.w250 { width: 250px; }

.w300 { width: 300px; }

.w350 { width: 350px; }

.w400 { width: 400px; }

.w500 { width: 500px; }

.w600 { width: 600px; }

.w700 { width: 700px; }

/*字体大小*/

.f12 { font-size: 12px; }

.f12:before { font-size: 12px; }

.f14 { font-size: 14px; }

.f14:before { font-size: 14px; }

.f16 { font-size: 16px; }

.f18 { font-size: 18px; }

.f20 { font-size: 20px; }

.f24 { font-size: 24px; }

/*float 方式*/

.fr { float: right; }

.fl { float: left; }

/*对齐方式*/

.al { text-align: left; }

.ac { text-align: center; }

.ar {
    text-align: right;
    padding-right: 3px;
}

/*边距*/

.m0 { margin: 0px; }

.m10 { margin: 10px; }

.m15 { margin: 15px; }

.m20 { margin: 20px; }

.m30 { margin: 30px; }

.mt0 { margin-top: 0px; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt50 { margin-top: 50px; }

.mt100 { margin-top: 100px; }

.mb0 { margin-bottom: 0px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb50 { margin-bottom: 50px; }

.mb100 { margin-bottom: 100px; }

.ml0 { margin-left: 0px; }

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml30 { margin-left: 30px; }

.ml50 { margin-left: 50px; }

.ml100 { margin-left: 100px; }

.mr0 { margin-right: 0px; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr30 { margin-right: 30px; }

.mr50 { margin-right: 50px; }

.mr60 { margin-right: 60px; }

.mr70 { margin-right: 70px; }

.mr80 { margin-right: 80px; }

.mr100 { margin-right: 100px; }

.p0 { padding: 0px; }

.p3 { padding: 3px; }

.p5 { padding: 5px; }

.p10 { padding: 10px; }

.p15 { padding: 15px; }

.p20 { padding: 20px; }

.p30 { padding: 30px; }

.p35 { padding: 35px; }

.p40 { padding: 40px; }

.pt0 { padding-top: 0px; }

.pt5 { padding-top: 5px; }

.pt10 { padding-top: 10px; }

.pt15 { padding-top: 15px; }

.pt20 { padding-top: 20px; }

.pt30 { padding-top: 30px; }

.pt50 { padding-top: 50px; }

.pt100 { padding-top: 100px; }

.pb0 { padding-bottom: 0px; }

.pb5 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb15 { padding-bottom: 15px; }

.pb20 { padding-bottom: 20px; }

.pb30 { padding-bottom: 30px; }

.pb50 { padding-bottom: 50px; }

.pb100 { padding-bottom: 100px; }

.pl0 { padding-left: 0px; }

.pl5 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl15 { padding-left: 15px; }

.pl20 { padding-left: 20px; }

.pl30 { padding-left: 30px; }

.pl50 { padding-left: 50px; }

.pl100 { padding-left: 100px; }

.pr0 { padding-right: 0px; }

.pr5 { padding-right: 5px; }

.pr10 { padding-right: 10px; }

.pr15 { padding-right: 15px; }

.pr20 { padding-right: 20px; }

.pr30 { padding-right: 30px; }

.pr50 { padding-right: 50px; }

.pr100 { padding-right: 100px; }

.setting-h3 {
    background-color: gray;
    height: 30px;
    line-height: 30px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}


/*边框border*/

.noTopBorder { border-top: none; }

/*颜色*/

.blue { color: blue; }

.red { color: red; }

/*背景色*/

.bg_dark {
    background-color: #24282C;
    color: #fff;
}

.bg_dark1 {
    background-color: #37424F;
    color: #fff;
}

.bg_gray0 { background-color: #D7D7D8; }

.bg_gray1 { background-color: #E2E2E3; }

.bg_gray2 { background-color: #EBEBEC; }

.bg_gray3 { background-color: #F5F6F6; }

.bg_blue1 {
    background-color: #4488BB;
    color: #fff;
}

/*我的工作 面板卡片样式 */

.card {
    padding: 10px;
    overflow: hidden;
}

.card li {
    float: left;
    width: 120px;
    height: 100px;
    padding-top: 20px;
    margin-right: 20px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    background-color: #4C4C4C;
}

.card li:hover { background-color: #22282e; }

    .card li i {
        font-size: 30px;
        padding-left: 20px;
    }

/*.card p {
    text-align: left;
    padding-left: 20px;
}*/

    .card span {
        font-size: 20px;
        margin-left: 8px;
        font-family: "微软雅黑";
        text-decoration: underline;
    }

    .card .name {
        height: 30px;
        line-height: 30px;
        margin-top: 10px;
        text-align: center
    }

.card .selected {
    background-color: blue;
    color: #fff;
}


/*通用的toolbar*/

.wrapper .title {
    background-color: #e1e1e1;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
}

.wrapper h3 { padding-left: 10px; }

/*.content .title { background-color: #95B8E7; color: #000; padding-left: 10px; font-size: 12px; height: 30px; line-height: 30px; }*/

.toolbar {
    height: 32px;
    background-color: #95B8E7;
}

.toolbar li {
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 5px;
}

.toolbar li i {
    font-size: 14px;
    margin-right: 3px;
}

.toolbar li a { color: blue; }

.toolbar li a:hover { color: #000; }

.toolbar li:hover a { color: #fff; }

.toolbar .button, .toolbar input[type="submit"] {
    cursor: pointer;
    padding: 0 6px;
    height: 20px;
    border-radius: 3px;
    line-height: 20px;
    border: 1px solid lightblue;
    color: blue;
}

.toolbar .button:hover, .toolbar input[type="submit"]:hover {
    border: 1px solid blue;
    background-color: blue;
    color: #fff;
}

.toolbar .split {
    margin: 5px 1px;
    width: 1px;
    height: 20px;
    background-color: #ccc;
}

.toolbar .easyui_input { margin: 5px; }

.toolbar .easyui_input .input-textbox {
    border: 1px solid #95B8E7;
    height: 19px;
}

.toolbar .easyui_combox { margin-top: 4px; }

.toolbar .first { margin-left: 10px; }

.toolbar .label {
    margin-left: 5px;
    margin-right: 0px;
    font-size: 100%;
}

.toolbar select, .toolbar input {
    padding: 0px 5px;
    border-radius: 5px;
    border: 1px solid #95B8E7;
}

.toolbar input { padding: 2px 5px; }

.toolbar input[type="number"] { padding-right: 0px; }

.toolbar input[type="submit"] { padding: 0 15px; }

.toolbar input[type="checkbox"] {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.toolbar .fr {
    float: right;
    margin-right: 10px;
}

.no_bg { background-color: #ffffff; }

/* tab菜菜 */

.tabmenu {
    height: 32px;
    background-color: #EAF2FF;
}


.tabmenu li {
    float: left;
    margin-left: 5px;
    margin-top: 7px;
    padding: 0px 10px;
    height: 24px;
    line-height: 24px; /*border-top-left-radius: 5px; border-top-right-radius: 5px;*/
    border: 1px solid #95B8E7;
    border-bottom: none;
    cursor: pointer;
}

.tabmenu li a {
    color: #333;
}

.tabmenu .selected { background-color: #95B8E7; }

.tabmenu .selected a { color: #fff; }

.tabmenu li a:hover {
    color: blue;
}

/*通用表单样式 donvvform*/

.donvvform {
    border: 1px solid #95B8E7;
    padding: 5px;
}

.donvvform dt {
    font-weight: bold;
    background: #95B8E7;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}

.donvvform table {
    width: 700px;
    border-collapse: collapse;
    padding: 0;
    margin: 0px;
}

.donvvform table td {
    min-height: 35px;
    line-height: 35px;
    width: 50%;
}

.donvvform .col1 td { width: 98%; }

/*table几列*/

.donvvform .col2 td { width: 50%; }

.donvvform .col3 td { width: 33%; }

.donvvform .col4 td { width: 25%; }

.donvvform table td label {
    display: block;
    float: left;
    min-width: 80px;
    color: #000;
    text-align: right;
    vertical-align: middle;
}

.donvvform input, .donvvform select, .donvvform textarea {
    border: 1px solid lightblue;
    border-radius: 3px;
    padding: 0 5px;
}

.donvvform input, .donvvform select {
    height: 25px;
    line-height: 25px;
}

.donvvform input[type="text"], .donvvform input[type="number"] { width: 150px; }

.donvvform input[type="number"] {
    padding-right: 0px;
    width: 155px;
}

.donvvform input[type="submit"] {
    cursor: pointer;
    padding: 0 5px;
    height: 25px;
}

.donvvform input[type="submit"]:hover {
    color: blue;
    border: 1px solid blue;
}

.donvvform input[type="checkbox"] {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.donvvform select { width: 163px; }

.donvvform button {
    cursor: pointer;
    padding: 3px 5px;
}

.donvvform textarea { margin-top: 10px; }

.donvvform .hint {
    color: blue;
    font-weight: bold;
    font-size: 14px;
}

/*donvv 表格样式*/

.donvvTable {
    border: 1px solid #95B8E7;
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0px;
}

.donvvTable th, .donvvTable td {
    height: 35px;
    line-height: 35px;
    border: 1px solid #95B8E7;
}

.donvvTable th {
    font-weight: bold;
    text-align: center;
    background-color: #2E9EEE;
    color: white;
}

.donvvTable td { padding-left: 5px; }

.donvvTable a { color: blue; }

.donvvTable .button {
    display: inline-block;
    margin: 5px;
    border: 1px dotted #95B8E7;
    padding: 0px 5px;
    cursor: pointer;
    border-radius: 3px;
}

.donvvTable .button:hover { border-style: solid; }

.donvvTable .operate a {
    display: inline-block;
    margin: 0 5px;
    color: blue;
    cursor: pointer;
}

.donvvTable td label {
    display: block;
    float: left;
    min-width: 80px;
    color: #000;
    text-align: right;
    vertical-align: middle;
}

.donvvTable input, .donvvTable select, .donvvTable textarea {
    border: 1px solid lightblue;
    border-radius: 3px;
    padding: 0 5px;
}

.donvvTable input, .donvvTable select {
    height: 25px;
    line-height: 25px;
}

.donvvTable input[type="text"], .donvvTable input[type="number"] { width: 130px; }

.donvvTable input[type="number"] {
    padding-right: 0px;
    width: 135px;
}

.donvvTable input[type="submit"] {
    cursor: pointer;
    padding: 0 5px;
    height: 25px;
}

.donvvTable input[type="submit"]:hover {
    color: blue;
    border: 1px solid blue;
}

.donvvTable input[type="checkbox"] {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

/*表单中用到的图标按钮*/

.iconButton {
    color: lightblue;
    border: 1px solid lightblue;
    padding: 3px;
    border-radius: 3px;
}

.iconButton:hover {
    color: blue;
    border: 1px solid blue;
}

.iconButton span { padding-left: 5px; }

.iconButton .iconfont { font-size: 14px; }

a.iconButtonBlue { color: blue; }

.iconButtonBlue {
    color: blue;
    border: 1px solid blue;
    padding: 3px 5px;
    border-radius: 3px;
}

.iconButtonBlue:hover {
    background-color: blue;
    color: #fff;
}

.iconButtonBlue .iconfont {
    color: blue;
    font-size: 14px;
    padding-right: 3px;
}

.iconButtonBlue:hover .iconfont { color: #fff; }

/*ztree的容器div*/

.ztree_wrap {
    display: none;
    z-index: 100;
    position: absolute;
    height: 400px;
    overflow: auto;
    border: 1px solid gray;
    background-color: #fff;
}


/*easy-ui 样式扩展*/

.datagrid-cell a { color: blue; }

/*订单、对账单，左侧信息栏样式*/

.west_info { }

.west_info dt {
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    background-color: #F4F4F4;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-weight: bold;
    color: #0E2D75;
}

.west_info li {
    padding: 0 10px;
    min-height: 25px;
    line-height: 25px;
    border-bottom: 1px dotted #ccc;
}

.west_info li label { padding-right: 5px; }

.west_info .last { border-bottom: none; }

.west_info .first { border-top: none; }

.west_info .emergency {
    background-color: red;
    color: #fff;
}

.west_info .hint { color: blue; }

.west_info .li_button {
    margin: 6px 0px;
    border: none;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.west_info .li_button a { margin: 6px; }

/*弹出的帮助窗口的样式*/

#divHelper {
    position: absolute;
    right: 5px;
    top: 80px;
    min-height: 400px;
    min-width: 400px;
    background-color: #1E1E1E;
    color: #fff;
    border: 10px solid #333333;
    display: none;
    z-index: 100;
}

#divHelper .header {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #D7BA7D;
    color: #D7BA7D;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#divHelper .closeHelper {
    position: absolute;
    right: 0px;
    top: 0px;
}

#divHelper .closeHelper i {
    display: block;
    margin: 5px;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    background-color: transparent;
}

#divHelper .closeHelper i:hover { color: #D7BA7D; }

/*页内的帮助样式*/

.guide {
    margin-bottom: 5px;
    border: 1px solid #D4D4D4;
}

.guide dt, .guide dd { padding-left: 10px; }

.guide .iconfont {
    padding-left: 10px;
    font-size: 12px;
}

.guide dt {
    background-color: #D4D4D4;
    color: #000;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    cursor: pointer;
    color: blue;
}

.guide dd { display: none; }

.guide dd ol li {
    list-style: inside decimal;
    height: 25px;
    line-height: 25px;
}

/*通用扩展样式*/

/*Layout2 中所有按钮的图标样式*/

.btn .iconfont {
    font-size: 12px;
    padding-right: 5px;
}

.bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td { padding: 5px !important; }

fixed-table-container tbody td .th-inner, .fixed-table-container thead th, fixed-table-container .bs-checkbox .th-inner { /*padding: 5px;*/
    line-height: 20px;
    background-color: #f1f1f1;
}

.nav-tabs > li.active { font-weight: bold; }

#toolbar .w120 {
    width: 120px;
    text-align: center;
}

#toolbar .w100 {
    width: 100px;
    text-align: center;
}

#toolbar .w80 {
    width: 80px;
    text-align: center;
}


/*商品进价售价导入*/

#myTabContent #updateContent h4 {
    font-size: 16px;
    font-weight: bolder;
}

#updateContent { margin: 15px 0; }

.syssetting-sitethemeinfo .theme-manage { width: 250px; }


/* .syssettiing td input, td span, td label { */
/*     display: inline-block; */
/*     vertical-align: middle; */
/* } */

.syssettiing .longInput { width: 400px; }

.syssettiing .button {
    margin-left: 20px;
    color: blue;
    border: 1px solid lightblue;
    padding: 3px 10px;
    border-radius: 3px;
}

.syssettiing .toolbar .button {
    cursor: pointer;
    padding: 0 6px;
    height: 20px;
    border-radius: 3px;
    line-height: 20px;
    border: 1px solid lightblue;
    color: blue;
    margin-left: 6px;
}

.syssettiing .area-table td{
    width: 50%;
}

.syssettiing .area-table td div{
    width: 50%;
    float: left;
}

.syssettiing .area-table td div input{
    width: 50px;
}



.sitethemearea-goodstab { margin-top: 10px; }


.syssettiing-sitethemegoodstabarea .donvvform table td label { min-width: 100px; }

.syssettiing span.px {
    margin-left: 2px;
}


table.theme-goodstab td>label {
    min-width: 100px;

}

table.theme-goodstab select {
    height: 27px;
    line-height: 27px;
        vertical-align: middle;
}

.auto-pic .friend-tip {
        padding-left: 15px;
    color: #95B8E7;
}

.prompt-msg {
        color: white!important;
    background-color: #a94442;
    padding: 4px 6px ;
    border-color: black;
    border-radius: 4px;
}

.prompt-msg:hover{
            color: #a94442 !important;
    background-color: #f2dede;
    border: 1px;
    border-color: #a94442;

}


.importgoods-body {
        padding: 20px 30px 30px 30px
}

.importgoods-body .webuploader-container {
    display:inline-block;
}
.importgoods-body .webuploader-pick {
    padding:5px 10px !important;
    line-height:20px;
    font-size:12px;
}
.importgoods-body .uploader-wrap>.webuploader-container,.importgoods-body .uploader-wrap>.btn,.uploader-wrap>input {
    float:left;
}
.importgoods-body .uploader-list {
    padding-top:10px;
}
.importgoods-body .uploader-list .state {
    line-height:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.importgoods-body a.red {
    color:red !important;
}
.importgoods-body .uploader-list .label {
    font-size:12px;
}

/* ERP Left Menu */
.leftmenu li{
    cursor: pointer;
}

/*Erp Table*/


.erp-container .erp-table {
    font-size: 12px;
}
/* */
/* .erp-container .erp-table thead th .th-inner{ */
/*     padding: 4px 8px !important; */
/* } */

.erp-container .fixed-table-toolbar .columns-left{
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.erp-container .fixed-table-toolbar .bars {
    line-height: unset;
}

/*.erp-container .erp-table>tbody>tr.tableContent>td{*/
/*color: #676a6c;*/
/*    border: 1px solid #e7e7e7;*/
/*    text-align: center;*/
/*    padding: 0 10px !important;*/
/*    vertical-align: middle;*/
/*}*/

/*.erp-container .erp-table .text-left,.erp-container .erp-table .text-left td{*/
/*    text-align: left !important;*/
/*}*/
/**/
/**/
/*.erp-container .erp-table thead th .th-inner{*/
/*    padding: 0;*/
/*}*/

/*
 * Page： 门店开单
*Author：jingyulong
*/
.operate .operate-combox {
    text-align: center;
    border: 1px solid #ccc;
    overflow: hidden;
    width: 112px;
    border-radius: 4px;
}

.operate .operate-input {
    float: left;
    border-radius: 0;
    border: 0;
    height: 25px;
    width: 60px;
    text-align: center;
}

.operate .operateNumber {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: block;
    float: left;
    cursor: pointer;
}

.operate .operateNumber.sub {
    border-right:1px solid #ccc;
}

.operate .operateNumber.add {
    border-left:1px solid #ccc;
}

/* 后台顶部按钮样式*/
.topmenu .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.topmenu li.theme {
    cursor: default;
}

.topmenu li.theme span {
    cursor: pointer;
}

.topmenu label ,.topmenu label{
    color: white;
}

.topmenu  .grey {
    background-color:#777 ;
}

.topmenu .blue {
    background-color:#337ab7 ;
}

.topmenu .green {
    background-color: #5cb85c;
}

.topmenu .lightblue {
    background-color: #5bc0de;
}

.topmenu .yellow {
    background-color:#f0ad4e ;
}

.topmenu .red {
    background-color:#d9534f ;
}

.topmenu ul {
    margin: 0;
}

.topmenu ul li.username {
        border-left: 1px dotted #D7D7D8;
}

.topmenu ul li.theme {
        border-right: 0;
    margin-top: 10px;
}

a:hover{
    text-decoration: none !important;

}

/*通用样式 jingyulong*/
.bootstrap-col{
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;

}

.bootstrap-one{
    width: 220px;
}

.bootstrap-two{
    width: 440px;
}


.quotation-goods table > tbody > tr > td {
    line-height: 28px !important;

}


.quotation-detail #table{
    width: 100%;
}



.quotation-detail .form-horizontal div.control-label{
    text-align: left !important;
}

.quotation-detail .form-horizontal div.content{
    border: none !important;
}

.quotation-detail .t-total {
    text-align: right !important;
}

.order-audit .order-audit-tab-fix{
    margin: 10px 0 !important;
    padding: 0 15px !important;
}


.order-audit .detail-table {
    margin-top: 15px;
}

.order-audit .bootstraptable th.action .th-inner {
    width: 100px;
}

.audit-opt-wrap  {
    padding: 15px;
}

.eheader-fix .tabmenu {
    margin-bottom: 0px;
}

#PrintNotReady .alert-danger {
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}





#PrintNotReady .alert-link {
    font-weight: 700;
    color: #FF00FF;
}