.newButton {
    font-size: medium;
    border: none;
    outline: solid;
    outline-width: 1px;
    outline-color: #F8BE1D;
    background-color: #F76E06;
    color: white;
    cursor: pointer;
    border-radius: 4px;
    width: 60px;
    height: 28px;
    margin: 2px;
}
    .newButton:hover {
        background-color: #F8BE1D;
        color: #000000;
        outline: solid;
        outline-width: 1px;
        outline-color: #F76E06;
    }
.editButton {
    font-size: medium;
    border: none;
    outline: solid;
    outline-width: 1px;
    outline-color: #D3E4A6;
    background-color: #88B016;
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 4px;
    width: 60px;
    height: 28px;
    margin: 2px;
}
    .editButton:hover {
        background-color: #D3E4A6;
        color: #000000;
        outline: solid;
        outline-width: 1px;
        outline-color: #88B016;
    }
.deleteButton {
    font-size: medium;
    border: none;
    outline: solid;
    outline-width: 1px;
    outline-color: #D9A5A5;
    background-color: #B20A0A;
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 4px;
    width: 60px;
    height: 28px;
    margin: 2px;
}
    .deleteButton:hover {
        background-color: #D9A5A5;
        color: #000000;
        outline: solid;
        outline-width: 1px;
        outline-color: #B20A0A;
    }
.cancelButton {
    font-size: medium;
    border: none;
    outline: solid;
    outline-width: 1px;
    outline-color: #C3C3C3;
    background-color: #5A5A5A;
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 4px;
    width: 60px;
    height: 28px;
    margin: 2px;
}
    .cancelButton:hover {
        background-color: #C3C3C3;
        color: #000000;
        outline: solid;
        outline-width: 1px;
        outline-color: #5A5A5A;
    }
.updateButton {
    font-size: medium;
    border: none;
    outline: solid;
    outline-width: 1px;
    outline-color: #9AA5E5;
    background-color: #040F4F;
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 4px;
    width: 60px;
    height: 28px;
    margin: 2px;
}
    .updateButton:hover {
        background-color: #9AA5E5;
        color: #000000;
        outline: solid;
        outline-width: 1px;
        outline-color: #040F4F;
    }
.previewChangeButton {
    font-size: medium;
    border: none;
    outline: solid;
    outline-width: 1px;
    outline-color: #A6D1D9;
    background-color: #9AA5E5;
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 4px;
    width: 60px;
    height: 28px;
    margin: 2px;
}
    .previewChangeButton:hover {
        background-color: #A6D1D9;
        color: #000000;
        outline: solid;
        outline-width: 1px;
        outline-color: #9AA5E5;
    }
.hideChangeButton {
    font-size: medium;
    border: none;
    outline: solid;
    outline-width: 1px;
    outline-color: #DCA3BC;
    background-color: #FF006E;
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 4px;
    width: 60px;
    height: 28px;
    margin: 2px;
}
    .hideChangeButton:hover {
        background-color: #DCA3BC;
        color: #000000;
        outline: solid;
        outline-width: 1px;
        outline-color: #FF006E;
    }
.optionButton {
    font-size: medium;
    border: none;
    outline: solid;
    outline-width: 1px;
    outline-color: #f8b01d;
    background-color: #0d6c1b;
    color: white;
    cursor: pointer;
    border-radius: 4px;
    width: 60px;
    height: 28px;
    margin: 2px;
}

    .optionButton:hover {
        background-color: #36f808;
        color: #B20A0A;
        outline: solid;
        outline-width: 1px;
        outline-color: #bcbe10;
    }