/*ys-tip*/
.ys-tip {
    position: relative;
    padding-left: 36px;
    padding-right: 15px;
    color: #333;
}

/*ys-page*/
.ys-page{
    padding: 20px;
    min-height: calc( 100vh - 36px)!important;
    background-color: #ecf1f5;
}

.ys-page>.ys-block{
    padding:20px;
    background-color:#fff;
}
.ys-page>.ys-block-toggle{
    padding:0 20px;
}

.ys-page>.ys-nav{
    padding:0;
    padding-bottom:15px;
}

.ys-page>.ys-block.col-xs-2,
.ys-page>.ys-block.ys-block-left{
    padding-right:15px;
}
.ys-page>.ys-block.col-xs-10,
.ys-page>.ys-block.ys-block-right{
    padding-left:15px;
}

/*.ys-page-header-fixed .ys-page-header*/
.ys-page-header-fixed{
    padding-top:40px;
}
.ys-page-header{
    width:100%;
    height:40px;
    overflow: hidden;
    background-color:#ecf1f5;
}
.ys-page-header-fixed .ys-page-header{
    position:fixed;
    top:36px;
    z-index:99;
}
.ys-page-header .breadcrumb{
    background: none;
    margin-bottom:0;
    padding:10px 0;
}
.ys-page-header .breadcrumb>li{
    line-height:20px;
}

.ys-page-header .breadcrumb>li+li:before{
    top:0;
}

.ys-page-header .breadcrumb>li a{
    color:#333;
}
.ys-page-header .breadcrumb>li a:hover{
    color:#32aaff;
}
/*ys-block*/
.ys-block{
    padding:20px;
}
.ys-page > .ys-block-header{
    padding-bottom:0;
}
.ys-page > .ys-block-header+.ys-block{
    padding-top:0;
}
.ys-page > .ys-block .ys-section-header{
    padding-bottom:15px;
}
.ys-block .ys-block-title{
    padding:0;
}
.ys-block-title>h3{
    font-size:20px;
}

.ys-block-title .ys-btn-wrapper{padding:0;}

.ys-section{

}
.ys-section-paginator{
    padding:20px 0;
}

/*ys-btn*/
/*.btn-default.active,*/
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e4ebf1;
    border-color: #dae1e7;
}

.ys-text-btn.ys-text-btn-search{
    position: relative;
    padding-left:0;
    padding-right:18px;
}
/*ys-icon*/
.ys-icon{}

.ys-icon-search{

}

.ys-icon-toggle{
    background-position: -594px -242px;
}

.ys-text-btn.ys-text-btn-search>em.ys-icon-toggle {
    position: absolute;
    margin-top:-6px;
    width: 12px;
    height: 12px;
    top: 50%;
    left: inherit;
    right:0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);

    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;

    -webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -ms-transition: transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
}

.ys-text-btn.ys-text-btn-search[aria-expanded="true"]>em.ys-icon-toggle{
    -webkit-transform:  rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform:  rotate(180deg);
    transform: rotate(180deg);
}
.ys-text-btn.ys-text-btn-search.collapsed>em.ys-icon-toggle,
.ys-text-btn.ys-text-btn-search[aria-expanded="false"]>em.ys-icon-toggle{
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

/*.ys-toolbar-fixed .ys-toolbar*/
.ys-toolbar{
    padding: 20px 0;
}
.ys-toolbar>label{
    line-height: 28px;
    font-weight:normal;
    margin-left:12px;
    margin-bottom:0;
    font-size:14px;
    color:#7e8c9e;
}
.ys-toolbar>label:nth-child(1){
    margin-left:0;
}
.ys-toolbar>label+div{
    margin-left:10px;
}
.ys-toolbar .ys-search-wrapper{
    width:inherit;
}
.ys-toolbar .ys-btn-wrapper{
    margin-left:0;
    padding:0;
}

.ys-toolbar>div+div{
    margin-left:10px;
}
.ys-btn-wrapper .ys-btn+.ys-btn,
.ys-btn-wrapper .ys-btn+.ys-text-btn{
    margin-left:10px;
}

.ys-toolbar .ys-cell-wrapper{}
.ys-toolbar .ys-cell-wrapper>label {
    display: inline-block;
    position: relative;
    margin-right:0;

    margin-bottom: 0;
    width: inherit;
    text-align: left;
    font-weight: normal;
    color: #757575;
}
.ys-toolbar .ys-cell-wrapper-auto-width{
    width:inherit;
    max-width: inherit;
}
.ys-toolbar .ys-cell-wrapper>.ys-span-wrapper{
    position: relative;
    padding-left: 0;
    width:inherit;
    border:0;
}
.ys-toolbar .ys-cell-wrapper>.ys-span-wrapper>.input-addon{
    padding:4px 0;
    height:28px;
}
/*.ys-toolbar-fixed{
    padding-top:40px;
}
.ys-toolbar{
    width:100%;
    height:40px;
    overflow: hidden;
    background-color:#ecf1f5;
}
.ys-toolbar-fixed .ys-toolbar{
    position:fixed;
    top:36px;
    z-index:99;
}
.ys-toolbar .breadcrumb{
    background: none;
    margin-bottom:0;
    padding:10px 0;
}
.ys-toolbar .breadcrumb>li{
    line-height:20px;
}

.ys-toolbar .breadcrumb>li+li:before{
    top:0;
}*/


/**/
.ys-block-toggle{

}
.ys-block-toggle #js-section-right{
    border-left: solid 1px #ddd;
}
#js-section-left{
    width:20%;
    padding-top:20px;

    /*-webkit-transition: width .2s;
    -moz-transition: width .2s;
    -ms-transition: width .2s;
    -o-transition: width .2s;
    transition: width .2s;*/
}

#js-section-right{
    position: relative;
    padding-right:0;
    padding-top:0;
    width:80%;

    /* -webkit-transition: width .2s;
     -moz-transition: width .2s;
     -ms-transition: width .2s;
     -o-transition: width .2s;
     transition: width .2s;*/
}

.shrink  #js-section-left{
    display: none;
    width:0;
    padding:0;
    opacity:0;

}
.shrink #js-section-right{
    width:100%;
}

#js-section-right .ys-toggle-btn{
    display: block;
    position: absolute;
    top:50%;
    left: -8px;
    width: 8px;
    height: 48px;
    background-image: url(../../images/icon.png);
    background-position: -268px -466px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    cursor:pointer;

}
#js-section-right .ys-toggle-btn:hover{
    background-position:-295px -466px ;
}

.shrink #js-section-right .ys-toggle-btn{
    background-position: -211px -466px;
}

.shrink #js-section-right .ys-toggle-btn:hover{
    background-position: -239px -466px;
}


/*.ys-table-wrapper-swiper*/
.ys-table-wrapper-swiper .ys-table-static{
    z-index:9;
}
.ys-table-wrapper-swiper .ys-table-static .table{border-right: solid 1px #dae1e7;}


/*#collapse-search*/

#collapse-search {
   /* padding:0;
    border: 0;*/
    padding:0 15px!important;
    border: solid 4px  #808C92;

}

#collapse-search .ys-section-content{
    padding-top:0;
    padding-bottom:0;
 }

#collapse-search .form-group {
    margin-bottom: 0;
    float:left;
}
#collapse-search .form-group+.form-group{
    margin-left:10px;
}


#collapse-search .control-label {
    float: left;

    margin-right: 6px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;

    height: 28px;
    line-height: 28px;
    color: #757575;
    font-weight: normal;
}

#collapse-search .form-group>div{
    float:left;
    /*width: 160px;*/
}

#collapse-search .form-group .btn,
#collapse-search .form-group input {
    padding: 0 10px;
    width: 100%;
    height: 28px;
    line-height: 26px;

    text-align: left;
    border-radius: 0;
    border: solid 1px #e1e1e1;
    box-shadow: none;
}

#collapse-search .form-group .btn:focus,
#collapse-search .form-group input:focus {
    border-bottom: solid 2px #2d7ae4;
}

#collapse-search .form-group .btn>.caret {
    /*position: relative;
    float: right;
    top: 10px;*/
    position: absolute;
}

/*todo:这里的高级搜索暂时按照印力统一标准*/
#collapse-search .form-group{
    margin-bottom:15px;
}
#collapse-search .form-group+.form-group{
    margin-left:0;
}

#collapse-search .control-label.col-xs-2{
    margin-right:0;
}
#collapse-search .form-group>div.co-xs-10{
    width:83.33333333%;
}
#collapse-search .ys-section-content{
    padding: 20px 0;
}

/*==========ys-pagination==========*/
.ys-pagination-wrapper{

}
.ys-pagination{

}
.ys-pagination .btn-wrapper{}
.ys-pagination .btn-wrapper>span{
    display: block;
    float:left;
    line-height: 28px;
}

.ys-pagination .btn-wrapper>.btn-group{
    float:left;
}
.ys-pagination .btn-wrapper>.btn-paginator-go{
    float:left;
}
.ys-pagination .btn-group .btn {
    /* min-width: 50px; */
    min-width: inherit;
    width: 28px;
   /* padding: 0;
    color: #999;*/
}
.ys-pagination .ys-btn-group .btn.btn-paginator-next,
.ys-pagination .btn-group .btn.btn-paginator-next{
    float:right;
}
.ys-pagination .btn-group>.page-num-input,
.ys-page-num-input{
    width: 50px;
    height: 28px;
    line-height: 26px;
    border: solid 1px #d8e0e7;
    text-align: center;
    /*margin-left: -4px;
    margin-right: 10px;*/
    float:left;
    margin-left:6px;
    margin-right:6px;

}

.ys-pagination .ys-dropdown>button{
    min-width: inherit;
    width: 60px;
}


/*.ys-pagination .btn-group .btn*/
.ys-pagination .btn-group .btn{
    width:28px;
}
.ys-pagination .btn-paginator, .ys-pagination .btn-group>.btn-paginator{
    height: 28px;
    line-height: 26px;
}

/*ys-cell-wrapper*/
.ys-cell-wrapper {
    height: 28px;
    min-height: 28px;
    line-height: 28px;
}
.ys-cell-wrapper>label{
    float:left;
    margin-right:10px;
    color:#7e8c9e;
}
.ys-cell-wrapper>div {
    height: 28px;
    width:inherit;
    min-width: 160px;
    border: solid 1px #dae1e7;
    color: #222;
}
.ys-cell-wrapper>div.ys-textarea-wrapper{
    width:100%;
}

.ys-cell-wrapper .ys-text-btn {
    margin-left: 0;
    padding: 0;
    padding-right:10px;
    padding-left:10px;
    width: 100%;
    line-height:26px;
    text-align: left;
    border: 0;
    background-color: transparent;
}
.ys-cell-wrapper .dropdown-toggle{
    padding-right:20px;
}
.dropdown button .caret{
    right: 8px;
    margin-top:0;

    width: 12px;
    height: 12px;

    background-image: url(../../images/icon.png);
    background-position: -594px -242px;
    background-repeat: no-repeat;
    border: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ys-cell-wrapper .dropdown-menu {

   /* right: 0;
    left: auto;
    z-index: 2999;*/
    right: inherit;
    left: 0;
    z-index: 999;

}

.ys-search-wrapper {
    position: relative;
    margin-left: 10px;
    padding: 0;
    width: 260px;
    height: 28px;
    line-height: 26px;
}

.ys-search-wrapper:before{

    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 8px;
    margin-top: -8px;
    z-index: 9;
    display: block;
    content: "";
    background-image: url(../../images/icon.png);
    background-position: -117px -31px;

}

.ys-search-wrapper input{
    padding: 0 10px;
    Padding-left: 22px;
    height: 28px;
    border: solid 1px #dae1e7;
}



.ys-search-wrapper .input-group>.form-control {
    padding: 0 12px;
    padding-left: 25px;
    height:28px;
    line-height: 26px;

    color: #555;
    background-color: #fff;
    background-image: none;
    font-size: 14px;
    border-radius: 0;
    border: solid 1px #dae1e7;
    box-shadow: none;
}
.tab-head-wrapper{
    padding: 6px 0;
}
.tab-head-wrapper ul.ys-single-filter-list{

}

.tab-head-wrapper ul.ys-single-filter-list>li {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #757575;
    cursor: pointer;
}

.tab-head-wrapper ul.ys-single-filter-list>li+li{
    margin-right:0;
    padding-right:0;
}

.ys-block-content{

}
.ys-block-content .ys-section{
    padding:0;
}

.ys-table>tbody>tr>th, .ys-table>tbody>tr>td, .ys-table>tfoot>tr>th, .ys-table>tfoot>tr>td{
    /*padding: 3px 15px;*/
    padding:0;
    overflow: visible;
}
.ys-table>thead>tr>th {
    padding: 8px 10px;
    background: #f3f4f8 !important;
    border-bottom: 0 !important;
    color:#7e8c9e;
    font-weight: normal;
}
.ys-table.table-no-bordered>tbody>tr>th,
.ys-table.table-no-bordered>tbody>tr>td,
.ys-table.table-no-bordered>tfoot>tr>th,
.ys-table.table-no-bordered>tfoot>tr>td{
    padding-left:10px;
}
.ys-table .ys-cell-wrapper{
    padding-left:180px;
    height:34px;
    line-height: 34px;
}

.ys-table .ys-cell-wrapper>div {
    padding-right: 10px;
    height: 34px;
    color: #222;
    border: 0;
}

.ys-table .ys-cell-wrapper>div.ys-span-wrapper{
    padding-right: 10px;
    padding-left:10px;
    height: 34px;
    border: 0;

    width:100%;
}

.ys-table .ys-cell-wrapper>div.ys-input-wrapper{
    width:100%;
}

.ys-table-cell .ys-cell-wrapper>div.dropdown{
    width:100%;
}
.ys-table-cell .ys-cell-wrapper .dropdown-toggle{
    padding-right: 30px;
    text-align: right;
}

.ys-table-cell  .ys-cell-wrapper .dropdown-menu {
    right: 0;
    left: inherit;
    z-index: 999;
}



.ys-cell-wrapper>div.ys-textarea-wrapper{
    margin-top:0;
    height: 80px!important;
}

.ys-table .ys-cell-wrapper label{
    padding-left:10px;
    width: 180px;
    border-right:solid 1px #dfe5e9;
    color:#7e8c9e;
    background-color:#f8faf9;

}



.ys-table .input-addon label{
    padding-left:10px;
    width: inherit;
    border-right:0;
    color:#7e8c9e;
    background-color:inherit;

}



.ys-table .input-addon label{

    width: inherit;
    margin-left: 10px;
}
/*.ys-panel*/
.panel-group .ys-panel{

}
.panel-group .panel+.panel{
    margin-top:15px;
}
.panel-body>.panel-heading,
.ys-panel>.panel-heading {
    position: relative;
    padding: 0;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    color: #333;
    background-color: #f8faf9;
    border:solid 1px #dfe5e9;
    border-left: solid 2px #2d7ae4;
    border-radius: 0;
}
.ys-panel>.panel-heading .panel-title>a:after{
    border-left:0;
}
.ys-panel>.panel-heading .panel-title>a.collapsed:after {
    border-left: 0;
    border-right: 0;
}
.panel-body>.panel-heading{
    border:0;
}

.ys-panel>.panel-heading+.panel-collapse{
    margin-top:-1px;
}
/*.panel-group*/
.panel-group{
    margin-bottom:0;
}

.ys-section-header h3,
.ys-block-title h3{
    height: 28px;
    line-height: 28px;
    font-weight:normal;
    font-size: 20px;

}
.ys-section-header h3 .sub-title,
.ys-block-title h3 .sub-title{
    margin-left:15px;
    font-size:14px;
    display: inline-block;
}
/*ys-table*/
.ys-table {
    table-layout: fixed;
    margin-bottom: 0;
}
.ys-table>tbody{

}
.ys-table.table-bordered>tbody>tr>th,
.ys-table.table-bordered>tbody>tr>td{
    padding:5px 10px;
    border-right: solid 1px #dfe5e9;
    color: #7e8c9e;
}
/*todo: ys-table-cell*/
.ys-table-cell{

}
.ys-table-cell>tbody>tr>th,
.ys-table-cell>tbody>tr>td
{
    padding:0!important;
}

.ys-table>tbody>tr>th{
    background-color:#f8faf9;
}
.ys-table-cell .ys-cell-wrapper{
    height:100%;
    position:relative;
}

.ys-table-cell .ys-cell-wrapper>label{
    height:100%;
}

.ys-table-cell .ys-cell-wrapper>label[required]:after{
   display: none;
}


.ys-table-cell .ys-cell-wrapper>label[required]+div:after{
    position: absolute;
    width:5px;
    height:5px;
    border-top:solid 5px #DC1A1A;
    border-left:solid 5px transparent;
    top:0;
    right:0;
    content:" ";
}

.ys-table-cell .ys-input-wrapper input {
    padding-left: 10px;
}

.ys-table-cell .ys-input-wrapper span.span-format,
.ys-table-cell .ys-input-wrapper span.number-format{
    padding-left:10px;
}

.ys-block .ys-block-title + .ys-toolbar{
    padding-top:10px;
}

.ys-block .ys-toolbar ~ .ys-block-content .ys-section-content{
    padding-top:0;
}


/*todo: collapse-search*/
#collapse-search .ys-input-wrapper span.span-format,
#collapse-search .ys-input-wrapper span.number-format {
    height:28px;
    line-height: 26px;
    text-align: left;
    border-radius: 0;
    border: solid 1px #e1e1e1;
}

#collapse-search  .ys-range-wrapper{

}
#collapse-search  .ys-range-wrapper>div{
    min-width: inherit;
    width: 46% !important;
    float:left;
}

#collapse-search  .ys-range-wrapper label{
    position:relative;
    float:left;
    width:8% !important;
    margin: 0 !important;
    text-align: center;
}
#collapse-search  .ys-cell-wrapper .ys-date-picker-wrapper{
    width:100%;
}
#collapse-search .ys-range-wrapper input,
#collapse-search .ys-cell-wrapper .ys-date-picker-wrapper input{
    border:0;
    /*height:24px;*/
    height:27px;
}

#collapse-search .ys-cell-wrapper .ys-date-picker-wrapper input{
    border:0;
    height:24px;
}

#collapse-search .ys-input-wrapper span.span-format,
#collapse-search .ys-input-wrapper span.number-format{
    border:0;
}


.ys-btn{
    height: 28px;
    line-height: 26px;
    color:#333;
    /*border-radius:3px;*/
    background-color:#fff;
    border:solid 1px #d1d6da;
}
.ys-btn:hover{
    background-color:#f3f4f8;
}
.ys-btn-blue{

}

/*panel-title*/

.ys-panel>.panel-heading .panel-title>a,
.ys-panel>.panel-heading .panel-title>span{
    padding: 6px 15px;
    width: 100%;
    height: 40px;
    line-height: 28px;
}

/*ul.ys-single-filter-list*/
.ys-block-title  ul.ys-single-filter-list{
    list-style: none;
}
.ys-block-title ul.ys-single-filter-list>li{
    display:inline-block;
    position:relative;
    margin-right:10px;
    padding-right:10px;
    height:20px;
    line-height:20px;
    font-size:14px;
    color:#757575;
    cursor:pointer;
}
.ys-block-title ul.ys-single-filter-list>li:hover,
.ys-block-title ul.ys-single-filter-list>li.active{
    color:#2d7ae4;
}
.ys-block-title  ul.ys-single-filter-list>li:after{
    display: block;
    position:absolute;
    right:0;
    top:50%;
    width:1px;
    height:12px;
    margin-top:-6px;
    border:0;
    background-color:#757575;
    content:" ";
}
.ys-block-title ul.ys-single-filter-list>li:nth-last-child(1):after{
    display:none;
}

.add-treeview li{
    padding: 0px 5px 0px 20px;
    color: #333;
    font-size: 12px;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
}
.add-treeview li:hover{
    background-color: transparent;
    color: #2d7ae4;
}