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

.ybsy-icon-dataspace-user { -webkit-mask-image: url(../imgs/common/btn_space_user.svg);    mask-image: url(../imgs/common/btn_space_user.svg);}
.ybsy-icon-dataspace-message{-webkit-mask-image: url(../imgs/common/btn_space_message.svg);    mask-image: url(../imgs/common/btn_space_message.svg);}
.ybsy-icon-dataspace-setup{-webkit-mask-image: url(../imgs/common/btn_space_setup.svg);    mask-image: url(../imgs/common/btn_space_setup.svg);}
.ybsy-icon-dataspace-registration{-webkit-mask-image: url(../imgs/common/btn_space_registration.svg);    mask-image: url(../imgs/common/btn_space_registration.svg);}
.ybsy-icon-dataspace-projecte{-webkit-mask-image: url(../imgs/common/btn_space_projecte.svg);    mask-image: url(../imgs/common/btn_space_projecte.svg);}
.ybsy-icon-dataspace-intentional{-webkit-mask-image: url(../imgs/common/btn_space_intentional.svg);    mask-image: url(../imgs/common/btn_space_intentional.svg);}

.ybsy-icon-register-star{-webkit-mask-image: url(../imgs/dataspace/data-register/img_star.svg);    mask-image: url(../imgs/dataspace/data-register/img_star.svg);width:12px; height:12px; background:#f9bc0b;}
.ybsy-icon-register-number{background-image: url(../imgs/dataspace/data-register/img_registration_number.svg);    display:inline-block; width:18px; height:18px; mask-size:cover;}
.ybsy-icon-register-tran{background-image: url(../imgs/dataspace/data-register/img_registration_transaction.svg);    display:inline-block; width:18px; height:18px; mask-size:cover;}
.ybsy-icon-register-release{-webkit-mask-image: url(../imgs/dataspace/data-register/btn_release.svg); mask-image: url(../imgs/dataspace/data-register/btn_release.svg); background-color:#145cfa; display:inline-block;width:12px; height:12px;  }
.ybsy-icon-register-search{background-image: url(../imgs/dataspace/data-register/btn_search.svg);  display:inline-block;width:12px; height:12px; background-color:transparent;}