.sds-icon-logo {
    width: 185.949px;
    height: 29px;
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

.sds-icon-home {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/home.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: red;
}


.sds-icon-hub {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/hub.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}
.sds-icon-chat-text {
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}


/* Icon: copy */
.sds-icon-copy {
    width: 20px;
    height: 20px;
    content: url('../Images/icons/copy.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

.sds-icon-bars {
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}


/* Icon: admin */
.sds-icon-admin {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/admin.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: alert */
.sds-icon-alert {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/alert.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: bus-glossary */
.sds-icon-bus-glossary {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/bus-glossary.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: bus-rules */
.sds-icon-bus-rules {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/bus-rules.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: catalog */
.sds-icon-catalog {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/catalog.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: data-sources */
.sds-icon-data-sources {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/data-sources.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: domains */
.sds-icon-domains {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/domains.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: handrails */
.sds-icon-handrails {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/handrails.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: map */
.sds-icon-map {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/map.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: models */
.sds-icon-models {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/models.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: personal-env */
.sds-icon-personal-env {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/personal-env.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: shared-env */
.sds-icon-shared-env {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/shared-env.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: quality-rules */
.sds-icon-quality-rules {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/quality-rules.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: queries */
.sds-icon-queries {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/queries.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: settings */
.sds-icon-settings {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/settings.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}
.sds-icon-portal-setting {
    width: 20px;
    height: 20px;
    background-color: #FFF; /* This sets the icon color */
    -webkit-mask-image: url(/Assets/Images/icons/settings.svg);
    mask-image: url(/Assets/Images/icons/settings.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    /* margin-block: 9px; */
}
/* Icon: support */
.sds-icon-support {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/support.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: tags */
.sds-icon-tags {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/tags.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}

/* Icon: user-data */
.sds-icon-user-data {
    width: 20px;
    height: 20px;
    background-image: url('../Images/icons/user-data.svg');
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
}