/**
* Copyright (c) 2013 SAP AG, All Rights Reserved
* Theming Engine 1.11.0
* data:{"sModified":"2015-09-27T09:00:58-02:00"}
*/
/*!
 * ${copyright}
 */
/*!
 * ${copyright}
 */
/******************* FILE /Base/baseLib/baseTheme/base.less (Version 11.1.34) *******************/
/******************* FILE /Base/baseLib/sap_belize_hcw/base.less (Version 11.1.34) *******************/
.sapUiAFLayout {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.sapUiAFLayoutNoContent {
  justify-content: flex-end;
}
.sapUiAFLayoutItem,
.sapUiAFLayoutEnd {
  overflow: hidden;
}
.sapUiAFLayoutItem {
  flex-grow: 1;
  flex-shrink: 0;
  /* text-align: center;  TODO: ? good for galleries, maybe not good for other usages... maybe a property? */
}
.sapUiAFLayoutItem > * {
  max-width: 100%;
}
/* the dummy elements for the last line */
.sapUiAFLayoutSpacer {
  height: 0;
  margin-top: 0 !important;
  /* override custom CSS added to the sapUiAFLayoutItem class */
  visibility: hidden;
}
.sapUiAFLayoutEnd {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: end;
  display: inline-block;
}
.sapUiAFLayoutEnd:only-child {
  position: static;
}
.sapUiAFLayoutOneLine > .sapUiAFLayoutSpacer {
  display: none;
}
.sapUiAFLayoutOneLine > .sapUiAFLayoutSpacer:last-child {
  flex-basis: auto !important;
  /* needs to override inline style */
  flex-grow: 0;
}
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiAFLayout.sapUiContentPadding  {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiAFLayout.sapUiResponsiveContentPadding ,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapUiAFLayout.sapUiResponsiveContentPadding ,
  .sapUiAFLayout.sapUiResponsiveContentPadding  {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiAFLayout.sapUiResponsiveContentPadding ,
  .sapUiAFLayout.sapUiResponsiveContentPadding  {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiAFLayout.sapUiResponsiveContentPadding ,
  .sapUiAFLayout.sapUiResponsiveContentPadding  {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapUiAFLayout.sapUiResponsiveContentPadding  {
  padding: 0;
}
.sapMSplitContainerDetail .sapUiAFLayout.sapUiResponsiveContentPadding  {
  padding: 1rem;
}
.sapUiAFLayout.sapUiNoContentPadding  {
  padding: 0;
}
/* ================================================ */
/* CSS for control sap.ui.layout/form/ColumnLayout  */
/* Base theme                                       */
/* ================================================ */
.sapUiFormCL {
  white-space: initial;
  /* eg, if in Splitter where whit-space is set to nowrap */
}
/* Title */
.sapUiFormCL > .sapUiFormTitle {
  box-sizing: border-box;
  padding: 0 1rem;
}
.sapUiFormCLContainer > .sapUiFormTitle {
  padding: 0 0.25rem;
}
.sapUiFormCL > .sapUiFormTitle > img,
.sapUiFormCLContainer > .sapUiFormTitle > img,
.sapUiFormCL > .sapUiFormTitle > span,
.sapUiFormCLContainer > .sapUiFormTitle > span {
  margin-right: 0.5rem;
}
/* Toolbar */
.sapUiFormCL.sapUiFormToolbar > div:first-child {
  height: 3rem;
  /* to have always 3rem on Form header */
  line-height: 3rem;
  padding: 0 0.75rem;
}
/* Containers */
.sapUiFormCLContainer {
  min-height: 1px;
  overflow: hidden;
  padding: 1rem 0.75rem;
  box-sizing: border-box;
}
/* on real phones use smaller space between containers */
html.sap-phone .sapUiFormCL > .sapUiFormCLContent > .sapUiFormCLContainer:not(:first-child) {
  padding-top: 0.5rem;
}
html.sap-phone .sapUiFormCL > .sapUiFormCLContent > .sapUiFormCLContainer:not(:last-child) {
  padding-bottom: 0.5rem;
}
/* In Cozy mode put first FormContainers with title or toolbar 0.5rem on top  otherwise 1rem*/
.sapUiFormCL > .sapUiFormContainerTitle,
.sapUiFormCL > .sapUiFormContainerToolbar,
.sapUiFormCLMedia-Std-Phone > .sapUiFormCLContent > .sapUiFormCLContainerSFirstRow.sapUiFormContainerTitle,
.sapUiFormCLMedia-Std-Phone > .sapUiFormCLContent > .sapUiFormCLContainerSFirstRow.sapUiFormContainerToolbar,
.sapUiFormCLMedia-Std-Tablet > .sapUiFormCLContent > .sapUiFormCLContainerMFirstRow.sapUiFormContainerTitle,
.sapUiFormCLMedia-Std-Tablet > .sapUiFormCLContent > .sapUiFormCLContainerMFirstRow.sapUiFormContainerToolbar,
.sapUiFormCLMedia-Std-Desktop > .sapUiFormCLContent > .sapUiFormCLContainerLFirstRow.sapUiFormContainerTitle,
.sapUiFormCLMedia-Std-Desktop > .sapUiFormCLContent > .sapUiFormCLContainerLFirstRow.sapUiFormContainerToolbar,
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent > .sapUiFormCLContainerXLFirstRow.sapUiFormContainerTitle,
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent > .sapUiFormCLContainerXLFirstRow.sapUiFormContainerToolbar {
  padding-top: 0.5rem;
}
.sapUiSizeCompact .sapUiFormCL > .sapUiFormContainerTitle,
.sapUiSizeCompact .sapUiFormCL > .sapUiFormContainerToolbar,
.sapUiSizeCompact .sapUiFormCLMedia-Std-Phone > .sapUiFormCLContent > .sapUiFormCLContainerSFirstRow.sapUiFormContainerTitle,
.sapUiSizeCompact .sapUiFormCLMedia-Std-Phone > .sapUiFormCLContent > .sapUiFormCLContainerSFirstRow.sapUiFormContainerToolbar,
.sapUiSizeCompact .sapUiFormCLMedia-Std-Tablet > .sapUiFormCLContent > .sapUiFormCLContainerMFirstRow.sapUiFormContainerTitle,
.sapUiSizeCompact .sapUiFormCLMedia-Std-Tablet > .sapUiFormCLContent > .sapUiFormCLContainerMFirstRow.sapUiFormContainerToolbar,
.sapUiSizeCompact .sapUiFormCLMedia-Std-Desktop > .sapUiFormCLContent > .sapUiFormCLContainerLFirstRow.sapUiFormContainerTitle,
.sapUiSizeCompact .sapUiFormCLMedia-Std-Desktop > .sapUiFormCLContent > .sapUiFormCLContainerLFirstRow.sapUiFormContainerToolbar,
.sapUiSizeCompact .sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent > .sapUiFormCLContainerXLFirstRow.sapUiFormContainerTitle,
.sapUiSizeCompact .sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent > .sapUiFormCLContainerXLFirstRow.sapUiFormContainerToolbar {
  padding-top: 1rem;
}
/* Container content */
.sapUiFormCLContainer > .sapUiFormCLContainerCont {
  column-gap: 1.5rem;
  font-size: 0;
  /* otherwise there will be a spacing between elements */
}
.sapUiFormCLContainerColl > .sapUiFormCLContainerCont {
  display: none;
}
/* Stand Alone Container */
.sapUiFormCL > .sapUiFormCLContainer {
  width: 100%;
}
/* More containers */
.sapUiFormCLContent > .sapUiFormCLContainer {
  width: 100%;
  /* default, overwritten by precise width*/
  float: left;
}
/* do not set width to 100% and column-count to 1 as this is default */
/* XL */
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent > .sapUiFormCLContainerXLBreak {
  clear: both;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent.sapUiFormCLColumnsXL2 > .sapUiFormCLContainerXL1 {
  width: 50%;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContainerXL2 > .sapUiFormCLContainerCont,
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent > .sapUiFormCLContainerXL2 > .sapUiFormCLContainerCont {
  column-count: 2;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent.sapUiFormCLColumnsXL3 > .sapUiFormCLContainerXL1 {
  width: 33.33333333%;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent.sapUiFormCLColumnsXL3 > .sapUiFormCLContainerXL2 {
  width: 66.66666667%;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContainerXL3 > .sapUiFormCLContainerCont,
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent > .sapUiFormCLContainerXL3 > .sapUiFormCLContainerCont {
  column-count: 3;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent.sapUiFormCLColumnsXL4 > .sapUiFormCLContainerXL1 {
  width: 25%;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent.sapUiFormCLColumnsXL4 > .sapUiFormCLContainerXL2 {
  width: 50%;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent.sapUiFormCLColumnsXL4 > .sapUiFormCLContainerXL3 {
  width: 75%;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContainerXL4 > .sapUiFormCLContainerCont,
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent > .sapUiFormCLContainerXL4 > .sapUiFormCLContainerCont {
  column-count: 4;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent.sapUiFormCLColumnsXL5 > .sapUiFormCLContainerXL1 {
  width: 20%;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent.sapUiFormCLColumnsXL5 > .sapUiFormCLContainerXL2 {
  width: 40%;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent.sapUiFormCLColumnsXL5 > .sapUiFormCLContainerXL3 {
  width: 60%;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent.sapUiFormCLColumnsXL5 > .sapUiFormCLContainerXL4 {
  width: 80%;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContainerXL5 > .sapUiFormCLContainerCont,
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent > .sapUiFormCLContainerXL5 > .sapUiFormCLContainerCont {
  column-count: 5;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent.sapUiFormCLColumnsXL6 > .sapUiFormCLContainerXL1 {
  width: 16.66666667%;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent.sapUiFormCLColumnsXL6 > .sapUiFormCLContainerXL2 {
  width: 33.33333333%;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent.sapUiFormCLColumnsXL6 > .sapUiFormCLContainerXL3 {
  width: 50%;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent.sapUiFormCLColumnsXL6 > .sapUiFormCLContainerXL4 {
  width: 66.66666667%;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent.sapUiFormCLColumnsXL6 > .sapUiFormCLContainerXL5 {
  width: 83.33333333%;
}
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContainerXL6 > .sapUiFormCLContainerCont,
.sapUiFormCLMedia-Std-LargeDesktop > .sapUiFormCLContent > .sapUiFormCLContainerXL6 > .sapUiFormCLContainerCont {
  column-count: 6;
}
/* L */
.sapUiFormCLMedia-Std-Desktop > .sapUiFormCLContent > .sapUiFormCLContainerLBreak {
  clear: both;
}
.sapUiFormCLMedia-Std-Desktop > .sapUiFormCLContent.sapUiFormCLColumnsL2 > .sapUiFormCLContainerL1 {
  width: 50%;
}
.sapUiFormCLMedia-Std-Desktop > .sapUiFormCLContainerL2 > .sapUiFormCLContainerCont,
.sapUiFormCLMedia-Std-Desktop > .sapUiFormCLContent > .sapUiFormCLContainerL2 > .sapUiFormCLContainerCont {
  column-count: 2;
}
.sapUiFormCLMedia-Std-Desktop > .sapUiFormCLContent.sapUiFormCLColumnsL3 > .sapUiFormCLContainerL1 {
  width: 33.33333333%;
}
.sapUiFormCLMedia-Std-Desktop > .sapUiFormCLContent.sapUiFormCLColumnsL3 > .sapUiFormCLContainerL2 {
  width: 66.66666667%;
}
.sapUiFormCLMedia-Std-Desktop > .sapUiFormCLContainerL3 > .sapUiFormCLContainerCont,
.sapUiFormCLMedia-Std-Desktop > .sapUiFormCLContent > .sapUiFormCLContainerL3 > .sapUiFormCLContainerCont {
  column-count: 3;
}
/* M */
.sapUiFormCLMedia-Std-Tablet > .sapUiFormCLContent > .sapUiFormCLContainerMBreak {
  clear: both;
}
.sapUiFormCLMedia-Std-Tablet > .sapUiFormCLContent.sapUiFormCLColumnsM2 > .sapUiFormCLContainerM1 {
  width: 50%;
}
.sapUiFormCLMedia-Std-Tablet > .sapUiFormCLContainerM2 > .sapUiFormCLContainerCont,
.sapUiFormCLMedia-Std-Tablet > .sapUiFormCLContent > .sapUiFormCLContainerM2 > .sapUiFormCLContainerCont {
  column-count: 2;
}
/* S */
/* Elements */
.sapUiFormCLElement {
  width: 100%;
  /* to use the whole column */
  display: inline-block;
  /* otherwise it wraps inside element -> label in one column, field in another */
  font-size: medium;
  /* restore default font size */
}
.sapUiFormCLContent:after,
.sapUiFormCLElement:after {
  /* CLEAR FIX */
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.sapUiFormCLElement > div {
  float: left;
  padding: 0 0.25rem;
  box-sizing: border-box;
  overflow: hidden;
}
/* small columns */
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellsS1 {
  width: 8.33333333%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellSSpace1 {
  margin-left: 8.33333333%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellsS2 {
  width: 16.66666667%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellSSpace2 {
  margin-left: 16.66666667%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellsS3 {
  width: 25%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellSSpace3 {
  margin-left: 25%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellsS4 {
  width: 33.33333333%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellSSpace4 {
  margin-left: 33.33333333%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellsS5 {
  width: 41.66666667%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellSSpace5 {
  margin-left: 41.66666667%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellsS6 {
  width: 50%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellSSpace6 {
  margin-left: 50%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellsS7 {
  width: 58.33333333%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellSSpace7 {
  margin-left: 58.33333333%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellsS8 {
  width: 66.66666667%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellSSpace8 {
  margin-left: 66.66666667%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellsS9 {
  width: 75%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellSSpace9 {
  margin-left: 75%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellsS10 {
  width: 83.33333333%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellSSpace10 {
  margin-left: 83.33333333%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellsS11 {
  width: 91.66666667%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellSSpace11 {
  margin-left: 91.66666667%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellsS12 {
  width: 100%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellSSpace12 {
  margin-left: 100%;
}
.sapUiFormCLSmallColumns .sapUiFormCLElement > .sapUiFormCLCellSBreak {
  clear: both;
}
/* wide columns - Labels next to field */
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellsL1 {
  width: 8.33333333%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellLSpace1 {
  margin-left: 8.33333333%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellsL2 {
  width: 16.66666667%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellLSpace2 {
  margin-left: 16.66666667%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellsL3 {
  width: 25%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellLSpace3 {
  margin-left: 25%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellsL4 {
  width: 33.33333333%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellLSpace4 {
  margin-left: 33.33333333%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellsL5 {
  width: 41.66666667%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellLSpace5 {
  margin-left: 41.66666667%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellsL6 {
  width: 50%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellLSpace6 {
  margin-left: 50%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellsL7 {
  width: 58.33333333%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellLSpace7 {
  margin-left: 58.33333333%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellsL8 {
  width: 66.66666667%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellLSpace8 {
  margin-left: 66.66666667%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellsL9 {
  width: 75%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellLSpace9 {
  margin-left: 75%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellsL10 {
  width: 83.33333333%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellLSpace10 {
  margin-left: 83.33333333%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellsL11 {
  width: 91.66666667%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellLSpace11 {
  margin-left: 91.66666667%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellsL12 {
  width: 100%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellLSpace12 {
  margin-left: 100%;
}
.sapUiFormCLWideColumns .sapUiFormCLElement > .sapUiFormCLCellLBreak {
  clear: both;
}
/* edit mode */
/* labels next to field */
.sapUiFormEdit > .sapUiFormCLSmallColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsS12),
.sapUiFormEdit > .sapUiFormCLWideColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsL12) {
  padding-top: 1rem;
}
.sapUiSizeCompact .sapUiFormEdit > .sapUiFormCLSmallColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsS12),
.sapUiSizeCompact .sapUiFormEdit > .sapUiFormCLWideColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsL12) {
  padding-top: 0.5rem;
}
/* labels above field */
/* As is is not clear what FormElement will be on top of a column we can not use only rules for first label or field */
.sapUiFormEdit .sapUiFormCLSmallColumns .sapUiFormCLElement {
  padding-top: 0.625rem;
}
.sapUiFormEdit .sapUiFormCLSmallColumns .sapUiFormElementLbl.sapUiFormCLCellsS12,
.sapUiFormEdit .sapUiFormCLWideColumns .sapUiFormElementLbl.sapUiFormCLCellsL12 {
  padding-bottom: 0.125rem;
}
.sapUiFormEdit .sapUiFormCLSmallColumns .sapUiFormCLContainer > .sapUiFormTitle,
.sapUiFormEdit .sapUiFormCLSmallColumns .sapUiFormContainerToolbar > div:first-child {
  margin-bottom: -0.125rem;
}
.sapUiSizeCompact .sapUiFormEdit .sapUiFormCLSmallColumns .sapUiFormCLContainer > .sapUiFormTitle,
.sapUiSizeCompact .sapUiFormEdit .sapUiFormCLSmallColumns .sapUiFormContainerToolbar > div:first-child {
  margin-bottom: 0.375rem;
}
.sapUiFormEdit .sapUiFormCLSmallColumns .sapUiFormCLContainer:not(.sapUiFormContainerTitle):not(.sapUiFormContainerToolbar) {
  padding-top: 0.375rem;
}
html.sap-phone .sapUiFormEdit .sapUiFormCLSmallColumns .sapUiFormCLContainer:not(.sapUiFormContainerTitle):not(.sapUiFormContainerToolbar) {
  padding-top: 0;
  margin-top: -0.125rem;
}
/* Additional styling to prevent rendering issues in Safari in combination with column-count and overflow:hidden */
html[data-sap-ui-browser^="sf"] .sapUiFormEdit .sapUiFormCLElement {
  transform: translateX(0);
}
/* display mode */
/* in display only mode add padding to controls as they don't have one */
.sapUiForm:not(.sapUiFormEdit) .sapUiFormCLElement > div {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1px;
  /* as browser adds some px to text to meet font-size */
}
.sapUiForm:not(.sapUiFormEdit) .sapUiFormCLElement > div .sapUiIcon:not(.sapMBtnIcon),
.sapUiForm:not(.sapUiFormEdit) .sapUiFormCLElement > div .sapMCbBg {
  font-size: medium;
  /* to set default font size on icons */
}
/* labels above field */
.sapUiForm:not(.sapUiFormEdit) .sapUiFormCLSmallColumns .sapUiFormCLElement {
  padding-top: 0.5rem;
}
.sapUiForm:not(.sapUiFormEdit) .sapUiFormCLSmallColumns .sapUiFormElementLbl.sapUiFormCLCellsS12,
.sapUiForm:not(.sapUiFormEdit) .sapUiFormCLWideColumns .sapUiFormElementLbl.sapUiFormCLCellsL12 {
  padding-bottom: 0;
}
.sapUiForm:not(.sapUiFormEdit) .sapUiFormCLSmallColumns .sapUiFormCLContainer > .sapUiFormTitle,
.sapUiForm:not(.sapUiFormEdit) .sapUiFormCLSmallColumns .sapUiFormContainerToolbar > div:first-child {
  margin-bottom: -0.25rem;
}
.sapUiSizeCompact .sapUiForm:not(.sapUiFormEdit) .sapUiFormCLSmallColumns .sapUiFormCLContainer > .sapUiFormTitle,
.sapUiSizeCompact .sapUiForm:not(.sapUiFormEdit) .sapUiFormCLSmallColumns .sapUiFormContainerToolbar > div:first-child {
  margin-bottom: 0.25rem;
}
.sapUiForm:not(.sapUiFormEdit) .sapUiFormCLSmallColumns .sapUiFormCLContainer:not(.sapUiFormContainerTitle):not(.sapUiFormContainerToolbar) {
  padding-top: 0.25rem;
}
html.sap-phone .sapUiForm:not(.sapUiFormEdit) .sapUiFormCLSmallColumns .sapUiFormCLContainer:not(.sapUiFormContainerTitle):not(.sapUiFormContainerToolbar) {
  padding-top: 0;
  margin-top: -0.25rem;
}
/* CHROME Dummy */
.sapUiFormCLElementDummy {
  visibility: hidden;
  width: 100%;
  display: inline-block;
}
/* ================================================= */
/* CSS for control sap.ui.layout/DynamicSideContent  */
/* Base theme                                        */
/* ================================================= */
.sapUiDSC .sapUiDSCM:not(.sapUiHidden),
.sapUiDSC .sapUiDSCS:not(.sapUiHidden) {
  position: relative;
}
.sapUiDSC:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.sapUiDSC > div[class^="sapUiDSCSpan"] {
  float: left;
  overflow: auto;
}
.sapUiDSC > aside[class^="sapUiDSCSpan"] {
  float: left;
  overflow: auto;
}
.sapUiDSC > div.sapUiDSCMCFixed {
  width: calc(100% - 340px);
  float: left;
}
.sapUiDSC > aside.sapUiDSCSCFixed,
.sapUiDSC > div.sapUiDSCSCFixed {
  width: 340px;
  float: left;
}
.sapUiDSC > .sapUiDSCSpan1 {
  width: 8.333%;
}
.sapUiDSC > .sapUiDSCSpan2 {
  width: 16.666%;
}
.sapUiDSC > .sapUiDSCSpan3 {
  width: 25%;
}
.sapUiDSC > .sapUiDSCSpan4 {
  width: 33.333%;
}
.sapUiDSC > .sapUiDSCSpan5 {
  width: 41.666%;
}
.sapUiDSC > .sapUiDSCSpan6 {
  width: 50%;
}
.sapUiDSC > .sapUiDSCSpan7 {
  width: 58.333%;
}
.sapUiDSC > .sapUiDSCSpan8 {
  width: 66.666%;
}
.sapUiDSC > .sapUiDSCSpan9 {
  width: 75%;
}
.sapUiDSC > .sapUiDSCSpan10 {
  width: 83.333%;
}
.sapUiDSC > .sapUiDSCSpan11 {
  width: 91.666%;
}
.sapUiDSC > .sapUiDSCSpan12 {
  width: 100%;
}
/* mixin call for creating container content padding classes (arguments: rootContainer, mainContent) */
.sapUiDSC.sapUiContentPadding > div:first-child {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiDSC.sapUiResponsiveContentPadding > div:first-child,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapUiDSC.sapUiResponsiveContentPadding > div:first-child,
  .sapUiDSC.sapUiResponsiveContentPadding > div:first-child {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiDSC.sapUiResponsiveContentPadding > div:first-child,
  .sapUiDSC.sapUiResponsiveContentPadding > div:first-child {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiDSC.sapUiResponsiveContentPadding > div:first-child,
  .sapUiDSC.sapUiResponsiveContentPadding > div:first-child {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapUiDSC.sapUiResponsiveContentPadding > div:first-child {
  padding: 0;
}
.sapMSplitContainerDetail .sapUiDSC.sapUiResponsiveContentPadding > div:first-child {
  padding: 1rem;
}
.sapUiDSC.sapUiNoContentPadding > div:first-child {
  padding: 0;
}
.sapUiDSC.sapUiContentPadding > div:last-child {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiDSC.sapUiResponsiveContentPadding > div:last-child,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapUiDSC.sapUiResponsiveContentPadding > div:last-child,
  .sapUiDSC.sapUiResponsiveContentPadding > div:last-child {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiDSC.sapUiResponsiveContentPadding > div:last-child,
  .sapUiDSC.sapUiResponsiveContentPadding > div:last-child {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiDSC.sapUiResponsiveContentPadding > div:last-child,
  .sapUiDSC.sapUiResponsiveContentPadding > div:last-child {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapUiDSC.sapUiResponsiveContentPadding > div:last-child {
  padding: 0;
}
.sapMSplitContainerDetail .sapUiDSC.sapUiResponsiveContentPadding > div:last-child {
  padding: 1rem;
}
.sapUiDSC.sapUiNoContentPadding > div:last-child {
  padding: 0;
}
/* mixin call for creating container content padding classes (arguments: rootContainer, sideContent) */
.sapUiDSC.sapUiContentPadding > aside {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiDSC.sapUiResponsiveContentPadding > aside,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapUiDSC.sapUiResponsiveContentPadding > aside,
  .sapUiDSC.sapUiResponsiveContentPadding > aside {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiDSC.sapUiResponsiveContentPadding > aside,
  .sapUiDSC.sapUiResponsiveContentPadding > aside {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiDSC.sapUiResponsiveContentPadding > aside,
  .sapUiDSC.sapUiResponsiveContentPadding > aside {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapUiDSC.sapUiResponsiveContentPadding > aside {
  padding: 0;
}
.sapMSplitContainerDetail .sapUiDSC.sapUiResponsiveContentPadding > aside {
  padding: 1rem;
}
.sapUiDSC.sapUiNoContentPadding > aside {
  padding: 0;
}
/* ====================================== */
/* CSS for control sap.ui.layout/FixFlex  */
/* Base theme                             */
/* ====================================== */
/* Class for vertical (default) layout
   ========================================================================== */
.sapUiFixFlex {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  height: 100%;
}
/* Flexible child */
.sapUiFixFlexFlexible {
  box-sizing: border-box;
  /* Fixes bug in Chrome 48 where flexbox is broken
		https://github.com/angular/material/issues/6841 */
  min-height: 0;
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.sapUiFixFlexFlexibleContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.sapUiFixFlexFlexibleContainer > .sapUiFixFlex {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* Fixed child */
.sapUiFixFlexFixed {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  width: 100%;
}
/* Class for horizontal layout
   ========================================================================== */
.sapUiFixFlexRow {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.sapUiFixFlexRow > .sapUiFixFlexFlexible,
.sapUiFixFlexRow > .sapUiFixFlexFixed {
  width: auto;
  height: 100%;
}
/* Styles for scrolling
   ========================================================================== */
.sapUiFixFlexInnerScrolling > .sapUiFixFlexFlexible {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.sapUiFixFlexInnerScrolling > .sapUiFixFlexFlexible .sapUiFixFlexFlexibleContainerGrowing {
  overflow-y: visible;
  width: 100%;
  position: static;
}
.sapUiFixFlexInnerScrolling.sapUiFixFlexRow > .sapUiFixFlexFlexible {
  overflow-y: hidden;
}
.sapUiFixFlexScrolling {
  -webkit-overflow-scrolling: touch;
  display: block;
}
.sapUiFixFlexScrolling > .sapUiFixFlexFlexible {
  display: block;
}
.sapUiFixFlexScrolling > .sapUiFixFlexFlexible > .sapUiFixFlexFlexibleContainer {
  position: static;
  height: 100%;
}
.sapUiFixFlexScrolling.sapUiFixFlexRow {
  white-space: nowrap;
}
.sapUiFixFlexScrolling.sapUiFixFlexRow > .sapUiFixFlexFlexible,
.sapUiFixFlexScrolling.sapUiFixFlexRow > .sapUiFixFlexFixed {
  display: inline-block;
}
/* =================================== */
/* CSS for control sap.ui.layout/Form  */
/* Base theme                          */
/* =================================== */
html.sap-tablet .sapUiFioriObjectPage > section > .sapUiForm,
html.sap-desktop .sapUiFioriObjectPage > section > .sapUiForm {
  margin: 1rem 0;
  padding: 0 1rem;
  box-sizing: border-box;
}
.sapUiFormElementLbl {
  font-size: 1px;
  /* To prevent larger DIV because of invisible strut character*/
}
/* ========================================= */
/* CSS for control sap.ui.layout/FormLayout  */
/* Base theme                                */
/* ========================================= */
.sapUiFormLayout {
  border: 1px solid #cccccc;
  font-size: 12px;
}
.sapUiFormLayout > .sapUiFormContainer {
  display: block;
}
.sapUiFormTitle {
  border-bottom: 1px solid #cccccc;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  color: #000;
  margin: 0;
}
.sapUiForm .sapUiFormTitle {
  font-weight: normal;
  color: #000;
  height: 3rem;
  line-height: 3rem;
}
.sapUiFormContainerTitle > .sapUiFormTitle {
  position: relative;
  border: none;
  box-sizing: border-box;
  margin-bottom: 0.5rem;
  height: 2rem;
  line-height: 2rem;
}
.sapUiFormContainerTitle > .sapUiFormTitle.sapUiFormTitleExpandable {
  overflow: visible;
  /* to allow to put expander outside */
  padding-left: 2.5rem;
}
.sapUiFormContainerTitle > .sapUiFormTitle.sapUiFormTitleExpandable > button {
  position: absolute;
  left: -0.25rem;
  padding-right: 0.5rem;
}
.sapUiFormTitle.sapUiFormTitleEmph {
  border-color: #cccccc;
}
/* Title levels - can not use TextView CSS from commons, because also used in mobile */
.sapUiFormTitleH1 {
  font-size: 1.625rem;
  line-height: 122%;
}
.sapUiFormTitleH2 {
  font-size: 1.375rem;
  line-height: 122%;
}
.sapUiFormTitleH3 {
  font-size: 1.25rem;
  line-height: 122%;
}
.sapUiFormTitleH4 {
  font-size: 1.125rem;
}
.sapUiFormTitleH5 {
  font-size: 1rem;
}
.sapUiFormTitleH6 {
  font-size: 0.875rem;
  color: #000;
}
.sapUiFormTitle > img {
  vertical-align: middle;
}
/* Toolbar */
.sapUiFormContainerToolbar > div:first-child {
  margin-bottom: 0.5rem;
}
.sapUiFormToolbar > div:first-child > .sapMTitle.sapMTitleStyleAuto {
  font-size: 1.125rem;
}
.sapUiFormContainerToolbar > div:first-child > .sapMTitle.sapMTitleStyleAuto {
  font-size: 1rem;
}
.sapUiFormM .sapUiFormContainerTitle > .sapUiFormTitle {
  height: 3rem;
  line-height: 3rem;
}
.sapUiSizeCompact .sapUiFormContainerTitle > .sapUiFormTitle {
  height: 2rem;
  line-height: 2rem;
}
/* UI5 RESPONSIVE GRID */
div[class*="sapUiRespGrid"] > div[class*="sapUiRespGridSpan"] {
  float: left;
  min-height: 1px;
}
div.sapUiRespGridOverflowHidden[class*="sapUiRespGrid"] > div[class*="sapUiRespGridSpan"] {
  overflow: hidden;
}
/* CLEAR FIX */
div[class*="sapUiRespGrid"]:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
/* GRID HORIZONTAL SPACING - 0.5rem */
.sapUiRespGrid.sapUiRespGridHSpace05 {
  padding: 0 0.25rem;
}
.sapUiRespGrid.sapUiRespGridHSpace05 > div {
  margin: 0 0.25rem;
}
/* GRID HORIZONTAL SPACING - 1rem */
.sapUiRespGrid.sapUiRespGridHSpace1 {
  padding: 0 0.5rem;
}
.sapUiRespGrid.sapUiRespGridHSpace1 > div {
  margin: 0 0.5rem;
}
/* GRID HORIZONTAL SPACING - 2rem */
.sapUiRespGrid.sapUiRespGridHSpace2 {
  padding: 0 1rem;
}
.sapUiRespGrid.sapUiRespGridHSpace2 > div {
  margin: 0 1rem;
}
/* GRID VERTICAL SPACING - general */
.sapUiRespGrid.sapUiRespGridVSpace0 > div {
  margin-bottom: 0;
}
.sapUiRespGrid.sapUiRespGridVSpace05 > div {
  margin-bottom: 0.5rem;
}
.sapUiRespGrid.sapUiRespGridVSpace1 > div {
  margin-bottom: 1rem;
}
.sapUiRespGrid.sapUiRespGridVSpace2 > div {
  margin-bottom: 2rem;
}
.sapUiRespGrid[class*="sapUiRespGridVSpace0"] > .sapUiRespGridSpanInvisible,
.sapUiRespGrid[class*="sapUiRespGridVSpace05"] > .sapUiRespGridSpanInvisible,
.sapUiRespGrid[class*="sapUiRespGridVSpace1"] > .sapUiRespGridSpanInvisible,
.sapUiRespGrid[class*="sapUiRespGridVSpace2"] > .sapUiRespGridSpanInvisible {
  margin-bottom: 0;
}
/* GENERAL BREAK */
.sapUiRespGridBreak {
  clear: both;
}
/* =============================== */
/*   S M A L L   D E V I C E S     */
/* =============================== */
/*SPANS */
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridSpanS1 {
  width: 8.33333333%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridSpanS2 {
  width: 16.66666667%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridSpanS3 {
  width: 25%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridSpanS4 {
  width: 33.33333333%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridSpanS5 {
  width: 41.66666667%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridSpanS6 {
  width: 50%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridSpanS7 {
  width: 58.33333333%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridSpanS8 {
  width: 66.66666667%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridSpanS9 {
  width: 75%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridSpanS10 {
  width: 83.33333333%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridSpanS11 {
  width: 91.66666667%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridSpanS12 {
  width: 100%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridSpanS1 {
  width: 5.83333333%;
  width: -webkit-calc(8.333333333333334% - 0.5rem);
  width: calc(8.333333333333334% - 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridSpanS2 {
  width: 14.16666667%;
  width: -webkit-calc(16.666666666666668% - 0.5rem);
  width: calc(16.666666666666668% - 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridSpanS3 {
  width: 22.5%;
  width: -webkit-calc(25% - 0.5rem);
  width: calc(25% - 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridSpanS4 {
  width: 30.83333333%;
  width: -webkit-calc(33.333333333333336% - 0.5rem);
  width: calc(33.333333333333336% - 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridSpanS5 {
  width: 39.16666667%;
  width: -webkit-calc(41.66666666666667% - 0.5rem);
  width: calc(41.66666666666667% - 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridSpanS6 {
  width: 47.5%;
  width: -webkit-calc(50% - 0.5rem);
  width: calc(50% - 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridSpanS7 {
  width: 55.83333333%;
  width: -webkit-calc(58.333333333333336% - 0.5rem);
  width: calc(58.333333333333336% - 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridSpanS8 {
  width: 64.16666667%;
  width: -webkit-calc(66.66666666666667% - 0.5rem);
  width: calc(66.66666666666667% - 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridSpanS9 {
  width: 72.5%;
  width: -webkit-calc(75% - 0.5rem);
  width: calc(75% - 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridSpanS10 {
  width: 80.83333333%;
  width: -webkit-calc(83.33333333333334% - 0.5rem);
  width: calc(83.33333333333334% - 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridSpanS11 {
  width: 89.16666667%;
  width: -webkit-calc(91.66666666666667% - 0.5rem);
  width: calc(91.66666666666667% - 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridSpanS12 {
  width: 97.5%;
  width: -webkit-calc(100% - 0.5rem);
  width: calc(100% - 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridSpanS1 {
  width: 3.33333333%;
  width: -webkit-calc(8.333333333333334% - 1rem);
  width: calc(8.333333333333334% - 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridSpanS2 {
  width: 11.66666667%;
  width: -webkit-calc(16.666666666666668% - 1rem);
  width: calc(16.666666666666668% - 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridSpanS3 {
  width: 20%;
  width: -webkit-calc(25% - 1rem);
  width: calc(25% - 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridSpanS4 {
  width: 28.33333333%;
  width: -webkit-calc(33.333333333333336% - 1rem);
  width: calc(33.333333333333336% - 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridSpanS5 {
  width: 36.66666667%;
  width: -webkit-calc(41.66666666666667% - 1rem);
  width: calc(41.66666666666667% - 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridSpanS6 {
  width: 45%;
  width: -webkit-calc(50% - 1rem);
  width: calc(50% - 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridSpanS7 {
  width: 53.33333333%;
  width: -webkit-calc(58.333333333333336% - 1rem);
  width: calc(58.333333333333336% - 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridSpanS8 {
  width: 61.66666667%;
  width: -webkit-calc(66.66666666666667% - 1rem);
  width: calc(66.66666666666667% - 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridSpanS9 {
  width: 70%;
  width: -webkit-calc(75% - 1rem);
  width: calc(75% - 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridSpanS10 {
  width: 78.33333333%;
  width: -webkit-calc(83.33333333333334% - 1rem);
  width: calc(83.33333333333334% - 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridSpanS11 {
  width: 86.66666667%;
  width: -webkit-calc(91.66666666666667% - 1rem);
  width: calc(91.66666666666667% - 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridSpanS12 {
  width: 95%;
  width: -webkit-calc(100% - 1rem);
  width: calc(100% - 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridSpanS1 {
  width: -1.66666667%;
  width: -webkit-calc(8.333333333333334% - 2rem);
  width: calc(8.333333333333334% - 2rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridSpanS2 {
  width: 6.66666667%;
  width: -webkit-calc(16.666666666666668% - 2rem);
  width: calc(16.666666666666668% - 2rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridSpanS3 {
  width: 15%;
  width: -webkit-calc(25% - 2rem);
  width: calc(25% - 2rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridSpanS4 {
  width: 23.33333333%;
  width: -webkit-calc(33.333333333333336% - 2rem);
  width: calc(33.333333333333336% - 2rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridSpanS5 {
  width: 31.66666667%;
  width: -webkit-calc(41.66666666666667% - 2rem);
  width: calc(41.66666666666667% - 2rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridSpanS6 {
  width: 40%;
  width: -webkit-calc(50% - 2rem);
  width: calc(50% - 2rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridSpanS7 {
  width: 48.33333333%;
  width: -webkit-calc(58.333333333333336% - 2rem);
  width: calc(58.333333333333336% - 2rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridSpanS8 {
  width: 56.66666667%;
  width: -webkit-calc(66.66666666666667% - 2rem);
  width: calc(66.66666666666667% - 2rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridSpanS9 {
  width: 65%;
  width: -webkit-calc(75% - 2rem);
  width: calc(75% - 2rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridSpanS10 {
  width: 73.33333333%;
  width: -webkit-calc(83.33333333333334% - 2rem);
  width: calc(83.33333333333334% - 2rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridSpanS11 {
  width: 81.66666667%;
  width: -webkit-calc(91.66666666666667% - 2rem);
  width: calc(91.66666666666667% - 2rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridSpanS12 {
  width: 90%;
  width: -webkit-calc(100% - 2rem);
  width: calc(100% - 2rem);
}
/*INDENTS */
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridIndentS1 {
  margin-left: 8.33333333%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridIndentS2 {
  margin-left: 16.66666667%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridIndentS3 {
  margin-left: 25%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridIndentS4 {
  margin-left: 33.33333333%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridIndentS5 {
  margin-left: 41.66666667%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridIndentS6 {
  margin-left: 50%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridIndentS7 {
  margin-left: 58.33333333%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridIndentS8 {
  margin-left: 66.66666667%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridIndentS9 {
  margin-left: 75%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridIndentS10 {
  margin-left: 83.33333333%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace0 > .sapUiRespGridIndentS11 {
  margin-left: 91.66666667%;
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridIndentS1 {
  margin-left: 9.58333333%;
  margin-left: -webkit-calc(8.333333333333334% + 0.25rem);
  margin-left: calc(8.333333333333334% + 0.25rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridIndentS2 {
  margin-left: 17.91666667%;
  margin-left: -webkit-calc(16.666666666666668% + 0.25rem);
  margin-left: calc(16.666666666666668% + 0.25rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridIndentS3 {
  margin-left: 26.25%;
  margin-left: -webkit-calc(25% + 0.25rem);
  margin-left: calc(25% + 0.25rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridIndentS4 {
  margin-left: 34.58333333%;
  margin-left: -webkit-calc(33.333333333333336% + 0.25rem);
  margin-left: calc(33.333333333333336% + 0.25rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridIndentS5 {
  margin-left: 42.91666667%;
  margin-left: -webkit-calc(41.66666666666667% + 0.25rem);
  margin-left: calc(41.66666666666667% + 0.25rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridIndentS6 {
  margin-left: 51.25%;
  margin-left: -webkit-calc(50% + 0.25rem);
  margin-left: calc(50% + 0.25rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridIndentS7 {
  margin-left: 59.58333333%;
  margin-left: -webkit-calc(58.333333333333336% + 0.25rem);
  margin-left: calc(58.333333333333336% + 0.25rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridIndentS8 {
  margin-left: 67.91666667%;
  margin-left: -webkit-calc(66.66666666666667% + 0.25rem);
  margin-left: calc(66.66666666666667% + 0.25rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridIndentS9 {
  margin-left: 76.25%;
  margin-left: -webkit-calc(75% + 0.25rem);
  margin-left: calc(75% + 0.25rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridIndentS10 {
  margin-left: 84.58333333%;
  margin-left: -webkit-calc(83.33333333333334% + 0.25rem);
  margin-left: calc(83.33333333333334% + 0.25rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace05 > .sapUiRespGridIndentS11 {
  margin-left: 92.91666667%;
  margin-left: -webkit-calc(91.66666666666667% + 0.25rem);
  margin-left: calc(91.66666666666667% + 0.25rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridIndentS1 {
  margin-left: 10.83333333%;
  margin-left: -webkit-calc(8.333333333333334% + 0.5rem);
  margin-left: calc(8.333333333333334% + 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridIndentS2 {
  margin-left: 19.16666667%;
  margin-left: -webkit-calc(16.666666666666668% + 0.5rem);
  margin-left: calc(16.666666666666668% + 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridIndentS3 {
  margin-left: 27.5%;
  margin-left: -webkit-calc(25% + 0.5rem);
  margin-left: calc(25% + 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridIndentS4 {
  margin-left: 35.83333333%;
  margin-left: -webkit-calc(33.333333333333336% + 0.5rem);
  margin-left: calc(33.333333333333336% + 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridIndentS5 {
  margin-left: 44.16666667%;
  margin-left: -webkit-calc(41.66666666666667% + 0.5rem);
  margin-left: calc(41.66666666666667% + 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridIndentS6 {
  margin-left: 52.5%;
  margin-left: -webkit-calc(50% + 0.5rem);
  margin-left: calc(50% + 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridIndentS7 {
  margin-left: 60.83333333%;
  margin-left: -webkit-calc(58.333333333333336% + 0.5rem);
  margin-left: calc(58.333333333333336% + 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridIndentS8 {
  margin-left: 69.16666667%;
  margin-left: -webkit-calc(66.66666666666667% + 0.5rem);
  margin-left: calc(66.66666666666667% + 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridIndentS9 {
  margin-left: 77.5%;
  margin-left: -webkit-calc(75% + 0.5rem);
  margin-left: calc(75% + 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridIndentS10 {
  margin-left: 85.83333333%;
  margin-left: -webkit-calc(83.33333333333334% + 0.5rem);
  margin-left: calc(83.33333333333334% + 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace1 > .sapUiRespGridIndentS11 {
  margin-left: 94.16666667%;
  margin-left: -webkit-calc(91.66666666666667% + 0.5rem);
  margin-left: calc(91.66666666666667% + 0.5rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridIndentS1 {
  margin-left: 13.33333333%;
  margin-left: -webkit-calc(8.333333333333334% + 1rem);
  margin-left: calc(8.333333333333334% + 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridIndentS2 {
  margin-left: 21.66666667%;
  margin-left: -webkit-calc(16.666666666666668% + 1rem);
  margin-left: calc(16.666666666666668% + 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridIndentS3 {
  margin-left: 30%;
  margin-left: -webkit-calc(25% + 1rem);
  margin-left: calc(25% + 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridIndentS4 {
  margin-left: 38.33333333%;
  margin-left: -webkit-calc(33.333333333333336% + 1rem);
  margin-left: calc(33.333333333333336% + 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridIndentS5 {
  margin-left: 46.66666667%;
  margin-left: -webkit-calc(41.66666666666667% + 1rem);
  margin-left: calc(41.66666666666667% + 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridIndentS6 {
  margin-left: 55%;
  margin-left: -webkit-calc(50% + 1rem);
  margin-left: calc(50% + 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridIndentS7 {
  margin-left: 63.33333333%;
  margin-left: -webkit-calc(58.333333333333336% + 1rem);
  margin-left: calc(58.333333333333336% + 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridIndentS8 {
  margin-left: 71.66666667%;
  margin-left: -webkit-calc(66.66666666666667% + 1rem);
  margin-left: calc(66.66666666666667% + 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridIndentS9 {
  margin-left: 80%;
  margin-left: -webkit-calc(75% + 1rem);
  margin-left: calc(75% + 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridIndentS10 {
  margin-left: 88.33333333%;
  margin-left: -webkit-calc(83.33333333333334% + 1rem);
  margin-left: calc(83.33333333333334% + 1rem);
}
.sapUiRespGridMedia-Std-Phone.sapUiRespGridHSpace2 > .sapUiRespGridIndentS11 {
  margin-left: 96.66666667%;
  margin-left: -webkit-calc(91.66666666666667% + 1rem);
  margin-left: calc(91.66666666666667% + 1rem);
}
/* MOVE LEFT */
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridFwdS1 {
  left: 8.33333333%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridFwdS2 {
  left: 16.66666667%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridFwdS3 {
  left: 25%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridFwdS4 {
  left: 33.33333333%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridFwdS5 {
  left: 41.66666667%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridFwdS6 {
  left: 50%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridFwdS7 {
  left: 58.33333333%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridFwdS8 {
  left: 66.66666667%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridFwdS9 {
  left: 75%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridFwdS10 {
  left: 83.33333333%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridFwdS11 {
  left: 91.66666667%;
}
/* MOVE RIGHT */
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBwdS1 {
  right: 8.33333333%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBwdS2 {
  right: 16.66666667%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBwdS3 {
  right: 25%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBwdS4 {
  right: 33.33333333%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBwdS5 {
  right: 41.66666667%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBwdS6 {
  right: 50%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBwdS7 {
  right: 58.33333333%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBwdS8 {
  right: 66.66666667%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBwdS9 {
  right: 75%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBwdS10 {
  right: 83.33333333%;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBwdS11 {
  right: 91.66666667%;
}
/* BREAK */
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBreakS {
  clear: both;
}
.sapUiRespGridMedia-Std-Phone > .sapUiRespGridHiddenS {
  display: none;
}
/* =============================== */
/*   M E D I U M   D E V I C E S   */
/* =============================== */
/*SPANS */
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridSpanM1 {
  width: 8.33333333%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridSpanM2 {
  width: 16.66666667%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridSpanM3 {
  width: 25%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridSpanM4 {
  width: 33.33333333%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridSpanM5 {
  width: 41.66666667%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridSpanM6 {
  width: 50%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridSpanM7 {
  width: 58.33333333%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridSpanM8 {
  width: 66.66666667%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridSpanM9 {
  width: 75%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridSpanM10 {
  width: 83.33333333%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridSpanM11 {
  width: 91.66666667%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridSpanM12 {
  width: 100%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridSpanM1 {
  width: 7%;
  width: -webkit-calc(8.333333333333334% - 0.5rem);
  width: calc(8.333333333333334% - 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridSpanM2 {
  width: 15.33333333%;
  width: -webkit-calc(16.666666666666668% - 0.5rem);
  width: calc(16.666666666666668% - 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridSpanM3 {
  width: 23.66666667%;
  width: -webkit-calc(25% - 0.5rem);
  width: calc(25% - 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridSpanM4 {
  width: 32%;
  width: -webkit-calc(33.333333333333336% - 0.5rem);
  width: calc(33.333333333333336% - 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridSpanM5 {
  width: 40.33333333%;
  width: -webkit-calc(41.66666666666667% - 0.5rem);
  width: calc(41.66666666666667% - 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridSpanM6 {
  width: 48.66666667%;
  width: -webkit-calc(50% - 0.5rem);
  width: calc(50% - 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridSpanM7 {
  width: 57%;
  width: -webkit-calc(58.333333333333336% - 0.5rem);
  width: calc(58.333333333333336% - 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridSpanM8 {
  width: 65.33333333%;
  width: -webkit-calc(66.66666666666667% - 0.5rem);
  width: calc(66.66666666666667% - 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridSpanM9 {
  width: 73.66666667%;
  width: -webkit-calc(75% - 0.5rem);
  width: calc(75% - 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridSpanM10 {
  width: 82%;
  width: -webkit-calc(83.33333333333334% - 0.5rem);
  width: calc(83.33333333333334% - 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridSpanM11 {
  width: 90.33333333%;
  width: -webkit-calc(91.66666666666667% - 0.5rem);
  width: calc(91.66666666666667% - 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridSpanM12 {
  width: 98.66666667%;
  width: -webkit-calc(100% - 0.5rem);
  width: calc(100% - 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridSpanM1 {
  width: 5.66666667%;
  width: -webkit-calc(8.333333333333334% - 1rem);
  width: calc(8.333333333333334% - 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridSpanM2 {
  width: 14%;
  width: -webkit-calc(16.666666666666668% - 1rem);
  width: calc(16.666666666666668% - 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridSpanM3 {
  width: 22.33333333%;
  width: -webkit-calc(25% - 1rem);
  width: calc(25% - 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridSpanM4 {
  width: 30.66666667%;
  width: -webkit-calc(33.333333333333336% - 1rem);
  width: calc(33.333333333333336% - 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridSpanM5 {
  width: 39%;
  width: -webkit-calc(41.66666666666667% - 1rem);
  width: calc(41.66666666666667% - 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridSpanM6 {
  width: 47.33333333%;
  width: -webkit-calc(50% - 1rem);
  width: calc(50% - 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridSpanM7 {
  width: 55.66666667%;
  width: -webkit-calc(58.333333333333336% - 1rem);
  width: calc(58.333333333333336% - 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridSpanM8 {
  width: 64%;
  width: -webkit-calc(66.66666666666667% - 1rem);
  width: calc(66.66666666666667% - 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridSpanM9 {
  width: 72.33333333%;
  width: -webkit-calc(75% - 1rem);
  width: calc(75% - 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridSpanM10 {
  width: 80.66666667%;
  width: -webkit-calc(83.33333333333334% - 1rem);
  width: calc(83.33333333333334% - 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridSpanM11 {
  width: 89%;
  width: -webkit-calc(91.66666666666667% - 1rem);
  width: calc(91.66666666666667% - 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridSpanM12 {
  width: 97.33333333%;
  width: -webkit-calc(100% - 1rem);
  width: calc(100% - 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridSpanM1 {
  width: 3%;
  width: -webkit-calc(8.333333333333334% - 2rem);
  width: calc(8.333333333333334% - 2rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridSpanM2 {
  width: 11.33333333%;
  width: -webkit-calc(16.666666666666668% - 2rem);
  width: calc(16.666666666666668% - 2rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridSpanM3 {
  width: 19.66666667%;
  width: -webkit-calc(25% - 2rem);
  width: calc(25% - 2rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridSpanM4 {
  width: 28%;
  width: -webkit-calc(33.333333333333336% - 2rem);
  width: calc(33.333333333333336% - 2rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridSpanM5 {
  width: 36.33333333%;
  width: -webkit-calc(41.66666666666667% - 2rem);
  width: calc(41.66666666666667% - 2rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridSpanM6 {
  width: 44.66666667%;
  width: -webkit-calc(50% - 2rem);
  width: calc(50% - 2rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridSpanM7 {
  width: 53%;
  width: -webkit-calc(58.333333333333336% - 2rem);
  width: calc(58.333333333333336% - 2rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridSpanM8 {
  width: 61.33333333%;
  width: -webkit-calc(66.66666666666667% - 2rem);
  width: calc(66.66666666666667% - 2rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridSpanM9 {
  width: 69.66666667%;
  width: -webkit-calc(75% - 2rem);
  width: calc(75% - 2rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridSpanM10 {
  width: 78%;
  width: -webkit-calc(83.33333333333334% - 2rem);
  width: calc(83.33333333333334% - 2rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridSpanM11 {
  width: 86.33333333%;
  width: -webkit-calc(91.66666666666667% - 2rem);
  width: calc(91.66666666666667% - 2rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridSpanM12 {
  width: 94.66666667%;
  width: -webkit-calc(100% - 2rem);
  width: calc(100% - 2rem);
}
/*INDENTS */
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridIndentM1 {
  margin-left: 8.33333333%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridIndentM2 {
  margin-left: 16.66666667%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridIndentM3 {
  margin-left: 25%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridIndentM4 {
  margin-left: 33.33333333%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridIndentM5 {
  margin-left: 41.66666667%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridIndentM6 {
  margin-left: 50%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridIndentM7 {
  margin-left: 58.33333333%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridIndentM8 {
  margin-left: 66.66666667%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridIndentM9 {
  margin-left: 75%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridIndentM10 {
  margin-left: 83.33333333%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace0 > .sapUiRespGridIndentM11 {
  margin-left: 91.66666667%;
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridIndentM1 {
  margin-left: 9%;
  margin-left: -webkit-calc(8.333333333333334% + 0.25rem);
  margin-left: calc(8.333333333333334% + 0.25rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridIndentM2 {
  margin-left: 17.33333333%;
  margin-left: -webkit-calc(16.666666666666668% + 0.25rem);
  margin-left: calc(16.666666666666668% + 0.25rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridIndentM3 {
  margin-left: 25.66666667%;
  margin-left: -webkit-calc(25% + 0.25rem);
  margin-left: calc(25% + 0.25rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridIndentM4 {
  margin-left: 34%;
  margin-left: -webkit-calc(33.333333333333336% + 0.25rem);
  margin-left: calc(33.333333333333336% + 0.25rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridIndentM5 {
  margin-left: 42.33333333%;
  margin-left: -webkit-calc(41.66666666666667% + 0.25rem);
  margin-left: calc(41.66666666666667% + 0.25rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridIndentM6 {
  margin-left: 50.66666667%;
  margin-left: -webkit-calc(50% + 0.25rem);
  margin-left: calc(50% + 0.25rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridIndentM7 {
  margin-left: 59%;
  margin-left: -webkit-calc(58.333333333333336% + 0.25rem);
  margin-left: calc(58.333333333333336% + 0.25rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridIndentM8 {
  margin-left: 67.33333333%;
  margin-left: -webkit-calc(66.66666666666667% + 0.25rem);
  margin-left: calc(66.66666666666667% + 0.25rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridIndentM9 {
  margin-left: 75.66666667%;
  margin-left: -webkit-calc(75% + 0.25rem);
  margin-left: calc(75% + 0.25rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridIndentM10 {
  margin-left: 84%;
  margin-left: -webkit-calc(83.33333333333334% + 0.25rem);
  margin-left: calc(83.33333333333334% + 0.25rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace05 > .sapUiRespGridIndentM11 {
  margin-left: 92.33333333%;
  margin-left: -webkit-calc(91.66666666666667% + 0.25rem);
  margin-left: calc(91.66666666666667% + 0.25rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridIndentM1 {
  margin-left: 9.66666667%;
  margin-left: -webkit-calc(8.333333333333334% + 0.5rem);
  margin-left: calc(8.333333333333334% + 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridIndentM2 {
  margin-left: 18%;
  margin-left: -webkit-calc(16.666666666666668% + 0.5rem);
  margin-left: calc(16.666666666666668% + 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridIndentM3 {
  margin-left: 26.33333333%;
  margin-left: -webkit-calc(25% + 0.5rem);
  margin-left: calc(25% + 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridIndentM4 {
  margin-left: 34.66666667%;
  margin-left: -webkit-calc(33.333333333333336% + 0.5rem);
  margin-left: calc(33.333333333333336% + 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridIndentM5 {
  margin-left: 43%;
  margin-left: -webkit-calc(41.66666666666667% + 0.5rem);
  margin-left: calc(41.66666666666667% + 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridIndentM6 {
  margin-left: 51.33333333%;
  margin-left: -webkit-calc(50% + 0.5rem);
  margin-left: calc(50% + 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridIndentM7 {
  margin-left: 59.66666667%;
  margin-left: -webkit-calc(58.333333333333336% + 0.5rem);
  margin-left: calc(58.333333333333336% + 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridIndentM8 {
  margin-left: 68%;
  margin-left: -webkit-calc(66.66666666666667% + 0.5rem);
  margin-left: calc(66.66666666666667% + 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridIndentM9 {
  margin-left: 76.33333333%;
  margin-left: -webkit-calc(75% + 0.5rem);
  margin-left: calc(75% + 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridIndentM10 {
  margin-left: 84.66666667%;
  margin-left: -webkit-calc(83.33333333333334% + 0.5rem);
  margin-left: calc(83.33333333333334% + 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace1 > .sapUiRespGridIndentM11 {
  margin-left: 93%;
  margin-left: -webkit-calc(91.66666666666667% + 0.5rem);
  margin-left: calc(91.66666666666667% + 0.5rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridIndentM1 {
  margin-left: 11%;
  margin-left: -webkit-calc(8.333333333333334% + 1rem);
  margin-left: calc(8.333333333333334% + 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridIndentM2 {
  margin-left: 19.33333333%;
  margin-left: -webkit-calc(16.666666666666668% + 1rem);
  margin-left: calc(16.666666666666668% + 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridIndentM3 {
  margin-left: 27.66666667%;
  margin-left: -webkit-calc(25% + 1rem);
  margin-left: calc(25% + 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridIndentM4 {
  margin-left: 36%;
  margin-left: -webkit-calc(33.333333333333336% + 1rem);
  margin-left: calc(33.333333333333336% + 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridIndentM5 {
  margin-left: 44.33333333%;
  margin-left: -webkit-calc(41.66666666666667% + 1rem);
  margin-left: calc(41.66666666666667% + 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridIndentM6 {
  margin-left: 52.66666667%;
  margin-left: -webkit-calc(50% + 1rem);
  margin-left: calc(50% + 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridIndentM7 {
  margin-left: 61%;
  margin-left: -webkit-calc(58.333333333333336% + 1rem);
  margin-left: calc(58.333333333333336% + 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridIndentM8 {
  margin-left: 69.33333333%;
  margin-left: -webkit-calc(66.66666666666667% + 1rem);
  margin-left: calc(66.66666666666667% + 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridIndentM9 {
  margin-left: 77.66666667%;
  margin-left: -webkit-calc(75% + 1rem);
  margin-left: calc(75% + 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridIndentM10 {
  margin-left: 86%;
  margin-left: -webkit-calc(83.33333333333334% + 1rem);
  margin-left: calc(83.33333333333334% + 1rem);
}
.sapUiRespGridMedia-Std-Tablet.sapUiRespGridHSpace2 > .sapUiRespGridIndentM11 {
  margin-left: 94.33333333%;
  margin-left: -webkit-calc(91.66666666666667% + 1rem);
  margin-left: calc(91.66666666666667% + 1rem);
}
/* MOVE LEFT */
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridFwdM1 {
  left: 8.33333333%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridFwdM2 {
  left: 16.66666667%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridFwdM3 {
  left: 25%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridFwdM4 {
  left: 33.33333333%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridFwdM5 {
  left: 41.66666667%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridFwdM6 {
  left: 50%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridFwdM7 {
  left: 58.33333333%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridFwdM8 {
  left: 66.66666667%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridFwdM9 {
  left: 75%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridFwdM10 {
  left: 83.33333333%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridFwdM11 {
  left: 91.66666667%;
}
/* MOVE RIGHT */
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridBwdM1 {
  right: 8.33333333%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridBwdM2 {
  right: 16.66666667%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridBwdM3 {
  right: 25%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridBwdM4 {
  right: 33.33333333%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridBwdM5 {
  right: 41.66666667%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridBwdM6 {
  right: 50%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridBwdM7 {
  right: 58.33333333%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridBwdM8 {
  right: 66.66666667%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridBwdM9 {
  right: 75%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridBwdM10 {
  right: 83.33333333%;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridBwdM11 {
  right: 91.66666667%;
}
/* BREAK */
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridBreakM {
  clear: both;
}
.sapUiRespGridMedia-Std-Tablet > .sapUiRespGridHiddenM {
  display: none;
}
/* ============================= */
/*   L A R G E   D E V I C E S   */
/* ============================= */
/*SPANS */
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanL1 {
  width: 8.33333333%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanL2 {
  width: 16.66666667%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanL3 {
  width: 25%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanL4 {
  width: 33.33333333%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanL5 {
  width: 41.66666667%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanL6 {
  width: 50%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanL7 {
  width: 58.33333333%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanL8 {
  width: 66.66666667%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanL9 {
  width: 75%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanL10 {
  width: 83.33333333%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanL11 {
  width: 91.66666667%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanL12 {
  width: 100%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanL1 {
  width: 7.55208333%;
  width: -webkit-calc(8.333333333333334% - 0.5rem);
  width: calc(8.333333333333334% - 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanL2 {
  width: 15.88541667%;
  width: -webkit-calc(16.666666666666668% - 0.5rem);
  width: calc(16.666666666666668% - 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanL3 {
  width: 24.21875%;
  width: -webkit-calc(25% - 0.5rem);
  width: calc(25% - 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanL4 {
  width: 32.55208333%;
  width: -webkit-calc(33.333333333333336% - 0.5rem);
  width: calc(33.333333333333336% - 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanL5 {
  width: 40.88541667%;
  width: -webkit-calc(41.66666666666667% - 0.5rem);
  width: calc(41.66666666666667% - 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanL6 {
  width: 49.21875%;
  width: -webkit-calc(50% - 0.5rem);
  width: calc(50% - 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanL7 {
  width: 57.55208333%;
  width: -webkit-calc(58.333333333333336% - 0.5rem);
  width: calc(58.333333333333336% - 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanL8 {
  width: 65.88541667%;
  width: -webkit-calc(66.66666666666667% - 0.5rem);
  width: calc(66.66666666666667% - 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanL9 {
  width: 74.21875%;
  width: -webkit-calc(75% - 0.5rem);
  width: calc(75% - 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanL10 {
  width: 82.55208333%;
  width: -webkit-calc(83.33333333333334% - 0.5rem);
  width: calc(83.33333333333334% - 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanL11 {
  width: 90.88541667%;
  width: -webkit-calc(91.66666666666667% - 0.5rem);
  width: calc(91.66666666666667% - 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanL12 {
  width: 99.21875%;
  width: -webkit-calc(100% - 0.5rem);
  width: calc(100% - 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanL1 {
  width: 6.77083333%;
  width: -webkit-calc(8.333333333333334% - 1rem);
  width: calc(8.333333333333334% - 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanL2 {
  width: 15.10416667%;
  width: -webkit-calc(16.666666666666668% - 1rem);
  width: calc(16.666666666666668% - 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanL3 {
  width: 23.4375%;
  width: -webkit-calc(25% - 1rem);
  width: calc(25% - 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanL4 {
  width: 31.77083333%;
  width: -webkit-calc(33.333333333333336% - 1rem);
  width: calc(33.333333333333336% - 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanL5 {
  width: 40.10416667%;
  width: -webkit-calc(41.66666666666667% - 1rem);
  width: calc(41.66666666666667% - 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanL6 {
  width: 48.4375%;
  width: -webkit-calc(50% - 1rem);
  width: calc(50% - 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanL7 {
  width: 56.77083333%;
  width: -webkit-calc(58.333333333333336% - 1rem);
  width: calc(58.333333333333336% - 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanL8 {
  width: 65.10416667%;
  width: -webkit-calc(66.66666666666667% - 1rem);
  width: calc(66.66666666666667% - 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanL9 {
  width: 73.4375%;
  width: -webkit-calc(75% - 1rem);
  width: calc(75% - 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanL10 {
  width: 81.77083333%;
  width: -webkit-calc(83.33333333333334% - 1rem);
  width: calc(83.33333333333334% - 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanL11 {
  width: 90.10416667%;
  width: -webkit-calc(91.66666666666667% - 1rem);
  width: calc(91.66666666666667% - 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanL12 {
  width: 98.4375%;
  width: -webkit-calc(100% - 1rem);
  width: calc(100% - 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanL1 {
  width: 5.20833333%;
  width: -webkit-calc(8.333333333333334% - 2rem);
  width: calc(8.333333333333334% - 2rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanL2 {
  width: 13.54166667%;
  width: -webkit-calc(16.666666666666668% - 2rem);
  width: calc(16.666666666666668% - 2rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanL3 {
  width: 21.875%;
  width: -webkit-calc(25% - 2rem);
  width: calc(25% - 2rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanL4 {
  width: 30.20833333%;
  width: -webkit-calc(33.333333333333336% - 2rem);
  width: calc(33.333333333333336% - 2rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanL5 {
  width: 38.54166667%;
  width: -webkit-calc(41.66666666666667% - 2rem);
  width: calc(41.66666666666667% - 2rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanL6 {
  width: 46.875%;
  width: -webkit-calc(50% - 2rem);
  width: calc(50% - 2rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanL7 {
  width: 55.20833333%;
  width: -webkit-calc(58.333333333333336% - 2rem);
  width: calc(58.333333333333336% - 2rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanL8 {
  width: 63.54166667%;
  width: -webkit-calc(66.66666666666667% - 2rem);
  width: calc(66.66666666666667% - 2rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanL9 {
  width: 71.875%;
  width: -webkit-calc(75% - 2rem);
  width: calc(75% - 2rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanL10 {
  width: 80.20833333%;
  width: -webkit-calc(83.33333333333334% - 2rem);
  width: calc(83.33333333333334% - 2rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanL11 {
  width: 88.54166667%;
  width: -webkit-calc(91.66666666666667% - 2rem);
  width: calc(91.66666666666667% - 2rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanL12 {
  width: 96.875%;
  width: -webkit-calc(100% - 2rem);
  width: calc(100% - 2rem);
}
/*INDENTS */
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentL1 {
  margin-left: 8.33333333%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentL2 {
  margin-left: 16.66666667%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentL3 {
  margin-left: 25%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentL4 {
  margin-left: 33.33333333%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentL5 {
  margin-left: 41.66666667%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentL6 {
  margin-left: 50%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentL7 {
  margin-left: 58.33333333%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentL8 {
  margin-left: 66.66666667%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentL9 {
  margin-left: 75%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentL10 {
  margin-left: 83.33333333%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentL11 {
  margin-left: 91.66666667%;
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentL1 {
  margin-left: 8.72395833%;
  margin-left: -webkit-calc(8.333333333333334% + 0.25rem);
  margin-left: calc(8.333333333333334% + 0.25rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentL2 {
  margin-left: 17.05729167%;
  margin-left: -webkit-calc(16.666666666666668% + 0.25rem);
  margin-left: calc(16.666666666666668% + 0.25rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentL3 {
  margin-left: 25.390625%;
  margin-left: -webkit-calc(25% + 0.25rem);
  margin-left: calc(25% + 0.25rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentL4 {
  margin-left: 33.72395833%;
  margin-left: -webkit-calc(33.333333333333336% + 0.25rem);
  margin-left: calc(33.333333333333336% + 0.25rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentL5 {
  margin-left: 42.05729167%;
  margin-left: -webkit-calc(41.66666666666667% + 0.25rem);
  margin-left: calc(41.66666666666667% + 0.25rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentL6 {
  margin-left: 50.390625%;
  margin-left: -webkit-calc(50% + 0.25rem);
  margin-left: calc(50% + 0.25rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentL7 {
  margin-left: 58.72395833%;
  margin-left: -webkit-calc(58.333333333333336% + 0.25rem);
  margin-left: calc(58.333333333333336% + 0.25rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentL8 {
  margin-left: 67.05729167%;
  margin-left: -webkit-calc(66.66666666666667% + 0.25rem);
  margin-left: calc(66.66666666666667% + 0.25rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentL9 {
  margin-left: 75.390625%;
  margin-left: -webkit-calc(75% + 0.25rem);
  margin-left: calc(75% + 0.25rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentL10 {
  margin-left: 83.72395833%;
  margin-left: -webkit-calc(83.33333333333334% + 0.25rem);
  margin-left: calc(83.33333333333334% + 0.25rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentL11 {
  margin-left: 92.05729167%;
  margin-left: -webkit-calc(91.66666666666667% + 0.25rem);
  margin-left: calc(91.66666666666667% + 0.25rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentL1 {
  margin-left: 9.11458333%;
  margin-left: -webkit-calc(8.333333333333334% + 0.5rem);
  margin-left: calc(8.333333333333334% + 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentL2 {
  margin-left: 17.44791667%;
  margin-left: -webkit-calc(16.666666666666668% + 0.5rem);
  margin-left: calc(16.666666666666668% + 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentL3 {
  margin-left: 25.78125%;
  margin-left: -webkit-calc(25% + 0.5rem);
  margin-left: calc(25% + 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentL4 {
  margin-left: 34.11458333%;
  margin-left: -webkit-calc(33.333333333333336% + 0.5rem);
  margin-left: calc(33.333333333333336% + 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentL5 {
  margin-left: 42.44791667%;
  margin-left: -webkit-calc(41.66666666666667% + 0.5rem);
  margin-left: calc(41.66666666666667% + 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentL6 {
  margin-left: 50.78125%;
  margin-left: -webkit-calc(50% + 0.5rem);
  margin-left: calc(50% + 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentL7 {
  margin-left: 59.11458333%;
  margin-left: -webkit-calc(58.333333333333336% + 0.5rem);
  margin-left: calc(58.333333333333336% + 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentL8 {
  margin-left: 67.44791667%;
  margin-left: -webkit-calc(66.66666666666667% + 0.5rem);
  margin-left: calc(66.66666666666667% + 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentL9 {
  margin-left: 75.78125%;
  margin-left: -webkit-calc(75% + 0.5rem);
  margin-left: calc(75% + 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentL10 {
  margin-left: 84.11458333%;
  margin-left: -webkit-calc(83.33333333333334% + 0.5rem);
  margin-left: calc(83.33333333333334% + 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentL11 {
  margin-left: 92.44791667%;
  margin-left: -webkit-calc(91.66666666666667% + 0.5rem);
  margin-left: calc(91.66666666666667% + 0.5rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentL1 {
  margin-left: 9.89583333%;
  margin-left: -webkit-calc(8.333333333333334% + 1rem);
  margin-left: calc(8.333333333333334% + 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentL2 {
  margin-left: 18.22916667%;
  margin-left: -webkit-calc(16.666666666666668% + 1rem);
  margin-left: calc(16.666666666666668% + 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentL3 {
  margin-left: 26.5625%;
  margin-left: -webkit-calc(25% + 1rem);
  margin-left: calc(25% + 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentL4 {
  margin-left: 34.89583333%;
  margin-left: -webkit-calc(33.333333333333336% + 1rem);
  margin-left: calc(33.333333333333336% + 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentL5 {
  margin-left: 43.22916667%;
  margin-left: -webkit-calc(41.66666666666667% + 1rem);
  margin-left: calc(41.66666666666667% + 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentL6 {
  margin-left: 51.5625%;
  margin-left: -webkit-calc(50% + 1rem);
  margin-left: calc(50% + 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentL7 {
  margin-left: 59.89583333%;
  margin-left: -webkit-calc(58.333333333333336% + 1rem);
  margin-left: calc(58.333333333333336% + 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentL8 {
  margin-left: 68.22916667%;
  margin-left: -webkit-calc(66.66666666666667% + 1rem);
  margin-left: calc(66.66666666666667% + 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentL9 {
  margin-left: 76.5625%;
  margin-left: -webkit-calc(75% + 1rem);
  margin-left: calc(75% + 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentL10 {
  margin-left: 84.89583333%;
  margin-left: -webkit-calc(83.33333333333334% + 1rem);
  margin-left: calc(83.33333333333334% + 1rem);
}
.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentL11 {
  margin-left: 93.22916667%;
  margin-left: -webkit-calc(91.66666666666667% + 1rem);
  margin-left: calc(91.66666666666667% + 1rem);
}
/* MOVE LEFT */
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridFwdL1 {
  left: 8.33333333%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridFwdL2 {
  left: 16.66666667%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridFwdL3 {
  left: 25%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridFwdL4 {
  left: 33.33333333%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridFwdL5 {
  left: 41.66666667%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridFwdL6 {
  left: 50%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridFwdL7 {
  left: 58.33333333%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridFwdL8 {
  left: 66.66666667%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridFwdL9 {
  left: 75%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridFwdL10 {
  left: 83.33333333%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridFwdL11 {
  left: 91.66666667%;
}
/* MOVE RIGHT */
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridBwdL1 {
  right: 8.33333333%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridBwdL2 {
  right: 16.66666667%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridBwdL3 {
  right: 25%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridBwdL4 {
  right: 33.33333333%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridBwdL5 {
  right: 41.66666667%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridBwdL6 {
  right: 50%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridBwdL7 {
  right: 58.33333333%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridBwdL8 {
  right: 66.66666667%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridBwdL9 {
  right: 75%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridBwdL10 {
  right: 83.33333333%;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridBwdL11 {
  right: 91.66666667%;
}
/* BREAK */
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridBreakL {
  clear: both;
}
.sapUiRespGridMedia-Std-Desktop > .sapUiRespGridHiddenL {
  display: none;
}
/* ====================================== */
/*  E X T R A   L A R G E   D E V I C E S */
/* ====================================== */
/*SPANS */
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanXL1 {
  width: 8.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanXL2 {
  width: 16.66666667%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanXL3 {
  width: 25%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanXL4 {
  width: 33.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanXL5 {
  width: 41.66666667%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanXL6 {
  width: 50%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanXL7 {
  width: 58.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanXL8 {
  width: 66.66666667%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanXL9 {
  width: 75%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanXL10 {
  width: 83.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanXL11 {
  width: 91.66666667%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanXL12 {
  width: 100%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanXL1 {
  width: 7.77777778%;
  width: -webkit-calc(8.333333333333334% - 0.5rem);
  width: calc(8.333333333333334% - 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanXL2 {
  width: 16.11111111%;
  width: -webkit-calc(16.666666666666668% - 0.5rem);
  width: calc(16.666666666666668% - 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanXL3 {
  width: 24.44444444%;
  width: -webkit-calc(25% - 0.5rem);
  width: calc(25% - 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanXL4 {
  width: 32.77777778%;
  width: -webkit-calc(33.333333333333336% - 0.5rem);
  width: calc(33.333333333333336% - 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanXL5 {
  width: 41.11111111%;
  width: -webkit-calc(41.66666666666667% - 0.5rem);
  width: calc(41.66666666666667% - 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanXL6 {
  width: 49.44444444%;
  width: -webkit-calc(50% - 0.5rem);
  width: calc(50% - 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanXL7 {
  width: 57.77777778%;
  width: -webkit-calc(58.333333333333336% - 0.5rem);
  width: calc(58.333333333333336% - 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanXL8 {
  width: 66.11111111%;
  width: -webkit-calc(66.66666666666667% - 0.5rem);
  width: calc(66.66666666666667% - 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanXL9 {
  width: 74.44444444%;
  width: -webkit-calc(75% - 0.5rem);
  width: calc(75% - 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanXL10 {
  width: 82.77777778%;
  width: -webkit-calc(83.33333333333334% - 0.5rem);
  width: calc(83.33333333333334% - 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanXL11 {
  width: 91.11111111%;
  width: -webkit-calc(91.66666666666667% - 0.5rem);
  width: calc(91.66666666666667% - 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridSpanXL12 {
  width: 99.44444444%;
  width: -webkit-calc(100% - 0.5rem);
  width: calc(100% - 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanXL1 {
  width: 7.22222222%;
  width: -webkit-calc(8.333333333333334% - 1rem);
  width: calc(8.333333333333334% - 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanXL2 {
  width: 15.55555556%;
  width: -webkit-calc(16.666666666666668% - 1rem);
  width: calc(16.666666666666668% - 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanXL3 {
  width: 23.88888889%;
  width: -webkit-calc(25% - 1rem);
  width: calc(25% - 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanXL4 {
  width: 32.22222222%;
  width: -webkit-calc(33.333333333333336% - 1rem);
  width: calc(33.333333333333336% - 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanXL5 {
  width: 40.55555556%;
  width: -webkit-calc(41.66666666666667% - 1rem);
  width: calc(41.66666666666667% - 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanXL6 {
  width: 48.88888889%;
  width: -webkit-calc(50% - 1rem);
  width: calc(50% - 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanXL7 {
  width: 57.22222222%;
  width: -webkit-calc(58.333333333333336% - 1rem);
  width: calc(58.333333333333336% - 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanXL8 {
  width: 65.55555556%;
  width: -webkit-calc(66.66666666666667% - 1rem);
  width: calc(66.66666666666667% - 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanXL9 {
  width: 73.88888889%;
  width: -webkit-calc(75% - 1rem);
  width: calc(75% - 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanXL10 {
  width: 82.22222222%;
  width: -webkit-calc(83.33333333333334% - 1rem);
  width: calc(83.33333333333334% - 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanXL11 {
  width: 90.55555556%;
  width: -webkit-calc(91.66666666666667% - 1rem);
  width: calc(91.66666666666667% - 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridSpanXL12 {
  width: 98.88888889%;
  width: -webkit-calc(100% - 1rem);
  width: calc(100% - 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanXL1 {
  width: 6.11111111%;
  width: -webkit-calc(8.333333333333334% - 2rem);
  width: calc(8.333333333333334% - 2rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanXL2 {
  width: 14.44444444%;
  width: -webkit-calc(16.666666666666668% - 2rem);
  width: calc(16.666666666666668% - 2rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanXL3 {
  width: 22.77777778%;
  width: -webkit-calc(25% - 2rem);
  width: calc(25% - 2rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanXL4 {
  width: 31.11111111%;
  width: -webkit-calc(33.333333333333336% - 2rem);
  width: calc(33.333333333333336% - 2rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanXL5 {
  width: 39.44444444%;
  width: -webkit-calc(41.66666666666667% - 2rem);
  width: calc(41.66666666666667% - 2rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanXL6 {
  width: 47.77777778%;
  width: -webkit-calc(50% - 2rem);
  width: calc(50% - 2rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanXL7 {
  width: 56.11111111%;
  width: -webkit-calc(58.333333333333336% - 2rem);
  width: calc(58.333333333333336% - 2rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanXL8 {
  width: 64.44444444%;
  width: -webkit-calc(66.66666666666667% - 2rem);
  width: calc(66.66666666666667% - 2rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanXL9 {
  width: 72.77777778%;
  width: -webkit-calc(75% - 2rem);
  width: calc(75% - 2rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanXL10 {
  width: 81.11111111%;
  width: -webkit-calc(83.33333333333334% - 2rem);
  width: calc(83.33333333333334% - 2rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanXL11 {
  width: 89.44444444%;
  width: -webkit-calc(91.66666666666667% - 2rem);
  width: calc(91.66666666666667% - 2rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridSpanXL12 {
  width: 97.77777778%;
  width: -webkit-calc(100% - 2rem);
  width: calc(100% - 2rem);
}
/*INDENTS */
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentXL1 {
  margin-left: 8.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentXL2 {
  margin-left: 16.66666667%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentXL3 {
  margin-left: 25%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentXL4 {
  margin-left: 33.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentXL5 {
  margin-left: 41.66666667%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentXL6 {
  margin-left: 50%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentXL7 {
  margin-left: 58.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentXL8 {
  margin-left: 66.66666667%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentXL9 {
  margin-left: 75%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentXL10 {
  margin-left: 83.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0 > .sapUiRespGridIndentXL11 {
  margin-left: 91.66666667%;
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentXL1 {
  margin-left: 8.61111111%;
  margin-left: -webkit-calc(8.333333333333334% + 0.25rem);
  margin-left: calc(8.333333333333334% + 0.25rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentXL2 {
  margin-left: 16.94444444%;
  margin-left: -webkit-calc(16.666666666666668% + 0.25rem);
  margin-left: calc(16.666666666666668% + 0.25rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentXL3 {
  margin-left: 25.27777778%;
  margin-left: -webkit-calc(25% + 0.25rem);
  margin-left: calc(25% + 0.25rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentXL4 {
  margin-left: 33.61111111%;
  margin-left: -webkit-calc(33.333333333333336% + 0.25rem);
  margin-left: calc(33.333333333333336% + 0.25rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentXL5 {
  margin-left: 41.94444444%;
  margin-left: -webkit-calc(41.66666666666667% + 0.25rem);
  margin-left: calc(41.66666666666667% + 0.25rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentXL6 {
  margin-left: 50.27777778%;
  margin-left: -webkit-calc(50% + 0.25rem);
  margin-left: calc(50% + 0.25rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentXL7 {
  margin-left: 58.61111111%;
  margin-left: -webkit-calc(58.333333333333336% + 0.25rem);
  margin-left: calc(58.333333333333336% + 0.25rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentXL8 {
  margin-left: 66.94444444%;
  margin-left: -webkit-calc(66.66666666666667% + 0.25rem);
  margin-left: calc(66.66666666666667% + 0.25rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentXL9 {
  margin-left: 75.27777778%;
  margin-left: -webkit-calc(75% + 0.25rem);
  margin-left: calc(75% + 0.25rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentXL10 {
  margin-left: 83.61111111%;
  margin-left: -webkit-calc(83.33333333333334% + 0.25rem);
  margin-left: calc(83.33333333333334% + 0.25rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace05 > .sapUiRespGridIndentXL11 {
  margin-left: 91.94444444%;
  margin-left: -webkit-calc(91.66666666666667% + 0.25rem);
  margin-left: calc(91.66666666666667% + 0.25rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentXL1 {
  margin-left: 8.88888889%;
  margin-left: -webkit-calc(8.333333333333334% + 0.5rem);
  margin-left: calc(8.333333333333334% + 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentXL2 {
  margin-left: 17.22222222%;
  margin-left: -webkit-calc(16.666666666666668% + 0.5rem);
  margin-left: calc(16.666666666666668% + 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentXL3 {
  margin-left: 25.55555556%;
  margin-left: -webkit-calc(25% + 0.5rem);
  margin-left: calc(25% + 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentXL4 {
  margin-left: 33.88888889%;
  margin-left: -webkit-calc(33.333333333333336% + 0.5rem);
  margin-left: calc(33.333333333333336% + 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentXL5 {
  margin-left: 42.22222222%;
  margin-left: -webkit-calc(41.66666666666667% + 0.5rem);
  margin-left: calc(41.66666666666667% + 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentXL6 {
  margin-left: 50.55555556%;
  margin-left: -webkit-calc(50% + 0.5rem);
  margin-left: calc(50% + 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentXL7 {
  margin-left: 58.88888889%;
  margin-left: -webkit-calc(58.333333333333336% + 0.5rem);
  margin-left: calc(58.333333333333336% + 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentXL8 {
  margin-left: 67.22222222%;
  margin-left: -webkit-calc(66.66666666666667% + 0.5rem);
  margin-left: calc(66.66666666666667% + 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentXL9 {
  margin-left: 75.55555556%;
  margin-left: -webkit-calc(75% + 0.5rem);
  margin-left: calc(75% + 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentXL10 {
  margin-left: 83.88888889%;
  margin-left: -webkit-calc(83.33333333333334% + 0.5rem);
  margin-left: calc(83.33333333333334% + 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace1 > .sapUiRespGridIndentXL11 {
  margin-left: 92.22222222%;
  margin-left: -webkit-calc(91.66666666666667% + 0.5rem);
  margin-left: calc(91.66666666666667% + 0.5rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentXL1 {
  margin-left: 9.44444444%;
  margin-left: -webkit-calc(8.333333333333334% + 1rem);
  margin-left: calc(8.333333333333334% + 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentXL2 {
  margin-left: 17.77777778%;
  margin-left: -webkit-calc(16.666666666666668% + 1rem);
  margin-left: calc(16.666666666666668% + 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentXL3 {
  margin-left: 26.11111111%;
  margin-left: -webkit-calc(25% + 1rem);
  margin-left: calc(25% + 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentXL4 {
  margin-left: 34.44444444%;
  margin-left: -webkit-calc(33.333333333333336% + 1rem);
  margin-left: calc(33.333333333333336% + 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentXL5 {
  margin-left: 42.77777778%;
  margin-left: -webkit-calc(41.66666666666667% + 1rem);
  margin-left: calc(41.66666666666667% + 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentXL6 {
  margin-left: 51.11111111%;
  margin-left: -webkit-calc(50% + 1rem);
  margin-left: calc(50% + 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentXL7 {
  margin-left: 59.44444444%;
  margin-left: -webkit-calc(58.333333333333336% + 1rem);
  margin-left: calc(58.333333333333336% + 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentXL8 {
  margin-left: 67.77777778%;
  margin-left: -webkit-calc(66.66666666666667% + 1rem);
  margin-left: calc(66.66666666666667% + 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentXL9 {
  margin-left: 76.11111111%;
  margin-left: -webkit-calc(75% + 1rem);
  margin-left: calc(75% + 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentXL10 {
  margin-left: 84.44444444%;
  margin-left: -webkit-calc(83.33333333333334% + 1rem);
  margin-left: calc(83.33333333333334% + 1rem);
}
.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace2 > .sapUiRespGridIndentXL11 {
  margin-left: 92.77777778%;
  margin-left: -webkit-calc(91.66666666666667% + 1rem);
  margin-left: calc(91.66666666666667% + 1rem);
}
/* MOVE LEFT */
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridFwdXL1 {
  left: 8.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridFwdXL2 {
  left: 16.66666667%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridFwdXL3 {
  left: 25%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridFwdXL4 {
  left: 33.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridFwdXL5 {
  left: 41.66666667%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridFwdXL6 {
  left: 50%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridFwdXL7 {
  left: 58.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridFwdXL8 {
  left: 66.66666667%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridFwdXL9 {
  left: 75%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridFwdXL10 {
  left: 83.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridFwdXL11 {
  left: 91.66666667%;
}
/* MOVE RIGHT */
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridBwdXL1 {
  right: 8.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridBwdXL2 {
  right: 16.66666667%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridBwdXL3 {
  right: 25%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridBwdXL4 {
  right: 33.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridBwdXL5 {
  right: 41.66666667%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridBwdXL6 {
  right: 50%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridBwdXL7 {
  right: 58.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridBwdXL8 {
  right: 66.66666667%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridBwdXL9 {
  right: 75%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridBwdXL10 {
  right: 83.33333333%;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridBwdXL11 {
  right: 91.66666667%;
}
/* BREAK */
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridBreakXL {
  clear: both;
}
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiRespGridHiddenXL {
  display: none;
}
/* =============== */
/*   E X T R A S   */
/* =============== */
/* HORIZONTAL POSITIONING GRID IN CONTAINER */
div.sapUiRespGrid.sapUiRespGridPosCenter {
  margin-left: auto;
  margin-right: auto;
}
div.sapUiRespGrid.sapUiRespGridPosRight {
  margin-left: auto;
  margin-right: 0;
}
/* MOVE FOWARD and BACKWARD */
div[class*="sapUiRespGrid"] > div[class*="sapUiRespGridFwd"] {
  position: relative;
}
div[class*="sapUiRespGrid"] > div[class*="sapUiRespGridBwd"] {
  float: right;
  position: relative;
}
/* explanation for percentages for browsers without calc support:
   16px = 1rem
   -------------------------
S  1.25%     =  4px / 320px
   2.5%      =  8px / 320px
   5%        = 16px / 320px
   10%       = 32px / 320px
M  0.16667%  =  4px / 600px
   1.3333%   =  8px / 600px
   2.6667%   = 16px / 600px
   5.3333%   = 32px / 600px
L  0.390625% =  4px / 1024px
   0.78125%  =  8px / 1024px
   1.5625%   = 16px / 1024px
   3.125%    = 32px / 1024px
   ------------------------- */
/* ============================================= */
/* CSS for control sap.ui.layout/cssgrid.CSSGrid */
/* Base theme                                    */
/* ============================================= */
.sapUiLayoutCSSGrid {
  box-sizing: border-box;
}
.sapUiLayoutCSSGridBoxLayoutContainer {
  display: grid;
  grid-auto-rows: 1fr;
  grid-gap: 0.5rem 0.5rem;
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeS.sapUiLayoutCSSGridBoxLayoutSpanS1 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 0 * 0.5rem - 1px) / 1), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeS.sapUiLayoutCSSGridBoxLayoutSpanS2 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 1 * 0.5rem - 1px) / 2), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeS.sapUiLayoutCSSGridBoxLayoutSpanS3 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 2 * 0.5rem - 1px) / 3), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeS.sapUiLayoutCSSGridBoxLayoutSpanS4 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 3 * 0.5rem - 1px) / 4), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeS.sapUiLayoutCSSGridBoxLayoutSpanS5 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 4 * 0.5rem - 1px) / 5), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeS.sapUiLayoutCSSGridBoxLayoutSpanS6 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 5 * 0.5rem - 1px) / 6), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeS.sapUiLayoutCSSGridBoxLayoutSpanS7 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 6 * 0.5rem - 1px) / 7), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeS.sapUiLayoutCSSGridBoxLayoutSpanS8 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 7 * 0.5rem - 1px) / 8), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeS.sapUiLayoutCSSGridBoxLayoutSpanS9 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 8 * 0.5rem - 1px) / 9), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeS.sapUiLayoutCSSGridBoxLayoutSpanS10 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 9 * 0.5rem - 1px) / 10), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeS.sapUiLayoutCSSGridBoxLayoutSpanS11 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 10 * 0.5rem - 1px) / 11), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeS.sapUiLayoutCSSGridBoxLayoutSpanS12 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 11 * 0.5rem - 1px) / 12), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeM.sapUiLayoutCSSGridBoxLayoutSpanM1 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 0 * 0.5rem - 1px) / 1), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeM.sapUiLayoutCSSGridBoxLayoutSpanM2 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 1 * 0.5rem - 1px) / 2), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeM.sapUiLayoutCSSGridBoxLayoutSpanM3 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 2 * 0.5rem - 1px) / 3), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeM.sapUiLayoutCSSGridBoxLayoutSpanM4 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 3 * 0.5rem - 1px) / 4), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeM.sapUiLayoutCSSGridBoxLayoutSpanM5 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 4 * 0.5rem - 1px) / 5), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeM.sapUiLayoutCSSGridBoxLayoutSpanM6 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 5 * 0.5rem - 1px) / 6), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeM.sapUiLayoutCSSGridBoxLayoutSpanM7 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 6 * 0.5rem - 1px) / 7), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeM.sapUiLayoutCSSGridBoxLayoutSpanM8 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 7 * 0.5rem - 1px) / 8), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeM.sapUiLayoutCSSGridBoxLayoutSpanM9 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 8 * 0.5rem - 1px) / 9), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeM.sapUiLayoutCSSGridBoxLayoutSpanM10 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 9 * 0.5rem - 1px) / 10), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeM.sapUiLayoutCSSGridBoxLayoutSpanM11 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 10 * 0.5rem - 1px) / 11), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeM.sapUiLayoutCSSGridBoxLayoutSpanM12 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 11 * 0.5rem - 1px) / 12), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeL.sapUiLayoutCSSGridBoxLayoutSpanL1 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 0 * 0.5rem - 1px) / 1), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeL.sapUiLayoutCSSGridBoxLayoutSpanL2 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 1 * 0.5rem - 1px) / 2), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeL.sapUiLayoutCSSGridBoxLayoutSpanL3 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 2 * 0.5rem - 1px) / 3), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeL.sapUiLayoutCSSGridBoxLayoutSpanL4 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 3 * 0.5rem - 1px) / 4), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeL.sapUiLayoutCSSGridBoxLayoutSpanL5 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 4 * 0.5rem - 1px) / 5), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeL.sapUiLayoutCSSGridBoxLayoutSpanL6 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 5 * 0.5rem - 1px) / 6), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeL.sapUiLayoutCSSGridBoxLayoutSpanL7 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 6 * 0.5rem - 1px) / 7), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeL.sapUiLayoutCSSGridBoxLayoutSpanL8 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 7 * 0.5rem - 1px) / 8), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeL.sapUiLayoutCSSGridBoxLayoutSpanL9 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 8 * 0.5rem - 1px) / 9), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeL.sapUiLayoutCSSGridBoxLayoutSpanL10 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 9 * 0.5rem - 1px) / 10), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeL.sapUiLayoutCSSGridBoxLayoutSpanL11 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 10 * 0.5rem - 1px) / 11), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeL.sapUiLayoutCSSGridBoxLayoutSpanL12 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 11 * 0.5rem - 1px) / 12), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeXL.sapUiLayoutCSSGridBoxLayoutSpanXL1 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 0 * 0.5rem - 1px) / 1), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeXL.sapUiLayoutCSSGridBoxLayoutSpanXL2 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 1 * 0.5rem - 1px) / 2), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeXL.sapUiLayoutCSSGridBoxLayoutSpanXL3 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 2 * 0.5rem - 1px) / 3), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeXL.sapUiLayoutCSSGridBoxLayoutSpanXL4 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 3 * 0.5rem - 1px) / 4), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeXL.sapUiLayoutCSSGridBoxLayoutSpanXL5 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 4 * 0.5rem - 1px) / 5), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeXL.sapUiLayoutCSSGridBoxLayoutSpanXL6 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 5 * 0.5rem - 1px) / 6), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeXL.sapUiLayoutCSSGridBoxLayoutSpanXL7 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 6 * 0.5rem - 1px) / 7), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeXL.sapUiLayoutCSSGridBoxLayoutSpanXL8 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 7 * 0.5rem - 1px) / 8), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeXL.sapUiLayoutCSSGridBoxLayoutSpanXL9 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 8 * 0.5rem - 1px) / 9), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeXL.sapUiLayoutCSSGridBoxLayoutSpanXL10 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 9 * 0.5rem - 1px) / 10), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeXL.sapUiLayoutCSSGridBoxLayoutSpanXL11 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 10 * 0.5rem - 1px) / 11), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapUiLayoutCSSGridBoxLayoutSizeXL.sapUiLayoutCSSGridBoxLayoutSpanXL12 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 11 * 0.5rem - 1px) / 12), 1fr));
}
.sapUiLayoutCSSGridBoxLayoutContainer.sapFGridListGroup {
  grid-auto-rows: auto;
}
/* Mixins */
.sapUiLayoutCSSGrid .sapUiBlockLayerTabbable {
  position: absolute;
}
/* ResponsiveColumnLayout */
.sapUiLayoutCSSGridRCL-LayoutS .sapUiLayoutCSSGridRCL,
.sapUiLayoutCSSGridRCL-LayoutS.sapUiLayoutCSSGridRCL {
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  grid-gap: 1rem;
}
.sapUiLayoutCSSGridRCL-LayoutM .sapUiLayoutCSSGridRCL,
.sapUiLayoutCSSGridRCL-LayoutM.sapUiLayoutCSSGridRCL {
  grid-template-columns: repeat(8, minmax(0px, 1fr));
  grid-gap: 1rem;
}
.sapUiLayoutCSSGridRCL-LayoutML .sapUiLayoutCSSGridRCL,
.sapUiLayoutCSSGridRCL-LayoutML.sapUiLayoutCSSGridRCL {
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  grid-gap: 1rem;
}
.sapUiLayoutCSSGridRCL-LayoutL .sapUiLayoutCSSGridRCL,
.sapUiLayoutCSSGridRCL-LayoutL.sapUiLayoutCSSGridRCL {
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  grid-gap: 1rem;
}
.sapUiLayoutCSSGridRCL-LayoutXL .sapUiLayoutCSSGridRCL,
.sapUiLayoutCSSGridRCL-LayoutXL.sapUiLayoutCSSGridRCL {
  grid-template-columns: repeat(16, minmax(0px, 1fr));
  grid-gap: 1rem;
}
.sapUiLayoutCSSGridRCL-LayoutXXL .sapUiLayoutCSSGridRCL,
.sapUiLayoutCSSGridRCL-LayoutXXL.sapUiLayoutCSSGridRCL {
  grid-template-columns: repeat(20, minmax(0px, 1fr));
  grid-gap: 1rem;
}
.sapUiLayoutCSSGridRCL-LayoutXXXL .sapUiLayoutCSSGridRCL,
.sapUiLayoutCSSGridRCL-LayoutXXXL.sapUiLayoutCSSGridRCL {
  grid-template-columns: repeat(20, minmax(0px, 1fr));
  grid-gap: 1rem;
}
.sapUiLayoutCSSGridRCL {
  position: relative;
}
/* ========================================= */
/* CSS for control sap.ui.layout/GridLayout  */
/* Base theme                                */
/* ========================================= */
.sapUiForm:not(.sapUiFormM) > .sapUiGrid {
  font-size: 12px;
}
.sapUiGrid td {
  vertical-align: top;
  overflow: hidden;
}
.sapUiGrid td.sapUiGridHeader {
  vertical-align: bottom;
}
.sapUiGrid th > .sapUiFormTitle,
.sapUiGrid td > .sapUiFormTitle {
  text-align: start;
  position: relative;
}
.sapUiGridHeader.sapUiFormContainerTitle > .sapUiFormTitle.sapUiFormTitleExpandable {
  padding-left: 2.25rem;
}
.sapUiGridHeader.sapUiFormContainerTitle > .sapUiFormTitle.sapUiFormTitleExpandable > button {
  left: -0.5rem;
}
/* Toolbar */
.sapUiGrid.sapUiFormToolbar th > div {
  text-align: start;
}
.sapUiGrid > tbody > tr > td {
  padding: 0.25rem 0 0.25rem 0.5rem;
}
.sapUiFormM > .sapUiGrid > tbody > tr > td {
  padding: 0 0 0 0.5rem;
}
.sapUiGrid > tbody > tr > td:first-child {
  padding-left: 1rem;
}
.sapUiGrid > tbody > tr.sapUiGridConteinerFirstRow > td {
  padding-top: 2rem;
}
.sapUiGrid > tbody > tr:first-child > td,
.sapUiForm[aria-labelledby] > .sapUiGrid > tbody > tr:nth-child(2) > td {
  padding-top: 1rem;
}
/* In Cozy mode put first FormContainers with title or toolbar 0.5rem on top */
.sapUiFormM > .sapUiGrid > tbody > tr:first-child > td.sapUiFormContainerTitle,
.sapUiFormM > .sapUiGrid > tbody > tr:first-child > td.sapUiFormContainerToolbar,
.sapUiFormM[aria-labelledby] > .sapUiGrid > tbody > tr:nth-child(2) > td.sapUiFormContainerTitle,
.sapUiFormM[aria-labelledby] > .sapUiGrid > tbody > tr:nth-child(2) > td.sapUiFormContainerToolbar {
  padding-top: 0.75rem;
}
.sapUiSizeCompact .sapUiFormM > .sapUiGrid > tbody > tr:first-child > td.sapUiFormContainerTitle,
.sapUiSizeCompact .sapUiFormM > .sapUiGrid > tbody > tr:first-child > td.sapUiFormContainerToolbar,
.sapUiSizeCompact .sapUiFormM[aria-labelledby] > .sapUiGrid > tbody > tr:nth-child(2) > td.sapUiFormContainerTitle,
.sapUiSizeCompact .sapUiFormM[aria-labelledby] > .sapUiGrid > tbody > tr:nth-child(2) > td.sapUiFormContainerToolbar {
  padding-top: 1rem;
}
.sapUiGrid > tbody > tr > td:last-child {
  padding-right: 1rem;
}
.sapUiGrid > tbody > tr:last-child > td {
  padding-bottom: 1rem;
}
.sapUiFormM > .sapUiGrid > tbody > tr:last-child > td {
  padding-bottom: 0.75rem;
}
.sapUiGrid > tbody > tr > td.sapUiGridLabelFull {
  padding-bottom: 0.125rem;
}
.sapUiFormEdit.sapUiFormM > .sapUiGrid > tbody > tr > td.sapUiFormElementLbl {
  padding-top: 1rem;
}
.sapUiFormEdit.sapUiFormM > .sapUiGrid > tbody > tr.sapUiGridConteinerFirstRow > td.sapUiFormElementLbl {
  padding-top: 3rem;
}
.sapUiFormEdit.sapUiFormM > .sapUiGrid > tbody > tr:first-child > td.sapUiFormElementLbl,
.sapUiFormEdit[aria-labelledby].sapUiFormM > .sapUiGrid > tbody > tr:nth-child(2) > td.sapUiFormElementLbl {
  padding-top: 2rem;
}
.sapUiSizeCompact .sapUiFormEdit.sapUiFormM > .sapUiGrid > tbody > tr > td.sapUiFormElementLbl {
  padding-top: 0.5rem;
}
.sapUiSizeCompact .sapUiFormEdit.sapUiFormM > .sapUiGrid > tbody > tr.sapUiGridConteinerFirstRow > td.sapUiFormElementLbl {
  padding-top: 2.5rem;
}
.sapUiSizeCompact .sapUiFormEdit.sapUiFormM > .sapUiGrid > tbody > tr:first-child > td.sapUiFormElementLbl,
.sapUiSizeCompact .sapUiFormEdit[aria-labelledby].sapUiFormM > .sapUiGrid > tbody > tr:nth-child(2) > td.sapUiFormElementLbl {
  padding-top: 1.5rem;
}
html[data-sap-ui-browser^="ff"].sapUiSizeCompact .sapUiFormEdit.sapUiFormM > .sapUiGrid > tbody > tr > td.sapUiFormElementLbl,
html[data-sap-ui-browser^="ff"] .sapUiSizeCompact .sapUiFormEdit.sapUiFormM > .sapUiGrid > tbody > tr > td.sapUiFormElementLbl {
  padding-top: 0.4375rem;
}
html[data-sap-ui-browser^="ff"].sapUiSizeCompact .sapUiFormEdit.sapUiFormM > .sapUiGrid > tbody > tr.sapUiGridConteinerFirstRow > td.sapUiFormElementLbl,
html[data-sap-ui-browser^="ff"] .sapUiSizeCompact .sapUiFormEdit.sapUiFormM > .sapUiGrid > tbody > tr.sapUiGridConteinerFirstRow > td.sapUiFormElementLbl {
  padding-top: 2.4375rem;
}
html[data-sap-ui-browser^="ff"].sapUiSizeCompact .sapUiFormEdit.sapUiFormM > .sapUiGrid > tbody > tr:first-child > td.sapUiFormElementLbl,
html[data-sap-ui-browser^="ff"] .sapUiSizeCompact .sapUiFormEdit.sapUiFormM > .sapUiGrid > tbody > tr:first-child > td.sapUiFormElementLbl,
html[data-sap-ui-browser^="ff"].sapUiSizeCompact .sapUiFormEdit[aria-labelledby].sapUiFormM > .sapUiGrid > tbody > tr:nth-child(2) > td.sapUiFormElementLbl,
html[data-sap-ui-browser^="ff"] .sapUiSizeCompact .sapUiFormEdit[aria-labelledby].sapUiFormM > .sapUiGrid > tbody > tr:nth-child(2) > td.sapUiFormElementLbl {
  padding-top: 1.4375rem;
}
.sapUiFormEdit.sapUiFormM > .sapUiGrid > tbody > tr > td.sapUiGridLabelFull {
  padding-top: 0;
}
.sapUiGridSpace {
  width: 1.5rem;
  /* as cells after separator have padding-left of 0.5rem */
}
.sapUiGrid .sapUiGridHeader {
  padding: 0 0 0 0.5rem;
}
/* Title */
.sapUiGrid th > .sapUiFormTitle {
  box-sizing: border-box;
  padding: 0 1rem 0 1rem;
}
.sapUiGrid .sapUiFormTitle > img,
.sapUiGrid .sapUiFormTitle > span {
  margin-right: 0.25rem;
}
/* Toolbar */
.sapUiGrid.sapUiFormToolbar th > div {
  height: 3rem;
  /* to have in compact mode and in commons always 3rem on Form header */
  line-height: 3rem;
  padding: 0 1rem 0 1rem;
  box-sizing: border-box;
}
.sapUiGrid > tbody > tr > .sapUiFormContainerToolbar > div {
  margin-bottom: 0.5rem;
}
/* for display mode add padding to elements to have spacing between */
.sapUiFormM:not(.sapUiFormEdit) > .sapUiGrid tr:not(.sapUiGridConteinerHeaderRow) > td {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.sapUiFormM:not(.sapUiFormEdit) > .sapUiGrid {
  font-size: 1px;
  /* as browser adds some px to text to meet font-size*/
}
.sapUiFormM:not(.sapUiFormEdit) > .sapUiGrid tr:not(.sapUiGridConteinerHeaderRow) > td .sapUiIcon:not(.sapMBtnIcon),
.sapUiFormM:not(.sapUiFormEdit) > .sapUiGrid tr:not(.sapUiGridConteinerHeaderRow) > td .sapMCbBg {
  font-size: medium;
  /* to set default font size on icons */
}
.sapUiFormM:not(.sapUiFormEdit) > .sapUiGrid .sapUiGridConteinerFirstRow:not(.sapUiGridConteinerHeaderRow) > td,
.sapUiFormM:not(.sapUiFormEdit) > .sapUiGrid .sapUiGridConteinerHeaderRow + tr:not(.sapUiGridConteinerHeaderRow) > td {
  padding-top: 0;
}
.sapUiFormM:not(.sapUiFormEdit) > .sapUiGrid > tbody > tr:last-child > td {
  padding-bottom: 1rem;
}
/* =============================================== */
/* CSS for control sap.ui.layout/HorizontalLayout  */
/* Base theme                                      */
/* =============================================== */
.sapUiHLayout {
  display: inline-block;
  white-space: normal;
}
.sapUiHLayoutNoWrap {
  white-space: nowrap;
}
.sapUiHLayoutChildWrapper {
  white-space: normal;
  display: inline-block;
  vertical-align: top;
}
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiHLayout.sapUiContentPadding  {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiHLayout.sapUiResponsiveContentPadding ,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapUiHLayout.sapUiResponsiveContentPadding ,
  .sapUiHLayout.sapUiResponsiveContentPadding  {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiHLayout.sapUiResponsiveContentPadding ,
  .sapUiHLayout.sapUiResponsiveContentPadding  {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiHLayout.sapUiResponsiveContentPadding ,
  .sapUiHLayout.sapUiResponsiveContentPadding  {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapUiHLayout.sapUiResponsiveContentPadding  {
  padding: 0;
}
.sapMSplitContainerDetail .sapUiHLayout.sapUiResponsiveContentPadding  {
  padding: 1rem;
}
.sapUiHLayout.sapUiNoContentPadding  {
  padding: 0;
}
/* add padding between cells as well */
.sapUiHLayout.sapUiContentPadding > .sapUiHLayoutChildWrapper:not(:last-child) {
  padding-right: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiHLayout.sapUiResponsiveContentPadding,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapUiHLayout.sapUiResponsiveContentPadding,
  .sapUiHLayout.sapUiResponsiveContentPadding > .sapUiHLayoutChildWrapper:not(:last-child) {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiHLayout.sapUiResponsiveContentPadding,
  .sapUiHLayout.sapUiResponsiveContentPadding > .sapUiHLayoutChildWrapper:not(:last-child) {
    padding-right: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiHLayout.sapUiResponsiveContentPadding,
  .sapUiHLayout.sapUiResponsiveContentPadding > .sapUiHLayoutChildWrapper:not(:last-child) {
    padding-right: 1rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerDetail .sapUiHLayout.sapUiResponsiveContentPadding > .sapUiHLayoutChildWrapper:not(:last-child) {
  padding-right: 1rem;
}
/* fix for BCP: 1580166858
 * HorizontalLayout inside table cell doesn't respect the width of the cell but the width of the control that is inside it
 */
.sapMListTblCell .sapUiHLayout {
  width: 100%;
}
/* =================================================== */
/* CSS for control sap.ui.layout/ResponsiveFlowLayout  */
/* Base theme                                          */
/* =================================================== */
.sapUiRFL {
  position: relative;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.sapUiRFLRow {
  position: relative;
  display: block;
  box-sizing: border-box;
}
.sapUiRFLContainer {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  overflow: hidden;
}
.sapUiRFLRow > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent.sapUiRFLPaddingClass:first-child {
  padding-left: 0;
}
.sapUiRFLRow > .sapUiRFLContainer:last-child > .sapUiRFLContainerContent.sapUiRFLPaddingClass:last-child {
  padding-right: 0;
}
.sapUiRFLMultiContainerContent {
  white-space: nowrap;
}
.sapUiRFLMultiContent {
  display: inline-block;
  box-sizing: border-box;
}
.sapUiRFLMultiContainerContent > .sapUiRFLMultiContent.sapUiRFLPaddingClass:last-child {
  padding-right: 0;
}
.sapUiRFLPaddingClass {
  padding: 0 0 8px 8px;
}
.sapUiRFLFullLength > .sapUiRFLPaddingClass {
  padding-left: 0;
}
.sapUiRFLMultiContent.sapUiRFLPaddingClass {
  padding: 0 0 8px 8px;
}
.sapUiRFLMultiContainerContent > .sapUiRFLMultiContent.sapUiRFLPaddingClass:first-child {
  padding-left: 0;
}
/* =================================================== */
/* CSS for control sap.ui.layout/ResponsiveGridLayout  */
/* Base theme                                          */
/* =================================================== */
/* Title */
.sapUiFormResGrid > .sapUiFormTitle {
  box-sizing: border-box;
  padding: 0 1rem 0 1rem;
}
.sapUiRGLContainer > .sapUiFormTitle {
  padding: 0 0.25rem;
}
.sapUiFormResGrid > .sapUiFormTitle > img,
.sapUiRGLContainer > .sapUiFormTitle > img,
.sapUiFormResGrid > .sapUiFormTitle > span,
.sapUiRGLContainer > .sapUiFormTitle > span {
  margin-right: 0.5rem;
}
/* Toolbar */
.sapUiFormResGrid.sapUiFormToolbar > div:first-child {
  height: 3rem;
  /* to have in compact mode and in commons always 3rem on Form header */
  line-height: 3rem;
  padding: 0 0.75rem;
}
/* Grid */
.sapUiFormResGrid > div {
  padding: 1rem 0.75rem;
  /* because fields have 0.25rem padding on left and right */
  box-sizing: border-box;
}
.sapUiFormM:not(.sapUiFormEdit) > .sapUiFormResGrid > div:not(.sapMTB) {
  padding-bottom: 0.75rem;
  /* as fields have 0.25rem */
}
.sapUiRGLContainerColl > .sapUiRGLContainerCont {
  display: none;
}
/* add paddings to content */
.sapUiFormResGridCont {
  padding-bottom: 2rem;
}
.sapUiFormResGridCont > div {
  padding: 0 0.25rem;
  box-sizing: border-box;
}
/* padding between rows for commons controls */
.sapUiForm:not(.sapUiFormM) .sapUiFormResGridCont > div {
  padding-bottom: 0.5rem;
}
.sapUiFormResGridCont > .sapUiFormElementLbl {
  min-height: 18px;
}
/* Special styles for Mobile controls */
/* in display only mode add padding to controls as they don't have one */
.sapUiFormM:not(.sapUiFormEdit) .sapUiFormResGridCont > div {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1px;
  /* as browser adds some px to text to meet font-size */
}
.sapUiFormM:not(.sapUiFormEdit) .sapUiFormResGridCont > div .sapUiIcon:not(.sapMBtnIcon),
.sapUiFormM:not(.sapUiFormEdit) .sapUiFormResGridCont > div .sapMCbBg {
  font-size: medium;
  /* to set default font size on icons*/
}
.sapUiFormM:not(.sapUiFormEdit) .sapUiFormResGridCont {
  margin-top: -0.25rem;
  /* as content has 0.25rem padding-top */
  padding-bottom: 1.75rem;
  /* as content has 0.25rem padding-bottom */
}
.sapUiFormM > .sapUiFormResGrid > .sapUiFormResGridMain.sapUiRespGridOverflowHidden > div[class*="sapUiFormResGrid"] {
  overflow: visible;
  /* to show top of title or tooolbar in cozy mode (because moved upwards) */
}
/* ================= */
/*   SMALL DEVICES   */
/* ================= */
html.sap-phone .sapUiFormResGridCont {
  /* on real phones use smaller space between containers */
  padding-bottom: 1rem;
}
html.sap-phone .sapUiFormM:not(.sapUiFormEdit) .sapUiFormResGridCont {
  /* on real phones use smaller space between containers */
  padding-bottom: 0.75rem;
}
/* ================================= */
/*   SMALL, MEDIUM and LARGE DEVICES */
/* ================================= */
/* add some space on top of full-size labels*/
.sapUiForm:not(.sapUiFormM) .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanS12,
.sapUiForm:not(.sapUiFormM) .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanM12,
.sapUiForm:not(.sapUiFormM) .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanL12,
.sapUiForm:not(.sapUiFormM) .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanXL12 {
  padding-top: 0.375rem;
}
.sapUiFormM.sapUiFormEdit .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanS12,
.sapUiFormM.sapUiFormEdit .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanM12,
.sapUiFormM.sapUiFormEdit .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanL12,
.sapUiFormM.sapUiFormEdit .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanXL12 {
  padding-top: 0.625rem;
}
.sapUiFormM:not(.sapUiFormEdit) .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanS12,
.sapUiFormM:not(.sapUiFormEdit) .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanM12,
.sapUiFormM:not(.sapUiFormEdit) .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanL12,
.sapUiFormM:not(.sapUiFormEdit) .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanXL12 {
  padding-top: 0.75rem;
  padding-bottom: 0;
}
/* but not for first one */
.sapUiForm .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanS12,
.sapUiForm .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanM12,
.sapUiForm .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanL12,
.sapUiForm .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanXL12 {
  padding-top: 0;
}
/* but not for first content in display mode */
.sapUiFormM:not(.sapUiFormEdit) .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanS12,
.sapUiFormM:not(.sapUiFormEdit) .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanM12,
.sapUiFormM:not(.sapUiFormEdit) .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanL12,
.sapUiFormM:not(.sapUiFormEdit) .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanXL12 {
  padding-top: 0.25rem;
}
/* but not for first full-size label under title/toolbar in compact mode */
.sapUiSizeCompact .sapUiFormM.sapUiFormEdit .sapUiFormContainerTitle > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanS12,
.sapUiSizeCompact .sapUiFormM.sapUiFormEdit .sapUiFormContainerTitle > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanM12,
.sapUiSizeCompact .sapUiFormM.sapUiFormEdit .sapUiFormContainerTitle > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanL12,
.sapUiSizeCompact .sapUiFormM.sapUiFormEdit .sapUiFormContainerTitle > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanXL12,
.sapUiSizeCompact .sapUiFormM.sapUiFormEdit .sapUiFormContainerToolbar > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanS12,
.sapUiSizeCompact .sapUiFormM.sapUiFormEdit .sapUiFormContainerToolbar > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanM12,
.sapUiSizeCompact .sapUiFormM.sapUiFormEdit .sapUiFormContainerToolbar > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanL12,
.sapUiSizeCompact .sapUiFormM.sapUiFormEdit .sapUiFormContainerToolbar > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanXL12 {
  padding-top: 0.5rem;
}
.sapUiSizeCompact .sapUiFormM:not(.sapUiFormEdit) .sapUiFormContainerTitle > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanS12,
.sapUiSizeCompact .sapUiFormM:not(.sapUiFormEdit) .sapUiFormContainerTitle > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanM12,
.sapUiSizeCompact .sapUiFormM:not(.sapUiFormEdit) .sapUiFormContainerTitle > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanL12,
.sapUiSizeCompact .sapUiFormM:not(.sapUiFormEdit) .sapUiFormContainerTitle > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanXL12,
.sapUiSizeCompact .sapUiFormM:not(.sapUiFormEdit) .sapUiFormContainerToolbar > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanS12,
.sapUiSizeCompact .sapUiFormM:not(.sapUiFormEdit) .sapUiFormContainerToolbar > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanM12,
.sapUiSizeCompact .sapUiFormM:not(.sapUiFormEdit) .sapUiFormContainerToolbar > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanL12,
.sapUiSizeCompact .sapUiFormM:not(.sapUiFormEdit) .sapUiFormContainerToolbar > .sapUiRGLContainerCont > .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > div:first-child.sapUiFormElementLbl.sapUiRespGridSpanXL12 {
  padding-top: 0.75rem;
}
.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanS12,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanM12,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanL12,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl.sapUiRespGridSpanXL12 {
  padding-bottom: 0.125rem;
}
.sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12),
.sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12),
.sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12),
.sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) {
  padding-top: 1rem;
}
.sapUiSizeCompact .sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12),
.sapUiSizeCompact .sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12),
.sapUiSizeCompact .sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12),
.sapUiSizeCompact .sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) {
  padding-top: 0.5rem;
}
html[data-sap-ui-browser^="ff"] .sapUiSizeCompact .sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12),
html[data-sap-ui-browser^="ff"].sapUiSizeCompact .sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12),
html[data-sap-ui-browser^="ff"] .sapUiSizeCompact .sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12),
html[data-sap-ui-browser^="ff"].sapUiSizeCompact .sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12),
html[data-sap-ui-browser^="ff"] .sapUiSizeCompact .sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12),
html[data-sap-ui-browser^="ff"].sapUiSizeCompact .sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12),
html[data-sap-ui-browser^="ff"] .sapUiSizeCompact .sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12),
html[data-sap-ui-browser^="ff"].sapUiSizeCompact .sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) {
  padding-top: 0.4375rem;
}
/* on last row no padding-bottom on container content */
.sapUiFormM > .sapUiFormResGrid > .sapUiRGLContainer > .sapUiRGLContainerCont > .sapUiFormResGridCont,
.sapUiRespGridMedia-Std-Phone > .sapUiFormResGridLastRowM:last-child .sapUiFormResGridCont,
.sapUiRespGridMedia-Std-Tablet > .sapUiFormResGridLastRowM .sapUiFormResGridCont,
.sapUiRespGridMedia-Std-Desktop > .sapUiFormResGridLastRowL .sapUiFormResGridCont,
.sapUiRespGridMedia-Std-LargeDesktop > .sapUiFormResGridLastRowXL .sapUiFormResGridCont {
  padding-bottom: 0;
}
/* In Cozy mode put first FormContainers with title or toolbar 0.5rem on top */
.sapUiFormM .sapUiRespGridMedia-Std-Phone > .sapUiFormResGridFirstRowM:first-child > .sapUiFormContainerTitle,
.sapUiFormM .sapUiRespGridMedia-Std-Phone > .sapUiFormResGridFirstRowM:first-child > .sapUiFormContainerToolbar,
.sapUiFormM .sapUiRespGridMedia-Std-Tablet > .sapUiFormResGridFirstRowM > .sapUiFormContainerTitle,
.sapUiFormM .sapUiRespGridMedia-Std-Tablet > .sapUiFormResGridFirstRowM > .sapUiFormContainerToolbar,
.sapUiFormM .sapUiRespGridMedia-Std-Desktop > .sapUiFormResGridFirstRowL > .sapUiFormContainerTitle,
.sapUiFormM .sapUiRespGridMedia-Std-Desktop > .sapUiFormResGridFirstRowL > .sapUiFormContainerToolbar,
.sapUiFormM .sapUiRespGridMedia-Std-LargeDesktop > .sapUiFormResGridFirstRowXL > .sapUiFormContainerTitle,
.sapUiFormM .sapUiRespGridMedia-Std-LargeDesktop > .sapUiFormResGridFirstRowXL > .sapUiFormContainerToolbar {
  margin-top: -0.5rem;
}
/* only one container - reduce top padding*/
.sapUiFormM > .sapUiFormResGrid > .sapUiFormContainerTitle,
.sapUiFormM > .sapUiFormResGrid > .sapUiFormContainerToolbar {
  padding-top: 0.5rem;
}
.sapUiSizeCompact .sapUiRespGridMedia-Std-Phone > .sapUiFormResGridFirstRowM:first-child > .sapUiFormContainerTitle,
.sapUiSizeCompact .sapUiRespGridMedia-Std-Phone > .sapUiFormResGridFirstRowM:first-child > .sapUiFormContainerToolbar,
.sapUiSizeCompact .sapUiRespGridMedia-Std-Tablet > .sapUiFormResGridFirstRowM > .sapUiFormContainerTitle,
.sapUiSizeCompact .sapUiRespGridMedia-Std-Tablet > .sapUiFormResGridFirstRowM > .sapUiFormContainerToolbar,
.sapUiSizeCompact .sapUiRespGridMedia-Std-Desktop > .sapUiFormResGridFirstRowL > .sapUiFormContainerTitle,
.sapUiSizeCompact .sapUiRespGridMedia-Std-Desktop > .sapUiFormResGridFirstRowL > .sapUiFormContainerToolbar,
.sapUiSizeCompact .sapUiRespGridMedia-Std-LargeDesktop > .sapUiFormResGridFirstRowXL > .sapUiFormContainerTitle,
.sapUiSizeCompact .sapUiRespGridMedia-Std-LargeDesktop > .sapUiFormResGridFirstRowXL > .sapUiFormContainerToolbar {
  margin-top: 0;
}
.sapUiSizeCompact .sapUiFormM > .sapUiFormResGrid > .sapUiFormContainerTitle,
.sapUiSizeCompact .sapUiFormM > .sapUiFormResGrid > .sapUiFormContainerToolbar {
  padding-top: 1rem;
}
/* ============================ */
/*   MEDIUM and LARGE DEVICES   */
/* ============================ */
/* add paddings between containers */
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridMain > div:not(.sapUiRespGridSpanM12):not(.sapUiFormResGridLastContM),
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridMain > div:not(.sapUiRespGridSpanL12):not(.sapUiFormResGridLastContL),
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridMain > div:not(.sapUiRespGridSpanXL12):not(.sapUiFormResGridLastContXL) {
  padding-right: 0.75rem;
  /* because fields have 0.25rem padding on left and right */
  box-sizing: border-box;
}
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridMain > div:not(.sapUiRespGridBreakM):not(.sapUiRespGridSpanM12),
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridMain > div:not(.sapUiRespGridBreakL):not(.sapUiRespGridSpanL12),
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridMain > div:not(.sapUiRespGridBreakXL):not(.sapUiRespGridSpanXL12) {
  padding-left: 0.75rem;
  /* because fields have 0.25rem padding on left and right */
  box-sizing: border-box;
}
/* =============================================== */
/* CSS for control sap.ui.layout/ResponsiveLayout  */
/* Base theme                                      */
/* =============================================== */
.sapUiRLContainer.sapUiFormContainerTitle > .sapUiFormTitle.sapUiFormTitleExpandable {
  padding-left: 2.25rem;
}
.sapUiRLContainer.sapUiFormContainerTitle > .sapUiFormTitle.sapUiFormTitleExpandable > button {
  left: -0.5rem;
}
.sapUiRLContainerColl > .sapUiRLContainerCont {
  display: none;
}
/* make labels before fields right aligned */
.sapUiRLElementWithLabel > .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > div {
  text-align: end;
}
.sapUiFormResLayout > div {
  padding: 1rem;
  box-sizing: border-box;
}
.sapUiFormM .sapUiRFLPaddingClass,
.sapUiFormM .sapUiRFLMultiContent.sapUiRFLPaddingClass {
  padding: 0 0 0 0.5rem;
}
.sapUiRLContainerCont > .sapUiRFL > .sapUiRFLRow > .sapUiRFLContainer {
  padding-right: 0.5rem;
}
.sapUiRLContainerCont > .sapUiRFL > .sapUiRFLRow > .sapUiRFLContainer:last-child {
  padding-right: 0;
}
.sapUiRLElementWithLabel > .sapUiRFLCompleteRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent.sapUiRFLPaddingClass {
  padding-bottom: 0;
}
.sapUiFormEdit.sapUiFormM .sapUiRLElementWithLabel > .sapUiRFLRow:not(.sapUiRFLCompleteRow) > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent {
  padding-top: 1rem;
}
html[data-sap-ui-browser^="ff"] .sapUiFormEdit.sapUiFormM .sapUiRLElementWithLabel > .sapUiRFLRow:not(.sapUiRFLCompleteRow) > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent {
  padding-top: 0.9375rem;
}
.sapUiSizeCompact .sapUiFormEdit.sapUiFormM .sapUiRLElementWithLabel > .sapUiRFLRow:not(.sapUiRFLCompleteRow) > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent {
  padding-top: 0.5rem;
}
html[data-sap-ui-browser^="ff"].sapUiSizeCompact .sapUiFormEdit.sapUiFormM .sapUiRLElementWithLabel > .sapUiRFLRow:not(.sapUiRFLCompleteRow) > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent,
html[data-sap-ui-browser^="ff"] .sapUiSizeCompact .sapUiFormEdit.sapUiFormM .sapUiRLElementWithLabel > .sapUiRFLRow:not(.sapUiRFLCompleteRow) > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent {
  padding-top: 0.4375rem;
}
.sapUiFormResLayout .sapUiRFLRow > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapUiRLElement > .sapUiRFLRow:last-child > .sapUiRFLFullLength:last-child {
  padding-bottom: 0.625rem;
}
.sapUiForm > .sapUiFormResLayout > .sapUiRFL .sapUiRFLRow:last-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapUiRLElement > .sapUiRFLRow:last-child > .sapUiRFLFullLength:last-child {
  /* last element in row has no padding bottom */
  padding-bottom: 0;
}
.sapUiRLElementFields > .sapUiRFLRow > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent.sapUiRFLPaddingClass:first-child,
.sapUiRLElementFields > .sapUiRFLRow > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent.sapUiRFLMultiContainerContent.sapUiRFLPaddingClass:first-child > .sapUiRFLMultiContent.sapUiRFLPaddingClass:first-child {
  padding-left: 0.5rem;
}
.sapUiRLElementFields > .sapUiRFLRow > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent.sapUiRFLMultiContainerContent.sapUiRFLPaddingClass:first-child,
.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapUiRLElementFields > .sapUiRFLRow > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent.sapUiRFLPaddingClass:first-child,
.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapUiRLElementFields > .sapUiRFLRow > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent.sapUiRFLPaddingClass:first-child > .sapUiRFLMultiContent.sapUiRFLPaddingClass:first-child {
  padding-left: 0;
}
.sapUiRFLRow > .sapUiRFLContainer > .sapUiRFLContainerContent > .sapUiRLContainer {
  /* space between 2 containers, devide it to previous and next container to have the same size for all*/
  padding-left: 0.5rem;
  padding-right: 1rem;
}
.sapUiRFLRow > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapUiRLContainer {
  padding-left: 0;
}
.sapUiRFLRow > .sapUiRFLContainer:last-child > .sapUiRFLContainerContent > .sapUiRLContainer {
  padding-right: 0;
}
/* full size labels in mobile */
.sapUiFormM .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiFormElementLbl {
  padding-top: 0.25rem;
}
/* full-size label under title/toolbar in compact mode */
.sapUiSizeCompact .sapUiFormM .sapUiFormContainerTitle > .sapUiRLContainerCont > .sapUiRFL > .sapUiRFLRow:first-child > .sapUiRFLContainer .sapUiRFLContainerContent > .sapUiRLElementWithLabel > .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiFormElementLbl {
  padding-top: 0.5rem;
}
/* Title */
.sapUiFormResLayout > .sapUiFormTitle {
  box-sizing: border-box;
  padding: 0 1rem 0 1rem;
}
.sapUiFormResLayout .sapUiFormTitle > img,
.sapUiFormResLayout .sapUiFormTitle > span {
  margin-right: 0.1875rem;
}
/* Toolbar */
.sapUiFormResLayout.sapUiFormToolbar > div:first-child {
  height: 3rem;
  /* to have in compact mode and in commons always 3rem on Form header */
  line-height: 3rem;
  padding: 0 1rem 0 1rem;
}
/* vertical spacing between containers */
.sapUiFormResLayout > .sapUiRFL > .sapUiRFLRow > .sapUiRFLContainer > .sapUiRFLContainerContent > .sapUiRLContainer {
  padding-top: 2rem;
}
html.sap-phone .sapUiFormResLayout > .sapUiRFL > .sapUiRFLRow > .sapUiRFLContainer > .sapUiRFLContainerContent > .sapUiRLContainer {
  padding-top: 1rem;
}
.sapUiForm > .sapUiFormResLayout > .sapUiRFL > .sapUiRFLRow:first-child > .sapUiRFLContainer > .sapUiRFLContainerContent > .sapUiRLContainer {
  padding-top: 0;
}
/* In Cozy mode put first FormContainers with title or toolbar 0.5rem on top */
.sapUiFormM > .sapUiFormResLayout > .sapUiRFL > .sapUiRFLRow:first-child > .sapUiRFLContainer > .sapUiRFLContainerContent > .sapUiRLContainer.sapUiFormContainerTitle,
.sapUiFormM > .sapUiFormResLayout > .sapUiRFL > .sapUiRFLRow:first-child > .sapUiRFLContainer > .sapUiRFLContainerContent > .sapUiRLContainer.sapUiFormContainerToolbar {
  margin-top: -0.5rem;
}
.sapUiFormM > .sapUiFormResLayout > .sapUiRFL > .sapUiRFLRow:first-child > .sapUiRFLContainer {
  overflow: visible;
  /* to show expander and toolbar completely */
}
/* only one container - reduce top padding*/
.sapUiFormM > .sapUiFormResLayout > .sapUiFormContainerTitle,
.sapUiFormM > .sapUiFormResLayout > .sapUiFormContainerToolbar {
  padding-top: 0.5rem;
}
.sapUiSizeCompact .sapUiFormM > .sapUiFormResLayout > .sapUiRFL > .sapUiRFLRow:first-child > .sapUiRFLContainer > .sapUiRFLContainerContent > .sapUiRLContainer.sapUiFormContainerTitle,
.sapUiSizeCompact .sapUiFormM > .sapUiFormResLayout > .sapUiRFL > .sapUiRFLRow:first-child > .sapUiRFLContainer > .sapUiRFLContainerContent > .sapUiRLContainer.sapUiFormContainerToolbar {
  margin-top: 0;
}
.sapUiSizeCompact .sapUiFormM > .sapUiFormResLayout > .sapUiFormContainerTitle,
.sapUiSizeCompact .sapUiFormM > .sapUiFormResLayout > .sapUiFormContainerToolbar {
  padding-top: 1rem;
}
/* for display mode add padding to elements to have spacing between */
.sapUiFormM:not(.sapUiFormEdit) .sapUiRFLContainerContent {
  font-size: 1px;
  /* as browser adds some px to text to meet font-size*/
}
.sapUiFormM:not(.sapUiFormEdit) .sapUiRFLContainerContent .sapUiIcon:not(.sapMBtnIcon),
.sapUiFormM:not(.sapUiFormEdit) .sapUiRFLContainerContent .sapMCbBg {
  font-size: medium;
  /* to set default font size on icons */
}
.sapUiFormM:not(.sapUiFormEdit) .sapUiRLElement > .sapUiRFLRow {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.sapUiFormM:not(.sapUiFormEdit) .sapUiRLContainerCont > .sapUiRFL > .sapUiRFLRow:first-child > .sapUiRFLContainer > .sapUiRFLContainerContent > .sapUiRLElement > .sapUiRFLRow:first-child {
  padding-top: 0;
}
.sapUiFormM:not(.sapUiFormEdit) .sapUiRLContainerCont > .sapUiRFL > .sapUiRFLRow:last-child > .sapUiRFLContainer > .sapUiRFLContainerContent > .sapUiRLElement > .sapUiRFLRow:last-child {
  padding-bottom: 0;
}
.sapUiFormM:not(.sapUiFormEdit) > .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel {
  padding-bottom: 0;
}
.sapUiFormM:not(.sapUiFormEdit) > .sapUiFormResLayout .sapUiRFLRow > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapUiRLElement > .sapUiRFLRow:last-child > .sapUiRFLFullLength:last-child {
  padding-bottom: 0.25rem;
}
/* ================================================= */
/* CSS for control sap.ui.layout/ResponsiveSplitter  */
/* Base theme                                        */
/* ================================================= */
.sapUiResponsiveSplitter {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sapUiResponsiveSplitterPage {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.sapUiRSVisiblePaginator .sapUiResponsiveSplitterPaginator {
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  outline: none;
  height: 2.5rem;
  background-color: #f2f2f2;
  border-top: 0.0625rem solid #dedede;
  border-bottom: 0.0625rem solid transparent;
}
.sapUiRSVisiblePaginator .sapUiResponsiveSplitterPage {
  height: calc(100% - 2.5rem);
}
.sapUiRSVisiblePaginator .sapUiResponsiveSplitterPaginator.sapUiResponsiveSplitterWithNavButtons {
  justify-content: space-between;
}
.sapUiResponsiveSplitterPaginatorButtons {
  display: flex;
  align-items: center;
}
.sapUiResponsiveSplitterPaginatorButton {
  width: 2.5rem;
  height: 2.375rem;
  cursor: pointer;
  background-color: transparent;
  border-radius: 0;
  position: relative;
}
.sapUiResponsiveSplitterPaginatorButton::after {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  background-color: #000;
  margin: auto;
  display: block;
  margin-top: 16px;
  border-radius: 50%;
}
.sapUiResponsiveSplitterPaginatorButton:focus {
  outline: none;
}
.sapUiResponsiveSplitterPaginatorButton:focus::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border: 1px dotted #000;
  border-radius: unset;
}
.sapUiResponsiveSplitterPaginatorButton:hover {
  background-color: rgba(124, 133, 0, 0.5);
}
.sapUiResponsiveSplitterPaginatorButton:hover::after {
  background-color: #000;
}
.sapUiResponsiveSplitterPaginatorButton:active {
  background-color: #cddc00;
}
.sapUiResponsiveSplitterPaginatorButton:active::after {
  background-color: #fff;
}
.sapUiResponsiveSplitterPaginatorSelectedButton::after {
  background-color: #000;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.875rem;
}
.sapUiResponsiveSplitterPaginatorSelectedButton:hover::after {
  background-color: #000;
}
.sapUiResponsiveSplitterHiddenElement {
  display: none;
}
.sapUiResponsiveSplitterPaginatorNavButton {
  width: 2.5rem;
  height: 100%;
  font-family: 'SAP-icons';
  cursor: pointer;
}
.sapUiResponsiveSplitterPaginatorNavButton::after {
  position: absolute;
  margin-top: 11px;
  margin-left: 15px;
}
.sapUiResponsiveSplitterPaginatorButtonBack::after {
  content: '\e067';
}
.sapUiResponsiveSplitterPaginatorButtonForward::after {
  content: '\e066';
}
.sapUiResponsiveSplitterHiddenBackButton,
.sapUiResponsiveSplitterHiddenPaginatorButton {
  display: none !important;
  background-color: #44a12c;
}
/* ========================================= */
/* CSS for control sap.ui.layout/SimpleForm  */
/* Base theme                                */
/* ========================================= */
.sapUiSimpleForm {
  width: 100%;
  box-sizing: border-box;
}
html.sap-tablet .sapUiFioriObjectPage > section > .sapUiSimpleForm,
html.sap-desktop .sapUiFioriObjectPage > section > .sapUiSimpleForm {
  margin: 1rem 0;
  padding: 0 1rem;
}
.sapUiFormEdit-CTX .sapMSwtCont {
  vertical-align: middle;
}
/* ======================================= */
/* CSS for control sap.ui.layout/Splitter  */
/* Base theme                              */
/* ======================================= */
/**
 * The main Splitter element can have the following classes in addition to its main class
 * "sapUiLoSplitter":
 *   sapUiLoSplitterAnimated - Resizing should be animated (through css-transitions)
 *   sapUiLoSplitterH        - It's a horizontal splitter
 *   sapUiLoSplitterV        - It's a vertical splitter
 * The splitter bars "sapUiLoSplitterBar" and "sapUiLoSplitterOverlayBar" can have the following
 * additional classes:
 *   sapUiLoSplitterNoResize
 *
**/
/********************************************* General ********************************************/
.sapUiLoSplitter {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  box-sizing: border-box;
}
.sapUiLoSplitter .sapUiLoSplitterContent {
  overflow: auto;
}
.sapUiLoSplitter > .sapUiLoSplitterBar,
.sapUiLoSplitterOverlay > .sapUiLoSplitterOverlayBar {
  color: #000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #f2f2f2;
  box-sizing: border-box;
}
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterBar.sapUiLoSplitterNoResize,
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterBar.sapUiLoSplitterNoResize {
  cursor: default;
  visibility: hidden;
}
.sapUiLoSplitter > .sapUiLoSplitterBar.sapUiLoSplitterNoResize > *,
.sapUiLoSplitterOverlay > .sapUiLoSplitterOverlayBar.sapUiLoSplitterNoResize > * {
  display: none;
}
.sapUiLoSplitterOverlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sapUiLoSplitterOverlay > .sapUiLoSplitterOverlayBar {
  position: absolute;
}
/******************************************* Horizontal *******************************************/
.sapUiLoSplitterH.sapUiLoSplitter {
  white-space: nowrap;
}
.sapUiLoSplitterH.sapUiLoSplitter .sapUiLoSplitterContent {
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  height: 100%;
}
.sapUiLoSplitterAnimated.sapUiLoSplitterH > .sapUiLoSplitterContent {
  transition: width 200ms ease 0ms;
}
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterBar,
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar {
  cursor: col-resize;
  width: 1rem;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-left: none;
  border-right: none;
  vertical-align: top;
}
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterBar .sapUiLoSplitterBarDecorationBefore,
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar .sapUiLoSplitterBarDecorationBefore {
  width: 1rem;
  height: 4rem;
  background-image: linear-gradient(to top, #cddc00, rgba(205, 220, 0, 0));
  background-size: 0.0625rem 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterBar .sapUiLoSplitterBarDecorationAfter,
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar .sapUiLoSplitterBarDecorationAfter {
  width: 1rem;
  height: 4rem;
  background-image: linear-gradient(to bottom, #cddc00, rgba(205, 220, 0, 0));
  background-size: 0.0625rem 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterBar .sapUiLoSplitterBarGrip,
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar .sapUiLoSplitterBarGrip {
  cursor: col-resize;
  width: 1.5rem;
  height: 2rem;
  line-height: 2rem;
  position: relative;
  z-index: 1;
}
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterBar .sapUiLoSplitterBarGrip .sapUiLoSplitterBarGripIcon,
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar .sapUiLoSplitterBarGrip .sapUiLoSplitterBarGripIcon {
  cursor: col-resize;
  line-height: -0.375rem;
  box-sizing: border-box;
  height: 1.625rem;
  width: 1.5rem;
  margin-top: 3px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0;
  background: rgba(0, 0, 0, 0);
}
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterBar:hover .sapUiLoSplitterBarDecorationBefore,
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar:hover .sapUiLoSplitterBarDecorationBefore,
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterBar:hover .sapUiLoSplitterBarDecorationAfter,
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar:hover .sapUiLoSplitterBarDecorationAfter {
  flex-grow: 1;
  transition: all 0.1s ease-in;
}
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterBar:hover .sapUiLoSplitterBarGripIcon,
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar:hover .sapUiLoSplitterBarGripIcon {
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar .sapUiLoSplitterBarDecorationBefore {
  flex-grow: 1;
  background-image: linear-gradient(to top, #cddc00, #cddc00);
}
.sapUiLoSplitter.sapUiLoSplitterH > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar .sapUiLoSplitterBarDecorationAfter {
  flex-grow: 1;
  background-image: linear-gradient(to bottom, #cddc00, #cddc00);
}
/******************************************** Vertical ********************************************/
.sapUiLoSplitterV > .sapUiLoSplitterBar,
.sapUiLoSplitterV > .sapUiLoSplitterContent,
.sapUiLoSplitterV > .sapUiLoSplitterOverlay > .sapUiLoSplitterOverlayBar {
  display: block;
  width: 100%;
}
.sapUiLoSplitterAnimated.sapUiLoSplitterV > .sapUiLoSplitterContent {
  transition: height 200ms ease 0ms;
}
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterBar,
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar {
  cursor: row-resize;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: none;
  border-bottom: none;
}
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterBar .sapUiLoSplitterBarDecorationBefore,
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar .sapUiLoSplitterBarDecorationBefore {
  width: 4rem;
  height: 1rem;
  background-image: linear-gradient(to left, #cddc00, rgba(205, 220, 0, 0));
  background-size: 100% 0.0625rem;
  background-repeat: no-repeat;
  background-position: center;
}
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterBar .sapUiLoSplitterBarDecorationAfter,
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar .sapUiLoSplitterBarDecorationAfter {
  width: 4rem;
  height: 1rem;
  background-image: linear-gradient(to right, #cddc00, rgba(205, 220, 0, 0));
  background-size: 100% 0.0625rem;
  background-repeat: no-repeat;
  background-position: center;
}
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterBar .sapUiLoSplitterBarGrip,
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar .sapUiLoSplitterBarGrip {
  cursor: row-resize;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 2rem;
  position: relative;
  z-index: 1;
}
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterBar .sapUiLoSplitterBarGrip .sapUiLoSplitterBarGripIcon,
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar .sapUiLoSplitterBarGrip .sapUiLoSplitterBarGripIcon {
  cursor: row-resize;
  box-sizing: border-box;
  width: 1.625rem;
  height: 1.5rem;
  line-height: -0.5rem;
  margin-left: 3px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0;
  background: rgba(0, 0, 0, 0);
}
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterBar:hover .sapUiLoSplitterBarDecorationBefore,
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar:hover .sapUiLoSplitterBarDecorationBefore,
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterBar:hover .sapUiLoSplitterBarDecorationAfter,
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar:hover .sapUiLoSplitterBarDecorationAfter {
  flex-grow: 1;
  transition: all 0.1s ease-in;
}
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterBar:hover .sapUiLoSplitterBarGripIcon,
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar:hover .sapUiLoSplitterBarGripIcon {
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar .sapUiLoSplitterBarDecorationBefore {
  flex-grow: 1;
  background-image: linear-gradient(to left, #cddc00, #cddc00);
}
.sapUiLoSplitter.sapUiLoSplitterV > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar .sapUiLoSplitterBarDecorationAfter {
  flex-grow: 1;
  background-image: linear-gradient(to right, #cddc00, #cddc00);
}
/*********************************** Focus outline**********************************/
.sapUiLoSplitter > .sapUiLoSplitterBar,
.sapUiLoSplitter > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar {
  position: relative;
}
.sapUiLoSplitter > .sapUiLoSplitterBar:focus,
.sapUiLoSplitter > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar:focus {
  outline: none;
}
.sapUiLoSplitter > .sapUiLoSplitterBar:focus::after,
.sapUiLoSplitter > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar:focus::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px dotted #000;
}
/* ============================================= */
/* CSS for control sap.ui.layout/VerticalLayout  */
/* Base theme                                    */
/* ============================================= */
.sapUiVlt {
  display: inline-block;
  vertical-align: text-top;
}
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiVlt.sapUiContentPadding  {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiVlt.sapUiResponsiveContentPadding ,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapUiVlt.sapUiResponsiveContentPadding ,
  .sapUiVlt.sapUiResponsiveContentPadding  {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiVlt.sapUiResponsiveContentPadding ,
  .sapUiVlt.sapUiResponsiveContentPadding  {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiVlt.sapUiResponsiveContentPadding ,
  .sapUiVlt.sapUiResponsiveContentPadding  {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapUiVlt.sapUiResponsiveContentPadding  {
  padding: 0;
}
.sapMSplitContainerDetail .sapUiVlt.sapUiResponsiveContentPadding  {
  padding: 1rem;
}
.sapUiVlt.sapUiNoContentPadding  {
  padding: 0;
}
/* add padding between cells as well */
.sapUiVlt.sapUiContentPadding > .sapuiVltCell:not(:last-child) {
  padding-bottom: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiVlt.sapUiResponsiveContentPadding,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapUiVlt.sapUiResponsiveContentPadding,
  .sapUiVlt.sapUiResponsiveContentPadding > .sapuiVltCell:not(:last-child) {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiVlt.sapUiResponsiveContentPadding,
  .sapUiVlt.sapUiResponsiveContentPadding > .sapuiVltCell:not(:last-child) {
    padding-bottom: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiVlt.sapUiResponsiveContentPadding,
  .sapUiVlt.sapUiResponsiveContentPadding > .sapuiVltCell:not(:last-child) {
    padding-bottom: 1rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerDetail .sapUiVlt.sapUiResponsiveContentPadding > .sapuiVltCell:not(:last-child) {
  padding-bottom: 1rem;
}
/* ============================================= */
/* CSS for control sap.ui.layout/BlockLayoutRow  */
/* Base theme                                    */
/* ============================================= */
.sapUiBlockScrollingRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: auto;
}
.sapUiBlockScrollingRow .sapUiBlockScrollableCell {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 40%;
}
.sapUiBlockLayoutSizeL .sapUiBlockScrollingNarrowCells .sapUiBlockScrollableCell,
.sapUiBlockLayoutSizeXL .sapUiBlockScrollingNarrowCells .sapUiBlockScrollableCell {
  width: 25%;
}
.sapUiBlockLayoutSizeS .sapUiBlockSmallCell {
  width: 100%;
}
.sapUiBlockLayoutSizeS .sapUiBlockMediumCell {
  width: 100%;
}
.sapUiBlockLayoutSizeS .sapUiBlockScrollingRow .sapUiBlockScrollableCell:first-child .sapUiBlockCellContent {
  padding-left: 2rem;
}
.sapUiBlockLayoutSizeS .sapUiBlockScrollingRow .sapUiBlockScrollableCell:last-child .sapUiBlockCellContent {
  padding-right: 2rem;
}
.sapUiBlockLayoutSizeS .sapUiBlockScrollingRow .sapUiBlockScrollableCell {
  min-width: 90%;
}
/* ============================================== */
/* CSS for control sap.ui.layout/BlockLayoutCell  */
/* Base theme                                     */
/* ============================================== */
.sapUiBlockLayoutCell {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.sapUiBlockCellCenteredContent > .sapUiBlockCellTitle {
  align-self: center;
  text-align: center;
  width: 100%;
}
.sapUiBlockCellLeft,
.sapUiBlockCellBegin {
  text-align: left;
}
.sapUiBlockCellRight,
.sapUiBlockCellEnd {
  text-align: right;
}
[dir=rtl] .sapUiBlockCellEnd {
  text-align: left;
}
[dir=rtl] .sapUiBlockCellBegin {
  text-align: right;
}
.sapUiBlockCellContent {
  width: 100%;
  padding: 1rem;
  overflow: hidden;
  box-sizing: border-box;
  background-color: transparent;
}
.sapUiBlockCellTitle {
  font-weight: normal;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 1rem;
}
.sapUiBlockCellTitleNoContent {
  margin-bottom: 0;
}
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiBlockLayoutCell.sapUiContentPadding > .sapUiBlockCellContent {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiBlockLayoutCell.sapUiResponsiveContentPadding > .sapUiBlockCellContent,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapUiBlockLayoutCell.sapUiResponsiveContentPadding > .sapUiBlockCellContent,
  .sapUiBlockLayoutCell.sapUiResponsiveContentPadding > .sapUiBlockCellContent {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiBlockLayoutCell.sapUiResponsiveContentPadding > .sapUiBlockCellContent,
  .sapUiBlockLayoutCell.sapUiResponsiveContentPadding > .sapUiBlockCellContent {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiBlockLayoutCell.sapUiResponsiveContentPadding > .sapUiBlockCellContent,
  .sapUiBlockLayoutCell.sapUiResponsiveContentPadding > .sapUiBlockCellContent {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapUiBlockLayoutCell.sapUiResponsiveContentPadding > .sapUiBlockCellContent {
  padding: 0;
}
.sapMSplitContainerDetail .sapUiBlockLayoutCell.sapUiResponsiveContentPadding > .sapUiBlockCellContent {
  padding: 1rem;
}
.sapUiBlockLayoutCell.sapUiNoContentPadding > .sapUiBlockCellContent {
  padding: 0;
}
/* override for standard padding: 2rem for BlockLayoutCell */
.sapUiBlockLayoutCell.sapUiContentPadding > .sapUiBlockCellContent {
  padding: 2rem;
}
/* ========================================== */
/* CSS for control sap.ui.layout/BlockLayout  */
/* Base theme                                 */
/* ========================================== */
.sapUiBlockLayout .sapUiFormResLayout > div {
  background-color: inherit;
}
.sapUiBlockCellContent {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 0.875rem;
  color: #000;
  padding: 1rem;
}
.sapUiBlockCellContent > .sapUiIcon {
  font-size: 2.25rem;
}
.sapUiBlockCellContent .sapUiBlockCellTitle {
  font-size: 1.25rem;
}
.sapUiBlockCellContent .sapUiBlockCellTitle .sapMLnk {
  text-shadow: none;
}
.sapUiBlockCellTitle,
.sapUiBlockCellTitle .sapMLnk {
  font-size: 1.25rem;
}
.sapUiBlockLayoutSizeM:not(.sapUiBlockLayoutKeepFontSize) .sapUiNoContentPadding .sapUiBlockCellContent {
  padding: 0;
}
.sapUiBlockLayoutSizeM:not(.sapUiBlockLayoutKeepFontSize) .sapUiBlockCellContent {
  padding: 1rem 2rem;
  font-size: 0.875rem;
}
.sapUiBlockLayoutSizeM:not(.sapUiBlockLayoutKeepFontSize) .sapUiBlockCellContent > .sapMText {
  font-size: 0.875rem;
}
.sapUiBlockLayoutSizeM:not(.sapUiBlockLayoutKeepFontSize) .sapUiBlockCellContent > .sapUiIcon {
  font-size: 3rem;
}
.sapUiBlockLayoutSizeL:not(.sapUiBlockLayoutKeepFontSize) .sapUiNoContentPadding .sapUiBlockCellContent {
  padding: 0;
}
.sapUiBlockLayoutSizeL:not(.sapUiBlockLayoutKeepFontSize) .sapUiBlockCellContent {
  padding: 2rem 3rem;
  font-size: 1rem;
}
.sapUiBlockLayoutSizeL:not(.sapUiBlockLayoutKeepFontSize) .sapUiBlockCellContent > .sapMText {
  font-size: 1rem;
}
.sapUiBlockLayoutSizeL:not(.sapUiBlockLayoutKeepFontSize) .sapUiBlockCellContent > .sapUiIcon {
  font-size: 3.75rem;
}
.sapUiBlockLayoutSizeL:not(.sapUiBlockLayoutKeepFontSize) .sapUiBlockCellTitle,
.sapUiBlockLayoutSizeL:not(.sapUiBlockLayoutKeepFontSize) .sapUiBlockCellTitle .sapMLnk {
  font-size: 1.625rem;
}
.sapUiBlockLayoutSizeXL:not(.sapUiBlockLayoutKeepFontSize) .sapUiNoContentPadding .sapUiBlockCellContent {
  padding: 0;
}
.sapUiBlockLayoutSizeXL:not(.sapUiBlockLayoutKeepFontSize) .sapUiBlockCellContent {
  padding: 2rem 3rem;
  font-size: 1rem;
}
.sapUiBlockLayoutSizeXL:not(.sapUiBlockLayoutKeepFontSize) .sapUiBlockCellContent > .sapMText {
  font-size: 1rem;
}
.sapUiBlockLayoutSizeXL:not(.sapUiBlockLayoutKeepFontSize) .sapUiBlockCellContent > .sapUiIcon {
  font-size: 4.5rem;
}
.sapUiBlockLayoutSizeXL:not(.sapUiBlockLayoutKeepFontSize) .sapUiBlockCellTitle,
.sapUiBlockLayoutSizeXL:not(.sapUiBlockLayoutKeepFontSize) .sapUiBlockCellTitle .sapMLnk {
  font-size: 1.625rem;
}
/* ============ Background type: Dashboard ============== */
.sapUiBlockLayoutBackgroundDashboard .sapUiBlockLayoutCell {
  font-weight: normal;
  color: #000;
}
.sapUiBlockLayoutBackgroundDashboard .sapUiBlockCellContent {
  background-color: #fff;
  box-shadow: 0 0 0 1px #000;
  margin: 0.25rem;
  border-radius: 0;
}
.sapUiBlockLayoutBackgroundDashboard .sapUiBlockScrollingNarrowCells + .sapUiBlockHorizontalCellsRow .sapUiBlockCellContent {
  margin-top: 0.375rem;
}
.sapUiBlockLayoutBackgroundDashboard:not(.sapUiBlockLayoutSizeS) .sapUiBlockLayoutCell:first-of-type .sapUiBlockCellContent {
  margin-left: 0.5rem;
}
.sapUiBlockLayoutBackgroundDashboard:not(.sapUiBlockLayoutSizeS) .sapUiBlockLayoutCell:last-of-type .sapUiBlockCellContent {
  margin-right: 0.5rem;
}
.sapUiBlockLayoutBackgroundDashboard:not(.sapUiBlockLayoutSizeS) .sapUiBlockLayoutRow:first-of-type .sapUiBlockCellContent {
  margin-top: 0.5rem;
}
.sapUiBlockLayoutBackgroundDashboard:not(.sapUiBlockLayoutSizeS) .sapUiBlockLayoutRow:last-of-type .sapUiBlockCellContent {
  margin-bottom: 0.5rem;
}
.sapUiBlockLayoutBackgroundDashboard.sapUiBlockLayoutSizeS .sapUiBlockCellContent {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.sapUiBlockLayoutBackgroundDashboard.sapUiBlockLayoutSizeS .sapUiBlockLayoutRow:first-of-type .sapUiBlockLayoutCell:first-of-type .sapUiBlockCellContent {
  margin-top: 0.5rem;
}
.sapUiBlockLayoutBackgroundDashboard.sapUiBlockLayoutSizeS .sapUiBlockLayoutRow:last-of-type .sapUiBlockLayoutCell:last-of-type .sapUiBlockCellContent {
  margin-bottom: 0.5rem;
}
/******************* FILE /Base/baseLib/sap_bluecrystal/base.less *******************/
/* ========================= */
/* FOCUS COLORS              */
/* ========================= */
/* ===================================== */
/* FOREGROUND ELEMENT COLORS             */
/* ===================================== */
/* General Foreground Elements           */
/* ===================================== */
/* EFFECT COLORS                         */
/* ===================================== */
/* ===================================== */
/* Special Colors                        */
/* ===================================== */
/* ===================================== */
/* Background Colors                     */
/* ===================================== */
/* Grayscale Backgrounds                 */
/* ===================================== */
/* Border Colors                         */
/* ===================================== */
/* Grayscale Borders                     */
/* ===================================== */
/* Font Colors                           */
/* ===================================== */
/* Grayscale Text                        */
/* ================================================== */
/* Absolute fixed Colors - do not use in Controls!!   */
/* ================================================== */
/* ==================================================== */
/* indirect Quick Parameters - do not use in Controls!! */
/* ==================================================== */
/* ================================================= */
/* additional Parameters - do not use in Controls!!  */
/* ================================================= */
/* Tinted Backgrounds                    */
/* Button Background Colors              */
/* Transparent Backgrounds               */
/* Hyperlinks                            */
/* Line Colors                           */
/* Table Colors                          */
/* ===================================== */
/* HOVER COLORS             */
/* ===================================== */
/* ===================================== */
/* Font                                  */
/* ===================================== */
/*Please also note the mixins in shared.css which deal with the following background parameters*/
/* ===================================== */
/* Desktop (sap.ui.commons)              */
/* ===================================== */
/* Color used to show keyboard focus on an element (usually as outline) */
/* =============================================== */
/* SOME important control-specific parameters...   */
/* Derived from Expert Theming                     */
/* (these Parameters should be linked in controls) */
/* =============================================== */
/* Derived Chart Colors */
/* Shell */
/* Approved by UX to use a hard coded color value for this */
/* Exact */
/* Notification Bar */
/* ToolPopup */
/* Telling the ToolPopup if it's inverted per default */
/* Callout */
/* ==========================================*/
/* Legacy Section - do not use in Controls!! */
/* ==========================================*/
/* ActionSheet                 */
/* Bar                         */
/* Busy Indicator              */
/* BusyDialog              */
/* --------------------------- */
/* Button                START */
/* --------------------------- */
/* fade(@sapUiDarkText, 50%); */
/* --------------------------- */
/* Button                  END */
/* --------------------------- */
/* --------------------------- */
/* ToggleButton          START */
/* --------------------------- */
/* --------------------------- */
/* ToggleButton            END */
/* --------------------------- */
/* CheckBox                     */
/* DateTimeInput Custom Picker JavaScript	  */
/* mixed, scroller, clickpick */
/* mixed, scroller, clickpick */
/* modal, bubble, bottom, top */
/* modal, bubble, bottom, top */
/* DateTimeInput Custom Picker Design	  	*/
/* IconTabBar			*/
/* Input/SearchField           */
/* Label           */
/* List                        */
/* List as Table               */
/* ListItemBase                */
/* ActionListItem               */
/* MessageToast                 */
/* Page                        */
/* Panel                  */
/* Popover                */
/* Popups - shared parameters */
/* PullToRefresh */
/* RadioButton                 */
/* Scrollbar */
/* SegmentedButton                */
/* Select                       */
/* SelectList                    */
/* ComboBox */
/* Shell                        */
/* Slider                       */
/* SplitContainer */
/* StandardListItem                */
/* Switch                       */
/* RatingIndicator                 */
/* Toolbar 				*/
/* FeedInput                    */
/* OverlapCalendar Event Type */
/* Calendar Legend */
/* Tab Container */
/* ========================================= */
/* CSS for control sap.ui.layout/FormLayout  */
/* BlueCrystal theme                         */
/* ========================================= */
.sapUiFormLayout {
  font-family: Arial, Helvetica, sans-serif;
}
.sapUiFormLayout.sapUiFormBackgrTranslucent > section {
  background-color: rgba(255, 255, 255, 0.8);
}
.sapUiFormLayout.sapUiFormBackgrSolid > section {
  background-color: #fff;
}
.sapUiForm .sapUiFormTitle {
  border-width: 1px;
  border-color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
}
.sapUiFormTitle > .sapUiBtn {
  bottom: 0.25rem;
}
/* ========================================= */
/* CSS for control sap.ui.layout/GridLayout  */
/* BlueCrystal theme                         */
/* ========================================= */
.sapUiGrid {
  font-family: Arial, Helvetica, sans-serif;
}
.sapUiGrid.sapUiFormBackgrTranslucent > tbody > tr {
  background-color: rgba(255, 255, 255, 0.8);
}
.sapUiGrid.sapUiFormBackgrSolid > tbody > tr {
  background-color: #fff;
}
.sapUiGrid > tbody > tr.sapUiGridTitle {
  background-color: transparent;
}
/* Title */
.sapUiGrid th > .sapUiFormTitle {
  text-shadow: none;
}
.sapUiGridHeader > .sapUiFormTitle > .sapUiBtnS.sapUiBtnLite {
  bottom: 0.3125rem;
}
/* =================================================== */
/* CSS for control sap.ui.layout/ResponsiveGridLayout  */
/* BlueCrystal theme                                   */
/* =================================================== */
/* Title */
.sapUiFormResGrid > .sapUiFormTitle {
  text-shadow: none;
}
/* Toolbar */
.sapUiFormResGrid.sapUiFormToolbar > div:first-child {
  background-color: transparent;
}
/* Grid */
.sapUiFormResGrid.sapUiFormBackgrTranslucent > div {
  background-color: rgba(255, 255, 255, 0.8);
}
.sapUiFormResGrid.sapUiFormBackgrSolid > div {
  background-color: #fff;
}
/* =============================================== */
/* CSS for control sap.ui.layout/ResponsiveLayout  */
/* BlueCrystal theme                               */
/* =============================================== */
.sapUiFormResLayout.sapUiFormBackgrTranslucent > div {
  background-color: rgba(255, 255, 255, 0.8);
}
.sapUiFormResLayout.sapUiFormBackgrSolid > div {
  background-color: #fff;
}
/* Title */
.sapUiFormResLayout > .sapUiFormTitle {
  text-shadow: none;
}
.sapUiRLContainer > .sapUiFormTitle > .sapUiBtn {
  bottom: 0.3125rem;
}
/* Toolbar */
.sapUiFormResLayout.sapUiFormToolbar > div:first-child {
  background-color: transparent;
}
/* ======================================= */
/* CSS for control sap.ui.layout/Splitter  */
/* BlueCrystal theme                       */
/* ======================================= */
.sapUiLoSplitter > .sapUiLoSplitterBar,
.sapUiLoSplitterOverlay > .sapUiLoSplitterOverlayBar {
  color: #000000;
  text-shadow: none;
}
.sapUiLoSplitter > .sapUiLoSplitterBar:hover {
  background-color: #000000;
}
.sapUiLoSplitterOverlay > .sapUiLoSplitterOverlayBar {
  background-color: #cddc00;
  color: #fff;
}
/* ========================================== */
/* CSS for control sap.ui.layout/BlockLayout  */
/* BlueCrystal theme                          */
/* ========================================== */
/* ============ Background type: Light ============== */
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1 .sapUiBlockLayoutEvenCell,
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3 .sapUiBlockLayoutEvenCell {
  background-color: #fff;
}
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1 .sapUiBlockLayoutOddCell,
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3 .sapUiBlockLayoutOddCell {
  background-color: #808080;
}
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1Inverted .sapUiBlockLayoutEvenCell,
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3Inverted .sapUiBlockLayoutEvenCell {
  background-color: #808080;
}
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1Inverted .sapUiBlockLayoutOddCell,
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3Inverted .sapUiBlockLayoutOddCell {
  background-color: #fff;
}
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2 .sapUiBlockLayoutEvenCell,
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4 .sapUiBlockLayoutEvenCell {
  background-color: #6e6e6e;
}
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2 .sapUiBlockLayoutOddCell,
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4 .sapUiBlockLayoutOddCell {
  background-color: #5c5c5c;
}
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2Inverted .sapUiBlockLayoutEvenCell,
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4Inverted .sapUiBlockLayoutEvenCell {
  background-color: #5c5c5c;
}
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2Inverted .sapUiBlockLayoutOddCell,
.sapUiBlockLayoutBackgroundLight .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4Inverted .sapUiBlockLayoutOddCell {
  background-color: #6e6e6e;
}
/* ============ Background type: Mixed ============== */
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1 .sapUiBlockLayoutEvenCell,
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3 .sapUiBlockLayoutEvenCell {
  background-color: #fff;
}
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1 .sapUiBlockLayoutOddCell,
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3 .sapUiBlockLayoutOddCell {
  background-color: #808080;
}
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1Inverted .sapUiBlockLayoutEvenCell,
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3Inverted .sapUiBlockLayoutEvenCell {
  background-color: #808080;
}
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1Inverted .sapUiBlockLayoutOddCell,
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3Inverted .sapUiBlockLayoutOddCell {
  background-color: #fff;
}
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2 .sapUiBlockLayoutEvenCell,
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4 .sapUiBlockLayoutEvenCell {
  background-color: #6e6e6e;
}
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2 .sapUiBlockLayoutOddCell,
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4 .sapUiBlockLayoutOddCell {
  background-color: #5c5c5c;
}
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2Inverted .sapUiBlockLayoutEvenCell,
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4Inverted .sapUiBlockLayoutEvenCell {
  background-color: #5c5c5c;
}
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2Inverted .sapUiBlockLayoutOddCell,
.sapUiBlockLayoutBackgroundMixed .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4Inverted .sapUiBlockLayoutOddCell {
  background-color: #6e6e6e;
}
.sapUiBlockLayoutBackgroundMixed.sapUiBlockLayoutSizeL .sapUiBlockLayoutRow .sapContrast.sapUiBlockLayoutCell,
.sapUiBlockLayoutBackgroundMixed.sapUiBlockLayoutSizeXL .sapUiBlockLayoutRow .sapContrast.sapUiBlockLayoutCell,
.sapUiBlockLayoutBackgroundMixed.sapUiBlockLayoutSizeL .sapUiBlockLayoutRow .sapContrastPlus.sapUiBlockLayoutCell,
.sapUiBlockLayoutBackgroundMixed.sapUiBlockLayoutSizeXL .sapUiBlockLayoutRow .sapContrastPlus.sapUiBlockLayoutCell {
  background-color: #616161;
}
.sapUiBlockLayoutBackgroundMixed.sapUiBlockLayoutSizeL .sapUiBlockLayoutRow .sapContrast.sapUiBlockLayoutCell.sapUiBlockLayoutBackgroundContrast2,
.sapUiBlockLayoutBackgroundMixed.sapUiBlockLayoutSizeXL .sapUiBlockLayoutRow .sapContrast.sapUiBlockLayoutCell.sapUiBlockLayoutBackgroundContrast2,
.sapUiBlockLayoutBackgroundMixed.sapUiBlockLayoutSizeL .sapUiBlockLayoutRow .sapContrastPlus.sapUiBlockLayoutCell.sapUiBlockLayoutBackgroundContrast2,
.sapUiBlockLayoutBackgroundMixed.sapUiBlockLayoutSizeXL .sapUiBlockLayoutRow .sapContrastPlus.sapUiBlockLayoutCell.sapUiBlockLayoutBackgroundContrast2 {
  background-color: #767676;
}
/* ============ Background type: Accent ============== */
.sapUiBlockLayoutBackgroundAccent .sapUiBlockCellContent,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockCellTitle,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockCellContent .sapMText {
  color: #fff;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1 .sapUiBlockLayoutEvenCell {
  background-color: #003c77;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1 .sapUiBlockLayoutOddCell {
  background-color: #002a53;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1Inverted .sapUiBlockLayoutEvenCell {
  background-color: #002a53;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1Inverted .sapUiBlockLayoutOddCell {
  background-color: #003c77;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2 .sapUiBlockLayoutEvenCell {
  background-color: #006b2e;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2 .sapUiBlockLayoutOddCell {
  background-color: #004d21;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2Inverted .sapUiBlockLayoutEvenCell {
  background-color: #004d21;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2Inverted .sapUiBlockLayoutOddCell {
  background-color: #006b2e;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3 .sapUiBlockLayoutEvenCell {
  background-color: #006297;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3 .sapUiBlockLayoutOddCell {
  background-color: #00476e;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3Inverted .sapUiBlockLayoutEvenCell {
  background-color: #00476e;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3Inverted .sapUiBlockLayoutOddCell {
  background-color: #006297;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4 .sapUiBlockLayoutEvenCell {
  background-color: #fafafa;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4 .sapUiBlockLayoutOddCell {
  background-color: #ebebeb;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4Inverted .sapUiBlockLayoutEvenCell {
  background-color: #ebebeb;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4Inverted .sapUiBlockLayoutOddCell {
  background-color: #fafafa;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1 .sapUiBlockLayoutCell.sapUiBlockLayoutBackgroundColorSetGray1,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2 .sapUiBlockLayoutCell.sapUiBlockLayoutBackgroundColorSetGray1,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3 .sapUiBlockLayoutCell.sapUiBlockLayoutBackgroundColorSetGray1,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4 .sapUiBlockLayoutCell.sapUiBlockLayoutBackgroundColorSetGray1 {
  background-color: #ebebeb;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1 .sapUiBlockLayoutCell.sapUiBlockLayoutBackgroundColorSetGray2,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2 .sapUiBlockLayoutCell.sapUiBlockLayoutBackgroundColorSetGray2,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3 .sapUiBlockLayoutCell.sapUiBlockLayoutBackgroundColorSetGray2,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4 .sapUiBlockLayoutCell.sapUiBlockLayoutBackgroundColorSetGray2 {
  background-color: #fafafa;
}
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutBackgroundColorSet4 .sapUiBlockCellContent,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutBackgroundColorSet4Inverted .sapUiBlockCellContent,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutBackgroundColorSetGray1 .sapUiBlockCellContent,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutBackgroundColorSetGray2 .sapUiBlockCellContent,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutBackgroundColorSet4 .sapUiBlockCellTitle,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutBackgroundColorSet4Inverted .sapUiBlockCellTitle,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutBackgroundColorSetGray1 .sapUiBlockCellTitle,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutBackgroundColorSetGray2 .sapUiBlockCellTitle,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutBackgroundColorSet4 .sapUiBlockCellContent .sapMText,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutBackgroundColorSet4Inverted .sapUiBlockCellContent .sapMText,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutBackgroundColorSetGray1 .sapUiBlockCellContent .sapMText,
.sapUiBlockLayoutBackgroundAccent .sapUiBlockLayoutBackgroundColorSetGray2 .sapUiBlockCellContent .sapMText {
  color: #000;
}
/**
* Copyright (c) 2013 SAP AG, All Rights Reserved
* Theming Engine 1.11.0
* data:{"sModified":"2015-09-27T09:00:58-02:00"}
*/
/******************* FILE /UI5/sap/ui/core/themes/nextfarming/global.less *******************/
/******************* FILE /UI5/sap/ui/layout/themes/nextfarming/library.less *******************/
/* for display mode add padding to elements to have spacing between */
.sapUiFormM:not(.sapUiFormEdit) .sapUiRFLContainerContent {
  font-size: 16px;
  /* as browser adds some px to text to meet font-size*/
}
/*# sourceMappingURL=library.css.map */