.switch-button-label {
    float: left;
    cursor: pointer;
    margin: 2px 7px;
}

.switch-button-label.off {
    color: #adadad;
}

.switch-button-label.on {
    color: var(--main-color);
}

.switch-button-background {
    float: left;
    position: relative;
    width: 30px !important;
    height: 17px !important;

    background: #ccc;
    border: 1px solid #aaa;
    margin-top: 2px;

    -webkit-border-radius: 8px;
    -moz-border-radius:8px;
    border-radius: 8px;

    cursor: pointer;

    transition: all 0.5s;
}

.switch-button-background.checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.switch-button-button {
    position: absolute;
    width: 15px !important;
    height: 15px !important;

    left: 0px;
    top : 0px;

    background: #FAFAFA;
    border: 1px solid #aaa;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.switch-wrapper {
    display: inline-block;
    position: relative;
    top: 3px;
}