
.icon-settings-login{background-image:url(../../imgs/dataspace/system-settings/img_set_up_record.png)}
.icon-settings-realname-off{background-image:url(../../imgs/dataspace/system-settings/img_set_up_Real_off.png)}
.icon-settings-realname-on{background-image:url(../../imgs/dataspace/system-settings/img_set_up_Real_on.png)}
.icon-settings-authen-off{background-image:url(../../imgs/dataspace/system-settings/img_set_up_institution_off.png)}
.icon-settings-authen-on{background-image:url(../../imgs/dataspace/system-settings/img_set_up_institution_on.png)}
.icon-settings-password{background-image:url(../../imgs/dataspace/system-settings/img_set_up_password.png)}
.icon-settings-phone{background-image:url(../../imgs/dataspace/system-settings/img_set_up_phone.png)}
.icon-settings-email-off{background-image:url(../../imgs/dataspace/system-settings/img_set_up_email_off.png)}
.icon-settings-email-on{background-image:url(../../imgs/dataspace/system-settings/img_set_up_email_on.png)}
.icon-settings-ukey-off{background-image:url(../../imgs/dataspace/system-settings/img_set_up_Ukey_off.png)}
.icon-settings-ukey-on{background-image:url(../../imgs/dataspace/system-settings/img_set_up_Ukey_on.png)}

.icon-settings-message{background-image:url(../../imgs/dataspace/system-settings/img_set_up_message.png)}
.icon-settings-project{background-image:url(../../imgs/dataspace/system-settings/img_set_up_Projecte.png)}
.icon-settings-intention{background-image:url(../../imgs/dataspace/system-settings/img_set_up_intention.png)}
.icon-settings-registration{background-image:url(../../imgs/dataspace/system-settings/img_set_up_registration.png)}

.ybsy-settings{ width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px;}
.ybsy-settings-item{display: flex; flex-direction: row; justify-content: space-between; align-items: center; background: #fff; border-radius: 6px; box-shadow: 0px 0px 15px #dbe0f0;padding: 15px 20px;}
.ybsy-settings-item div{display: flex; flex-direction: row; gap: 20px;}
.ybsy-settings-item div i{display: inline-block; width: 48px; height: 48px;}
.ybsy-settings-item div p{display: flex; flex-direction: column; justify-content: space-between;}
.ybsy-settings-item div p label{font-weight: 400; font-size: 16px;}
.ybsy-settings-item div p span{font-size: 14px; color: #999999;}
.ybsy-settings-item a{font-size: 16px; border-radius: 20px; padding: 5px 30px; color: #333; cursor: pointer; border:1px solid #999999;}
.ybsy-settings-item a:hover{color: #7cb9f7; box-shadow: 0px 0px 6px #64adf7;border:1px solid #7cb9f7;}
