.MyBackground {
    background-image: url("../Image/bg-flowmate.svg");
}

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

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

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

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

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

.MyButtonKey {
    background-image: url("../Image/Login_Key_n.svg");
}

.MyButtonAddToContact {
    background-image: url("../Image/Generic_User_Blue-Add_n.svg");
}

.MyButtonArrowLeft {
    background-image: url("../Image/Simple_Button_Arrow_Left_Blue_n.svg");
}

.MyButtonArrowRight {
    background-image: url("../Image/Simple_Button_Arrow_Right_Blue_n.svg");
}

.MyButtonPeople {
    background-image: url("../Image/Generic_User_Group_n.svg");
}

.MyButtonPcs {
    background-image: url("../Image/PCs_n.svg");
}

.MyButtonTable {
    background-image: url("../Image/Table_n.svg");
}

.MyButtonExportExcel {
    background-image: url("../Image/Export_Excel.svg");
}

.MyButtonExportPdf {
    background-image: url("../Image/Export_Pdf.svg");
}

.MyButtonExportScreen {
    background-image: url("../Image/Monitor_n.svg");
}

.MyButtonDownload {
    background-image: url("../Image/Download_Globe_n.svg");
}

.MyButtonConfig {
    background-image: url("../Image/Wrench_n.svg");
}

.MyButtonLinkView {
    background-image: url("../Image/Link-View_n.svg");
}

.MyButtonLinkGear {
    background-image: url("../Image/Link-Gear_n.svg");
}

.MyButtonLinkProperties {
    background-image: url("../Image/Link-Properties_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: rgb(80, 140, 130);
        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;
}