/*==========ys-dropdown==========*/
.ys-dropdown{
}
.ys-dropdown .ys-dropdown-btn{
    position: relative;
    display: block;
    min-width:88px;
    width:100%;
    height: 32px;
    line-height: 30px;
    border: 1px solid #dbdede;
    padding: 0 20px;
    padding-left:10px;
    padding-right:33px;
    border-radius:0;
    text-decoration: none;
    text-align: left;
    outline-style: none;
    box-shadow: none;
    cursor: pointer;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ys-dropdown.error .ys-dropdown-btn{
    border-color:#e64e4d;
}

.ys-dropdown .open .ys-dropdown-btn{
    color: #333;
    background-color: #f3f4f8;
}
.ys-dropdown .ys-dropdown-btn:hover,
.ys-dropdown.ys-open .ys-dropdown-btn {
   /* background-color: #e64e4d;
    color: #fff;
    border-color: #e64e4d;*/

}
.ys-dropdown .ys-dropdown-btn:focus{
    outline: 4px solid #91c0f1;
}

.ys-dropdown .ys-dropdown-btn:after {
    position: absolute;
    right: 10px;
    top: 50%;
    margin: 0;
    margin-top:-4px;
    width: 13px;
    height: 8px;

    background: url(../../images/component/select-black-down-icon.png) no-repeat;
    background-size: contain;
    content: "";
}

.ys-dropdown .ys-dropdown-btn:hover:after,
.ys-dropdown.ys-open .ys-dropdown-btn:after {
    border-color: #fff;
}

.ys-dropdown ul.ys-dropdown-menu{

}

/*input－group下 ys-dropdown btn 100%*/
.input-group.ys-dropdown >.btn{position:relative;padding-right:20px;width:100%;text-align: left;}
.input-group.ys-dropdown >.btn>span{position: absolute;top:50%;right:10px;margin-top:-2px;}

/*ys-dropdown-group*/
.ys-dropdown-group{

}
.ys-dropdown-group .ys-dropdown{
    float:left;

}
.ys-dropdown-group .ys-dropdown+.ys-dropdown{
    margin-left:10px;
}
/*==========ys-search-wrapper==========*/
.ys-search-wrapper{

}
.ys-search-wrapper .ys-search{float:left;color:rgb(133, 146, 163);}
.ys-search-wrapper .ys-search+.ys-search{margin-left:10px;}
.ys-search-wrapper .ys-search>label{float:left;color:rgb(133, 146, 163);font-weight:normal;}
.ys-search-wrapper .ys-search>input{float:left;width:180px;}
.ys-search-wrapper .input-group>input{height:32px;border-radius:0;
    border:solid 1px rgb(218, 225, 231);
    box-shadow: none;
    }

.ys-search-wrapper .input-group-addon{
    position: relative;
    width:32px;height:32px;
    background-color:#fff;
    border:solid 1px rgb(218, 225, 231);
    border-left:0;
    overflow: hidden;

}
.ys-search-wrapper .input-group-addon:after{
    position: absolute;

    display: block;
    width:16px;
    height:16px;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-8px;
    background-image: url(../../images/common/search-grey-icon.png);
    background-position: center center;
    background-size:contain;
    content:" "
}
.ys-toolbar .ys-dropdown-group+.ys-search-wrapper{margin-left:30px;}

/*==========ys-datetimepicker ys-datepicker==========*/

/*ys-datetimepicker表现为后面带日历图标的
    ys-datepicker一般表现为带左右操作箭头，或者选择日期范围的表现*/
/*ys-datetimepicker*/
/*===========reset datetimepicker=============*/
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
    background-image: none;
    background-color: #5ab46e;

}

.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active {
    background-image: none;
    background-color: #5ab46e;
}
/*===========reset end=============*/
.ys-datetimepicker {
    position: relative;
    /*width: 280px;*/
    cursor: pointer;
}
.ys-datetimepicker>input.form-control {
    width: 100%;
    height: 32px;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    border: 1px solid #ccc;
    padding-left: 10px;
}
.ys-datetimepicker:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    margin-top:-16px;
    width: 32px;
    height: 32px;
    background: url(../../images/component/datetime-default-icon.png) no-repeat center center;
    background-size: 20px 20px;
    border: 0;
}

/*ys-datepicker*/
.ys-datepicker{
    /*width:200px;*/
}
.ys-datepicker .form-control{
    height:32px;
    padding:5px 12px;
}
.ys-datepicker .input-group-addon{
    padding:3px 7px;
    padding-top:5px;
    background: none;
}

.ys-datetime-range .input-group-addon{
    padding:4px 7px;
    background: none;
    border-left: 0;
    border-right: 0;
}

/*==========ys-pagination分页器==========*/
.ys-pagination{
    text-align: right;
    line-height: 32px;
    padding-right: 15px;
}
/*为了妥协各个页面的上下间距，特意申明这两个上下margin的类，😭*/
.ys-pagination-m-t-20{
    margin-top: 20px;
}
.ys-pagination-m-b-20{
    margin-bottom: 20px;
}
.ys-pagination .ys-btn{
    border-color: #dae2e7;
}
.ys-pagination .page-text{
    color: #b4bbc6;
    margin-right: 15px;
}

.ys-pagination .btn-no-allow{
    background: #f3f8f9;
    border: none;
    pointer-events: none;
}

.ys-pagination .btn-no-allow i{
    opacity: 0.3;
}

.ys-pagination .btn-paginator-prev{
    width: 32px;
    min-width: 32px;
    position: relative;
}
.ys-pagination .btn-paginator-next{
    width: 32px;
    min-width: 32px;
    margin-right: 7px;
    position: relative;
}
.ys-pagination .i-paginator-next{
    background: url('../../images/common/paginator-next@2x.png') no-repeat center center;
    display: inline-block;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
}
.ys-pagination .i-paginator-prev{
    background: url('../../images/common/paginator-prov@2x.png') no-repeat center center;
    display: inline-block;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
}
.ys-pagination .page-num-input{
    position: relative;
    width: 60px;
    text-align: center;
    margin: 0 3px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #dae2e7;
    top: 1px;
}


/*==========ys-collapse-wrapper========*/
/*用于高级搜索,新增项目等页面级的操作*/
.ys-collapse-wrapper{
    position: relative;
    padding:0;
    border: 4px solid #4a5468;
}
.ys-collapse-wrapper .ys-collapse-header{
    padding:15px;
    border-bottom: solid 1px #ddd;
}
.ys-collapse-wrapper .ys-collapse-header h3{font-size:18px;line-height: 32px;}

.ys-collapse-wrapper .ys-collapse-footer{
    padding:15px 20px;
    /*border-top: solid 1px #ddd;*/
}
.ys-collapse-wrapper .ys-collapse-content{
    padding:0
}

/**/
.ys-collapse-wrapper .ys-collapse-content{
    padding:10px 20px;
    padding-right:0;
}
.ys-collapse-wrapper .ys-collapse-content .row{margin-left:0;margin-right:0;}
.ys-collapse-wrapper .ys-collapse-content [class*="col-xs"]{
    padding-left:0;
    padding-right:20px;
    padding-top:10px;
}
.ys-collapse-wrapper .ys-collapse-content .form-group{
    margin-bottom:0;
}
.ys-collapse-content .form-group label{
    display: block;
    margin-bottom:0;
    height: 24px;
    line-height: 24px;
    color: #8592a3;
    font-size: 12px;
}

.ys-collapse-content .input-group{
    width:100%;
    height: 32px;
}
.ys-collapse-content .input-group>span{
    display: block;
    padding-left:10px;
    padding-right:10px;
    width:100%;
    height:32px;
    line-height: 30px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border:solid 1px #dfe5e9;
}
.ys-collapse-content .input-group>span.span-readonly{
    background-color:#f3f4f8;
    cursor:not-allowed;
}

.ys-collapse-content .input-group textarea{
    padding:6px;
    width:100%;
    height:66px;
    border: 1px solid #dae2e7;
    color: #373c42;
    background-color: #f3f4f8;
    resize: none;
}
.input-group input{
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #dae2e7;
    padding: 0 10px;
    /*background-color: #f3f4f8;*/
    font-size: 14px;
    color: #373c42;
    cursor: pointer;
    outline: none;
    border-radius: 1px;
}
.ys-collapse-content .sub-title {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    border-top: solid 1px #dae1e7;
    margin-top: 20px;
    margin-right: 20px;
}

/*ys-table-collapse*/
/*由div ul仿表格构造*/
.ys-table-collapse{

}
.ys-table-collapse-thead{
    background-color:#f3f3f3;
}
.ys-table-collapse-tbody{

}
.ys-table-collapse-row{

}

.ys-table-row{
    display: table;
    width:100%;
    table-layout: fixed;
    border-bottom: solid 1px  #f4f4f7;

    cursor:pointer;

    -webkit-transition: background-color .25s;
    -moz-transition: background-color .25s;
    -ms-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;
}

.ys-table-row.ys-table-row-selected{
    background-color:#4a5468;;
    color:#fff;

}
.ys-table-row+.ys-row-collapse{
    /*display: none;*/
    height:0;
    opacity:1;
    visibility:hidden;
    overflow: hidden;
    -webkit-transition: opacity 0s,height .3s;
    -moz-transition: opacity 0s,height .3s;
    -ms-transition: opacity 0s,height .3s;
    -o-transition: opacity 0s,height .3s;
    transition: opacity 0s,height .3s;
}
.ys-table-row.ys-table-row-selected+.ys-row-collapse{
    height:auto;
    opacity:1;
    visibility: visible;
}

.ys-table-row .ys-table-cell,
ul.ys-table-row  li{
    display: table-cell;
    position: relative;
    padding:6px 8px;
    line-height: 28px;
}
.ys-panel-thead .ys-table-row .ys-table-cell,
.ys-panel-thead ul.ys-table-row  li{
    display: table-cell;
    position: relative;
    padding:0 8px;
    line-height: 28px;
}

.ys-table-row .ys-table-cell>span,
ul.ys-table-row  li>span{
    display: block;
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align:left;
    white-space: nowrap;
}
.ys-table-row .ys-table-cell>span.text-center,
ul.ys-table-row  li>span.text-center{
    text-align:center;
}
.ys-table-row .ys-table-cell>span.text-right,
ul.ys-table-row  li>span.text-right{
    text-align:left;
}

.ys-panel-group-table{}
.ys-panel-group-table.table-hover{

}
.ys-table-row:hover,
ul.ys-table-row:hover,
.table-hover .ys-table-row:hover,
table-hover ul.ys-table-row:hover{
    background-color: #f3f4f8;
}
[aria-expanded="true"] .ys-table-row:hover,
[aria-expanded="true"] ul.ys-table-row:hover,
[aria-expanded="true"] .table-hover .ys-table-row:hover,
[aria-expanded="true"] table-hover ul.ys-table-row:hover{
    background-color: #4a5468;
}

/*==========ys-panel==========*/
.ys-panel{

}
.ys-panel-group-table .panel+.panel{margin-top:0;}
.ys-panel-group-table .panel{border:0;border-radius:0;box-shadow: none;}

.ys-panel-group-table .panel-heading{background-color:#fff;}
.ys-panel-group-table .ys-panel-thead {}
.ys-panel-group-table .panel .panel-heading{
    padding:0;
    border:0;
    border-radius:0;
   /* background-color:#fff;*/

}

.ys-panel-group-table .panel .panel-heading li{text-align: center;}
.ys-panel-group-table .ys-panel-thead .panel-heading{
    background-color: #f3f4f8;
    border-bottom: 1px solid #d9dde0;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #8592a3;

}

/*.ys-panel-group-table  .ys-table-row{
    border-bottom: solid 1px  #f4f4f7;
    background-color:#fff;
}*/

.ys-panel-group-table  [aria-expanded='true'] .ys-table-row{
    background-color:#4a5468;
    border-bottom: solid 1px  #4a5468;
    color:#fff;
}



/*==========ys-chart-legend==========*/
.ys-chart-legend{

}

/*==========ys-modal==========*/
.ys-modal{

}

/*==========.ys-attachment-list==========*/
.ys-attach-upload{text-align: center;}
.ys-attach-upload a.ys-file {
    position: relative;
    display: inline-block;
    padding: 15px;
    width:145px;
    height:50px;
    overflow: hidden;
    background-color: #18b0e2;
    border:0;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 22px;
    vertical-align: top;
}
.ys-attach-upload a.ys-file>em{display: inline-block;color:#fff;font-size: 22px;font-weight: bold;}
.ys-attach-upload a.ys-file input {
    position: absolute;
    font-size: 50px;
    right: 0;
    top: 0;
    opacity: 0;
}
.ys-attach-upload a.ys-file:hover,.ys-attach-upload a.ys-file:active:hover {
    background-color: #19a0d2;
    color:#fff;
}

.ys-attachment-list ul{list-style: none;padding-left:12px;padding-right:12px;border:solid 1px #ddd;}
.ys-attachment-list ul>li{height:40px;line-height: 40px;color:#757575;}
.ys-attachment-list ul a.ys-attach-file-link{color:#222;text-decoration: underline;}
.ys-attachment-list ul a.ys-attach-file-link:hover{color:#19a0d2;}
.ys-attachment-list ul a.ys-attach-del{color:#E64E4D;text-decoration: none;}
.ys-attachment-list ul a.ys-attach-del:hover{color: #c44342;}
.ys-attachment-list h5{color:#757575;}

/**/

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}


/*ys-list-tree*/

.ys-list-tree {
    list-style: none;
    padding-left: 0;
}

.ys-list-tree>li.ys-tree-item {
    padding-left: 0;
    position: relative;
    font-size: 12.8px;
    line-height: 28px;
    cursor: pointer;
}
/*一级后缩进*/
.ys-list-tree>li.ys-tree-item .ys-list-tree{padding-left:20px;}

.ys-list-tree>li.ys-tree-item.disabled {
    color: #aaa;
    cursor: not-allowed;
}
.ys-list-tree>li.ys-tree-item>span{
    display: inline-block;
    width:100%;
    padding-left: 10px;
    padding-right:28px;
    background-color:#eef0fc;
    border-left:solid 3px #eef0fc;
    color:#333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*一级后样式*/
.ys-list-tree .ys-list-tree>li.ys-tree-item>span{
    background-color:#fff;
    border-left:0;
}

.ys-list-tree>li.ys-tree-item.parent.active:before,
.ys-list-tree>li.ys-tree-item.active>span {
    /*background-color:#00aaff;*/
    border-left-color:#f08200;
    color: #f08200;
}

/*.ys-list-tree>li.ys-tree-item:before{display: block;content:" ";width:6px;height:6px;border-radius: 6px;
background-color:#333;position: absolute;top:11px;left:5px;}*/

.ys-list-tree>li.ys-tree-item.active:before {
    background-color: #fff;
}

.ys-list-tree>li.ys-tree-item.parent:before {
    display: block;
    /*content:"\002b";*/
    content: "+";
    font-size: 12px;
    color: #c3c4c8;
    background-color: transparent;
    font-family: 'Glyphicons Halflings';
    position: absolute;
    width: 16px;
    height: 16px;
    right: 10px;
    line-height: 16px;
    top: 6px;
    text-align: center;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
   /* -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;*/
}

.ys-list-tree>li.ys-tree-item.parent.open:before {
   /* -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);*/
    content:"\2212";
}

li.ys-tree-item.parent>.ys-list-tree {
    display: none;
}

li.ys-tree-item.parent.open>.ys-list-tree {
    display: block;
}

/*ys-input-wrapper*/
.ys-input-wrapper {
    position: relative;
    width: 100%;
    height: 32px;
    /*background-color: #f3f4f8;*/

}

.ys-input-wrapper input {
    display: none;
    width:100%;

    height:32px;
    /*border:1px solid #dae2e7;
    background-color:#f3f4f8;*/
    padding:0 10px;

    border: solid 1px #dfe5e9;
    border-radius: 1px;
    background-color: #f3f4f8;

    font-size:14px;
    color:#373c42;
    cursor: pointer;
    outline: none;
    border-radius: 0;
}

.ys-input-wrapper input:focus{
    outline: 4px solid #91c0f1;
    cursor: pointer;
    border-radius: 0;
    border:none;
}
.ys-input-wrapper.active input {
    display: block;
}
.ys-input-wrapper input.ng-empty~span:after{
   /* position:absolute;
    display: block;
    top:50%;
    right:10px;
    margin-top:-8px;

    width:16px;height:16px;
    background-image:url(../../images/icon_input.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position:center center;
    content:" ";*/
}
.ys-input-wrapper.active span.number-format,
.ys-input-wrapper.active span.span-format {
    display: none;

}
.ys-input-wrapper span.span-format,
.ys-input-wrapper span.number-format {
    display: block;
    width:100%;
    padding: 0 10px;

    border: solid 1px #dfe5e9;
    border-radius: 1px;
    background-color: #f3f4f8;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: transparent;
    height: 32px;
    line-height: 30px;


}

/*.ys-input-wrapper[required] input,
.ys-input-wrapper input[required],

.ys-input-wrapper[required] span,
.ys-input-wrapper input[required]~span{
    border-left:2px solid #e64e4d;
}*/

.ys-input-wrapper[required]:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -13px;
    width: 3px;
    height: 26px;
    border-left: solid 3px #e64e4d;
    content: " ";
    z-index: 9;
}

.ys-input-wrapper i.unit-addon {
    float: right;
    margin-left: 5px;
    line-height: 33px;
}
/*.ys-input-wrapper input.ng-empty~span>i.unit-addon{margin-right:5px;}*/
/*
.ys-input-wrapper.active i.unit-addon {
    display: none;
}
*/

/*内容更改后 ng-dirty样式*/
.ys-input-wrapper input.ng-dirty~span,
.ys-input-wrapper input.ng-dirty~.span-format {
    /*background-color: #d8e8db;*/
    color: #373c42;
}

/*ng-invalid状态*/
/*patch by cheng @2018-01-19*/
.ys-input-wrapper.error input~span,
.ys-input-wrapper input.ng-invalid~span,
.ys-input-wrapper input.ng-invalid~span.span-format {
    /*background-color:#fdefef;
    border-bottom: solid 3px #ff3030;*/
    border:solid 1px #e64e4d;
}

/*
.ys-input-wrapper input.ng-invalid~span:before,
.ys-input-wrapper input.ng-invalid~span.span-format:before {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    right: 0;
    content: " ";
    background-image: url(../../images/icon.png);
    background-repeat: no-repeat;
    background-position: -114px -176px;
}
*/

.ys-input-wrapper i.unit-addon {
    float: right;
    margin-left: 5px;
    line-height: 32px;
}
/*附加错误信息状态*/
.ys-input-wrapper em.error-msg {
    display: none;
    position:absolute;
    top:-26px;
    right:0;
    height:20px;

    line-height: 20px;
    color:#fff;
    background-color:#394252;
    padding:0 10px;

    border-left:0;

    cursor: pointer;
    white-space: nowrap;
    font-size:12px;
}
/*ui-input-error*/
.ys-input-wrapper em.error-msg{
    content:"";
    position:absolute;
    right:0;
    top:0;
    display:none;
    width:24px;
    height:24px;
    background:url(../../images/common/input-error-icon.png) no-repeat;
    background-size: contain;
    cursor: pointer;
}
.ys-input-wrapper .ng-invalid~em.error-msg{display:block;}

.ys-input-wrapper .error-msg span{
    position:absolute;
    display:none;
    top:-26px;
    right:0;
    padding:0 10px;
    height:20px;

    line-height: 20px;
    color:#fff;
    background-color:#394252;
    border:0;

    cursor: pointer;
    white-space: nowrap;
    font-size:12px;
}
.ys-input-wrapper .error-msg span:after{

    position:absolute;
    right:6px;
    bottom:-4px;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid #394252;

    content:"";
}
.ys-input-wrapper .error-msg:hover span{display:block;}

.ys-input-wrapper input.ng-invalid{border-color:#e64e4d;}


.ys-table-edits{table-layout:fixed;}
.ys-table-edits thead>tr>th{background-color: #f3f4f8;}
.ys-table-edits tbody>tr>td{padding:0;}
.ys-table-edits .ys-input-wrapper{margin-top:0;}
.ys-table-edits .ys-input-wrapper input{border:0;}
.ys-table-edits .ys-input-wrapper input~span{border:0;}

.ys-table-edits .ys-datetimepicker>input.form-control{border:0;}
.ys-table-edits input.form-control{border:0;}

/*--------end ys-input-wrapper---------*/


/*modal-alert*/
#modal-alert{

}
#modal-alert .modal-body{
    padding:20px;
    padding-top:30px;

}

#modal-alert .modal-warn-logo{text-align: center;margin-bottom:10px;}
#modal-alert .modal-warn-logo img{width:44px;}
#modal-alert .modal-body h5{font-size:14px; color:#373c42; line-height: 1.4; text-align: center;}
#modal-alert .modal-body p{margin:0; margin-top:10px;margin-bottom:0; font-size:12px; color:#8592a3; line-height: 1.2; text-align: center;}

#modal-alert .ys-btn-wrapper{
    text-align:center;
}

#modal-alert .ys-btn{min-width: 88px;}

/*chart-legend*/
.chart-legend-wrapper{position: relative;}
.chart-wrapper .chart-legend {
    text-align: right;
    padding: 0 35px;
}
.chart-legend>span {
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-right: 15px;
    margin-left: 0px;
    font-size: 14px;
    color: #333;}

.chart-legend em.color-label {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 6px;
    width: 12px;
    height: 12px;
    background-color: #e5e5e5;
}
.chart-legend>span i.value{float: right;margin-left:25px;}


.chart-legend-vertical{position: absolute;width:220px;left:15%;top:10px;}
.chart-legend-vertical span{display:block;height:32px;line-height: 32px;}


/*ys-search-wrapper*/
.ys-quick-search{}
.ys-quick-search .ys-qs-wrapper{}

.ys-quick-search .ys-qs-wrapper input{padding-left:10px;padding-right:10px;width:100%; height:32px;line-height: 30px;border:solid 1px #dfe5e9; }
.ys-quick-search .ys-qs-wrapper .dropdown-menu{width:100%;}

.ys-quick-search[required] .ys-qs-wrapper input{border-right:solid 3px #e64e4d;}

/**/
.ys-icon-btn{
    position:absolute;;
    top:50%;
    left:50%;

    margin-top: -10px;
    margin-left: -10px;
    height: 20px;
    width: 20px;
    border-radius: 20px;
    border:0;

    background-size:contain;
    background-position: center center;
    background-repeat:no-repeat;

    cursor:pointer;
}

.ys-icon-btn.ys-icon-btn-add{
    background-image: url(../../images/icons/ys-icon-inline-add.png);
}
.ys-icon-btn.ys-icon-btn-sub{
    background-image: url(../../images/icons/ys-icon-inline-del.png)
}
/*patch for ys-table-edits changed by cheng*/
.ys-table-edits{}
.ys-table-edits .ys-dropdown{}
.ys-table-edits .ys-dropdown .ys-dropdown-btn{
    border:0;
    height: 35px;
    line-height: 35px;
}

.ys-panel-group-table .pin-wrapper  .panel-heading{z-index:99;}


.badge-warn{
           background-color:rgb(230, 78, 77);
        }
    .tooltip{opacity:1;}

.tooltip.right .tooltip-arrow{
    border-right-color: #E64E4D;
}

.tooltip.left .tooltip-arrow{
    border-left-color: #E64E4D;
}
.tooltip.top .tooltip-arrow{
    border-top-color: #E64E4D;
}
.tooltip.bottom .tooltip-arrow{
    border-bottom-color: #E64E4D;
}

.tooltip-inner{
    max-width:500px;
    text-align: left;
    background-color:#E64E4D;
    border-radius:2px;
}


.tooltip-warn.left .tooltip-arrow,
.tooltip-warn.top .tooltip-arrow,
.tooltip-warn.bottom .tooltip-arrow,
.tooltip-warn.right .tooltip-arrow{
    border-right-color: #E64E4D;
}

.tooltip-warn .tooltip-inner{
    background-color:#E64E4D;
}

.tooltip-alert.left .tooltip-arrow,
.tooltip-alert.top .tooltip-arrow,
.tooltip-alert.bottom .tooltip-arrow,
.tooltip-alert.right .tooltip-arrow{
    border-right-color: #ffbb04;
}

.tooltip-alert .tooltip-inner{
    background-color:#ffbb04;
}

.tooltip-info.left .tooltip-arrow,
.tooltip-info.top .tooltip-arrow,
.tooltip-info.bottom .tooltip-arrow,
.tooltip-info.right .tooltip-arrow{
    border-right-color: #ffbb04;
}
.tooltip-info .tooltip-inner{
    background-color:#ffbb04;
}
.ys-badge{
    position: relative;
    display: inline-block;
    margin-left:3px;
    padding:0;
    width:16px;
    height:16px;
    line-height: 16px;
    text-align: center;
    font-size:12px;
    font-weight:normal;
    color:#fff;
    background-color:#ffbb04;
    border-radius:16px;
}
.ys-badge{
    top: -2px;
    cursor:pointer;
    transform-origin: center center;
    /*  -webkit-transform: scale(.88);
    -moz-transform: scale(.88);
    -ms-transform: scale(.88);
    -o-transform: scale(.88);
    transform: scale(.88);*/
}