.dmt-cycle-button {
    position: relative;
    @include border-radius(50%);
    box-shadow: 0 1px 2px sad-sky-rgba(0.35);
    height: 31px;
    width: 31px;
    cursor: pointer;
    border: 1px solid $sad-sky;
    box-sizing: content-box;

    .dmt-cycle-icons {
        width: 29px;
        height: 29px;
        display: inline-block;
        margin: 1px;
        position: relative;
        line-height: 29px;
        text-align: center;

        .icon-reboot-arrow-down {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 29px;
            color: $offline;
        }

        .icon-reboot-arrow-up {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 29px;
            color: $online;
        }

        .icon-bolt-filled {
            position: absolute;
            left: 0;
            right: 0;
            font-size: 11px;
            color: $online;
        }
    }

    &.dmt-locked {
        cursor: default;
        opacity: 0.5;
    }

    &.dmt-disabled {
        cursor: default;
        box-shadow: none;

        .dmt-cycle-icons {
            .icon-reboot-arrow-down,
            .icon-reboot-arrow-up,
            .icon-bolt-filled {
                color: $sad-sky;
            }
        }
    }
}

.dmt-no-touch {
    .dmt-cycle-button {
        &:hover {
            @include light-blue-rgba(0.10);

            &.dmt-locked,
            &.dmt-disabled {
                background: transparent;
            }
        }
    }
}