Body{
    background: #f5f7f9;
}
[v-cloak] {
    display: none;
}
#app{padding: 0px;}

.page-padding {
    padding: 10px;
}


.iframe-wrapper {
    border: none;
    left: 0px;
    right: 0px;
    top: 0;
    bottom: 0;
    overflow: auto;
}

/*compact Style*/
.compact-page .ivu-page-item{
    min-width: 28px;
    height: 28px;
    line-height: 26px;
}

.compact-page .ivu-page-prev {
    min-width: 28px;
    height: 28px;
    line-height: 26px;
    padding-top: 6px;
}

.compact-page .ivu-page-next {
    min-width: 28px;
    height: 28px;
    line-height: 26px;
    padding-top: 6px;
}

.compact-page .ivu-page-options-elevator > input {
    height: 28px;
}

.compact-table th {
    height: 26px;
    font-size: 12px;
    text-align: center;
}
.compact-table td {
    height: 24px;
    font-size: 12px;
}
.compact-table .ivu-table-cell {
    padding: 4px 6px;
}

.compact-table .ivu-table-row-highlight td,.ivu-table-stripe .ivu-table-body tr.ivu-table-row-highlight:nth-child(2n) td,.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-highlight:nth-child(2n) td,tr.ivu-table-row-highlight.ivu-table-row-hover td {
    background-color: #47c3f3
}

.compact-table .ivu-table-stripe .ivu-table-body tr.ivu-table-row-hover td,.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-hover td {
    background-color: #47CFFF
}

.compact-table-f14 th {
    height: 26px;
    font-size: 14px;
    text-align: center;
}

.compact-table-f14 .ivu-table-header thead tr th {
    padding: 0px 0;
}

.compact-table-f14 td {
    height: 24px;
    font-size: 14px;
}
.compact-table-f14 .ivu-table-cell {
    padding: 6px 6px;
}

.compact-table-f14 .ivu-table-row-highlight td,.ivu-table-stripe .ivu-table-body tr.ivu-table-row-highlight:nth-child(2n) td,.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-highlight:nth-child(2n) td,tr.ivu-table-row-highlight.ivu-table-row-hover td {
    background-color: #47c3f3
}

.compact-table-f14 .ivu-table-stripe .ivu-table-body tr.ivu-table-row-hover td,.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-hover td {
    background-color: #47CFFF
}

.dbMemoBtn {
    position: absolute; bottom: 4px; right: 4px;width:22px;height:22px;
}
.editgrid-table th {
    height: 30px;
    font-size: 14px;
}
.editgrid-table td {
    height: 30px;
    font-size: 14px;
}

.editgrid-table .ivu-table-header .ivu-table-cell {
    padding: 4px 4px;
    width: 100%;
    text-align: center;
}

.editgrid-table .ivu-table-body .ivu-table-cell {
    padding: 0px 0px;
}

.editgrid-table .ivu-table-body .ivu-table-cell .dbgrid-columnEh{
    padding: 2px 2px;
}

.editgrid-table .ivu-table-body .ivu-table-cell .dbgrid-text-cell{
    padding: 4px 4px;
}

.editgrid-table .ivu-table-summary .ivu-table-cell{
    padding: 4px 4px;
}

.editgrid-table .ivu-table-summary .ivu-table-cell>span{
    padding: 4px 4px;
}

.editgrid-table .ivu-table-cell .ivu-input{
    height: 24px;
    font-size: 14px;
}

.editgrid-table textarea.ivu-input {
    min-height: 24px;
}

.editgrid-table .ivu-table-cell .ivu-input-icon{
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.editgrid-table .ivu-table-cell .ivu-input-number{
    height: 24px;
    font-size: 14px;
}

.editgrid-table .ivu-table-cell .ivu-input-number-input{
    height: 24px;
}

.editgrid-table .ivu-table-cell .ivu-input-number-input-wrap{
    height: 24px;
}

.editgrid-table .ivu-table-cell .ivu-date-picker-editor .ivu-input-suffix {
    width: 24px;
}

.editgrid-table .ivu-table-cell .ivu-date-picker-editor .ivu-input-suffix .ivu-icon{
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.editgrid-table .ivu-table-row-highlight td,.ivu-table-stripe .ivu-table-body tr.ivu-table-row-highlight:nth-child(2n) td,.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-highlight:nth-child(2n) td,tr.ivu-table-row-highlight.ivu-table-row-hover td {
    background-color: #47c3f3
}

.editgrid-table .ivu-table-stripe .ivu-table-body tr.ivu-table-row-hover td,.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-hover td {
    background-color: #47CFFF
}

.editgrid-table:focus{
    border: thin solid white;
}

/*fixed with summary full height */
.ivu-table-with-summary .ivu-table-tbody tr:last-child td{
    border-bottom:1px solid #e8eaec
}

/*faster ani*/
.fade-appear,.fade-enter-active {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
}

.fade-leave-active {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
}

.ease-appear,.ease-enter-active {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
}

.ease-leave-active {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
}

.ease-appear,.ease-enter-active {
    -webkit-animation-duration: .1s;
    animation-duration: .1s
}

.ease-leave-active {
    -webkit-animation-duration: .1s;
    animation-duration: .1s
}

.ivu-select-item {
    -webkit-transition: background .1s ease-in-out;
    transition: background .1s ease-in-out
}

/*iView Patch -- Target IE 10+  */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*修正Input偏下*/
    .ivu-input {
        padding-top: 2px;
    }

    /*修正 CheckBox 只显示一点*/
    .ivu-checkbox-input {
        opacity: 1;
    }

    input[type=checkbox]::-ms-check {
        border-color: #dcdee2;
        color: #2d8cf0;
    }

    input[type=checkbox]:checked::-ms-check {
        border-color: #2d8cf0;
        background-color: #2d8cf0;
        color: #ffffff;
    }
}

.toolbar{
    background-color: #FFFFFF;
    height: 40px;
    line-height:40px;
    padding-left: 4px;
    padding-right: 4px;
    border-bottom: 1px #EEEEEE solid ;
    overflow:hidden;
}

.toolbar-imgtop-button{
    height:44px;
    line-height:30px;
    padding: 2px 4px;
    /*background-color: #fcfcfc;*/
}

.imgtop-button{
    font-size:12px;
}

.imgtop-button:hover{
    border-color: #9bcdf3;
}

.imgtop-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.img-button{
    padding-left:6px;
    padding-right:6px;
}

.toolbar .img-button:hover{
    border-color: #9bcdf3;
}

.toolbar .img-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}


.toolbar .ivu-btn.disabled,.ivu-btn[disabled] {
    cursor: default;
}

.toolbar .left{
    float: left;
    padding-left: 4px;
    vertical-align: middle;
}

.toolbar .center {
    width: 100%;
    float: left;
    margin: 0;
    text-align:center;
    vertical-align: middle;
}

.toolbar .title {
    font-size: 16px;
    font-weight: 500;
}

.toolbar .right{
    right:4px;
    z-index:3;
    vertical-align: middle;
    text-align: right;
    float:right;
}

.toolbar .left+.center{
    margin-top:-40px;
}

.toolbar .left+.center+.right{
    margin-top:-40px;
}

.toolbar .ivu-btn{
    /* padding: 2px 8px 2px 8px;*/
    padding-left:6px;
    padding-right:6px;
    height:28px;
}

.toolbar .ivu-btn-text >span{
    vertical-align: 1px;
}

.foot-toolbar{
    background-color: #FFFFFF;
    width: 100%;
    height: 38px;
    padding-left: 4px;
    padding-right: 4px;
    border-top: 1px #EEEEEE solid ;
    overflow:auto;
    padding-top: 4px;
}

.foot-toolbar .ivu-btn{
    padding-left:6px;
    padding-right:6px;
}

.nwftoolbar .ivu-btn-text:focus{/*.ivu-btn:focus*/
    -webkit-box-shadow:none;
    box-shadow:none;
}
.toolbar-btn  {
    padding:0 4px;
}

.toolbar-btn .ivu-icon , .foot-toolbar .ivu-icon {
    font-size: 20px;
}

.toolbar-btn >span{
    vertical-align: 1.5px;
}

.ivu-btn>.ivu-icon {
    line-height: 22px;
}

.ivu-btn>.ivu-icon+span, .ivu-btn>span+.ivu-icon {
    margin-left: 2px;
}

.ivu-icon-img {
    display: inline-block;
    vertical-align: -3px;
    text-align: center;
}

.card-panel .ivu-card-body{
    padding:0px;
}

.scroll-panel{
    width: 100%;
    height: 100%;
    overflow: auto;
}

.iframe-modal-page .ivu-modal-body{
    top: 38px;
    padding: 0px 2px 2px 2px;
}

.tab-iframe-modal-page .ivu-modal{
    top: 46px;
}

.tab-iframe-modal-page .ivu-modal-fullscreen{
    top: 0;
}

.ivu-modal-header{
    padding: 8px 16px;
}

.ivu-modal-close{
    top:2px;
}

.nofooter-modal-page .ivu-modal-body{
    /*padding: 8px;*/
    padding: 0px 8px 4px 8px;
}

.toolbar-nofooter-modal-page .ivu-modal-body{
    padding: 0px 8px 4px 8px;
}

.textarea {
    resize: none;
}

.small-input .ivu-input{
    height: 26px;
    margin-top: 2px;
}

.small-input .ivu-select-selection{
    height: 28px;
    margin-top: 2px;
}

.small-label{
    line-height:28px;
}

.small-btn .ivu-btn{
    padding: 4px 4px 4px 4px;
    line-height: 16px;
}

.tree-panel{
    padding: 0px 8px;
    border: 1px solid #dcdee2;
    border-radius: 0px;
}

.cell{
    padding:0px 2px;
}

.cell-center{
    padding:0px 2px;
    text-align:center;
}

.link-url:hover{
    cursor: pointer;
    text-decoration:underline;
}

::-webkit-file-upload-button {
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: color .2s linear,background-color .2s linear,border .2s linear,-webkit-box-shadow .2s linear;
    transition: color .2s linear,background-color .2s linear,border .2s linear,-webkit-box-shadow .2s linear;
    transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;
    transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear,-webkit-box-shadow .2s linear;
    color: #fff;
    background-color: #2db7f5;
    border-color: #2db7f5;
    line-height: 28px;
}

.file-input:focus {
    outline-color: rgba(47,185,245,0.2);
}

.modal-header-btn .ivu-icon {
    font-size: 18px;
}

.pageinfo-bar{
    margin:2px 10px;
    max-height: 36px;
    overflow: hidden;
}

.pageinfo-tip{
    font-size: 14px;
    line-height:32px;
}


.floatInput .ivu-input-number-input{
    text-align: right;
}

.floatInput .ivu-input-number-handler-wrap {
    display: none;
}

.input-left .ivu-input-default{
    text-align: left;
}

.input-center .ivu-input-default{
    text-align: center;
}

.input-right .ivu-input-default{
    text-align: right;
}

.ivu-input-icon-normal:hover{
    color: #2db7f5;
    cursor: pointer;
}

.ivu-picker-panel-icon-btn{
    padding-top: 6px;
}

.ivu-table-fixed, .ivu-table-fixed-right {
    box-shadow: 0px 0 6px -2px rgba(0,0,0,0.4);
}

.font-song{
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "simsun", 新宋体, Arial, sans-serif;
}

.card-box{
    border-radius: 4px;
    border: 1px solid #dcdee2;
    border-color: #e8eaec;
}

.card-box:hover {
    border-color: #57a3f3
}

.card-box:focus {
    border-color: #57a3f3;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(45,140,240,.2);
    box-shadow: 0 0 0 2px rgba(45,140,240,.2)
}
.navTreePrevConditionDiv label{
    width:100%;
    height: 20px;
    padding-left: 6px;
    display: inline-block;
}

.vertical-center-modal{
    display: flex;
    align-items: center;
    justify-content: center;
}

.vertical-center-modal .ivu-modal{
    top: 0;
}

.ivu-drawer-body{
    padding: 2px;
}

.smalltoolbar{
    background-color: #FFFFFF;
    height: 40px;
    line-height:40px;
    padding-left: 2px;
    padding-right: 2px;
    border-bottom: 1px #EEEEEE solid ;
    overflow:hidden;
}

.smalltoolbar .left{
    float: left;
    padding-left: 0px;
    vertical-align: middle;
}

.smalltoolbar .right{
    right:0px;
    z-index:3;
    vertical-align: middle;
    text-align: right;
    float:right;
}
.smalltoolbar .toolbar-imgtop-button{
    height:44px;
    line-height:30px;
    padding: 2px 2px;
    background-color: #fcfcfc;
}

.dj-drawer .ivu-drawer{
    top: 44px;
}

.HideCzNavTreeSpliter .ivu-split-trigger-con {display:none;}
.HideCzNavTreeSpliter .ivu-split-trigger {width:0;}


.grid-dropMenu {
    background-color:rgba(45, 140, 240,0.5);
    border-color:rgba(45, 140, 240,0.1);
}

.grid-dropMenu:hover {
    background-color:rgba(45, 140, 240,0.8);
    border-color:rgba(45, 140, 240,0.8);
}

.grid-dropMenu2 {
    background-color:rgba(25, 190, 107,0.5);
    border-color:rgba(25, 190, 107,0.1);
}
.grid-dropMenu2:hover {
    background-color:rgba(25, 190, 107,0.8);
    border-color:rgba(25, 190, 107,0.8);
}
.grid-dropMenu3 {
    background-color:rgba(255, 173, 51,0.5);
    border-color:rgba(255, 173, 51,0.1);
}

.grid-dropMenu3:hover {
    background-color:rgba(255, 173, 51,0.8);
    border-color:rgba(255, 173, 51,0.8);
}
.bfstMenuIcon .ivu-btn[disabled]{
    background-color:#ddd;
    /*border-color:rgba(25, 190, 107,0.8);*/
}

.clientSetupPage .ivu-checkbox-wrapper{
    line-height: 24px;
}

.clientSetupPage .ivu-checkbox-wrapper .ivu-checkbox{
    margin-top: -3px;
}

.clientSetupPage .ivu-divider-horizontal.ivu-divider-with-text-left {
    margin: 10px 0 16px 0;
}


/*菜单树 CSS 节点*/
.ivu-menu-vertical .ivu-menu-item, .ivu-menu-vertical .ivu-menu-submenu-title {
    padding: 10px 24px;
}

/* 单据编辑控件边框颜色样式 */
.djPage .ivu-input,
.djPage div.ivu-input-number,
.djPage .card-box{
    border-color:#ccc!important;
}

/* 表格列头 3d flat style*/
.ivu-table-border th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.editgrid-table .ivu-table-summary td {
    border-top: 1px solid #ccc;
}