/* Variables CSS pour les icônes */
:root {
    --icon-default-size: 32px;
    --icon-opacity: 0.9;
}

/* Classe de base pour tous les icônes */
.icon-base {
    display: flex;
    height: var(--icon-default-size);
    width: var(--icon-default-size);
    opacity: var(--icon-opacity);
    background-color: currentColor;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
}

/* Applique automatiquement les propriétés de base à toutes les classes commençant par 'swsico-' */
[class*="swsico-"] {
    display: flex;
    height: var(--icon-default-size);
    width: var(--icon-default-size);
    opacity: var(--icon-opacity);
    background-color: var(--icon-color, currentColor);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
    /* Utilise la variable --icon-url si elle est définie */
    mask-image: var(--icon-url);
    -webkit-mask-image: var(--icon-url);
}

.swsicon-light {
    --icon-color: var(--bs-secondary);
}

.swsicon-dark {
    --icon-color: var(--bs-primary);
}

.dxbl-image[class*="swsico-"] {
    width: var(--icon-default-size);
    height: var(--icon-default-size);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swsico-clip {
    --icon-url: url("/_content/SW_MI.App/images/Clip.svg");
}

.swsico-settings {
    --icon-url: url("/_content/SW_MI.App/images/def_machineblue.svg");
}

.swsico-admin {
    --icon-url: url("/_content/SW_MI.App/images/BO_User.svg");
}

.swsico-Actions_Flag {
    --icon-url: url("/_content/SW_MI.App/images/Actions_Flag.svg");
}

.swsico-organization {
    --icon-url: url("/_content/SW_MI.App/images/bo_organization.svg");
}

.swsico-PuceElecWhite {
    --icon-url: url("/_content/SW_MI.App/images/PuceElecWhite.svg");
}

.swsico-PuceSorterWhite {
    --icon-url: url("/_content/SW_MI.App/images/PuceSorterWhite.svg");
}

.swsico-Business_Diagram {
    --icon-url: url("/_content/SW_MI.App/images/Business_Diagram.svg");
}

.swsico-Shipment {
    --icon-url: url("/_content/SW_MI.App/images/Shipment.svg");
}

.swsico-Travel_Hotel {
    --icon-url: url("/_content/SW_MI.App/images/Travel_Hotel.svg");
}

.swsico-BO_Product_Group {
    --icon-url: url("/_content/SW_MI.App/images/BO_Product_Group.svg");
}

.swsico-WeightedPies {
    --icon-url: url("/_content/SW_MI.App/images/WeightedPies.svg");
}

.swsico-location {
    --icon-url: url("/_content/SW_MI.App/images/CustomerQuickLocations.svg");
}

.swsico-PuceDispoWhite {
    --icon-url: url("/_content/SW_MI.App/images/PuceDispoWhite.svg");
}

.swsico-Actions_DeleteCircled {
    --icon-url: url("/_content/SW_MI.App/images/Actions_DeleteCircled.svg");
}

.swsico-SinglePageView {
    --icon-url: url("/_content/SW_MI.App/images/SinglePageView.svg");
}

.swsico-HandTool {
    --icon-url: url("/_content/SW_MI.App/images/HandTool.svg");
}

.swsico-BO_Person_Active {
    --icon-url: url("/_content/SW_MI.App/images/BO_Person_Active.svg");
}

.swsico-CaraManu2White {
    --icon-url: url("/_content/SW_MI.App/images/IcoCaraManu2White.svg");
}

.swsico-SwitchTimeScalesTo {
    --icon-url: url("/_content/SW_MI.App/images/SwitchTimeScalesTo.svg");
}

.swsico-Actions_Calendar {
    --icon-url: url("/_content/SW_MI.App/images/Actions_Calendar.svg");
}

.swsico-group {
    --icon-url: url("/_content/SW_MI.App/images/Group.svg");
}

.swsico-IcoHistoWhite {
    --icon-url: url("/_content/SW_MI.App/images/IcoHistoWhite.svg");
}

.swsico-QrCode {
    --icon-url: url("/_content/SW_MI.App/images/QrCode.svg");
}

.swsico-IcoStockOut {
    --icon-url: url("/_content/SW_MI.App/images/IcoStockOut.svg");
}

.swsico-AutoExpand {
    --icon-url: url("/_content/SW_MI.App/images/AutoExpand.svg");
}

.swsico-InsertImage {
    --icon-url: url("/_content/SW_MI.App/images/InsertImage.svg");
}

.swsico-IcoShiftBookWhite {
    --icon-url: url("/_content/SW_MI.App/images/IcoShiftBookWhite.svg");
}

.swsico-save {
    --icon-url: url("/_content/SW_MI.App/images/save.svg");
}

.swsico-addchild {
    --icon-url: url("/_content/SW_MI.App/images/addchild.svg");
}
.swsico-DateAndTime{
    --icon-url: url("/_content/SW_MI.App/images/DateAndTime.svg");
}
.swsico-DateAndTime {
    --icon-url: url("/_content/SW_MI.App/images/DateAndTime.svg");
}
.swsico-Gauges {
    --icon-url: url("/_content/SW_MI.App/images/Gauges.svg");
}
.swsico-def_aublue {
    --icon-url: url("/_content/SW_MI.App/images/def_aublue.svg");
}
.swsico-def_cylinderblue {
    --icon-url: url("/_content/SW_MI.App/images/def_cylinderblue.svg");
}
.swsico-def_commblue {
    --icon-url: url("/_content/SW_MI.App/images/def_commblue.svg");
}
.swsico-def_machineblue {
    --icon-url: url("/_content/SW_MI.App/images/def_machineblue.svg");
}
.swsico-def_motorblue {
    --icon-url: url("/_content/SW_MI.App/images/def_motorblue.svg");
}
.swsico-def_otherblue {
    --icon-url: url("/_content/SW_MI.App/images/def_otherblue.svg");
}
.swsico-def_storageblue {
    --icon-url: url("/_content/SW_MI.App/images/def_storageblue.svg");
}
.swsico-Weather_Wind {
    --icon-url: url("/_content/SW_MI.App/images/Weather_Wind.svg");
}