/* visual python - buttons */
.vp-button {
    width: 80px;
    height: 30px;
    background: #FFFFFF;
    border: 0.25px solid #E4E4E4;
    box-sizing: border-box;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
    border-radius: 2px;
    line-height: 30px;
    font-size: 13px;
    text-align: center;
    color: #696969;
    cursor: pointer;
    /* no-selection allowed for button */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
}

.vp-button.cancel {
    background: #E5E5E5;
}
.vp-button.cancel:hover {
    background: #DEDEDE;
}

.vp-button.add {
    background: #FFFFFF;
}
.vp-button.add:hover {
    background: #F8F8F8;
}

.vp-button.activated {
    background: #F38504;
    color: #FFFFFF;
}
.vp-button.activated:hover {
    background: #EF6B10;
}

.vp-button.disabled,
.vp-button.disabled:hover {
    background: #E5E5E5;
    border: 0.25px solid #E4E4E4;
    color: #696969;
    cursor: not-allowed;
}