.ps-icon { background-color: #333;  display:inline-block; width:16px; height:16px; mask-size:cover;}

.ps-icon-btn-project-add{-webkit-mask-image: url(../../imgs/ps/btn_project_add.svg);    mask-image: url(../../imgs/ps/btn_project_add.svg);width:12px; height:12px; background:#fff;}
.ps-icon-btn-project-apply{-webkit-mask-image: url(../../imgs/ps/btn_project_apply.svg);    mask-image: url(../../imgs/ps/btn_project_apply.svg);width:12px; height:12px; background:#0B81F9;}
.ps-icon-btn-project-create{-webkit-mask-image: url(../../imgs/ps/btn_project_create.svg);    mask-image: url(../../imgs/ps/btn_project_create.svg);width:12px; height:12px; background:#fff;}
.ps-icon-btn-project-pause{-webkit-mask-image: url(../../imgs/ps/btn_project_pause.svg);    mask-image: url(../../imgs/ps/btn_project_pause.svg);width:12px; height:12px; background:#2d7bf4;}
.ps-icon-btn-project-refuse{-webkit-mask-image: url(../../imgs/ps/btn_project_refuse.svg);    mask-image: url(../../imgs/ps/btn_project_refuse.svg);width:12px; height:12px; background:#2d7bf4;}
.ps-icon-btn-project-reset{-webkit-mask-image: url(../../imgs/ps/btn_project_reset.svg);    mask-image: url(../../imgs/ps/btn_project_reset.svg);width:12px; height:12px; background:#0B81F9;}
.ps-icon-btn-project-restart{-webkit-mask-image: url(../../imgs/ps/btn_project_restart.svg);    mask-image: url(../../imgs/ps/btn_project_restart.svg);width:12px; height:12px; background:#2d7bf4;}
.ps-icon-btn-project-search{-webkit-mask-image: url(../../imgs/ps/btn_project_search.svg);    mask-image: url(../../imgs/ps/btn_project_search.svg);width:12px; height:12px; background:#fff;}
.ps-icon-btn-project-setup{-webkit-mask-image: url(../../imgs/ps/btn_project_setup.svg);    mask-image: url(../../imgs/ps/btn_project_setup.svg);width:12px; height:12px; background:#2d7bf4;}
.ps-icon-btn-project-start{-webkit-mask-image: url(../../imgs/ps/btn_project_start.svg);    mask-image: url(../../imgs/ps/btn_project_start.svg);width:12px; height:12px; background:#2d7bf4;}
.ps-icon-btn-project-end{-webkit-mask-image: url(../../imgs/ps/btn_project_end.svg);    mask-image: url(../../imgs/ps/btn_project_end.svg);width:12px; height:12px; background:#2d7bf4;}

.btn-reset:hover i{-webkit-mask-image: url(../../imgs/ps/btn_project_reset.svg);    mask-image: url(../../imgs/ps/btn_project_reset.svg);width:12px; height:12px; background:#fff;}
#btn-status-0:hover i{-webkit-mask-image: url(../../imgs/ps/btn_project_start.svg);    mask-image: url(../../imgs/ps/btn_project_start.svg);width:12px; height:12px; background:#fff;}/**ps-icon-btn-project-start*/
#btn-status-1:hover i{-webkit-mask-image: url(../../imgs/ps/btn_project_restart.svg);    mask-image: url(../../imgs/ps/btn_project_restart.svg);width:12px; height:12px; background:#fff;}/**ps-icon-btn-project-restart*/
#btn-status-2:hover i{-webkit-mask-image: url(../../imgs/ps/btn_project_pause.svg);    mask-image: url(../../imgs/ps/btn_project_pause.svg);width:12px; height:12px; background:#fff;}/**ps-icon-btn-project-pause*/
#btn-status-3:hover i{-webkit-mask-image: url(../../imgs/ps/btn_project_end.svg);    mask-image: url(../../imgs/ps/btn_project_end.svg);width:12px; height:12px; background:#fff;}/**ps-icon-btn-project-end*/
#btn-publisher-0:hover i{-webkit-mask-image: url(../../imgs/ps/btn_project_refuse.svg);    mask-image: url(../../imgs/ps/btn_project_refuse.svg);width:12px; height:12px; background:#fff;}/**ps-icon-btn-project-refuse*/