/* Corporate toggle switch style */

/*handle of the switch in off mode.*/
.e-switch-wrapper.hydac-toggle-switch .e-switch-handle {
    background-color: var(--hydac-teal);
}

.e-switch-wrapper.hydac-toggle-switch:not(.e-switch-disabled):hover .e-switch-handle:not(.e-switch-active) {
    background-color: var(--hydac-teal);
}

/*line of the switch in off mode.*/
.e-switch-wrapper.hydac-toggle-switch .e-switch-inner {
    border-color: var(--hydac-teal);
}

.e-switch-wrapper.hydac-toggle-switch:not(.e-switch-disabled):hover .e-switch-inner:not(.e-switch-active) {
    border-color: var(--hydac-teal);
}

/*line of the switch in on mode.*/
.e-switch-wrapper.hydac-toggle-switch .e-switch-on {
    border-color: var(--hydac-teal);
    background-color: var(--hydac-teal);
}

.e-switch-wrapper.hydac-toggle-switch .e-switch-inner.e-switch-active {
    border-color: var(--hydac-teal) !important;
    background-color: var(--hydac-teal) !important;
}

.e-switch-wrapper.hydac-toggle-switch:hover .e-switch-inner.e-switch-active .e-switch-on {
    border-color: var(--hydac-teal);
    background-color: var(--hydac-teal);
}