/* Composite icons */

.dmt-icon-multilayer {
    position: relative;
    text-align: center;
    color: $light-gray;

    span {
        position: absolute;
        left: 0;
        right: 0;
        color: $medium-gray;
    }

    &.icon-fav-filled {
        &.dmt-active {
            color: $favourites;

            span {

            }
        }
    }

    &.icon-delete-filled {
        color: $inactive-item-content;
        span {
            color: $inactive-item;
        }
    }

    &.icon-delete-filled {
        &.dmt-active {
            color: $light-gray;
            span {
                color: $offline;
            }
        }
    }

    &.dmt-plug-icon {
        .icon-plug-top {
            color: $light-gray;
        }

        .icon-plug-front {
            color: #FFFFFF;
        }

        .icon-plug-stroke {
            color: $medium-gray;
        }

        .icon-plug-pins {
            color: $light-blue;
        }
    }

    &.dmt-favourites-icon {
        &.dmt-active {
            .icon-fav-filled {
                color: $favourites;
            }
        }

        .icon-fav-filled {
            color: $light-gray;
        }

        .icon-fav {
            color: $medium-gray;
        }
    }

    &.dmt-devices-icon {
        .icon-devices-bg-laptop {
            color: light-blue-rgba(0.1);
        }

        .icon-devices-bg-phone {
            color: light-blue-rgba(0.2);
        }

        .icon-devices-stroke {
            color: $light-gray;
        }
    }

    &.dmt-network-icon {
        .icon-network-bg {
            color: light-blue-rgba(0.1);
        }

        .icon-network-stroke {
            color: $light-gray;
        }
    }

    &.dmt-alerts-icon {
        &.dmt-crossed {
            .icon-bar-right {
                display: block;
            }
        }

        .icon-alerts-bg {
            color: light-blue-rgba(0.1);
            top: -2px;
        }

        .icon-alerts-stroke {
            color: $light-gray;
        }

        .icon-bar-right {
            display: none;
            color: $offline;
            position: absolute;
            top: 1px;
            font-size: 24px;
            left: 2px;
            text-shadow: 0 .5px $dark-blue;
        }
    }

    &.dmt-alert-icon {
        .icon-alert-stroke {
            color: $offline;
        }

        .icon-circle-filled {
            color: $light-gray;
        }
    }

    &.dmt-collaboration-icon {

        .icon-collaboration-bg {
            color: light-blue-rgba(0.1);
        }

        .icon-collaboration-stroke {
            color: $light-gray;
        }

        .icon-collaboration-tick {
            color: $light-blue;
        }

        &.light-background {
            .icon-collaboration-stroke {
                color: $light-blue;
            }
        }

    }

    &.dmt-collaboration-guest-icon-x {

        .icon-guest-back-stroke {
            color: $light-gray;
        }

        .icon-guest-front-fill {
            color: light-blue-rgba(0.1);
        }

        .icon-guest-front-stroke-x {
            color: $light-blue;
        }

        .icon-guest-cross {
            color: $light-gray;
        }
    }

    &.dmt-collaboration-guest-icon {

        .icon-guest-back-stroke {
            color: $light-gray;
        }

        .icon-guest-back-fill {
            color: light-blue-rgba(0.1);
        }

        .icon-guest-front-stroke {
            color: $light-blue;
        }
    }

    &.dmt-customer-details-icon {
        .icon-circle{
            color: $light-blue;
        }
        .icon-guest-device{
            color: #ECF0F1;
            font-size: 27px;
            top: 3px;
        }
        .icon-guest-device-bg{
            color: light-blue-rgba(0.1);
            font-size: 33px;
            top: 2px;
        }
    }

    &.dmt-help-icon {
        /*
        .icon-help-bg {
            color: light-blue-rgba(0.1);
        }

        .icon-help-stroke {
            color: $light-gray;
        }

        .icon-help-question-mark {
            color: $light-blue;
        }
        */
        /* fake one */
        .icon-help-bg {
            color: transparent;
        }

        .icon-help-stroke {
            color: $dark-gray;
        }

        .icon-help-question-mark {
            color: $dark-gray;
        }
    }

    &.dmt-discover-icon {
        .icon-discover-solid {
            color: $light-blue;
        }

        .icon-discover-magnify {
            color: $light-gray;
        }
    }

    &.dmt-gift-icon {
        .icon-gift-fill {
            color: light-blue-rgba(0.1);
        }

        .icon-gift-ribbon {
            color: $light-blue;
        }

        .icon-gift-stroke {
            color: $light-gray;
        }

        &.dmt-gift-sunshine {
            .icon-gift-ribbon {
                color: $favourites;
            }
        }
    }

    &.dmt-dudes-icon {
        .icon-dudes-fill {
            color: $dark-blue;
        }

        .icon-dudes-full-stroke {
            color: $light-blue;
        }

        .icon-dudes-half-stroke-stroke {
            color: $light-gray;
        }
    }


    &.dmt-lock-icon {
        .icon-fill-body-lock {
            color: #ecf0f1;
        }
        .icon-fill-upper-lock {
            color: #d3dbe1 ;
        }
        .icon-stroke-lock {
            color: #7186a3;
        }
    }

    &.dmt-place-mark-icon {
        font-size: 38px;
        .icon-geomarker-outter-stroke {
            color: $light-blue;
        }
        .icon-geomarker-inner-stroke {
            color: $medium-gray;
        }
    }

    &.dmt-chart-filter-icon{
        .icon-circle{
            font-size: 22px;
        }
    }

    &.dmt-web-icon {
        .icon-web-fill {
            color: $light-gray;
        }
        .icon-web-stroke {
            color: $dark-gray ;
        }
    }

    &.dmt-rdp-icon {
        .icon-rdp-fill {
            color: $light-gray;
        }
        .icon-rdp-stroke {
            color: $dark-gray ;
        }
    }

    &.dmt-ssh-icon {
        .icon-ssh-fill {
            color: $light-gray;
        }
        .icon-ssh-stroke {
            color: $dark-gray ;
        }
    }

    &.dmt-icon-snmp-admin-down {
        .icon-admindown-stroke{
            color: $dark-gray;
        }
    }

    &.dmt-icon-snmp-operation-down {
        .icon-opdown-fill-plug{
            color: $light-gray;
        }
        .icon-opdown-stroke{
            color: $dark-gray;
        }
    }

    &.dmt-icon-snmp-operation-up {
        .icon-opup-fill-cable {
            color: light-blue-rgba(0.1);
        }
        .icon-opup-fill-plug {
            color: light-blue-rgba(0.1);
        }
        .icon-opup-stroke{
            color: $light-blue ;
        }
    }

    &.dmt-icon-ethernet-unplug{
        .icon-eth-unplug-fill{
            color: $light-gray;
        }
        .icon-eth-unplug-pins{
            color: $favourites;
        }
        .icon-eth-unplug-stroke{
            color: $dark-gray;
        }
    }

    &.dmt-icon-ethernet-plug{
        .icon-eth-plug-fill{
            color: $light-gray;
        }
        .icon-eth-plug-stroke{
            color: $dark-gray;
        }
    }

    &.dmt-icon-ethernet {
        .icon-eth-fill{
            color: $online-opaque-30;
        }
        .icon-eth-stroke{
            color: $online;
        }
    }

    &.dmt-zigbee-locked-icon {

        font-size: 80px;

        .icon-zigbee {
            font-size: 110px;
            color: $light-gray;
        }
        .icon-fill-upper-lock {
            top: 10px;
            left: 70px;
            color: $light-gray;
        }
        .icon-fill-body-lock {
            top: 10px;
            left: 70px;
            color: $light-gray;
        }
        .icon-stroke-lock {
            top: 10px;
            left: 70px;
        }
    }
}

/* End: Composite icons */