.size32 {
    height: 32px !important;
    width: 32px !important;
}

.size24 {
    height: 24px !important;
    width: 24px !important;
}
.size22 {
    height: 22px !important;
    width: 22px !important;
}
.size20 {
    height: 20px !important;
    width: 20px !important;
}

.size16 {
    height: 16px !important;
    width: 16px !important;
}

.grid-toolbar {
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    height: 16px;
    width: 16px; 
}

.grid-icon,
.menu-icon {
    width: 1.2rem;
    height: 1.2rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.btn-icon {
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
}
.dxtoolbar {
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    height: 16px;
    width: 16px;
    font-size: 16px !important;
}

.grid-btn-link {
    border: 0;
    display: inline;
    font: inherit;
    line-height: 100%;
    padding: 0;
    text-decoration: underline;
    vertical-align: baseline;
    text-align: left;
}



.icon-new {
    mask-image: url("../images/tools/New.svg");
    -webkit-mask-image: url("../images/tools/New.svg");
}
.icon-add {
    mask-image: url("../images/tools/Add.svg");
    -webkit-mask-image: url("../images/tools/Add.svg");
}

.icon-support {
    mask-image: url("../images/tools/support.svg");
    -webkit-mask-image: url("../images/tools/support.svg");
    width: 1.8rem;
    height: 1.8rem;
    background-color: #0B6EAD;
}

.icon-manuale {
    mask-image: url("../images/tools/manual.svg");
    -webkit-mask-image: url("../images/tools/manual.svg");
    width: 1.2rem;
    height: 1.2rem;
}

.icon-comesifa {
    background-image: url("../images/SAAT16.png");
    background-color: transparent;
}

.icon-normativa {
    mask-image: url("../images/tools/normativa.svg");
    -webkit-mask-image: url("../images/tools/normativa.svg");
}

.icon-video {
    background-image: url("../images/tools/video.png");
    background-color: transparent;
}

.icon-sign {
    mask-image: url("../images/tools/Sign.svg");
    -webkit-mask-image: url("../images/tools/Sign.svg");
}

.icon-blu4d {
    mask-image: url("../images/blu4dEditor.svg");
    -webkit-mask-image: url("../images/blu4dEditor.svg");
}
.icon-blu5d {
    mask-image: url("../images/blu5dEditor.svg");
    -webkit-mask-image: url("../images/blu5dEditor.svg");
}
.icon-blucmp {
    mask-image: url("../images/blucmp.svg");
    -webkit-mask-image: url("../images/blucmp.svg");
}
.icon-blufdr {
    mask-image: url("../images/blufdr.svg");
    -webkit-mask-image: url("../images/blufdr.svg");
}
.icon-dgtw {
    mask-image: url("../images/dgtw.svg");
    -webkit-mask-image: url("../images/dgtw.svg");
}

.icon-ids {
    mask-image: url("../images/ids.svg");
    -webkit-mask-image: url("../images/ids.svg");
}
.icon-bcf {
    mask-image: url("../images/bcfNera.svg");
    -webkit-mask-image: url("../images/bcfNera.svg");
}

.icon-pdf {
    mask-image: url("../images/tools/Export_ToPDF.svg");
    -webkit-mask-image: url("../images/tools/Export_ToPDF.svg");
}
.icon-p7m {
    mask-image: url("../images/tools/p7m.svg");
    -webkit-mask-image: url("../images/tools/p7m.svg");
}
.icon-rtf {
    mask-image: url("../images/tools/Export_ToRTF.svg");
    -webkit-mask-image: url("../images/tools/Export_ToRTF.svg");
}

.icon-doc {
    mask-image: url("../images/tools/Export_ToDOC.svg");
    -webkit-mask-image: url("../images/tools/Export_ToDOC.svg");
}

.icon-docx {
    mask-image: url("../images/tools/Export_ToDOCX.svg");
    -webkit-mask-image: url("../images/tools/Export_ToDOCX.svg");
}

.icon-odt {
    mask-image: url("../images/tools/Export_ToODT.svg");
    -webkit-mask-image: url("../images/tools/Export_ToODT.svg");
}

.icon-html {
    mask-image: url("../images/tools/Export_ToHTML.svg");
    -webkit-mask-image: url("../images/tools/Export_ToHTML.svg");
}

.icon-mht {
    mask-image: url("../images/tools/Export_ToMHT.svg");
    -webkit-mask-image: url("../images/tools/Export_ToMHT.svg");
}

.icon-epub {
    mask-image: url("../images/tools/Export_ToEPUB.svg");
    -webkit-mask-image: url("../images/tools/Export_ToEPUB.svg");
}

.icon-save {
    mask-image: url("../images/tools/save_as.svg");
    -webkit-mask-image: url("../images/tools/save_as.svg");
}

.icon-close {
    mask-image: url("../images/tools/Close.svg");
    -webkit-mask-image: url("../images/tools/Close.svg");
}


.icon-expand {
    mask-image: url("../images/tools/Expand.svg");
    -webkit-mask-image: url("../images/tools/Expand.svg");
}
.icon-collapse {
    mask-image: url("../images/tools/Collapse.svg");
    -webkit-mask-image: url("../images/tools/Collapse.svg");
}

.icon-destra {
    -webkit-mask-image: url("../images/destraColorata.svg");
    mask-image: url("../images/destraColorata.svg");
}

.icon-maps {
    -webkit-mask-image: url("../images/tools/Maps.svg");
    mask-image: url("../images/tools/Maps.svg");
}

.icon-save {
    -webkit-mask-image: url("../images/tools/Save.svg");
    mask-image: url("../images/tools/Save.svg");
}

.icon-newdocplus {
    -webkit-mask-image: url("../images/tools/NewDocPlus.svg");
    mask-image: url("../images/tools/NewDocPlus.svg");
}

.icon-left {
    -webkit-mask-image: url("../images/tools/ArrowLeft.svg");
    mask-image: url("../images/tools/ArrowLeft.svg");
}

.icon-show {
    -webkit-mask-image: url("../images/tools/Show.svg");
    mask-image: url("../images/tools/Show.svg");
}

.icon-hide {
    -webkit-mask-image: url("../images/tools/Hide.svg");
    mask-image: url("../images/tools/Hide.svg");
}

.icon-menu {
    -webkit-mask-image: url("../images/tools/menu.svg");
    mask-image: url("../images/tools/menu.svg");
}

.icon-showdettagli {
    -webkit-mask-image: url("../images/tools/ShowDettagli.svg");
    mask-image: url("../images/tools/ShowDettagli.svg");
}

.icon-viewtile {
    -webkit-mask-image: url("../images/tools/ViewTile.svg");
    mask-image: url("../images/tools/ViewTile.svg");
}

.icon-viewlist {
    -webkit-mask-image: url("../images/tools/ViewList.svg");
    mask-image: url("../images/tools/ViewList.svg");
}

.icon-send {
    -webkit-mask-image: url("../images/tools/Send.svg");
    mask-image: url("../images/tools/Send.svg");
}

.icon-undo {
    -webkit-mask-image: url("../images/tools/Undo.svg");
    mask-image: url("../images/tools/Undo.svg");
}

.icon-openprogram {
    -webkit-mask-image: url("../images/tools/openprogram.svg");
    mask-image: url("../images/tools/openprogram.svg");
}

.icon-version {
    -webkit-mask-image: url("../images/tools/Summary.svg");
    mask-image: url("../images/tools/Summary.svg");
}

.icon-downloadfolder {
    -webkit-mask-image: url("../images/tools/downloadFolder.svg");
    mask-image: url("../images/tools/downloadFolder.svg");
}

.icon-upload {
    -webkit-mask-image: url("../images/tools/upload.svg");
    mask-image: url("../images/tools/upload.svg");
}


.icon-download {
    -webkit-mask-image: url("../images/tools/download.svg");
    mask-image: url("../images/tools/download.svg");
}

.icon-openfolder {
    -webkit-mask-image: url("../images/tools/folderopen.svg");
    mask-image: url("../images/tools/folderopen.svg");
}

.icon-trash {
    -webkit-mask-image: url("../images/tools/Trash.svg");
    mask-image: url("../images/tools/Trash.svg");
}

.icon-shared {
    height: 20px;
    width: 20px;
    -webkit-mask-image: url("../images/tools/Shared.svg");
    mask-image: url("../images/tools/Shared.svg");
}

.icon-user {
    -webkit-mask-image: url("../images/tools/User.svg");
    mask-image: url("../images/tools/User.svg");
}



.icon-image {
    -webkit-mask-image: url("../images/tools/Images.svg");
    mask-image: url("../images/tools/Images.svg");
}

.icon-anteprima {
    -webkit-mask-image: url("../images/tools/PrintPreview.svg");
    mask-image: url("../images/tools/PrintPreview.svg");
}


.icon-list {
    -webkit-mask-image: url("../images/tools/List.svg");
    mask-image: url("../images/tools/List.svg");
}

.icon-calendar {
    -webkit-mask-image: url("../images/tools/Calendar.svg");
    mask-image: url("../images/tools/Calendar.svg");
}

.icon-pubblico {
    -webkit-mask-image: url("../images/LavoroPubblico.svg");
    mask-image: url("../images/LavoroPubblico.svg");
}

.icon-privato {
    -webkit-mask-image: url("../images/LavoroPrivato.svg");
    mask-image: url("../images/LavoroPrivato.svg");
}

.icon-send {
    -webkit-mask-image: url("../images/tools/Send.svg");
    mask-image: url("../images/tools/Send.svg");
}

.icon-menu {
    -webkit-mask-image: url("../images/tools/menu.svg");
    mask-image: url("../images/tools/menu.svg");
}

.icon-drive {
    -webkit-mask-image: url("../images/CloudioProgetto.svg");
    mask-image: url("../images/tools/CloudioProgetto.svg");
}

.icon-apri {
    -webkit-mask-image: url("../images/tools/Apri.svg");
    mask-image: url("../images/tools/Apri.svg");
}

.icon-addcircle {
    -webkit-mask-image: url("../images/tools/AddCircled.svg");
    mask-image: url("../images/tools/AddCircled.svg");
}

.icon-pitagora {
    -webkit-mask-image: url("../images/Pitagora.svg");
    mask-image: url("../images/Pitagora.svg");
}

.icon-pitagorabonus {
    -webkit-mask-image: url("../images/Pitagora.svg");
    mask-image: url("../images/Pitagora.svg");
}


.icon-calcolo {
    -webkit-mask-image: url("../images/tools/Summary.svg");
    mask-image: url("../images/tools/Summary.svg");
}

.icon-newda {
    -webkit-mask-image: url("../images/tools/NewDa.svg");
    mask-image: url("../images/tools/NewDa.svg");
}

.icon-new {
    -webkit-mask-image: url("../images/tools/New.svg");
    mask-image: url("../images/tools/New.svg");
}

.icon-blum {
    -webkit-mask-image: url("../images/tools/Blum.svg");
    mask-image: url("../images/tools/Blum.svg");
}

.icon-user {
    -webkit-mask-image: url("../images/tools/User.svg");
    mask-image: url("../images/tools/User.svg");
}

.icon-clear {
    -webkit-mask-image: url("../images/tools/Clear.svg");
    mask-image: url("../images/tools/Clear.svg");
}

.icon-ungroup {
    -webkit-mask-image: url("../images/tools/Ungroup.svg");
    mask-image: url("../images/tools/Ungroup.svg");
}

.icon-groupbyuser {
    -webkit-mask-image: url("../images/tools/GroupByResource.svg");
    mask-image: url("../images/tools/GroupByResource.svg");
}

.icon-groupfield {
    -webkit-mask-image: url("../images/tools/GroupByField.svg");
    mask-image: url("../images/tools/GroupByField.svg");
}

.icon-group {
    -webkit-mask-image: url("../images/tools/Group.svg");
    mask-image: url("../images/tools/Group.svg");
}

.icon-pdf {
    -webkit-mask-image: url("../images/tools/Export_ToPDF.svg");
    mask-image: url("../images/tools/Export_ToPDF.svg");
}

.icon-docx {
    -webkit-mask-image: url("../images/tools/Export_ToDOCX.svg");
    mask-image: url("../images/tools/Export_ToDOCX.svg");
}

.icon-xlsx {
    -webkit-mask-image: url("../images/tools/Export_ToXLSX.svg");
    mask-image: url("../images/tools/Export_ToXLSX.svg");
}

.icon-filter {
    -webkit-mask-image: url("../images/tools/Filter.svg");
    mask-image: url("../images/tools/Filter.svg");
}

.icon-columnchooser {
    -webkit-mask-image: url("../images/tools/ColumnChooser.svg");
    mask-image: url("../images/tools/ColumnChooser.svg");
}

.icon-expand {
    -webkit-mask-image: url("../images/tools/Expand.svg");
    mask-image: url("../images/tools/Expand.svg");
}

.icon-collapse {
    -webkit-mask-image: url("../images/tools/Collapse.svg");
    mask-image: url("../images/tools/Collapse.svg");
}

.icon-new {
    -webkit-mask-image: url("../images/tools/New.svg");
    mask-image: url("../images/tools/New.svg");
}

.icon-edit {
    -webkit-mask-image: url("../images/tools/Edit.svg");
    mask-image: url("../images/tools/Edit.svg");
}

.icon-delete {
    -webkit-mask-image: url("../images/tools/Delete.svg");
    mask-image: url("../images/tools/Delete.svg");
}

.icon-import {
    -webkit-mask-image: url("../images/tools/Import.svg");
    mask-image: url("../images/tools/Import.svg");
}

.icon-export {
    -webkit-mask-image: url("../images/tools/Export.svg");
    mask-image: url("../images/tools/Export.svg");
}

.icon-up {
    -webkit-mask-image: url("../images/tools/MoveUp.svg");
    mask-image: url("../images/tools/MoveUp.svg");
}

.icon-down {
    -webkit-mask-image: url("../images/tools/MoveDown.svg");
    mask-image: url("../images/tools/MoveDown.svg");
}

.icon-left {
    -webkit-mask-image: url("../images/tools/ArrowLeft.svg");
    mask-image: url("../images/tools/ArrowLeft.svg");
}

.icon-right {
    -webkit-mask-image: url("../images/tools/ArrowRight.svg");
    mask-image: url("../images/tools/ArrowRight.svg");
}

.icon-refresh {
    mask-image: url("../images/tools/Refresh.svg");
    -webkit-mask-image: url("../images/tools/Refresh.svg");
}

.icon-search {
    mask-image: url("../images/tools/Search.svg");
    -webkit-mask-image: url("../images/tools/Search.svg");
}

.icon-alert {
    mask-image: url("../images/tools/Alert.svg");
    -webkit-mask-image: url("../images/tools/Alert.svg");
}

.icon-detail {
    mask-image: url("../images/tools/GridToolbarDocument.svg");
    -webkit-mask-image: url("../images/tools/GridToolbarDocument.svg");
}

.icon-settings {
    mask-image: url("../images/tools/Settings.svg");
    -webkit-mask-image: url("../images/tools/Settings.svg");
}

.icon-copy {
    mask-image: url("../images/tools/Copy.svg");
    -webkit-mask-image: url("../images/tools/Copy.svg");
}

.icon-check {
    mask-image: url("../images/tools/check.svg");
    -webkit-mask-image: url("../images/tools/check.svg");
}

.icon-insert-row {
    -webkit-mask-image: url("../images/tools/InsertRow.svg");
    mask-image: url("../images/tools/InsertRow.svg");
}

.icon-insert-rowup {
    -webkit-mask-image: url("../images/tools/InsertRowUp.svg");
    mask-image: url("../images/tools/InsertRowUp.svg");
}

.icon-insert-rowdown {
    -webkit-mask-image: url("../images/tools/InsertRowDown.svg");
    mask-image: url("../images/tools/InsertRowDown.svg");
}


.icon-warning {
    mask-image: url("../images/tools/Warning.svg");
    -webkit-mask-image: url("../images/tools/Warning.svg");
}


.icon-drive {
    mask-image: url("../images/CloudioProgetto.svg");
    -webkit-mask-image: url("../images/CloudioProgetto.svg");
}
.icon-cloudiolink {
    mask-image: url("../images/CloudioLink.svg");
    -webkit-mask-image: url("../images/CloudioLink.svg");
}

.icon-cloudiounlink {
    mask-image: url("../images/CloudioUnLink.svg");
    -webkit-mask-image: url("../images/CloudioUnLink.svg");
}

.icon-cf-calcola {
    mask-image: url("../images/tools/CF_calcola.svg");
    -webkit-mask-image: url("../images/tools/CF_calcola.svg");
}
.icon-cf-estrai {
    mask-image: url("../images/tools/CF_estrai.svg");
    -webkit-mask-image: url("../images/tools/CF_estrai.svg");
}
.icon-cf-valida {
    mask-image: url("../images/tools/CF_valida.svg");
    -webkit-mask-image: url("../images/tools/CF_valida.svg");
}


.icon-back {
    mask-image: url("../images/tools/ArrowLeft.svg");
    -webkit-mask-image: url("../images/tools/ArrowLeft.svg");
}
.icon-toggle {
    mask-image: url("../images/tools/Toggle.svg");
    -webkit-mask-image: url("../images/tools/Toggle.svg");
}
.icon-legend {
    mask-image: url("../images/tools/Legend.svg");
    -webkit-mask-image: url("../images/tools/Legend.svg");
}
.icon-plus {
    mask-image: url("../images/tools/Add.svg");
    -webkit-mask-image: url("../images/tools/Add.svg");
}

.icon-ok {
    mask-image: url("../images/tools/Ok.svg");
    -webkit-mask-image: url("../images/tools/Ok.svg");
}
.icon-cancel {
    mask-image: url("../images/tools/Cancel.svg");
    -webkit-mask-image: url("../images/tools/Cancel.svg");
}

.icon-svuota {
    mask-image: url("../images/tools/Svuota.svg");
    -webkit-mask-image: url("../images/tools/Svuota.svg");
}

.icon-foldertemp {
    mask-image: url("../images/folder-clock.svg");
    -webkit-mask-image: url("../images/folder-clock.svg");
}

.icon-saat16 {
    mask-image: url("../images/SAAT16.png");
    -webkit-mask-image: url("../images/SAAT16.svg");
}
.icon-saat32 {
    mask-image: url("../images/SAAT32.png");
    -webkit-mask-image: url("../images/SAAT32.svg");
}

.icon-cercacloudio {
    mask-image: url("../images/tools/CercaInCloudio.svg");
    -webkit-mask-image: url("../images/tools/CercaInCloudio.svg");
}

.icon-lang-it {
    mask-image: url("../images/lang-it.svg");
    -webkit-mask-image: url("../images/lang-it.svg");
}
.icon-lang-en {
    mask-image: url("../images/lang-en.svg");
    -webkit-mask-image: url("../images/lang-en.svg");
}
.icon-ellipsis {
    mask-image: url("../images/tools/ellipsis.svg");
    -webkit-mask-image: url("../images/tools/ellipsis.svg");
}
.icon-crane {
    mask-image: url("../images/crane.svg");
    -webkit-mask-image: url("../images/crane.svg");
}

.icon-rename {
    mask-image: url("../images/tools/Rename.svg");
    -webkit-mask-image: url("../images/tools/Rename.svg");
}
.icon-wokflow {
    mask-image: url("../images/workflow.svg");
    -webkit-mask-image: url("../images/workflow.svg");
}

.icon-collega {
    mask-image: url("../images/tools/Hyperlink.svg");
    -webkit-mask-image: url("../images/tools/Hyperlink.svg");
}
.icon-scollega {
    mask-image: url("../images/tools/DeleteHyperlink.svg");
    -webkit-mask-image: url("../images/tools/DeleteHyperlink.svg");
}