/*==========ys-icon==========*/
.ys-icon{
    display: inline-block;
    width:16px;
    height:16px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    content: " ";
}
.ys-glyphicon{
    /*reset */
    font-size:16px;
    color:#999;
}
.ys-glyphicon:hover{
    color:#e64e4d;
}

.ys-icon-spirit{
    display: inline-block;
    background-size:auto;
    background-repeat: no-repeat;
    content:" ";
}

.ys-icon-size-16{
    width:16px;
    height:16px;
}
.ys-icon-size-20{
    width:20px;
    height:20px;
}

.ys-icon-absolute{
    position:absolute;
}

/*icons*/
.ys-icon-calendar{
    width:20px;
    height:20px;
    top:1px;
    background-image:url(../../images/common/ys-datetime-icon.png);
}

.ys-icon-export{background-image:url(../../images/icons/ys-icon-export.png);}
a:hover .ys-icon-export,
.btn:hover .ys-icon-export{background-image:url(../../images/icons/ys-icon-export-hover.png);}

.ys-icon-add{background-image: url(../../images/icons/ys-icon-add.png);}
a:hover .ys-icon-add,
.btn:hover .ys-icon-add{background-image:url(../../images/icons/ys-icon-add-hover.png);}


.ys-icon-inline-add{
    background: url(../../images/icons/ys-icon-inline-add.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
    cursor:pointer;
}
.add-btn{
    width: 25px;
    height: 25px;
}
.ys-icon-inline-del{
    background: url(../../images/icons/ys-icon-inline-del.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
    cursor:pointer;
}
.del-btn{
    width: 25px;
    height: 25px;
}
.ys-glyphicon-info {
    color: #ff7204;
    cursor: pointer;
}
.ys-glyphicon-info:hover {
    color: #e96d04;
}