* {
    color: #333333;
}

html {
    margin: 0;
    padding: 0;
    background-color: white;
    font-size: 16px;
}

body {
    color: #333;
    font-size: 0.8rem;
    font-family: "微软雅黑","宋体","黑体", "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

/*liuhui */
div {
    margin: 0;
    padding: 0;
}

a {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

    a:hover {
        background-color: #c7d1d6;
    }

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

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }




/* LiuHui, for input */
input {
    margin: 0px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 0px;
    font-family: "微软雅黑","宋体","黑体", "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

    input[type="text"] {
        padding: 2px;
        border: 1px solid #e4eff6;
        background-color: white;
    }

    input[type="password"] {
        padding: 2px;
        border: 1px solid #e4eff6;
        background-color: white;
    }

    input[type="submit"] {
        color: white;
        padding: 4px 20px;
        /* need modify   background-color: #0a6193;    */
        border-width: 0;
        cursor: pointer;
    }

    input[type="button"] {
        color: white;
        padding: 4px 20px;
        /* need modify   background-color: #0a6193;   */
        border-width: 0;
        cursor: pointer;
    }

    input[type="reset"] {
        background-color: navy;
        color: white;
    }

    input[type="radio"] {
        /*In FF,Some radio style like background-color not been supported*/
        margin: 10px;
    }

    input[type="checkbox"] {
        /*In FF,Some checkbox style like background-color not been supported*/
        margin: 2px;
    }


    input[type="image"] {
        margin: 0px;
        padding: 0px;
    }

    input[type="file"] {
        margin: 5px 10px;
        padding: 0px;
        width: 240px;
    }

/*
    LiuHui,for GridView
    */

.grid-row tr {
    height: 18px;
    /* need modify  background-color: #e4e8eb;*/
}

.grid-row-color {
    /* need modify  background-color: #e4e8eb;*/
}

.grid-row-color-mouser-over {
    /* need modify   background-color: #c6cbcf;*/
}

.grid-header th {
    height: 24px;
    /* need modify  background-color: #688297; */
    font-family: "微软雅黑","宋体";
    font-size: 14px;
    font-weight: normal;
    color: white;
    border: 1px solid #999;
    margin: 0px;
    padding: 2px 20px 2px 20px;
    text-align: center;
}

.grid-row td {
    height: 18px;
    /* need modify  background-color: #e4e8eb; */
    font-family: "微软雅黑","宋体";
    font-size: 12px;
    border: 1px solid #999;
    padding: 4px;
    /*text-align: right;*/
}

.grid-row-color td {
    height: 18px;
    font-family: "微软雅黑","宋体";
    font-size: 12px;
    border: 1px solid #999;
    padding: 4px;
    /*text-align: right;*/
}

.grid-row-color-mouser-over td {
    height: 18px;
    font-family: "微软雅黑","宋体";
    font-size: 12px;
    border: 1px solid #999;
    padding: 4px;
    /*text-align: right;*/
}

.grid-outer {
    padding-left: 4px;
}


/*
    LiuHui,for GridView
    */

.grid-row tr {
    background-color: #e4ffe6;
}

.grid-row-color {
    background-color: #e4ffe6;
}

.grid-row-color-mouser-over {
    background-color: #a6ebbd;
}

.grid-header th {
    background-color: #28886d;
}

.grid-row td {
    background-color: #e4ffe6;
}

/*********************************************** LiuHui start **************************************************/
.chart1 {
    position: absolute;
    left: 100px;
    top: 100px;
    border: 3px solid red;
}

.chart2 {
    position: absolute;
    left: 500px;
    top: 100px;
    border: 5px solid green;
}




/*渐变色*/
/* background-image: -moz-linear-gradient(top, #7ac0da, #afdfef); */ /* Firefox */
/* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7ac0da), color-stop(1, #afdfef)); */ /* Saf4+, Chrome */
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ac0da', endColorstr='#afdfef', GradientType='0');  */ /* IE*/





select {
    margin: 0px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 2px 0px;
    padding-left: 6px;
    border-width: 0;
    background-color: white;
}

iframe {
    border: 0px solid #000000;
}

/* LiuHui, for calendar ,no use */
.calendar {
    position: relative;
    margin: 0px;
    padding: 0px;
    border: 1px solid #e80c4d;
}

.calendar-textbox {
    float: left;
    margin: 0px;
    padding: 0px;
    height: 20px;
    vertical-align: bottom;
}

.calendar-imagebutton {
    float: left;
    margin: 0px;
    padding: 0px;
    height: 20px;
    vertical-align: bottom;
}

.calendar-monthtable {
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    z-index: 1;
    opacity: 1;
    background-color: #b7ecfb;
}



/*LiuHui for Corner*/
/*通用圆角 上圆角 下圆角*/
.corner {
    -moz-border-radius: 10px; /* Firefox - */
    -webkit-border-radius: 10px; /* Safari and Chrome - */
    border-radius: 10px;
    behavior: url(/pie.htc); /*for IE*/
    -o-box-shadow: 10px 10px 5px #888;
    -icab-box-shadow: 10px 10px 5px #888;
    -khtml-box-shadow: 10px 10px 5px #888;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
}

.cornerT {
    -moz-border-radius: 10px 10px 0 0; /* Firefox - */
    -webkit-border-radius: 10px 10px 0 0; /* Safari and Chrome - */
    border-radius: 10px 10px 0 0;
    behavior: url(/pie.htc); /*for IE*/
}

.cornerB {
    -moz-border-radius: 0 0 10px 10px; /* Firefox - */
    -webkit-border-radius: 0 0 10px 10px; /* Safari and Chrome - */
    border-radius: 0 0 10px 10px;
    behavior: url(/pie.htc); /*for IE*/
}


/* LiuHui edit */

.attrLabel {
    width: 80px;
    font-weight: 600;
}

.attrValue {
    width: 160px;
    min-width: 160px;
}

.reportTable {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

    .reportTable tr {
        height: 20px;
    }

        .reportTable tr td {
            border: 1px solid #a0b8e8;
            height: 20px;
            margin: 0;
            padding: 0;
        }

.td-lable {
    min-width: 60px;
    height: 20px;
}

.td-value {
    min-width: 80px;
    height: 20px;
}



/* liuhui select and searchbar*/
.searchBar {
    padding-left: 60px;
    padding-top: 7px;
    width: 590px;
    margin: 40px auto;
    background: url(../images/bg02.gif) no-repeat;
    height: 33px;
}

    .searchBar span {
        float: right;
        margin-top: 6px;
    }

        .searchBar span a {
            color: #666;
            margin-right: 8px;
        }

            .searchBar span a:hover {
                color: #ef9b11;
            }

    .searchBar .select {
        FLOAT: left;
        margin-top: 1px;
        display: inline;
        margin-right: 8px;
    }

    .searchBar .text {
        FLOAT: left;
    }

        .searchBar .text input {
            width: 214px;
            padding-top: 3px;
            height: 17px;
            border: 1px solid #b7d1eb;
        }
/*
.selectbox-wrapper {
	BORDER-RIGHT: #b7d1eb 1px solid; BORDER-TOP: #b7d1eb 0px solid; MARGIN-TOP: -3px; BORDER-LEFT: #b7d1eb 1px solid; WIDTH: 63px; BORDER-BOTTOM: #b7d1eb 1px solid; POSITION: absolute; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left
}
.selectbox-wrapper UL LI.selected {BACKGROUND-COLOR: #e0ecf7;}
.selectbox-wrapper UL LI.current {
	COLOR: #fff; BACKGROUND-COLOR: #36c
}
.selectbox-wrapper UL LI {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; WIDTH: 57px; CURSOR: pointer; LINE-HEIGHT: 20px; PADDING-TOP: 3px
}*/
.selectbox {
    border: none;
    padding-left: 4px;
    width: 82px;
    CURSOR: pointer;
    padding-top: 5px;
    HEIGHT: 19px;
    background: url(select.gif) no-repeat;
}

.btn {
    float: left;
    display: inline;
    margin-left: 8px;
    margin-top: 2px;
}

.gridview {
    width: 100%;
}

.gridview th,.gridview td {
    padding-left: 0.2em;
    padding-right: 0.2em;
}


/*  LiuHui pager style*/

.paginator {
    /*font: 11px Arial, Helvetica, sans-serif;*/
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    display: inline;
}

    .paginator ul {
        margin: 4px 0px;
        display: inline-block;
    }

    .paginator li {
        float: left;
        list-style-type: none;
    }

    .paginator a {
        padding: 3px 8px;
        border: solid 1px #ddd;
        background-color: #fff;
        text-decoration: none;
        margin-right: 1px;
        margin-left: 1px;
    }

    /*.paginator a:visited {
            padding: 3px 6px;
            border: solid 1px #ddd;
            background-color: #fff;
            text-decoration: none;
        }*/
    /*当前页标签*/
    .paginator .page-linker-active {
        /*padding: 3px 6px;*/
        font-weight: bolder;
        /*font-size: 14px;*/
        /*border: none;*/
        color: #28886d;
    }
    /*页数统计信息*/
    .paginator .page-info {
        margin-left: 20px;
        margin-right: 20px;
    }



.prompt {
    color: red;
}

.required-flag {
    color: red;
}




/* 升级框架后合并新增 */



/********************* 加载等待，转圈样式开始 ********************/
.loadEffect {
    width: 100px;
    height: 100px;
    position: absolute;
    /*margin-left: 50%;
     left:-50%;*/
    left: 50%;
    transform: translateX(-50%);
    margin-left: -50px;
    top: 50%;
    transform: translateY(-50%);
    /*margin-top:200px;*/
    /*top: 200px;*/
    z-index: 9999;
    /*background-color: green;*/
}

    .loadEffect span {
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #335566;
        position: absolute;
        -webkit-animation: load 1.04s ease infinite;
    }

@-webkit-keyframes load {
    0% {
        opacity: 1;
    }





    100% {
        opacity: 0.2;
    }
}

.loadEffect span:nth-child(1) {
    left: 0;
    top: 50%;
    margin-top: -8px;
    -webkit-animation-delay: 0.13s;
}

.loadEffect span:nth-child(2) {
    left: 14px;
    top: 14px;
    -webkit-animation-delay: 0.26s;
}

.loadEffect span:nth-child(3) {
    left: 50%;
    top: 0;
    margin-left: -8px;
    -webkit-animation-delay: 0.39s;
}

.loadEffect span:nth-child(4) {
    top: 14px;
    right: 14px;
    -webkit-animation-delay: 0.52s;
}

.loadEffect span:nth-child(5) {
    right: 0;
    top: 50%;
    margin-top: -8px;
    -webkit-animation-delay: 0.65s;
}

.loadEffect span:nth-child(6) {
    right: 14px;
    bottom: 14px;
    -webkit-animation-delay: 0.78s;
}

.loadEffect span:nth-child(7) {
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    -webkit-animation-delay: 0.91s;
}

.loadEffect span:nth-child(8) {
    bottom: 14px;
    left: 14px;
    -webkit-animation-delay: 1.04s;
}

/********************* 加载等待，转圈样式结束 ********************/






/********************* 表格开始 ********************/

.as-table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
}


/*带边框的表格*/
.as-table-bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

    .as-table-bordered td, .as-table-bordered th {
        text-wrap: none;
        white-space: nowrap;
    }
    /*.as-table-bordered tr:hover {
        background: #fbf8e9;
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }*/

    .as-table-bordered td, .as-table-bordered th {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 4px;
        text-align: left;
    }

    .as-table-bordered tr {
        background-color: #dce9f9;
        /*background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
        background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: linear-gradient(top, #ebf3fc, #dce9f9);*/
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        border-top: none;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
    }

/*.as-table-bordered td:first-child, .bordered th:first-child {
            border-left: none;
        }

        .as-table-bordered th:first-child {
            -moz-border-radius: 6px 0 0 0;
            -webkit-border-radius: 6px 0 0 0;
					  
					 
					  
            border-radius: 6px 0 0 0;
							
        }

        .as-table-bordered th:last-child {
            -moz-border-radius: 0 6px 0 0;
            -webkit-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
        }

        .as-table-bordered th:only-child {
            -moz-border-radius: 6px 6px 0 0;
            -webkit-border-radius: 6px 6px 0 0;
				
				 
            border-radius: 6px 6px 0 0;
        }

    .as-table-bordered tr:last-child td:first-child {
        -moz-border-radius: 0 0 0 6px;
        -webkit-border-radius: 0 0 0 6px;
        border-radius: 0 0 0 6px;
				 
						   
    }

    .as-table-bordered tr:last-child td:last-child {
        -moz-border-radius: 0 0 6px 0;
        -webkit-border-radius: 0 0 6px 0;
        border-radius: 0 0 6px 0;
    }*/














/********************* 表格结束 ********************/

/********************* easyui样式调整开始 ********************/














.easyui-datebox {
    width: 100px;
}

.easyui-timespinner {
    width: 60px;
}

/********************* easyui样式调整结束 ********************/







/********************* 按钮工具栏开始 ********************/
.as-btn-group {
}

    .as-btn-group li {
        list-style: none;
        float: left;
        margin: 0 4px;
    }

    .as-btn-group a {
        padding: 2px 8px;
        font-size: 0.9rem;
        background-color: #9eb3c6;
        /*圆角*/
        -moz-border-radius: 10px; /*Firefox4.0-*/
        -webkit-border-radius: 10px; /*Safariand Google chrome10.0-*/
        border-radius: 10px; /*Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9*/
    }

        .as-btn-group a:hover {
            background-color: #aee3f6;
            text-decoration: none;
        }

/********************* 按钮工具栏结束 ********************/




/*工具栏*/
.toolbar-page {
    width: 100%;
    /*padding:4px;*/
    /*margin: 4px 0;*/
    /*height: 32px;*/
    /*background-color: #cfcfcf;*/
}

    .toolbar-page li {
        list-style: none;
        float: left;
        /*margin: 4px;*/
        display: block;
    }

    .toolbar-page a {
        padding: 4px 16px;
        font-size: 0.9rem;
        background-color: #c0c0c0;
        /*圆角*/
        -moz-border-radius: 5px; /*Firefox4.0-*/
        -webkit-border-radius: 5px; /*Safariand Google chrome10.0-*/
        border-radius: 5px; /*Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9*/
    }

        .toolbar-page a:hover {
            background-color: #e0e0e0;
            text-decoration: none;
        }

.toolbar-table {
}

    .toolbar-table li {
        list-style: none;
        float: left;
        margin: 0 4px;
    }

    .toolbar-table a {
        padding: 2px 8px;
        font-size: 0.9rem;
        background-color: #9eb3c6;
        /*圆角*/
        -moz-border-radius: 10px; /*Firefox4.0-*/
        -webkit-border-radius: 10px; /*Safariand Google chrome10.0-*/
        border-radius: 10px; /*Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9*/
    }

        .toolbar-table a:hover {
            background-color: #aee3f6;
            text-decoration: none;
        }


/* LiuHui toolbar*/
.toolbar {
    margin: 0;
    margin-left: 4px;
    padding: 0;
    padding-left: 2px;
    padding-top: 8px;
    height: 40px;
    background-color: #a5d3d6;
    background: url(toolbar.gif) repeat-x;
}

    .toolbar input[type="text"] {
        width: 80px;
    }

.edit-button-bar {
    float: right;
}

.pagebar {
    /*background-color: chocolate;*/
    /*width: 100%;*/
    text-align: center;
    margin: 0;
    padding: 0;
}

    .pagebar ul {
        /*background-color: azure;*/
        list-style: none;
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .pagebar li {
        display: inline;
        float: left;
        margin: 0 -1px -1px 0;
        cursor: pointer;
        padding: 2px 5px;
        /*height:3em;*/
        /*min-height: 3em;*/
        min-width: 3em;
        /*line-height:3em;*/
        border: 1px solid lightgray;
        text-align: center;
        color: #66cef3;
        vertical-align: middle;
    }

        .pagebar li[disabled=true] {
            cursor: default;
            color: lightgray;
        }

.as-btn {
    cursor: pointer;
}

    .as-btn:hover {
        opacity: 0.5;
    }

.as-btn-xs {
    width: 16px;
    height: 16px;
}

.as-btn-sm {
    width: 24px;
    height: 24px;
}

.as-btn-close {
    background-image: url("/Images/btn/close_0.png");
    background-size: 100% 100%;
}


.as-btn-delete {
    background-image: url("/Images/btn/delete_1.png");
    background-size: 100% 100%;
}

/***********2018-03本项目***********/


/************对bootstrap样式的调整*************/
.container {
    /*margin-left: 20px; margin-right: 20px;*/
    width: 100%;
}

fieldset {
    border: 1px solid lightgray;
    /*margin: 10px;*/
    /*background-color: #a0b8e8;*/
    margin: 10px 0px;
    padding: 5px 20px;
    -moz-border-radius: 5px; /* Firefox - */
    -webkit-border-radius: 5px; /* Safari and Chrome - */
    -ms-border-radius: 5px;
    border-radius: 5px;
}

legend {
    width: auto;
    border-width: 0;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
    font-size: 18px;
}

.form-inline .form-group label {
    display: inline;
    float: left;
}


/*详情页面背景色*/
.detail-bg-color {
    background-color: #e0fff0;
}

/*客户组的样式*/
.customergroup {
    /*max-width: 220px;
    max-width: 140px;
    width: 220px;
    height: 80px;*/
}

.l-label {
    color: Gray;
}

.l-text {
    color: #333;
}
.l-title {
    font-size: 1rem;
}


/*通用显示*/
.l-form {
    font-size: 1rem;
}
/*属性项*/
.l-form-attr {
    /*display: list-item;*/
    margin: 4px 16px;
    float: left;
}
/*属性项标签*/
.l-form-attr .l-label {
    margin-left: 4px;
    margin-right: 4px;
}
/*属性项值*/
.l-form-attr .l-text {
    margin-left: 4px;
    margin-right: 4px;
}

.l-form--attr .l-checkbox {
    /*checkbox input 必须两个属性同时设置才能改变大小*/
    width: 1.2rem;
    height: 1.2rem;
}

.l-row {
    /*font-size: 1em;*/
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}


/*项目详情中的客户栏样式*/
.customer-panel {
}

.customer-panel-title {
}

.customer-panel-content {
}


.panel-list li {
    list-style-type: none;
}

.panel-heading {
    height: 3rem;
}


.l-font-xs {
    font-size: 0.8rem;
}

.toolbar-btn {
            color: white;
        padding: 4px 20px;
        /* need modify   background-color: #0a6193;    */
        border-width: 0;
        cursor: pointer;
    background-color:  #118173;
}