* {
    -moz-user-select: none;
    border: 0;
    font-size: 14px;
    margin: 0;
    padding: 0;
    /*font-family: MicrosoftYaHei;*/
}
input,textarea{
    /*解决火狐浏览器文本框光标不能移动问题*/
    -moz-user-select: text;
}
.window-container {
    margin: 0 20px;
}

.k-loading-image {
    background-image: url('/images/load.gif');
}

.grid-container .k-grid-content {
    height: auto !important;
}

.window-container .search-panel {
    margin: 0;
}
.desc {
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
input.k-textbox[disabled],input.k-textbox[disabled]:hover{
    background-color:rgb(235, 235, 228);
}

.grid-checkbox {
    width: 40px;
}
/*去除火狐浏览器上input的默认box-shadow*/
input[required]:invalid, input:focus:invalid, textarea[required]:invalid, textarea:focus:invalid{box-shadow: none;}

/*.k-grid-content td[role=gridcell]{
    white-space:nowrap;
    overflow:hidden;
    word-break:keep-all; 
    text-overflow:ellipsis;     
}*/

.k-tabstrip > .k-content {
    border: none !important;
    padding: 0 !important;
    margin: 0px;
}

.k-tabstrip-gridContent > .k-content {
    border: none !important;
    padding: 19px 0 0 0 !important;
    margin: 0px;
}

.k-tabstrip-items {
    padding: 0 .3em 0 0;
    border-bottom: 1px solid #d2d2d2;
}

.k-tabstrip:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-tabstrip-items .k-state-default {
    border-color: #ccc !important;
    border-radius: 0 !important;
}

.k-grouping-row-prev>td:not(:first-child){
    border-bottom-width:1px;
}

.k-tabstrip-items .k-item.k-state-active {
    border-top: 2px solid #277bcf !important;
}

.k-block > .k-header {
    margin: -2px 0 0px -2px;
}

    .k-block > .k-header > p,.k-header.k-grid-toolbar,.k-block>.k-header>div:first-child {
        padding-left: 15px;
    }

    .k-block > .k-header .k-font-icon {
        vertical-align: middle;
        float: right;
        margin-right: 5px;
        font-size: 20px;
    }

.k-button.k-state-active:hover, .k-button:active:hover, .k-button.k-state-hover, .k-button:hover {
    background: #277BCF;
    color: #FFFFFF;
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: 0 0 7px 0 #76abd9;
    box-shadow: 0 0 7px 0 #76abd9;
}

.k-treeview .k-in {
    line-height: 1.8em;
}

html, body {
    height: 100%;
    background-color: #fff;
    font-family: "microsoft yahei","simsun","simhei";
    overflow: hidden;
}

header {
    background: #277bcf none repeat scroll 0 0;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 100%;
}


.without-margin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.without-vertical-margin {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.saas-top {
    background: #277bcf none repeat scroll 0 0;
    height: 100%;
    min-width: 1100px;
    position:relative;
}

.saas-logo {
    float: left;
    height: 100%;
    margin-right:20px;
}

.saas-logo p {
    color: #fff;
    float: left;
}
.saas-logo p>img{
    width: 122px;
    height: 40px;
}
.saas-logo p:first-child {
    line-height: 60px;
    margin: 15px 10px 0;
}

.saas-logo p:last-child {
    border-left: 1px solid #fff;
    line-height: 24px;
    margin-top: 25px;
    padding-left: 8px;
}

.saas-body {
    white-space: nowrap;
    font-size: 0px;
    position: fixed;
    width: 100%;
    top: 70px;
    bottom: 0px;
}

.saas-nav {
    /*float: left;*/
    font-size: 14px;
    height: 100%;
    min-width:700px;
    /*margin-left: 40px;
    width: 520px;*/
    position:absolute;
    left:400px;
}

a {
    color: #2fa0ec;
    outline: medium none;
    text-decoration: none;
}

li {
    list-style: outside none none;
}

.saas-nav > a > li {
    color: #fff;
    float: left;
    width: 80px;
    padding:0 10px;
}

    .saas-nav > a > li:hover {
        background: #2d8fd7 none repeat scroll 0 0;
    }

.saas-nav > a:last-child > li {
    width: 80px;
}

.saas-nav > a > li img {
    display: block;
    height: 16px;
    margin: 27px auto;
    width: 16px;
}

.dark_blue {
    background: #2d8fd7 none repeat scroll 0 0;
}

.saas-nav-right {
    /*float: right;*/
    /*height: 100%;*/
    line-height: 63px;
    position:absolute;
    right:0px;
    width:200px;
}

.saas-nav-right > li {
    float: left;
}

.saas-nav-right > li img {
    /*height: 100%;*/
}

#saas-add {
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 60px;
}

    #saas-add > ul {
        display: none;
        font-size: 14px;
        left: -21px;
        margin-top: 7px;
        position: absolute;
        top: 55px;
        width: 103px;
        z-index: 10;
    }

.saas-nav-right > li:nth-child(1) {
    color: #fff;
    position: relative;
}

    .saas-nav-right > li:nth-child(1) span > img, .saas-nav-right > li:nth-child(2) span > img {
        height: auto;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: auto;
    }

#saas-search {
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 60px;
}

#saas-user {
    cursor: pointer;
    position: relative;
}

.saas-nav-right > li:nth-child(3) {
    height: 100%;
    margin-right: 39px;
}

    .saas-nav-right > li:nth-child(3) span {
        display: block;
        float: left;
    }

        .saas-nav-right > li:nth-child(3) span:nth-child(1) {
            height: 45px;
            margin-left: 16px;
            margin-top: 12.5px;
            width: 45px;
        }

        .saas-nav-right > li:nth-child(3) span:nth-child(2) {
            color: #fff;
            line-height: 70px;
            margin: 0 8px;
            max-width: 105px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .saas-nav-right > li:nth-child(3) span:nth-child(3) {
            margin-right: 16px;
            margin-top: 1.8px;
        }

.saas-nav-right > li:hover {
    background: #4a90d7 none repeat scroll 0 0;
}

#saas-add > ul li a {
    color: #555;
    display: block;
    height: 100%;
    margin: 0 auto;
    text-decoration: none;
    width: 95%;
    margin-top:5px;
}

#saas-add > ul p {
    background: rgba(0, 0, 0, 0) url("../images/tianjia_01.png") no-repeat scroll 0 0;
    height: 13px;
    width: 100%;
}

#saas-add > ul li {
    background: rgba(0, 0, 0, 0) url("../images/tianjia_02.png") repeat scroll 0 0;
    line-height: 30px;
}

#saas-add > ul div {
    background: rgba(0, 0, 0, 0) url("../images/tianjia_03.png") no-repeat scroll 0 0;
    height: 7px;
    width: 100%;
}

#saas-add > ul li a:hover {
    background: #e5e5e5 none repeat scroll 0 0;
    color: #000;
}

#saas-user > ul {
    display: none;
    margin-top: 5px;
    position: absolute;
    right: 5px;
    top: 56px;
    width: 140px;
     z-index: 11;
     border-bottom:1px solid #d0d0d0;
     border-top-color:transparent;
}

#saas-add > ul b {
    background: #d0d0d0;
    display: block;
    height: 1px;
    margin: 0 auto;
    width: 80%;
}

#saas-search form p {
    background: rgba(0, 0, 0, 0) url("../images/sousuo_01.png") no-repeat scroll 0 0;
    height: 14px;
    width: 100%;
}

#saas-search form > div {
    background: rgba(0, 0, 0, 0) url("../images/sousuo_02.png") repeat scroll 0 0;
    height: 40px;
    width: 100%;
}

#saas-search form span {
    background: rgba(0, 0, 0, 0) url("../images/sousuo_03.png") no-repeat scroll 0 0;
    display: block;
    height: 8px;
    width: 100%;
}

#saas-search form > div div {
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    height: 38px;
    margin: 0 auto;
    width: 270px;
}

    #saas-search form > div div img {
        display: block;
        float: left;
        height: auto;
        margin: 10px;
        width: auto;
    }

    #saas-search form > div div input {
        display: block;
        float: left;
        height: 100%;
        width: 230px;
    }

#saas-search form {
    display: none;
    left: -95px;
    margin-top: 7px;
    position: absolute;
    top: 55px;
    width: 294px;
    z-index: 12;
}

#saas-user > ul p {
       /*background: #d0d0d0 url(bgimage.gif) no-repeat fixed top;*/
    /*background: #FFFFFF  url("../images/touxiang_01.png") no-repeat scroll top;*/
    background: rgba(0, 0, 0, 0) url("../images/touxiang_01.png") no-repeat scroll 0 0;
    height: 15px;
    width: 100%;
   
}
.approveslice{
    display:inline-block;
    height:57px;
    width:12px; 
    background:rgba(0, 0, 0, 0) url("../images/ApproveFlow/Slice.png") no-repeat scroll 0 0;   
    margin-top:15px
}
.approveslicetop{
    height:15px;
    width:12px;
    
    border-right:1px solid #D8D8D8;
}
.approveslicebottom{
    height:48px;
    width:12px;
   
    border-right:1px solid #D8D8D8;
}
.approveslicemiddle{
    width:12px;
    height:9px;
    background:rgba(0, 0, 0, 0) url("../images/ApproveFlow/Slice.png") no-repeat scroll 0 0;
}
#saas-user > ul div {
    background: rgba(0, 0, 0, 0) url("../images/touxiang_03.png") no-repeat scroll 0 0;
    height: 9px;
    width: 100%;
     border:1px solid #d0d0d0;
}

#saas-user > ul li {
    /*background: #ccc url("../images/touxiang_02.png") repeat scroll 0 0;*/
    background: rgba(0, 0, 0, 0) url("../images/touxiang_02.png") repeat scroll 0 0;
    /*background: #FFFFFF url(bgimage.gif) no-repeat fixed top;*/
    line-height: 35px;
    /*border:1px solid #d0d0d0;
    margin-top:2px;
   border-left-color:transparent;
   border-right-color:transparent;
   border-top-color:transparent;*/
}

    #saas-user > ul li a {
        color: #555;
        display: block;
        font-size: 14px;
        height: 100%;
        margin: 0 auto;
        text-decoration: none;
        width: 95%;
    }

        #saas-user > ul li a:hover {
            background: #e5e5e5 none repeat scroll 0 0;
            color: #000;
        }

#saas-user > ul b {
    background: #d0d0d0 none repeat scroll 0 0;
    display: block;
    height: 1px;
    margin: 0 auto;
    width: 70%;
}

#saas-user > ul li:nth-child(2), #saas-user > ul li:nth-child(6) {
    padding-bottom: 5px;
}

#saas-user > ul li:nth-child(4), #saas-user > ul li:nth-child(8) {
    padding-top: 5px;
}

.saas-left {
    background: #5D6E7F none repeat scroll 0 0;  
    min-width: 160px;
   display:inline-block;
    width: 12%;
    vertical-align: top;
    height: 100%;
    overflow:auto;
    position:relative;
    float: left;
}

.saas-left > div {
    padding-right: 17px;
    width: 100%;
    vertical-align: top;
    height: 100%;
    overflow: auto;
    margin-bottom: 20px;
}

.saas-left p {
    color: #fff;
        
}
/*#PurReport>.menuselectimg,#PurBudget>.menuselectimg,#Report>.menuselectimg,#Budget>.menuselectimg{
    margin-left: 12px;   
    width: auto;
    vertical-align:middle;
    width: 20px;
    height: 20px;
}*/
.menuselectimg {    
    margin-left: 12px;   
    width: auto;
    vertical-align:middle;
    width: 20px;
    height: 48px;
}

.leftmenu-span {
   
    display: inline-block;
    font-size: 14px;
    height: 48px;
    line-height: 48px;    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 10px;
    vertical-align:middle;
}

/*.saas-left > p > img + span {
    margin-left: 45px;
}*/

.left-p-click {
    background: #e6eff7 none repeat scroll 0 0;
    width: 100%;
}

    .left-p-click span {
        color: #055fb9;
    }

.saas-container {
    width: 88%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    font-size: 0px;
    overflow: auto;
    
}
.third-menucontainer {
    width: calc(100% - 192px);
    width: -moz-calc(100% - 192px);
    width: -webkit-calc(100% - 192px);  
    /*width:100%;*/ 
    display: inline-block;
    vertical-align: top;
    height: 100%;
    font-size: 0px;
    overflow: auto;
    
}

.saas-home-Main {
    margin: 1% auto;
    max-height: 1500px;
    max-width: 1900px;
    min-height: 500px;
    min-width: 1100px;
}

    .saas-home-Main > div {
        float: left;
        height: 100%;
    }

.saas-home-left, .saas-home-right {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    box-shadow: 0 0 4px #d0d0d0;
    margin-left: 2.5%;
    width: 28%;
}

    .saas-home-left > div p:first-child, #center-top > div p:first-child, #time-header p:first-child, .saas-home-right > div p:first-child {
        color: #3f4041;
        float: left;
    }

.hover-p {
    float: right;
    position: relative;
}

    .hover-p:hover {
        color: #0066cc;
        cursor: pointer;
    }

.saas-home-center {
    margin-left: 1.5%;
    width: 42%;
}

    .saas-home-center > div {
        border: 1px solid #d0d0d0;
        border-radius: 5px;
        box-shadow: 0 0 4px #d0d0d0;
        width: 100%;
    }

#center-top {
    background: #fff none repeat scroll 0 0;
    height: 40%;
}

    .saas-home-left > div, #center-top > div, #time-header, .saas-home-right > div {
        background: #e6eff7 none repeat scroll 0 0;
        border-bottom: 1px solid #d0d0d0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        height: 49px;
        line-height: 49px;
        padding: 0 10px;
    }

#center-bottom {
    background: #fff none repeat scroll 0 0;
    height: 57%;
    margin-top: 3%;
}



.hover-break {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d0d0d0;
    color: gray;
    display: none;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -17px;
    text-align: center;
    top: 40px;
    width: 50px;
    z-index: 1;
}

.return-day {
    right: -27px;
    width: 70px;
}

.saas-home-right {
    margin-left: 1.5%;
    width: 22%;
}

.date-top div {
    height: 100%;
    margin: 0 auto;
    width: 350px;
}

    .date-top div p {
        line-height: 53px;
        float: left;
        margin: 0 20px;
    }

        .date-top div p:nth-child(1), .date-top div p:nth-child(3) {
            cursor: pointer;
        }

.date-week li {
    height: 53px;
    line-height: 53px;
    font-size: 12px;
}

.date-content {
    border-top: 1px solid #d0d0d0;
    color: #333;
    height: 75%;
    width: 100%;
}

.date-week li {
    border-left: 1px solid #d0d0d0;
    float: left;
    font-size: 12px;
    height: 100%;
    text-align: center;
    width: 14.1%;
}

    .date-week li:first-child {
        border: 0 none;
    }

.date-week {
    clear: both;
    height: 14%;
}

.date-day {
    border-top: 1px solid #d0d0d0;
    clear: both;
    height: 83%;
}

.saas-work-left {
    background: #ebf0f5 none repeat scroll 0 0;
    border-right: 1px solid #d0d0d0;
    height: 100%;
    position: fixed;
    left: 160px;
    top: 70px;
    width: 200px;
}

    .saas-work-left .work-ul-1 > li:first-child {
        padding: 15px 0;
    }

    .saas-work-left .work-ul-1 div {
        background: #277bcf none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
        height: 35px;
        left: 50%;
        line-height: 35px;
        margin: 28px auto 13px;
        position: absolute;
        top: -10px;
        transform: translateX(-50%);
        width: 120px;
    }

#mar-release {
    line-height: 37px;
    margin: 0 5px 0 30px;
}

    #mar-release img {
        height: auto;
        width: auto;
    }

.expenditure-water{
    background: #e6eff7 none repeat scroll 0 0;
    width: 16%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #d2d2d2;
    min-width: 192px;
    float: left;
}
.childrenMenuDiv{
    background: #e6eff7 none repeat scroll 0 0;
    width:192px;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #d2d2d2;
    /*min-width: 192px;*/
}
.expenditure-water-right {
    position: static;
    width: 100%;
    display: inline-block;
    overflow: auto;
    min-width: 992px;
    height: 100%;
}


.expenditure-water-rightAt {
    position: static;
    width: 84%;
    display: inline-block;
    overflow: auto;
    min-width: 992px;
}
.noScroll {
    overflow: hidden;
}

/*.expenditure-water-right > div {
    height: 100%;
    vertical-align: top;
    font-size: 0px;
}*/

.expenditure-water li{
    cursor: pointer;
    height: 40px;
    width: 100%;
}

    .expenditure-water li img {
        float: left;
        height: 20px;
        margin-left: 20px;
        margin-top: 10px;
        width: 20px;
    }

    .expenditure-water li span{
        float: left;
        font-size: 14px;
        height: 100%;
        line-height: 40px;
        margin-left: 10px;
    }

.expenditure-water p,.childrenMenuDiv p {
    cursor: pointer;
    height: 48px;
    width: 100%;
    text-align: left;
}

.selectedmenuli{
    background-color: #fff;
    color: #277bcf;
}
    .expenditure-water p img {
        float: left;
        height: 20px;
        margin-left: 36px;
        margin-top: 21px;
        width: 20px;
    }

    .expenditure-water p span,.childrenMenuDiv p span {
        font-size: 14px;
        height: 100%;
        line-height: 48px;
        margin-left: 20px;
    }

.expenditure-water button {
    background: #277bcf none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    margin-left: 26px;
    margin-top: 16px;
    width: 140px;
}

.grid-container, .search-panel {
    margin: 20px 30px;
}
.searchgrid{
    margin:0 30px 20px 30px;
}
.search-panel,.search-row,.search-didi,.search-book {
    white-space: normal;
    line-height: 3em;
}
.search-row{
    margin-bottom:20px;    
}
.search-book{
    margin-bottom:10px; 
}
.search-didi{
    margin:20px 30px 20px 0;
}
    .search-row > *:not(:last-child),.travelBook-createfilter > *:not(:last-child),.search-didi> *:not(:last-child),.search-book > *:not(:last-child){
        margin-right: 15px;
    }
.search-panel > div>*:not(:last-child),.search-row >div> *:not(:last-child),.travelBook-createfilter >div> *:not(:last-child),.search-didi> div>*:not(:last-child){
        margin-right: 10px;
    }

.search-panel > div>.k-checkbox{
    margin-right:0;
}
.search-panel > div>.k-checkbox-label{
    margin-right:10px;
}
    .search-panel >.widthnotcertainbutton.right-button,.search-row >.widthnotcertainbutton.right-button,.search-didi >.widthnotcertainbutton.right-button{
        margin-right: 0;
    }

.overlay {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10002;
    opacity: 0.5;
    background-color: #000;
    left: 0;
    position: fixed;
    top: 0;
}

#leftul {
    margin-top: 10px;
    overflow: hidden;
    /*width: 100%;*/
    display: inline;
}

#moremenudiv1, #moremenudiv2 {
    width: 90px;
}

#bufendiv {
    width: 90px;
}

#bufendiv, #moremenudiv1, #moremenudiv2 {
    margin-left: 10px;
    overflow: hidden;
}

#leftul li, #moremenu1 li, #moremenu2 li {
    cursor: pointer;
    padding: 5px 0 10px 0;
    float: left;
    height: 70.8px;
    position: relative;
    width: 90px;
}

    #leftul li div, #moremenu1 li div, #moremenu2 li div {
        height: 100%;
        position: absolute;
        width: 100%;
        /*padding: 5px 0;*/
    }

.leftulimg {
    display: block;
    height: 35px;
    margin: 7px auto 0;
    width: 35px;
    margin-bottom:10px;
}

#leftul li div p, #moremenu1 li div p, #moremenu2 li div p,.billmenudiv>p {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    
}

#watermenu {
    padding: 0;
    margin: 0 auto;
}

.k-resize-e, .k-resize-w {
    width: 0;
    right: 0;
    opacity: 1;
}

.k-window-title {
    padding-left: 10px;
    font-size:16px
}

#waterexpenseform {
    width: 100%;
}

div #markwindow {
    width: 100%;
}

.item-infotab, .booktab, .notwrite-infotab,.forbid-infotab ,.n_table_center{
    width: 100%;
    border-collapse: collapse;
}
#newAddressForm > .spendingOnWater-public-center .item-infotab tr td:nth-child(odd){
    width:13%;
}
#newAddressForm > .item-infotab tr td:nth-child(even){

}
    .item-infotab tr td:first-child, .notwrite-infotab tr td:first-child {
        width: 23%;
        /*padding-right: 10px;*/
        text-align:left;
    }
    .n_table_center tr td:first-child{
        width:23%;
        text-align:right;
    }
    .n_table_center tr td:nth-child(2){
        position:relative;
        width:50%;
    }
    .n_table_center tr td:nth-child(3){
        width:27%;
        padding-left: 10px;
    }
    .forbid-infotab tr td:first-child{
        width: 30%;       
    }
   
    .item-infotab tr:not(:last-child),.forbid-infotab tr:not(:last-child), .notwrite-infotab tr:not(:last-child), .n_table_center tr:not(:last-child) {
        border-bottom: 1px dashed #d2d2d2;
    }

    .item-infotab tr td, .notwrite-infotab tr td, .forbid-infotab tr td ,.n_table_center tr td{
        height: 44px;
    }
    
        .notwrite-infotab tr td span:first-child {

            margin-right:10px;
        }

.spendingOnWater-public-center {
    border: 1px solid #d2d2d2;
    height: auto;
    margin: 17px auto 0;
    /*width: 94%;*/
}

span.prompt {
    vertical-align: middle;
    color: red;
    margin-right: 5px;
}

.item-infotab tr td:nth-child(2) {
    width: 40%;
}

.item-infotab tr td:last-child {
    width: 25%;
    padding-left: 10px;
}

.notwrite-infotab tr td:last-child {
    width: 65%;
    padding-left: 10px;
}

.item-infotab .k-textbox, .item-infotab .k-datetimepicker,.item-infotab .k-datepicker, .item-infotab .k-dropdown {
    width: 100%;
}
/*系-组-职-edit页面*/
#ExpenseItemform2  .item-infotab  .k-textbox ,#addBaseDataForm .item-infotab  .k-textbox{
    width:auto;
}
.spendingOnWater-public-footer {
    overflow: hidden;
    width: 100%;
    height:48px;
    margin-bottom:10px;
}

#markwindow {
    padding: 0;
}

.spendingOnWater-public-footer button, .rightbottombutton {
    border-radius: 4px;
    display: block;
    float: right;
    height: 30px;
    /*margin: 18px 0 10px 0;*/
    margin-top: 18px;
}

.item-infotab td span img,.forbid-infotab td span img, .notwrite-infotab td span img, .applyfileinfotab td span img,.billElementImg {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

.tableimg {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

.item-infotab td:first-child > span:first-child, .notwrite-infotab td:first-child > span:first-child {
    margin-left: 10%;   
}
/*.item-infotab td:first-child {
     border:1px solid red;

}*/
.forbid-infotab td:first-child > span:first-child{
    margin-left:30px;
    margin-right:10px;
}
.item-infotab td:first-child > span:first-child{
    margin-right:10px;
}
.light-gray {
    background: #e8e8e8 none repeat scroll 0 0;
}

#leftul li:not(:last-child):hover {
    background: #e8e8e8;
    cursor: pointer;
}

ul.k-upload-files {
    overflow: hidden;
}

.k-upload-files li, #filediv li {
    float: left;
    background-color: transparent;
    border: none;
    margin: 5px 12px;
    width: 95px;
    height: 111px;
    /*text-align:center*/
}

.k-file {
    padding: 0 !important;
}

.k-upload-files li span:nth-child(2), .k-upload-files li span:nth-child(3), .k-upload-files li strong > span {
    display: none;
}

.k-filename {
    min-width: 0;
}

.k-upload-files li div {
    height: 72px;
}

.k-file .k-upload-status {
    position: absolute;
    right: 5px;
    top: 0;
    width: 16px;
    height: 19px;
}

    .k-file .k-upload-status button {
        margin: 0;
        position: absolute;
        right: -3px;
        top: -16px;
    }

.k-dropzone {
    text-align: center;
}

.k-upload-button {
    /*margin: 0 auto !important;*/
}
.k-upload{
    text-align:center;
}
.k-filename {
    min-width: 20px !important;
    max-width: 95px !important;
    display: inline-block;
    width: 80px;
    height: 37px;
  
    text-align: center;
    margin-left: 0 !important;
    overflow:hidden;
    text-overflow:ellipsis
}

.bill-p-click {
    background-color: #fff;
}

    .bill-p-click span {
        color: #277bcf;
    }


/*.k-tabstrip-wrapper {
    height: 100%;
}*/

.querytab {
    border-collapse: separate;
    border-spacing: 10px 0;
    float: left;
    margin: 12px 0;
}

.querybutton {
    margin: 12px 0;
    padding-left: 10px;
    float: left;
}


.k-button .k-image {
    height: 12px;
    margin-right: 5px;
    width: 12px;
    vertical-align: middle !important;
}


.gridmao {
    color: #2fa0ec;
    text-decoration: underline;
    cursor: pointer;
}

.gridmao_red {
    color: red;
    text-decoration: underline;
    cursor: pointer;
}

.gridmao_blue {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.gridmao_black {
    color: black;
    text-decoration: underline;
    cursor: pointer;
}

.upload-success, .wrong-pass, .info-pass {
    width: auto;
    min-width:200px;
    max-width:300px;
}

    .upload-success p, .wrong-pass p, .info-pass p {
        margin: 13px 20px 13px 15px;
        text-align: center;
            line-height:24px;
    }

        .upload-success p span {
            vertical-align: middle;
            color: #7ADA58;
            line-height:24px;
            margin-left:14px;
        }

        .wrong-pass p span, .info-pass p span {
            color: #DA5858;
            vertical-align: middle;
            line-height:24px;
            margin-left:14px;
        }

        .k-widget.k-notification.k-notification-info,.k-widget.k-notification.k-notification-upload-success{
            background-color:#F6F6F6;
            border-color:#F6F6F6
        }

/*.upload-success {
    background-color: #DBDBDB;
}

.wrong-pass {
    background-color: #ffcdd2;
}

.info-pass {
    background-color: #f2afaf;
}*/

    .upload-success img, .wrong-pass img, .info-pass img {
        width: 23px;
        height: 23px;
        vertical-align: middle;
        line-height:24px;
    }

.messagediv {
    width: 180px;
}
/*.lightlabel {
    color:darkgrey;
}
.lightlabelA{
     color:black;
     font-size:20px;
  
}
.lightlabelB{
     color:black;
     font-size:17px;
     border-color:black;
  
}*/
.businesstype-top {
    height: 36px;
    margin: 35px auto 30px;
    min-width: 780px !important;
    overflow: hidden;
    width: 96%;
}

.statusBar div img {
    vertical-align: middle;
}

.k-window-titlebar {
    background: #e6eff7 none repeat scroll 0 0 !important;
    height: 30px !important;
    line-height: 30px;
}

.k-tabstrip {
    border: none !important;
    background-color: transparent !important;
}

.fkbbutton {
    width: 88px;
    height: 30px;
    border-radius: 4px;
    line-height: 30px;
    background: #277BCF;
    color: #FFFFFF;
    cursor: pointer;
}

.widthnotcertainbutton,.k-button, .k-upload-button {
    padding: 0 16px;
    height: 30px;
    border-radius: 4px;
    line-height: 30px;
    cursor: pointer;
    margin-left: 10px;
}

    .widthnotcertainbutton:not([disabled]) {
        background: #277BCF;
        color: #FFFFFF;
    }

.right-button {
    float: right;
    margin-right: 0px;
    margin-left: 15px;
    margin-top: 6px;
}

.k-treeview-lines .k-top,
.k-treeview-lines .k-mid,
.k-treeview-lines .k-bot {
    background-image: url("../images/Budget/treeview-nodes.png");
    background-repeat: no-repeat;
    margin-left: -16px;
    padding-left: 16px;
}

.k-treeview-lines .k-item {
    background-image: url("../images/Budget/treeview-line.png");
    background-repeat: no-repeat;
}

.k-treeview-lines .k-last {
    background-image: none;
}

.k-treeview-lines .k-top {
    background-position: -91px 0;
}

.k-treeview-lines .k-bot {
    background-position: -69px -22px;
}

.k-treeview-lines .k-mid {
    background-position: -47px -44px;
}

.k-treeview-lines .k-last .k-top {
    background-position: -25px -66px;
}

.k-treeview-lines .k-group .k-last .k-bot {
    background-position: -69px -22px;
}

.k-treeview-lines .k-first {
    background-repeat: no-repeat;
    background-position: 0 16px;
}

.clear {
    clear: both;
}

.checktime {
    color: red;
    font-size: 16px;
}
/*****************首页的样式*******************/
.mainpagepack {
    background-color: #F2F2F2;
    width: 97%;
    width: -moz-calc(100% - 64px);
    width: -webkit-calc(100% - 64px);
    width: calc(100% - 64px);
    min-width:1280px;
    height: 95%;
    height: -moz-calc(100% - 58px);
    height: -ms-calc(100% - 58px);
    height: -webkit-calc(100% - 58px);
    height: calc(100% - 58px);
    padding: 29px 32px 29px 32px;
}

.mainpageleft_header {
    height: 48px;
    width: 100%;
    font-size: 0;
    border-bottom: 1px solid #E0E0E0;
}

    .mainpageleft_header > span {
        display: inline-block;
        height: 46px;
        width: 25%;
        font-size: 14px;
        text-align: center;
        line-height: 46px;
        cursor: pointer;
    }

.mainpageleft_select_header {
    border-bottom: 2px solid #277BCF;
    color: #277BCF;
}

.mainPage_left_content {
    /*position:absolute;*/
    height: 80px;
    width: 100%;
}

.bottomline {
    margin: 1px 0 1px 26px;
    border-bottom: 1px solid #E0E0E0;
}

.mainPage_left_icon {
    width: 48px;
    height: 80px;
    line-height: 80px;
    /*margin-left: 26px;*/
    float: left;
}

    .mainPage_left_icon img {
        width: 48px;
        height: 48px;
        vertical-align: middle;
    }

.notice_content {
    padding: 18px 20px 5px 5px;
    width: 77%;
    display: inline-block;
}

.notice_content_p1 {
    font-size:15px !important;
    color: #333333;
    margin-bottom: 5px;
}

.notice_content_p2 {
    color: #666666;
    font-size:12px;
    float:left;


}


    .notice_content_p2 span:last-child {
        float:left;
    }


.mainpageleft_content {
    height: -moz-calc(100% - 48px);
    height: -webkit-calc(100% - 48px);
    height: calc(100% - 48px);
   /*overflow: auto;*/
}
    .mainpageleft_content > div {
        height: 100%;
    }

.mainpageleft {
    float: left;
    height: 100%;
    width: 20%;    
    background-color: #FFFFFF;
    min-width:280px;
    overflow:hidden;
}

.mainpageright {
    float: left;
    height: 100%;
    width: 72%;
    width: -moz-calc(75% - 38px);
    width: -webkit-calc(75% - 38px);
    width: calc(75% - 38px);
    margin-left: 38px;
    background-color: #FFFFFF;
    overflow-x:auto;
}

/*改造首页新增css需要同步至USMain.css*/
.pagerContain {
    float: left;
    height: 100%;
    width: 72%;
    width: -moz-calc(75% - 38px);
    width: -webkit-calc(75% - 38px);
    width: calc(75% - 38px);
    margin-left: 24px;
    background-color:#F2F2F2;
    overflow-x:auto;
    
}
.pageer_mybudget {    
    width: 530px;
    /*width: -moz-calc(50% - 38.5px);
    width: -webkit-calc(50% - 38.5px);
    width: calc(65% - 38.5px);*/
    height:400px;
    float: left;
    background:#ffffff;
}

/*改造首页新增css需要同步至USMain.css*/
.mainpageright_top {
    padding-top: 11px;
}

.mainpageright_top_contention {
    margin: 0 38px 0 38px;
}

.mainpageright_bottom {
    width: -moz-calc(100% - 79px);
    width: -webkit-calc(100% - 79px);
    width: calc(100% - 38px);
    margin-top: 15px;
    padding-right:38px;
}

.mainpageright_top_search {
    text-align: right;
    width: -moz-calc(100% - 11px);
    width: -webkit-calc(100% - 11px);
    width: calc(100% - 11px);
    height: 22px;
    margin-right: 11px;
}

    .mainpageright_top_search img {
        width: 22px;
        height: 22px;
    }

.currency_p {
    text-align: center;
    font-size: 12px;
    color: #666666;    
    border-bottom: 1px solid #E0E0E0;
    overflow:auto
}

.mainpageright_top_todo_div {
    overflow: auto;
    font-size: 0;
}
.nonborder-listview{
    box-shadow:none;
    border:0;
    overflow:auto;
}
.todoicon {
    float: left;
    width: 180px;
    height: 107px;
    cursor: pointer;
    margin: 0 30px 20px 0;
}

.mainpageright_top_p_count {
    text-align: center;
    margin: 15px 0 5px 0;
}

    .mainpageright_top_p_count img {
        width: 35px;
        height: 35px;
        vertical-align: middle;
    }

    .mainpageright_top_p_count span {
        display: inline-block;
        color: #277BCF;
        font-size: 17px;
        vertical-align: middle;
    }

.mainpageright_top_p_name {
    text-align: center;
    color: #333333;
    font-size: 13px;
}

.mainpageright_top_p_amount {
    text-align: center;
    color: #666666;
    font-size: 13px;
    margin: 1px 0;
}

.mainpageright_myexpense {
    width: -moz-calc(50% - 19.5px);
    width: -webkit-calc(50% - 19.5px);
    width: calc(50% - 19.5px);
    height: 100%;
    float: left;
}

.statistical_time {   
    margin-top:12px;
}
@media (max-width:1335px){
    .statistical_time>span {
        font-size: 10px;
        color: #333333;
    }
    .expensechart {
    font-size:10px;
    height:-moz-calc(100% - 63px); 
    height: -webkit-calc(100% - 63px); 
    height: calc(100% - 63px);
    text-align: center;
    margin-top:5px;
    /*overflow:auto;*/   
}

#expensepiechart{
    /*margin:0 auto;
    height:100%;*/
   /*border:1px solid red;*/
}
#reimbursestatus{
    font-size:8px;
}
.budget_progressbar {
    height: -moz-calc(100% - 52px);
    height: -webkit-calc(100% - 52px);
    height: calc(100% - 52px);
    width: 100%;
    font-size:8px;
}
.budget_progressbar {
    margin-top: 50px;
    height: -moz-calc(100% - 52px);
    height: -webkit-calc(100% - 52px);
    height: calc(100% - 52px);
    width: 100%;
}

}
/*@media (min-width:1334px){*/
    .statistical_time>span {
        font-size: 10px;
        color: #333333;
    }
    .expensechart {
    font-size:10px;
    height:129px;/*-moz-calc(100% - 63px);*/  
    height:129px;/* -webkit-calc(100% - 63px);*/  
    height: 129px;/*calc(100% - 63px)*/  
    text-align: center;
    margin-top:5px;
    /*overflow:auto;*/   
}
.mainpageright_mybudget {
    width: 45%;
    width: -moz-calc(50% - 38.5px);
    width: -webkit-calc(50% - 38.5px);
    width: calc(50% - 38.5px);
    float: left;
    padding-left: 38px;

}   
.statistical_time .k-dropdown 
.statistical_datetimepicker {
    margin-top: 6px;
}
.wait_reimburse_expensebill {
    border: 1px solid #5EC8F7;
}

.wait_closereimburse_precash {
    border: 1px solid #089BFF;
}

.wait_pay_item {
    border: 1px solid #04B561;
}

.wait_settle_item {
    border: 1px solid #9479FC;
}

.wait_signrecieve_item {
    border: 1px solid #FB451F;
}
/*清除浮动*/
/*.filterbudgetdiv {
    overflow: auto; 
}*/

.mainpage_budget_button_selected {
    background-color: #38B9E9;
    color: #FFFFFF;
    border: 1px solid #38B9E9 !important;
}

.mainpage_budget_button_div {
    float: right;
    font-size: 0;
}

    .mainpage_budget_button_div span {
        cursor: pointer;
        text-align: center;
        border: 1px solid #CDCDCD;
        border-radius: 4px;
        font-size: 12px;
        display: inline-block;
    }

.currentcount {
    width: 71px;
    height: 28px;
    line-height: 28px;
    font-size:16px;
}

.budgetmonth {
    width: 56px;
    height: 28px;
    line-height: 28px;
}

.personbudget_date {
    float: left;
    height: 32px;
    line-height: 32px;
}

.budgetExpenseItem {
    font-size: 16px;
    color: #262626;
}

.expenseItemAmount {
    font-size: 12px;
    margin: 5px 0;
    overflow:auto;
}

    .expenseItemAmount span {
        font-size: 12px;
    }

.budgetAmount {
    margin-right: 63px;
}

.poll-results li {
    margin-bottom: 20px;
}

.mainpageright_myexpense_content {
    height: -moz-calc(100% - 30px);
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    width: 100%;
}

.budget_progressbar {
    margin-top: 20px;
    height: -moz-calc(100% - 52px);
    height: -webkit-calc(100% - 52px);
    height: calc(100% - 52px);
    /*overflow-y: auto;
    overflow-x: hidden;*/
    width: 100%;
}

.budgettonow {
    
    color: #666666;
}

.notodo_div {
    height: 129px;
    background: url('../images/MainPage/nodata.png') no-repeat center #FFFFFF;
}

.budget_progressbar_div {
    height: 6px;
    background-color: #ECECEC;
    border-radius: 4px;
    width:100%;
}

.budget_progressbar_ul li {
    margin-bottom: 10px;
}

.budgetrate {
    display:inline-block;
    float: right;
    font-size: 16px !important;
    margin-right: 10px;
}
.todofold{
    width:33px;
    height:10px;
    vertical-align:bottom;
}
.todoshowfoldicon{
    display:inline-block;
    height:24px;
    line-height:24px;
    
}
.bigmap{
     width:15px;
    height:15px;
    vertical-align:bottom;
   cursor:pointer;
}
.k-state-selected td a{
    color:#fff;
}
.enlargeimg{
    cursor:pointer;
    text-align:right;
    margin-top:20px;
    margin-right:50px;
}
.k-ff input.k-button{
    padding-top:0 !important;
}
.norightmargin{
    margin-right:0!important;
    /*padding:12px 15px;
    border: 1px solid #d8d8d8;
	border-radius: 6px;*/
}
.inline-block{
    display:inline-block;
    height:42px;
    line-height:42px;
    margin-right:15px
}
.searchPanel-marginRight,.searchPanel-marginRight>span{    
    margin-right:15px;
}
.block-button{
    display:inline-block;
    width:100%;
    height:30px;
   margin-bottom:15px
}
.k-grid-content{
    height:auto!important;
}

#allList .k-grid-content,#selectedList .k-grid-content{
    height:328px!important;
}

.approvenotionicon{
    width:18px;height:18px;vertical-align:top;margin-top:10px;margin-right:10px
}
.todo_operation_icon{
    width:18px;height:18px;float:right;margin-top:-10px;margin-right:-10px
   
}


.billMenuList{
    height:100%;
    width:100%;
}

.billMenuList .k-tabstrip-items{
    overflow-y:scroll;
}
.noticeradiodiv{
    float:left;
    height:80px;
    line-height:80px;
    margin-left:5px;
    /*display:none*/
}
.retractSecondMenuSpan{
    display:inline-block;
    width:calc(100% - 10px);
    text-align:right;padding-right:10px;
    height:30px;line-height:30px;
}
.expandSecondMenuSpan{        
    height:30px;line-height:30px;
}
.expandIcon{
    width:12px;height:12px;cursor:pointer;vertical-align:middle;
}
.mainpage_budget_button_selected{
    color:#fff;
    background-color:#38b9e9;
    border-color:#38b9e9!important;
}

 /*span.k-tooltip {
  position: absolute!important;
 top:2px;
  right:-142px
}
td>input:first-child + span.k-tooltip{ 
    position: absolute!important;
  top:2px; 
  right:-155px!important;
}
td>textarea + span.k-tooltip {
  position: absolute!important;
  top:-24px;
  right:0
}
td:last-child>input:first-child  + span.k-tooltip {
 position: absolute!important;
  top:-28px;
  right:0!important
}*/
.k-widget.k-tooltip-validation {
  border: 1px solid red!important;
  background-color: #FFF5F5!important;
  color: red!important;
}

/*.k-invalid{
    border:1px solid red;
}*/
.editableCell{
    width:100%
}
.k-grid-header table thead th{
    text-align:center !important;
}
.k-grid-content table td {
    /*text-align:center*/
}
.purStatus{
    border:1px solid #d2d2d2;border-top:none;background-color: #f5f5f5;
     min-width:875px;
}
.purStatus1{
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
    background-color: #f5f5f5;
    min-width:975px;
}
.centerGrid{
    /*text-align:center;*/
    margin:10px
}
.right{
    text-align:right!important;
}
.left{
     text-align:left
}
.center{
    text-align:center!important;
}
.k-footer-template{
    text-align:right
}
.textArea{
    width: 100%;
    height:80px!important;
    margin:7px 0
}
/* 红色字体 */
.red_font{
	font-family: "Microsoft Yahei";
	font-size: 14px;
    line-height:19px;
	/*margin-right:5px;
	margin-left:-10px;*/
	color:red;
}
/*清楚浮动  start*/
.clearfix:before, .clearfix:after {
     /*清除浮动*/
     content: "";
     display: block;
 }
.clearfix:after {
    clear: both;
}
/* 清除浮动样式 */
.clearfix {
    *zoom: 1; /*IE/7/6*/  /*兼容IE6下的写法*/
}
/*清楚浮动  end*/

.account_create{
    width:100%;
}
.both_align{
    width:100%;
    text-align:justify;
    text-align-last:justify;
    text-justify:inter-ideograph;
}
.account_create>table{
    border-spacing:0 10px;
    margin-left:10px;
}
.account_create>table>tbody>tr>td:nth-child(odd){
    width:30%;
    text-align:right;
}


/**/
.account_edit>table.new_debit_record{
    width:100%;
    border-spacing:0 10px;
}
.account_edit>table.new_debit_record>tbody>tr>td:nth-child(odd){
    width:9%;
    text-align:right;
}
.account_edit>table.new_debit_record>tbody>tr>td:nth-child(even){
    width:27%;
    position:relative;
}
.approve_remark{
    border-top:1px solid #d8d8d8;
    text-align:left;
    color:#666666;
    word-wrap: break-word;
    word-break:break-all;
    height:40px;
    overflow:auto;
    line-height: 20px;
}

/*费用报销 开支流水*/
#BillList>div{
    min-height:0 !important;
}



/*.applyinfotab {
    border-collapse: separate;
    border-spacing: 5px 5px;
    width: 100%;
}
.approvetab td input:not([class~=k-radio]) {
    border-width: 0 0 1px 0;
    width: 100%;
}
 .approvetab td .k-textbox {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-radius: 0;
}*/

.menu_hover_css{
    position: absolute;
    width: auto !important;
    height: auto !important; 
    z-index: 2;
    background-color: #E6EFF7;
    box-shadow: 0 0 5px #6C8195;
    color: #055FC6 !important;
}
.remarkhidden{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

.entityDropdown{
    width: 245px;
    margin-left: 10px;
}
.visible{
    visibility:visible
}
.hidden{
    visibility:hidden
}
.table_title_p {
        width: auto;
        font-family: "Microsoft YaHei";
        padding-left: 20px;
        height: 39px;
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #c5c5c5;
        background-color: #F5F5F5;
        font-size: 16px;
        line-height: 39px;
        color: #277BCF;
    }


/*部门/业务单据分组全选样式*/
.headFullSelect{
    padding:10px;height:30px
}
.fullWidthHeight{
    height:100%;width:100%
}
.outerListViewDiv{
    margin:10px;
    border:1px solid #E9E9E9;
    border-radius:6px;
    overflow:auto;
    display:flex;
    align-items:center;
    width:calc(100% - 22px);
    width:-webkit-calc(100% - 22px);
    position:relative;
}
.listViewLeftChildDiv{
    float:left;
    width:60px;
    position:absolute;
    height:100%;
    background:rgb(229,235,241);
    text-align:center
}
.groupFullSelect{
    position:absolute;
    top:50%;
    margin-left:-6px;
    margin-top:-6px;
}
.listViewRightChildDiv {
    float:left;
    border-left:1px solid #E9E9E9;
    width:calc(100% - 62px);
    width:-webkit-calc(100% - 62px)
}
.childrenListViewHeader{
    border-bottom:1px dashed #D9D9D9;
    height:48px;
    margin-left:60px;
    width:100%;
    line-height:48px;
    text-indent:10px
}
.childrenListViewDiv{
    border:none;
    overflow:auto;
    width:100%;
    margin-left:60px;
    text-indent:10px;
    padding:8px 0
}
.childrenListViewContent{
    float:left;
    margin:10px 0;
    width:-webkit-calc(20% - 20px);
    width:calc(20% - 20px);
}
.entityDropdown {
    width: 225px;
    background-color: transparent;
    background: rgba(0,0,0,0.20);
}