.logo-worktop-image {
    background-color: currentColor;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    cursor: pointer;
    margin-left: 1px;
    width: 170px;
    height: 30px;
    mask-image: url("../images/WorkTop.svg");
    -webkit-mask-image: url("../images/WorkTop.svg");
}

@media (max-width: 480px) {
    .logo-worktop-image {
        width: 30px;
        height: 30px;
        mask-image: url("../images/WorkTop-xs.svg");
        -webkit-mask-image: url("../images/WorkTop-xs.svg");
    }
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    background-color: transparent !important;
    height: 1.5rem;
    width: 1.5rem;
}
.work-download-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: currentColor;
    mask-image: url("../images/download.svg");
    -webkit-mask-image: url("../images/download.svg");
}

.work-theme-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    mask-image: url("../images/theme.svg");
    -webkit-mask-image: url("../images/theme.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.work-login-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    mask-image: url("../images/Login.svg");
    -webkit-mask-image: url("../images/Login.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.work-logout-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    mask-image: url("../images/Logout.svg");
    -webkit-mask-image: url("../images/Logout.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.work-mydetail-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    mask-image: url("../images/MyDetails.svg");
    -webkit-mask-image: url("../images/MyDetails.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.work-register-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    mask-image: url("../images/Register.svg");
    -webkit-mask-image: url("../images/Register.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.work-company-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    mask-image: url("../images/Company.svg");
    -webkit-mask-image: url("../images/Company.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.work-internet-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    mask-image: url("../images/Internet.svg");
    -webkit-mask-image: url("../images/Internet.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.edit-new-icon {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: currentColor;
    mask-image: url("../images/Editor/New.svg");
    -webkit-mask-image: url("../images/Editor/New.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.edit-edit-icon {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: currentColor;
    mask-image: url("../images/Editor/Edit.svg");
    -webkit-mask-image: url("../images/Editor/Edit.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.edit-delete-icon {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: currentColor;
    mask-image: url("../images/Editor/Delete.svg");
    -webkit-mask-image: url("../images/Editor/Delete.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.edit-close-icon {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: currentColor;
    mask-image: url("../images/Editor/Close.svg");
    -webkit-mask-image: url("../images/Editor/Close.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.edit-filter-icon {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: currentColor;
    mask-image: url("../images/Editor/Filter.svg");
    -webkit-mask-image: url("../images/Editor/Filter.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.edit-group-icon {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: currentColor;
    mask-image: url("../images/Editor/Group.svg");
    -webkit-mask-image: url("../images/Editor/Group.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}
.edit-search-icon {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: currentColor;
    mask-image: url("../images/Editor/Search.svg");
    -webkit-mask-image: url("../images/Editor/Search.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}
.edit-print-icon {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: currentColor;
    mask-image: url("../images/Editor/Print.svg");
    -webkit-mask-image: url("../images/Editor/Print.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}
.edit-column-icon {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: currentColor;
    mask-image: url("../images/Editor/Column.svg");
    -webkit-mask-image: url("../images/Editor/Column.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}
.edit-save-icon {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: currentColor;
    mask-image: url("../images/Editor/Save.svg");
    -webkit-mask-image: url("../images/Editor/Save.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}
.edit-import-icon {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: currentColor;
    mask-image: url("../images/Editor/Import.svg");
    -webkit-mask-image: url("../images/Editor/Import.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}
.edit-email-icon {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: currentColor;
    mask-image: url("../images/Editor/Email.svg");
    -webkit-mask-image: url("../images/Editor/Email.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}
.edit-login-icon {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: currentColor;
    mask-image: url("../images/Login.svg");
    -webkit-mask-image: url("../images/Login.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}