.MyButtonDelete {
    background-image: url("../images/buttons/Blank_Document-Delete_n.svg");
}

.MyButtonEdit {
    background-image: url("../images/buttons/Blank_Document-Edit_n.svg");
}

.MyButtonAppend {
    background-image: url("../images/buttons/Blank_Document-Add_n.svg");
}

.MyButtonOk {
    background-image: url("../images/buttons/Checkmark_Circle_Green_n.svg");
}

.MyButtonCancel {
    background-image: url("../images/buttons/Code_Error_n.svg");
}

.MyButtonDocument {
    background-image: url("../images/buttons/Attachment_n.svg");
}

.MyButtonImage {
    background-image: url("../images/buttons/Photo_n.svg");
}

.MyButtonStyle.dxbl-image {
    width: 24px;
    height: 24px;
    margin: 0 0 0 0;
    text-align: center;
}

.MyButtonStyleS.dxbl-image {
    width: 16px;
    height: 16px;
    margin: 0 0 0 0;
    text-align: center;
}

.MyButtonStyle.dxbl-btn-icon-only {
    width: 32px;
    height: 32px;
    margin: 0 0 0 0;
    text-align: center;
}

.MyButtonStyleS.dxbl-btn-icon-only {
    width: 24px;
    height: 24px;
    margin: 0 0 0 0;
    text-align: center;
}


.MyMenu.dxbl-menu.dxbl-menu-horizontal.dxbl-sm {
    --dxbl-menu-item-padding-x: 0.2rem;
}

.MyGreenButtonStyle {
/*    background: linear-gradient(90deg, rgb(75 130 120) 0%, rgb(44 78 72) 100%);
*/    border-color: rgb(80, 140, 130);
    border-width: 1px;
    width: 200px;
    height: 36px;
}

    .MyGreenButtonStyle:hover {
        background: var(--dxbl-btn-bg);
        height: 36px;
    }

.MyGreenButtonStyleSelected {
/*    background: linear-gradient(90deg, rgb(0 93 0) 0%, rgb(0 56 0) 100%);
*/    border-color: rgb(80, 140, 130);
    border-width: 1px;
    display: block;
    width: 200px;
    height: 36px;
}

:root {
    --dxbl-btn-hover-bg: var(--dxbl-btn-bg);
}