.DEStyle{
    background: var(--backGroundColor);
}

/* header */
.DEStyle > .sapMPageHeader{
    border-bottom: 3px solid var(--groupColor);
}
.DEStyle > .sapMPageHeader::before{
    border: none;
}
.DEStyle > .sapMPageHeader.sapMIBar.sapMHeader-CTX{
    background: transparent;
}

/* section */
.DEStyle > section{
    background: transparent;
}

/* sap.m.Panel */
.DEStyle .sapMPanel{
    display: flex;
    flex-direction: column;
    height: 100% !important;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid var(--lineSeparator);
    border-radius: 10px;
    background: var(--foreColor2);
}
.DEStyle .sapMPanel > .sapMTB{
    padding: 0 10px;
    margin: 0;
    height: 2.5rem;
}
.DEStyle .sapMPanel > .sapMTB span{
    font-size: 1rem;
    text-shadow: none;
    color: var(--textColor);
    line-height: normal;
}
.DEStyle .sapMPanel > .sapMTB,
.DEStyle .sapMPanel > .sapMPanelHdr{
    border: none;
    border-bottom: 3px solid var(--groupColor);
}
.DEStyle .sapMPanel > .sapMPanelHdr{
    height: auto;
    line-height: normal;
    margin: 0;
    padding: 0 10px;
    font-size: 1rem;
    text-shadow: none;
    height: 2.5rem;
    align-items: center;
    display: flex;
    color: var(--textColor);
}
.DEStyle .sapMPanel > .sapMPanelWrappingDiv{
    display: flex;
    border-bottom: 1px solid var(--lineSeparator) !important;
    align-items: center;
    box-sizing: border-box;
    padding: 10px;
    gap: 10px;
}
.DEStyle .sapMPanel > .sapMPanelWrappingDiv > .sapUiIcon{
    width: 2rem;
    height: 2rem;
    top: 0;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transform: rotate(270deg) !important;
    transition: none;
    flex-shrink: 0;
}
.DEStyle .sapMPanel > .sapMPanelWrappingDiv > .sapMPanelExpandableIconExpanded{
    transform: rotate(360deg) !important;
}
.DEStyle .sapMPanel > .sapMPanelWrappingDiv > .sapMPanelHdr{
    margin: 0;
    padding: 0;
    line-height: normal;
    height: fit-content;
    font-size: 1rem;
    color: var(--textColor);
}
.DEStyle .sapMPanel > .sapMPanelWrappingDiv:not(.sapMPanelWrappingDivExpanded) + .sapMPanelContent{
    height: 0px !important;
    flex: auto !important;
    padding: 0px !important;
}
.DEStyle .sapMPanel > .sapMPanelContent{
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    padding: 10px !important;
    flex: 1;
    height: auto !important;
    background: transparent;
    border: none;
}

/* sap.m.List */
.DEStyle .sapMList{
    overflow: auto;
}
.DEStyle .sapMList > .sapMListUl > .sapMLIB{
    padding: 0 10px;
    border-bottom: 1px solid var(--lineSeparator);
    border-radius: 10px;
    min-height: 3rem;
}
.DEStyle .sapMList > .sapMListUl > .sapMLIB:last-child{
    border: none;
}
.DEStyle .sapMList > .sapMListUl > .sapMLIB:hover{
    background: var(--hoverColor);
}
.DEStyle .sapMList > .sapMListUl > .sapMLIB > .sapMLIBType,
.DEStyle .sapMList > .sapMListUl > .sapMLIB .sapMSLIImgIcon{
    margin: 0;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
}
.DEStyle .sapMList > .sapMListUl > .sapMLIB .sapMSLIImgIcon,
.DEStyle .sapMList > .sapMListUl > .sapMLIB > .sapMLIBContent .sapUiIcon{
    font-size: 1.25rem;
    color: var(--textColor);
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
}
.DEStyle .sapMList > .sapMListUl > .sapMLIB > .sapMListNoDataText,
.DEStyle .sapMList > .sapMListUl > .sapMLIB > .sapMLIBContent .sapMSLITitleOnly,
.DEStyle .sapMList > .sapMListUl > .sapMLIB > .sapMLIBContent .sapMSLITitle,
.DEStyle .sapMList > .sapMListUl > .sapMLIB > .sapMLIBContent .sapMSLIInfo,
.DEStyle .sapMList > .sapMListUl > .sapMLIB > .sapMLIBContent .sapMSLIDescription,
.DEStyle .sapMList > .sapMListUl > .sapMLIB > .sapMLIBType{
    font-size: 0.875rem;
    color: var(--textColor);
    padding: 0;
}
.DEStyle .sapMList > .sapMListUl > .sapMLIB > .sapMLIBContent .sapMSLIInfo,
.DEStyle .sapMList > .sapMListUl > .sapMLIB > .sapMLIBContent .sapMSLIDescription{
    font-size: 0.8rem;
}
.DEStyle .sapMList > .sapMListUl > .sapMLIBActive .sapUiIcon,
.DEStyle .sapMList > .sapMListUl > .sapMLIBActive .sapMSLIInfo{
    color: var(--textColor);
}
.DEStyle .sapMList > .sapMListUl > .sapMLIB > .sapMLIBContent{
    margin: 0;
    padding: 0;
}

/* sap.m.Text */
.DEStyle .sapMLabel{
    font-size: 0.875rem;
    color: var(--textColor);
    margin: 0;
    padding: 0;
}

/* sap.m.Text */
.DEStyle .sapMText{
    font-size: 0.875rem;
    color: var(--textColor);
    margin: 0;
    padding: 0;
}
.DEStyle .sapMPageHeader .sapMText{
    font-size: 1rem;
}

/* sap.m.Button */
.DEStyle .sapMBtn{
    display: flex;
    height: 2.5rem;
    min-width: fit-content;
    min-height: fit-content;
    overflow: hidden;
    padding: 0;
    border-radius: 10px;
    background: var(--foreColor2);
    border: 1px solid var(--lineSeparator);
}
.DEStyle.sapMDialog .sapMDialogTitle .sapMBtn:hover,
.DEStyle .sapMPageHeader .sapMBtn:hover,
.DEStyle .sapMBtn:hover{
    background: var(--hoverColor);
}
.DEStyle.sapMDialog .sapMDialogTitle .sapMBtn:active,
.DEStyle .sapMPageHeader .sapMBtn:active,
.DEStyle .sapMBtn:active{
    background: var(--groupColor);
}
.DEStyle .sapMBtn > .sapMBtnActive,
.DEStyle .sapMBtn:hover > .sapMBtnInner{
    background: none;
}
.DEStyle .sapMBtn > .sapMBtnInner{
    display: flex;
    margin: 0;
    height: 100%;
    width: 100%;
    min-width: fit-content;
    min-height: fit-content;
    padding: 0 10px;
    background: transparent;
    border: none;
    align-items: center;
    gap: 10px;
}
.DEStyle .sapMBtn > .sapMBtnInner > .sapMBtnIcon,
.DEStyle .sapMBtn > .sapMBtnInner > .sapMBtnContent{
    display: flex;
    margin: 0;
    padding: 0;
    color: var(--textColor);
    position: relative;
    text-shadow: none;
}
.DEStyle .sapMBtn > .sapMBtnInner > .sapMBtnIcon{
    font-size: 1.25rem;
    height: fit-content;
    width: fit-content;
    max-height: 2rem;
    max-width: 2rem;
    justify-content: center;
    align-items: center;
    line-height: normal;
    transform: translateY(1px);
}
.DEStyle .sapMBtn > .sapMBtnInner > .sapMBtnContent{
    font-size: 0.875rem;
}
.DEStyle .sapMPageHeader .sapMBtn{
    background: transparent;
    border: none;
}
.DEStyle .sapMBtn:active > .sapMBtnInner > .sapMBtnIcon,
.DEStyle .sapMBtn:active > .sapMBtnInner > .sapMBtnContent{
    color: white;
}

/* sap.m.Dialog */
.DEStyle.sapMDialog{
    border-radius: 10px;
    background: var(--foreColor2);
    border: 1px solid var(--lineSeparator);
}
.DEStyle.sapMDialog .sapMDialogTitle{
    padding: 0 4px;
    background: transparent !important;
    border-bottom: 3px solid var(--groupColor);
    height: 2.5rem;
}
.DEStyle.sapMDialog .sapMDialogTitle .sapMBtn{
    width: 2rem;
    height: 2rem;
    margin: 0;
    border: none;
    background: none;
}
.DEStyle.sapMDialog .sapMDialogTitle .sapMLabel{
    margin: 0 0 0 5px;
}
.DEStyle.sapMDialog .sapMDialogTitle .sapMBtn > .sapMBtnInner > .sapMBtnIcon{
    font-size: 0.75rem;
    height: fit-content;
    width: fit-content;
    max-height: 1.5rem;
    max-width: 1.5rem;
    justify-content: center;
    align-items: center;
    line-height: normal;
    transform: translateY(1px);
}
.DEStyle.sapMDialog .sapMDialogSection{
    padding: 10px;
    background: transparent;
}

/* sap.m.SearchField */
.DEStyle .sapMSF > .sapMSFF,
.DEStyle .sapMSF > .sapMSFF:hover{
    border: 1px solid var(--lineSeparator);
    border-radius: 10px;
    background: var(--foreColor2);
    overflow: hidden;
}
.DEStyle .sapMSF > .sapMSFF > .sapMSFI,
.DEStyle .sapMSF > .sapMSFF > .sapMSFB {
    color: var(--textColor);
}
.DEStyle .sapMSF > .sapMSFF > .sapMSFB:hover{
    background: var(--hoverColor);
}
.DEStyle .sapMSF > .sapMSFF > .sapMSFB:active{
    background: var(--groupColor);
    color: white;
}