.button, .RadButton.rbButton.button{
    background-image: none !important;
    background-color: white !important;
    color: var(--secondary-bg-color) !important;
    padding: 10px 15px;
    box-shadow:inset 0px 0px 0px 2px var(--secondary-bg-color) !important;
    border-radius: 6px;
    cursor: pointer;
    border: none !important;
    text-decoration: none;
}

    .button:hover, .button.is-pushed, .RadButton.rbButton.button:hover {
        background-color: var(--secondary-bg-color) !important;
        color: white !important;
        box-shadow: none !important;
    }

.button.button-valid, .RadButton.button.button-valid {
    background-color: #8cbe24 !important;
    color: white !important;
    box-shadow: none !important;
    padding: 10px 15px;
}

.button.button-valid:hover, .RadButton.button.button-valid:hover{
    background-color: #7aa51f !important;
    color: white !important;
    box-shadow: none!important;
}

.button.button-danger{
    background-color: #d95020 !important;
    color: white !important;
    box-shadow: none!important;
    padding: 10px 15px;
}

.button.button-danger:hover{
    background-color: #bc471d !important;
    color: white !important;
    box-shadow: none!important;
}

.button.button-disabled{
    background-color: #999999 !important;
    color: white !important;
    cursor: not-allowed !important;
    box-shadow: none!important;
    padding: 10px 15px;
}
.button.button-disabled:hover{
    background-color: #999999 !important;
    color: white !important;
    box-shadow: none!important;
}

/* SaveAndCancel */

.saveAndCancelContainer {
    padding: 10px 0px;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    justify-content: space-between;
}

    .saveAndCancelContainer .button-valid {
        margin-right: 10px;
    }

    .saveAndCancelContainer .button {
        width: 80px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }


.deleteAndNewContainer {
    display: flex;
    margin-bottom: 10px;
}

    .deleteAndNewContainer .button-valid {
    margin-right: 10px;
    }

.button-editable-background{
    background-image: none !important;
    padding: 10px 15px;
    box-shadow:inset 0px 0px 0px 2px var(--secondary-bg-color) !important;
    border-radius: 6px;
    cursor: pointer;
    border: none !important;
    text-decoration: none;
}