/**
* Copyright (c) 2013 SAP AG, All Rights Reserved
* Theming Engine 1.11.0
* data:{"sModified":"2015-09-27T09:00:58-02:00"}
*/
/**
* 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 *******************/
/*!
 * ${copyright}
 */
/*!
 * ${copyright}
 */
/******************* FILE /Base/baseLib/baseTheme/base.less (Version 11.1.34) *******************/
/******************* FILE /Base/baseLib/sap_belize_hcw/base.less (Version 11.1.34) *******************/
/* ====================== */
/* Shared CSS Base theme  */
/* ====================== */
/* Common CSS for condensed table cell content controls */
.sapUiCondensedTableCellContent {
  box-sizing: border-box;
  padding: 0 0.5rem;
  line-height: 1.5rem;
  vertical-align: middle;
}
/* commons */
.sapMScrollbarV,
.sapMScrollbarH,
.sapMScrollbarV > div,
.sapMScrollbarH > div {
  position: absolute;
}
.sapMScrollbarV > div,
.sapMScrollbarH > div {
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.901961);
  border-radius: 0.1875rem;
  background-color: rgba(0, 0, 0, 0.498039);
}
/* vertical scrollbar */
.sapMScrollbarV {
  width: 0.438rem;
  right: 0.063rem;
  top: 0;
  bottom: 0;
}
.sapMScrollbarV > div {
  width: 100%;
}
/* horizontal scrollbar */
.sapMScrollbarH {
  height: 0.4375rem;
  bottom: 0.0625rem;
  left: 0.125rem;
  right: 0.125rem;
}
.sapMScrollbarH > div {
  height: 100%;
}
/* ObjectListItem and ObjectHeader share styles for markers such as flag and favorite */
.sapMObjStatusMarker {
  color: #007cc0;
}
.sapMObjStatusMarker .sapUiIcon + .sapUiIcon,
.sapMObjStatusMarker .sapUiHiddenPlaceholder + .sapUiIcon {
  margin-left: 0.5rem;
}
.sapMObjStatusMarkerInvisible {
  visibility: hidden;
}
/* CURSORS */
.sapMPointer {
  cursor: pointer;
}
/* Enables native browser hyphenation where possible */
.sapUiHyphenation {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.defaultHighlightedText {
  background: #fffcb5;
  font-weight: bold;
}
/* Enables sap.m.IBadge implementations where possible */
@keyframes sapMBadgeAppearPulse {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes sapMBadgeAppearBounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes sapMBadgeDisappear {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes sapMBadgeUpdate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes sapMBadgeAppearMotionSmall {
  0% {
    transform: scale(0.33);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  20% {
    transform: scale(1.66);
  }
  40% {
    transform: scale(1.33);
    box-shadow: 0 0 0 1px rgba(229, 41, 41, 0.2);
  }
  60% {
    transform: scale(1);
    box-shadow: 0 0 0 0.3125rem rgba(229, 41, 41, 0.15);
  }
  100% {
    box-shadow: 0 0 0 0.375rem rgba(229, 41, 41, 0);
  }
}
@keyframes sapMBadgeAppearMotion {
  0% {
    transform: scale(0.25);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  20% {
    transform: scale(1.25);
  }
  40% {
    transform: scale(1);
    box-shadow: 0 0 0 1px rgba(229, 41, 41, 0.2);
  }
  100% {
    box-shadow: 0 0 0 0.375rem rgba(229, 41, 41, 0);
  }
}
.sapMBadge {
  overflow: visible;
  position: relative;
  /* The attention badge is a single dot, which does not contain text or icons. */
}
.sapMBadge .sapMBadgeDefault {
  position: absolute;
  top: -0.125rem;
  right: -0.25rem;
  z-index: 100;
  max-width: 100%;
  padding-right: 0.125rem;
  box-sizing: border-box;
  height: 100%;
  transform-origin: center center;
  pointer-events: none;
}
.sapMBadge .sapMBadgeDefault:after {
  border-radius: 1.125rem;
  display: block;
  padding: 0 0.3125rem;
  min-width: 0.5rem;
  height: 1.125rem;
  line-height: 1.125rem;
  font-size: 0.75rem;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #e52929;
  border: 0.0625rem solid #e52929;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sapMBadgeAccentColor1.sapMBadge .sapMBadgeDefault:after {
  background-color: #f0ab00;
  border-color: #f0ab00;
}
.sapMBadgeAccentColor2.sapMBadge .sapMBadgeDefault:after {
  background-color: #f27020;
  border-color: #f27020;
}
.sapMBadgeAccentColor3.sapMBadge .sapMBadgeDefault:after {
  background-color: #e52929;
  border-color: #e52929;
}
.sapMBadgeAccentColor4.sapMBadge .sapMBadgeDefault:after {
  background-color: #ab218e;
  border-color: #ab218e;
}
.sapMBadgeAccentColor5.sapMBadge .sapMBadgeDefault:after {
  background-color: #007cc0;
  border-color: #007cc0;
}
.sapMBadgeAccentColor6.sapMBadge .sapMBadgeDefault:after {
  background-color: #008a3b;
  border-color: #008a3b;
}
.sapMBadgeAccentColor7.sapMBadge .sapMBadgeDefault:after {
  background-color: #004990;
  border-color: #004990;
}
.sapMBadgeAccentColor8.sapMBadge .sapMBadgeDefault:after {
  background-color: #009de0;
  border-color: #009de0;
}
.sapMBadgeAccentColor9.sapMBadge .sapMBadgeDefault:after {
  background-color: #925ace;
  border-color: #925ace;
}
.sapMBadgeAccentColor10.sapMBadge .sapMBadgeDefault:after {
  background-color: #647987;
  border-color: #647987;
}
.sapMBadge .sapMBadgeDefault:before {
  position: absolute;
  border-radius: 1.125rem;
  display: block;
  padding: 0 0.3125rem;
  min-width: 0.5rem;
  height: 1.125rem;
  line-height: 1.125rem;
  font-size: 0.75rem;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #e52929;
  border: 0.0625rem solid #e52929;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  opacity: 0;
}
.sapMBadgeAccentColor1.sapMBadge .sapMBadgeDefault:before {
  background-color: #f0ab00;
  border-color: #f0ab00;
}
.sapMBadgeAccentColor2.sapMBadge .sapMBadgeDefault:before {
  background-color: #f27020;
  border-color: #f27020;
}
.sapMBadgeAccentColor3.sapMBadge .sapMBadgeDefault:before {
  background-color: #e52929;
  border-color: #e52929;
}
.sapMBadgeAccentColor4.sapMBadge .sapMBadgeDefault:before {
  background-color: #ab218e;
  border-color: #ab218e;
}
.sapMBadgeAccentColor5.sapMBadge .sapMBadgeDefault:before {
  background-color: #007cc0;
  border-color: #007cc0;
}
.sapMBadgeAccentColor6.sapMBadge .sapMBadgeDefault:before {
  background-color: #008a3b;
  border-color: #008a3b;
}
.sapMBadgeAccentColor7.sapMBadge .sapMBadgeDefault:before {
  background-color: #004990;
  border-color: #004990;
}
.sapMBadgeAccentColor8.sapMBadge .sapMBadgeDefault:before {
  background-color: #009de0;
  border-color: #009de0;
}
.sapMBadgeAccentColor9.sapMBadge .sapMBadgeDefault:before {
  background-color: #925ace;
  border-color: #925ace;
}
.sapMBadgeAccentColor10.sapMBadge .sapMBadgeDefault:before {
  background-color: #647987;
  border-color: #647987;
}
.sapMBadgeTopLeft.sapMBadge .sapMBadgeDefault {
  top: -0.125rem;
  left: -0.25rem;
  right: auto;
}
.sapMBadgeTopRight.sapMBadge .sapMBadgeDefault {
  top: -0.125rem;
  right: -0.25rem;
}
.sapMBadgeInline.sapMBadge .sapMBadgeDefault {
  left: 0;
  right: 0;
  top: 0;
}
.sapMBadge .sapMBadgeAttention {
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 1.125rem;
  background-color: #e52929;
  border: 0.125rem solid #ffffff;
}
.sapMBadgeIndicator.sapMBadgeDefault:after {
  content: attr(data-badge);
}
.sapMBadgeIndicator.sapMBadgeDefault[data-badge=""]:after {
  display: none;
}
html[data-sap-ui-animation='on'] .sapMBadge.sapMBadgeAnimationTypeFull .sapMBadgeDefault.sapMBadgeAnimationAdd:after {
  animation: sapMBadgeAppearBounce 0.1s;
}
html[data-sap-ui-animation='on'] .sapMBadge.sapMBadgeAnimationTypeFull .sapMBadgeDefault.sapMBadgeAnimationAdd:before {
  content: attr(data-badge);
  animation: sapMBadgeAppearPulse 0.2s;
}
html[data-sap-ui-animation='on'] .sapMBadge.sapMBadgeAnimationTypeFull .sapMBadgeAttention.sapMBadgeAnimationRemove,
html[data-sap-ui-animation='on'] .sapMBadge.sapMBadgeAnimationTypeFull .sapMBadgeDefault.sapMBadgeAnimationRemove:after {
  animation: sapMBadgeDisappear 0.1s;
  animation-fill-mode: forwards;
  transform-origin: center;
}
html[data-sap-ui-animation='on'] .sapMBadge:not(.sapMBadgeAnimationTypeNone) .sapMBadgeDefault.sapMBadgeAnimationUpdate:after {
  animation: sapMBadgeUpdate 0.1s;
  animation-fill-mode: forwards;
}
html[data-sap-ui-animation='off'] .sapMBadgeAttention.sapMBadgeAnimationRemove,
html[data-sap-ui-animation='off'] .sapMBadgeDefault.sapMBadgeAnimationRemove:after {
  scale: 0;
  opacity: 0;
  display: none;
}
.sapMBadgeAnimationTypeUpdate .sapMBadgeAttention.sapMBadgeAnimationRemove,
.sapMBadgeAnimationTypeNone .sapMBadgeAttention.sapMBadgeAnimationRemove,
.sapMBadgeAnimationTypeUpdate .sapMBadgeDefault.sapMBadgeAnimationRemove:after,
.sapMBadgeAnimationTypeNone .sapMBadgeDefault.sapMBadgeAnimationRemove:after {
  scale: 0;
  opacity: 0;
  display: none;
}
.sapUiMAbstractContainerContent .sapMITB {
  padding-top: 1.75rem;
}
.sapUiMAbstractContainerContent .sapMITH {
  padding: 0;
}
.sapUiMAbstractContainerContent .wrapperDefaultList .sapMLIB {
  padding: 1.5rem;
}
/* ===================================== */
/* CSS for control sap.m/ActionListItem  */
/* Base theme                            */
/* ===================================== */
.sapMALI {
  display: -webkit-box;
  display: flex;
  height: 3rem;
}
.sapMALIText {
  -webkit-box-flex: 1;
  flex: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 3rem;
  display: block;
  text-align: center;
  color: #fff;
}
.sapMALI > .sapMLIBContent {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sapMALI .sapMLIBUnread,
.sapMALI .sapMLIBSelectS,
.sapMALI .sapMLIBSelectM,
.sapMALI .sapMLIBSelectD {
  display: none;
}
/*The active indicator of the list is not specific enough to overwrite this style*/
.sapMList .sapMLIB.sapMALI:not(.sapMLIBActive) {
  background: rgba(54, 62, 67, 0.96);
  border-color: rgba(100, 114, 123, 0.96);
}
html.sap-desktop .sapMList .sapMLIB.sapMALI:not(.sapMLIBActive) {
  background: rgba(54, 62, 67, 0.96);
  border-color: rgba(100, 114, 123, 0.96);
}
html.sap-desktop .sapMList .sapMLIB.sapMALI:hover:not(.sapMLIBActive) > .sapMLIBContent {
  background: rgba(68, 78, 84, 0.96);
}
/* Compact size */
.sapUiSizeCompact .sapMALI {
  height: 2rem;
}
.sapUiSizeCompact .sapMALI > .sapMLIBContent {
  line-height: 2rem;
}
.sapUiSizeCompact .sapMALIText {
  font-size: 0.875rem;
}
/* =================================== */
/* CSS for control sap.m/ActionSelect  */
/* Base theme                          */
/* =================================== */
/* ----------------------------- */
/* button                        */
/* ----------------------------- */
.sapMActionSelectPicker .sapMBtn {
  display: block;
  width: 100%;
  height: 2.5rem;
  padding: 0;
  border-top-width: 0;
  border-bottom-width: 1px;
  text-shadow: none;
}
.sapMActionSelectPicker .sapMBtnInner {
  border: 1px solid #e5e5e5;
  overflow: hidden;
}
.sapMActionSelectPicker .sapMSelectListItemBaseSelected.sapMActionSelectItemWithoutFocus {
  outline: none;
}
/* ================================== */
/* CSS for control sap.m/ActionSheet  */
/* Base theme                         */
/* ================================== */
/* Buffer width for the scroll bar */
.sapMActionSheetDialog.sapMDialog {
  top: auto !important;
  bottom: 0;
  width: 100%;
  max-width: 20rem;
  border-radius: 0.25rem 0.25rem 0 0;
}
.sapMActionSheetDialog.sapMDialog.sapMDialogPhone {
  overflow: visible;
}
.sapMActionSheet:focus {
  outline: none;
}
.sapMActionSheetDialog .sapMDialogScroll {
  display: block;
}
.sapMActionSheetButton > .sapMBtnInner {
  text-align: start;
}
.sapMActionSheetButton.sapMBtn:not(.sapMActionSheetCancelButton) > .sapMBtnInner {
  justify-content: flex-start;
}
.sapMActionSheetDialogWithTitle .sapMBarMiddle .sapMBarPH {
  padding: 0 0.75rem 0.5rem;
  justify-content: flex-start;
}
/* ====== BEGIN ====== */
/*Style for ActionSheet shown as a dialog sliding in from bottom*/
/* ====== ====== ===== */
.sapMDialog.sapMActionSheetDialog {
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.sapMDialog.sapMActionSheetDialog > section {
  background-color: #ffffff;
  border-radius: 0.25rem 0.25rem 0 0;
}
.sapMActionSheetDialog .sapMActionSheetButton {
  width: 100%;
}
.sapMActionSheetDialog .sapMActionSheetButton.sapMActionSheetCancelButton > .sapMBtnInner {
  text-align: center;
}
.sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle > .sapMBarPH > .sapMDialogTitle {
  color: #fff;
  font-size: 0.875rem;
}
.sapMDialog.sapMActionSheetDialog > .sapMDialogSection {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.2), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
.sapMDialog.sapMActionSheetDialog > section {
  padding: 0.25rem 0.5rem;
}
.sapMDialog.sapMActionSheetDialog.sapMDialogPhone .sapMIBar.sapMHeader-CTX {
  background: transparent;
  box-shadow: none;
}
/* ====== BEGIN ====== */
/*Style for ActionSheet shown as a Popover*/
/* ====== ====== ===== */
.sapMActionSheetPopover.sapMPopover {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.2), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
.sapMActionSheetPopover .sapMActionSheetButton {
  display: block;
  width: 100%;
}
.sapUiSizeCompact .sapMActionSheetPopover.sapMPopover .sapMPopoverCont {
  padding: 0.1875rem 0.375rem;
  max-height: calc(100% - 0.375rem);
}
.sapMActionSheetPopover.sapMPopover .sapMPopoverCont {
  padding: 0.25rem 0.5rem;
  max-height: calc(100% - 0.5rem);
}
.sapMActionSheetPopover.sapMPopover.sapMPopoverVerticalScrollIncluded .sapMPopoverCont {
  padding: 0.25rem calc(0.5rem +  20px) 0.25rem 0.5rem;
}
/* ====== END ====== */
/*Style for ActionSheet shown as a Popover*/
/* ====== ====== ===== */
/* ========================== */
/* CSS for control sap.m/App  */
/* Base theme                 */
/* ========================== */
.sapMApp {
  width: 100%;
  height: 100%;
}
/* ============================= */
/* CSS for control sap.m/Avatar  */
/* Base theme                    */
/* ============================= */
.sapFAvatar {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
}
.sapFAvatar.sapFAvatarBorder {
  border: 0.0625rem solid #dddddd;
}
.sapFAvatarColorAccent1 {
  background-color: #f0ab00;
}
.sapFAvatarColorAccent2 {
  background-color: #f27020;
}
.sapFAvatarColorAccent3 {
  background-color: #e52929;
}
.sapFAvatarColorAccent4 {
  background-color: #ab218e;
}
.sapFAvatarColorAccent5 {
  background-color: #007cc0;
}
.sapFAvatarColorAccent6 {
  background-color: #008a3b;
}
.sapFAvatarColorAccent7 {
  background-color: #004990;
}
.sapFAvatarColorAccent8 {
  background-color: #009de0;
}
.sapFAvatarColorAccent9 {
  background-color: #925ace;
}
.sapFAvatarColorAccent10 {
  background-color: #647987;
}
.sapFAvatarIcon {
  text-align: center;
  color: #fff;
}
.sapFAvatarIcon .sapUiIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.sapFAvatarColorTransparent {
  background-color: transparent;
}
.sapFAvatarColorTransparent.sapFAvatarIcon,
.sapFAvatarColorTransparent > .sapFAvatarInitialsHolder {
  color: #666666;
}
.sapFAvatarColorTileIcon {
  background-color: #007cc0;
}
.sapFAvatarColorPlaceholder {
  background-color: #f2f2f2;
}
.sapFAvatarInitialsHolder {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.sapFAvatarImage {
  text-align: center;
  background-color: transparent;
}
.sapFAvatarImage .sapFAvatarTypeIcon,
.sapFAvatarImage .sapFAvatarInitialsHolder {
  display: none;
}
.sapFAvatarImageHolder {
  background: no-repeat center;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.sapFAvatar:not(.sapFAvatarImage) .sapFAvatarImageHolder {
  display: none;
}
.sapFAvatarImageCover {
  background-size: cover;
}
.sapFAvatarImageContain {
  background-size: contain;
}
.sapFAvatarCircle {
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.sapFAvatarCircle .sapMImg,
.sapFAvatarCircle .sapFAvatarImageHolder {
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.sapFAvatarXS {
  height: 2rem;
  width: 2rem;
  font-size: 1rem;
}
.sapFAvatarXS .sapFAvatarInitialsHolder {
  font-size: 0.75rem;
}
.sapFAvatarS {
  height: 3rem;
  width: 3rem;
  font-size: 1.5rem;
}
.sapFAvatarS .sapFAvatarInitialsHolder {
  font-size: 1.125rem;
}
.sapFAvatarM {
  height: 4rem;
  width: 4rem;
  font-size: 2rem;
}
.sapFAvatarM .sapFAvatarInitialsHolder {
  font-size: 1.625rem;
}
.sapFAvatarL {
  height: 5rem;
  width: 5rem;
  font-size: 2.5rem;
}
.sapFAvatarL .sapFAvatarInitialsHolder {
  font-size: 2rem;
}
.sapFAvatarXL {
  height: 7rem;
  width: 7rem;
  font-size: 3rem;
}
.sapFAvatarXL .sapFAvatarInitialsHolder {
  font-size: 2.75rem;
}
.sapFAvatarFocusable:focus {
  outline: 0.0625rem dotted #000;
}
.sapUiRespGrid .sapFAvatarFocusable:focus {
  z-index: 100;
}
.sapFAvatarFocusable:focus.sapFAvatarSquare {
  outline-offset: 0.0625rem;
}
html:not(.sap-desktop) .sapFAvatarFocusable:focus {
  outline: none;
}
.sapFAvatarInitialsHolder {
  color: #bfbfbf;
}
.sapFAvatar .sapFAvatarMagnifyingGlass {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  background-color: #44a12c;
  bottom: -0.125rem;
  right: -0.125rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  pointer-events: none;
  border: none;
}
.sapFAvatar .sapFAvatarMagnifyingGlass:before {
  position: absolute;
  top: 1px;
  left: 3px;
  font-family: SAP-icons;
  content: "\e1d5";
  color: #fff;
}
.sapFAvatar * {
  pointer-events: none;
}
.sapFAvatarBadgeIconActiveArea {
  position: absolute;
  pointer-events: all;
}
.sapFAvatarCircle .sapFAvatarBadgeIconActiveArea {
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
}
.sapFAvatarSquare .sapFAvatarBadgeIconActiveArea {
  width: calc(100% + 0.125rem);
  height: calc(100% + 0.125rem);
  bottom: -0.125rem;
  right: -0.125rem;
}
.sapFAvatarSquare.sapFAvatarXL .sapFAvatarBadgeIconActiveArea {
  width: calc(100% + 0.25rem);
  height: calc(100% + 0.25rem);
  bottom: -0.25rem;
  right: -0.25rem;
}
.sapFAvatarSquare.sapFAvatarL .sapFAvatarBadgeIconActiveArea {
  width: calc(100% + 0.1875rem);
  height: calc(100% + 0.1875rem);
  bottom: -0.1875rem;
  right: -0.1875rem;
}
.sapFAvatarSquare.sapFAvatarCustom .sapFAvatarBadgeIconActiveArea {
  width: 104%;
  height: 104%;
  bottom: -4%;
  right: -4%;
}
.sapFAvatarBadgeIcon {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  font-size: 0.75rem;
  text-align: center;
  background-color: #009de0;
  border: 0.0625rem solid #008bc7;
}
.sapFAvatarBadgeIcon > .sapUiIcon {
  vertical-align: middle;
  color: #fff;
}
.sapFAvatarBadgeIcon:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.sapFAvatarL .sapFAvatarBadgeIcon {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.875rem;
}
.sapFAvatarXL .sapFAvatarBadgeIcon {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1rem;
}
.sapFAvatarCustom .sapFAvatarBadgeIcon {
  font-size: 16.5%;
  width: 25%;
  height: 25%;
}
/* ========================== */
/* CSS for control sap.m/Bar  */
/* Base theme                 */
/* ========================== */
.sapMBar {
  display: block;
  width: 100%;
  position: relative;
  height: 3rem;
  line-height: 3rem;
  color: #666666;
  background-color: #f2f2f2;
  /* 1px down white shadow with 50% opacity */
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  /* 1px inside border line at the bottom of a bar */
  box-shadow: inset 0 -0.0625rem #dddddd;
}
.sapMBarContainer {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* fix for ff */
html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarContainer {
  display: flex;
  align-items: center;
}
html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarPH {
  justify-content: center;
}
html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarRight {
  justify-content: flex-end;
}
html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarContainer > .sapMBarChild {
  flex: none;
}
html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarContainer > .sapMButton,
html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarContainer > .sapMText,
html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarContainer > .sapMLabel {
  flex: initial;
}
.sapMBarLeft,
.sapMBarRight {
  position: absolute;
  height: 100%;
}
.sapMBarLeft {
  left: 0px;
}
.sapMBarRight {
  text-align: end;
  right: 0px;
}
.sapMBarPH {
  display: inline-block;
  height: 3rem;
  vertical-align: top;
}
.sapMBarMiddle {
  text-align: center;
  width: 100%;
  height: 0px;
  top: 0px;
  left: 0px;
}
.sapMBar .sapMLabel,
.sapMBar .sapMLnk {
  display: inline;
}
.sapMBarFlexBoxWidth100 {
  width: 100%;
}
/* select control in a bar */
.sapMBar .sapMSlt {
  vertical-align: top;
}
.sapMBar:active {
  text-shadow: none;
}
/* this "sapMBrandingBar-CTX" CSS class can be set by any container control that comes with its own branding bar, so any pages inside will not display their branding bar */
.sapMBrandingBar-CTX .sapMBar.sapMPageHeader:before,
.sapUiUfdShell .sapMBar.sapMPageHeader:before {
  display: none;
}
@media (min-height: 3401px) {
  /* Shell draws its own branding bar */
  .sap-desktop .sapMShell .sapMBar.sapMPageHeader:before {
    display: none;
  }
}
.sapMBar .sapMBarLeft > .sapMImg,
.sapMBar .sapMBarPH > .sapMImg,
.sapMBar .sapMBarRight > .sapMImg {
  vertical-align: middle;
}
.sapMBarLeft > .sapMBarChild,
.sapMBarRight > .sapMBarChild {
  flex-shrink: 0;
}
.sapMBarLeft > .sapMBarChild.sapMPI,
.sapMBarRight > .sapMBarChild.sapMPI {
  flex-shrink: 1;
}
.sapMBarLeft {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.sapMBarPH {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.sapMBarRight {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
/* Compact size */
.sapUiSizeCompact .sapMBar {
  height: 2rem;
  line-height: 2rem;
}
.sapUiSizeCompact .sapMBarLeft,
.sapUiSizeCompact .sapMBarRight,
.sapUiSizeCompact .sapMBarPH {
  height: 2rem;
  line-height: 2rem;
}
.sapMBarRight > .sapMBarChild:not(.sapMTB) {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}
.sapUiSizeCompact .sapMBarRight > .sapMBarChild:not(.sapMTB) {
  margin-bottom: 0;
  margin-right: 0;
}
.sapMBarLeft,
.sapMIBar.sapMBar .sapMBarChild:first-child {
  margin-left: 0;
}
/*To replace margins, add padding to the containers*/
.sapMBarRight,
.sapMBarLeft,
.sapMBarPH {
  box-sizing: border-box;
}
.sapMBarRight .sapMObjectAttributeDiv .sapMText,
.sapMBarLeft .sapMObjectAttributeDiv .sapMText,
.sapMBarPH .sapMObjectAttributeDiv .sapMText {
  vertical-align: text-top;
}
.sapMBarRight,
.sapMBarPH {
  padding-right: 0.25rem;
}
.sapMBarLeft,
.sapMBarPH {
  padding-left: 0.25rem;
}
.sapMIBar > .sapMBarLeft > .sapMBarChild:last-child,
.sapMIBar .sapMBarPH > .sapMBarChild:last-child {
  margin-right: 0;
}
.sapMIBar > .sapMBarLeft > .sapMBarChild.sapMGenericTag:last-child {
  margin-right: 0.0625rem;
}
/* Bar Title Alignment */
.sapMBarTitleAlignStart .sapMBarPH {
  justify-content: flex-start;
}
html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarTitleAlignStart .sapMBarPH {
  justify-content: start;
}
/* ============================== */
/* CSS for control sap.m/BarBase  */
/* Base theme                     */
/* ============================== */
.sapMIBar .sapMBarChild:first-child {
  margin-left: 0.25rem;
}
.sapMIBar .sapMBarChild {
  margin-left: 0.25rem;
}
.sapMIBar > .sapMBarChild:last-child {
  margin-right: 0.25rem;
}
.sapMIBar-CTX.sapMFooter-CTX {
  color: #fff;
  /* 1px down black shadow with 50% opacity */
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  background-color: rgba(54, 62, 67, 0.96);
  background-image: none;
  border-top: 1px solid rgba(100, 114, 123, 0.96);
  box-shadow: none;
}
.sapMIBar-CTX.sapMFooter-CTX:active {
  text-shadow: none;
}
.sapMIBar.sapMSubHeader-CTX {
  color: #666666;
  background-color: #f2f2f2;
}
html.sap-desktop .sapMIBar.sapMFooter-CTX {
  background-color: rgba(54, 62, 67, 0.96);
  border-top: 1px solid rgba(100, 114, 123, 0.96);
}
.sapMIBar-CTX.sapMFooter-CTX.sapMTBClear,
html.sap-desktop .sapContrast.sapMIBar.sapMFooter-CTX.sapMTBClear {
  border-top: none;
}
/* footer separator inside of a SplitContainer control */
.sapMSplitContainerMaster .sapMFooter-CTX:not(.sapMIBar) {
  border-right: 1px solid rgba(100, 114, 123, 0.96);
}
.sapMIBar.sapMHeader-CTX {
  color: #666666;
  background-color: #f2f2f2;
  filter: none;
  background-image: none;
}
.sapMPopup-CTX .sapMIBar.sapMHeader-CTX {
  /* remove gradient in popups; restore grey header color when in popup on desktop */
  background-color: #f2f2f2;
  filter: none;
  background-image: none;
}
/* ================================== */
/* CSS for control sap.m/Breadcrumbs  */
/* Base theme                         */
/* ================================== */
.sapMBreadcrumbs {
  white-space: nowrap;
  outline: none;
  margin: 0 0 0.5rem 0;
  /* set the flex to 1 for the breadcrumbsItem in order for the last item's text to truncate properly, but only if
	there's two items (the select and the last item in the breadcrumbs) or if there's only one item in the breadcrumbs
	and no select. In all other cases the texts should not truncate thus leaving the responsiveness to the breadcrumbs
	mechanism (moving items from the breadcrumbs into the select)*/
}
.sapMBreadcrumbs > ol {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sapMBreadcrumbs .sapMSlt {
  border: 0;
  margin: 0;
  height: 1.2rem;
  padding-right: 0.125rem;
}
.sapMBreadcrumbs .sapMSlt .sapMSltIcon {
  margin: 0 -0.4rem 0 -0.3rem;
  vertical-align: top;
  position: relative;
  background-color: transparent;
  line-height: inherit;
  border: none;
}
.sapMBreadcrumbs .sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem > .sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow {
  background: transparent;
  border: none;
}
.sapMBreadcrumbs .sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem > .sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow:focus .sapMSltIcon:before,
.sapMBreadcrumbs .sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem > .sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow:hover .sapMSltIcon:before {
  color: #44a12c;
  border-bottom: 0.0625rem solid #44a12c;
}
.sapMBreadcrumbs .sapMSltIcon:before {
  font-family: SAP-icons;
  vertical-align: super;
  color: #44a12c;
  speak: none;
  content: "...\e1ef";
  font-size: 0.875rem;
  padding-bottom: 0.0625rem;
}
.sapMBreadcrumbs .sapMLnk,
.sapMBreadcrumbs .sapMBreadcrumbsCurrentLocation,
.sapMBreadcrumbs .sapMSlt,
.sapMBreadcrumbs .sapMBreadcrumbsSeparator {
  vertical-align: middle;
}
.sapMBreadcrumbs .sapMBreadcrumbsItem {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.sapMBreadcrumbs .sapMBreadcrumbsSelectItem + .sapMBreadcrumbsItem:last-child:nth-child(2),
.sapMBreadcrumbs .sapMBreadcrumbsItem:last-child:nth-child(1) {
  min-width: 1%;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
}
.sapMBreadcrumbs .sapMBreadcrumbsCurrentLocation {
  font-weight: normal;
  color: #666666;
}
.sapMBreadcrumbs .sapMBreadcrumbsCurrentLocation:focus {
  outline: 1px dotted #000;
  outline-offset: -1px;
}
.sapMBreadcrumbs .sapMBreadcrumbsItem {
  display: inline;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  white-space: nowrap;
}
.sapMBreadcrumbs .sapMBreadcrumbsSeparator {
  padding: 0 0.25rem;
  font-size: 0.875rem;
}
.sapMBreadcrumbs .sapMBreadcrumbsItem,
.sapMBreadcrumbs .sapMBreadcrumbsSeparator {
  color: #666666;
}
.sapMTB .sapMBreadcrumbs {
  flex-grow: 1;
  /* needed when Breadcrumbs is placed in a container with display: flex */
}
.sapUiSizeCompact .sapMBreadcrumbs .sapMSlt {
  margin: 0;
  height: 1.2rem;
}
/* ================================= */
/* CSS for control sap.m/BusyDialog  */
/* Base theme                        */
/* ================================= */
.sapMBusyDialog.sapMDialog {
  min-width: 18.75rem !important;
  text-align: center;
  width: 18.75rem !important;
}
.sapMBusyDialog.sapMDialog .sapMBusyIndicator {
  margin: 1em;
}
.sapMBusyDialog.sapMDialog.sapUiPopupWithPadding .sapMDialogScrollCont {
  padding: 0 !important;
}
.sapMBusyDialog.sapMDialog .sapMDialogSection {
  overflow: hidden !important;
}
.sapMBusyDialog.sapMDialog.sapMBusyDialog-Light {
  box-shadow: none;
  background: transparent;
  border: none;
}
.sapMBusyDialog.sapMDialog.sapMBusyDialog-Light .sapMDialogSection {
  background: transparent;
}
.sapMLabel.sapMBusyDialogLabel {
  display: block;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 1rem 1rem 0;
  text-align: center !important;
  white-space: normal;
}
.sapUiSizeCompact .sapMBusyDialog .sapMBusyDialogLabel {
  margin-top: 0.5rem;
}
.sapUiSizeCompact .sapMBusyDialog .sapMBusyIndicator {
  margin: 0.5rem;
}
/* ==================================== */
/* CSS for control sap.m/BusyIndicator  */
/* Base theme                           */
/* ==================================== */
.sapMBusyIndicator {
  display: inline-block;
  text-align: center;
  outline: none;
}
.sapMBusyIndicator .sapMBusyIndicatorBusyArea {
  min-width: 3em;
  min-height: 1em;
}
.sapMBusyIndicator .sapMLabel {
  display: block;
}
.sapMBusyIndicator .sapUiLocalBusyIndicator {
  background: none;
  font-size: inherit;
}
.sapMBar-CTX .sapMBusyIndicator {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
html[data-sap-ui-browser^="cr"] .sapMBar-CTX .sapMBusyIndicator {
  transform: translateY(25%);
}
html[dir='rtl'][data-sap-ui-animation-mode="full"] .sapMBsyIndIcon {
  animation: sapMBsyIndRotateRTL 1s linear 0s infinite normal none;
}
.sapMBsyIndIcon {
  vertical-align: middle;
  transform: rotate(0deg) translateZ(0);
  transition-duration: 0ms;
}
.sapMBsyIndIcon {
  animation: sapMBsyIndRotate 1s linear 0s infinite normal none;
}
html[data-sap-ui-animation-mode="none"] .sapMBsyIndIcon {
  animation: none;
}
html[data-sap-ui-animation-mode="basic"] .sapMBsyIndIcon,
html[data-sap-ui-animation-mode="minimal"] .sapMBsyIndIcon {
  animation-duration: 12s;
}
@keyframes sapMBsyIndRotate {
  from {
    transform: rotate(0deg) translateZ(0);
  }
  to {
    transform: rotate(360deg) translateZ(0);
  }
}
@keyframes sapMBsyIndRotateRTL {
  from {
    transform: rotate(0deg) translateZ(0);
  }
  to {
    transform: rotate(-360deg) translateZ(0);
  }
}
/* ============================= */
/* CSS for control sap.m/Button  */
/* Base theme                    */
/* ============================= */
.sapMBtn {
  height: 3rem;
  margin: 0;
  padding: 0.25rem 0;
  vertical-align: top;
  border: none;
  /* should be always transparent since this is the background of the clickable area */
  background-color: transparent;
}
.sapMBtn:focus {
  outline: none;
}
.sapMBtn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.sapMBtn:not(.sapMBtnDisabled) {
  cursor: pointer;
}
/* override the default cursor of .sapUiIcon */
.sapMBtn .sapMBtnIcon {
  cursor: inherit;
}
.sapMBtnBase {
  position: relative;
}
.sapMBtn .sapMBtnInner {
  display: flex;
  justify-content: center;
}
.sapMBtn .sapMBtnContent {
  display: inline-block;
  flex-shrink: 1;
}
/* --------------------- */
/* Inner area            */
/* --------------------- */
.sapMBtnInner {
  vertical-align: top;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  height: 2.5rem;
  min-width: 2.5rem;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  background-color: #f7f7f7;
  border: 0.0625rem solid #bfbfbf;
  border-radius: 0.2rem;
  color: #333333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.sapMBtnInner::-moz-focus-inner {
  border: 0;
}
.sapMBtnInner:focus,
.sapMBtnContent > span:focus {
  outline: none;
}
/* paddings depends on the presence and placement of text and icons */
.sapMBtnInner.sapMBtnText {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
/* ------------------- */
/* Content area        */
/* ------------------- */
.sapMBtnContent {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
  line-height: 2.375rem;
}
/* unstyled button content line height should be normal on iOS devices to fit into the button */
html[data-sap-ui-os^="iOS"] .sapMBtnBase:not(.sapMBtn) .sapMBtnContent {
  line-height: normal;
}
/* ------------------- */
/* Button Icon         */
/* ------------------- */
.sapMBtnIcon {
  font-size: 1.375rem;
  line-height: 2.375rem;
  width: 2.375rem;
  text-align: center;
  margin: 0;
  padding: 0;
  vertical-align: top;
  max-height: 2.375rem;
  color: #666666;
}
.sapMBtnInner .sapMBtnIcon.sapMImg {
  height: 2.375rem;
  max-width: 2.375rem;
  width: auto;
}
/* ------------------------------------------------ */
/* Buttons in a Bar                                 */
/* (add separators, remove top/bottom border)       */
/* ------------------------------------------------ */
.sapMIBar .sapMBtnInner {
  vertical-align: top;
}
/* ------------------------------------------------ */
/* Compact size                                     */
/* ------------------------------------------------ */
.sapUiSizeCompact .sapMBtn {
  height: 2rem;
  padding: 0.1875rem 0;
}
.sapUiSizeCompact .sapMBtnInner {
  height: 1.625rem;
  min-width: 2rem;
}
.sapUiSizeCompact .sapMBtnInner.sapMBtnText {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
}
.sapUiSizeCompact .sapMBtnContent {
  line-height: 1.5rem;
}
.sapUiSizeCompact .sapMBtnIcon {
  line-height: 1.5rem;
  width: 1rem;
  font-size: 1rem;
  max-height: 1.5rem;
  margin-left: 0.4375rem;
  margin-right: 0.4375rem;
}
.sapUiSizeCompact .sapMBtnInner > img {
  height: 1.25rem;
  width: auto;
  max-width: 1.25rem;
  margin-left: 0rem;
  margin-right: 0rem;
}
/* ------------------------------------------------ */
/* Condensed size                                   */
/* ------------------------------------------------ */
.sapUiSizeCondensed .sapUiTableDataCell .sapMBtn {
  height: 1.375rem;
  padding-top: 0;
  padding-bottom: 0;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMBtnInner {
  height: 1.375rem;
  min-width: 2rem;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMBtnInner.sapMBtnText,
.sapUiSizeCondensed .sapUiTableDataCell .sapMBtnInner1.sapMBtnIconFirst:not(.sapMBtnBack) {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMBtnInner > img {
  height: 1.25rem;
  width: auto;
  max-width: 1.25rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMIBar-CTX .sapMBtnInner {
  margin: 0;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMBtnIcon {
  line-height: 1.25rem;
  font-size: 1rem;
  max-height: 1.25rem;
  width: 1rem;
  min-width: 1rem;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMBtnContent {
  line-height: 1.25rem;
}
/* ---------------------------------------------------------------------*/
/* Disabled, hover and active states:                                   */
/* ---------------------------------------------------------------------*/
.sapMBtnDisabled {
  text-shadow: none;
  cursor: default;
}
.sapMBtn:hover > .sapMBtnHoverable {
  background-image: none;
  background-color: #eaeaea;
  border-color: #bfbfbf;
}
:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive {
  background-image: none;
  background-color: #44a12c;
  border-color: #44a12c;
  color: #fff;
  text-shadow: none;
}
:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive .sapMBtnIcon {
  color: #fff;
}
/* ---------------------------------------------------------------------*/
/* Special buttons have the same look on a page and in a header/footer. */
/* ---------------------------------------------------------------------*/
span.sapMBtnInner.sapMBtnAccept {
  background-image: none;
  background-color: #007833;
  border-color: #005f28;
  color: #fff;
}
span.sapMBtnInner.sapMBtnAccept .sapUiIcon {
  color: #fff;
}
span.sapMBtnInner.sapMBtnAttention {
  background-image: none;
  background-color: #f7f7f7;
  border-color: #d14900;
  color: #000;
}
span.sapMBtnInner.sapMBtnAttention .sapUiIcon {
  color: #000;
}
:not(.sapMBtnDisabled):not(.sapMSBActive) > span.sapMBtnInner.sapMBtnAccept:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon {
  color: #fff;
}
:not(.sapMBtnDisabled):not(.sapMSBActive) > span.sapMBtnInner.sapMBtnAttention:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon {
  color: #000;
}
.sapMBtn:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
  background-color: #F5F8CC;
  border-color: #F5F8CC;
  color: black;
}
.sapMBtn:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) bdi {
  color: black;
}
.sapMBtn:hover > .sapMBtnHoverable.sapMBtnAttention:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
  background-color: #fffcb5;
  border-color: #d14900;
  color: #000;
}
.sapMBtn:hover > .sapMBtnHoverable.sapMBtnAttention:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) bdi {
  color: #000;
}
.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnHoverable.sapMBtnAttention:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnAttention:hover:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed) .sapUiIcon,
:not(.sapMBtnDisabled):not(.sapMSBActive) > span.sapMBtnInner.sapMBtnAttention:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed):hover > .sapMBtnIcon {
  color: #000;
}
.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnAccept:hover:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed) .sapUiIcon,
:not(.sapMBtnDisabled):not(.sapMSBActive) > span.sapMBtnInner.sapMBtnAccept:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed):hover > .sapMBtnIcon {
  color: black;
}
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnAccept.sapMBtnActive {
  background-color: #00451d;
  border-color: #00451d;
  text-shadow: none;
}
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnAttention.sapMBtnActive {
  background-color: #b84000;
  border-color: #b84000;
  text-shadow: none;
}
/* ---------------------------------------- */
span.sapMBtnInner.sapMBtnReject {
  background-image: none;
  background-color: #cc1919;
  border-color: #b51616;
  color: #fff;
}
span.sapMBtnInner.sapMBtnReject .sapUiIcon {
  color: #fff;
}
:not(.sapMBtnDisabled):not(.sapMSBActive) > span.sapMBtnInner.sapMBtnReject:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon {
  color: #fff;
}
.sapMBtn:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
  background-color: #b51616;
  border-color: #b51616;
  color: #fff;
}
.sapMBtn:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):not(.sapMToggleBtnPressed) bdi {
  color: #fff;
}
.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnReject:hover:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed) .sapUiIcon,
:not(.sapMBtnDisabled):not(.sapMSBActive) > span.sapMBtnInner.sapMBtnReject:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed):hover > .sapMBtnIcon {
  color: #fff;
}
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnReject.sapMBtnActive {
  background-color: #9f1313;
  border-color: #9f1313;
  text-shadow: none;
}
/* ---------------------------------------- */
span.sapMBtnInner.sapMBtnEmphasized {
  background-image: none;
  background-color: #CDDC00;
  border-color: #CDDC00;
  color: black;
  text-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.5);
}
span.sapMBtnInner.sapMBtnEmphasized .sapUiIcon,
span.sapMBtnInner.sapMBtnEmphasized sapMBtnIcon {
  color: black;
}
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive > .sapMBtnIcon {
  color: black;
}
.sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
  background-color: #44a12c;
  border-color: #44a12c;
  color: black;
}
.sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):not(.sapMToggleBtnPressed) .sapMBtnIcon {
  color: black;
}
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
  background-color: #44a12c;
  border-color: #44a12c;
  text-shadow: none;
  font-weight: regular;
  color: black;
}
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive bdi {
  color: black;
}
.sapMBtn .sapMBtnCritical,
.sapContrast span.sapMBtnInner.sapMBtnCritical {
  background: #d14900;
  border-color: #d14900;
}
.sapMBtn .sapMBtnCritical .sapMBtnContent,
.sapContrast span.sapMBtnInner.sapMBtnCritical .sapMBtnContent,
.sapMBtn .sapMBtnCritical .sapMBtnIcon,
.sapContrast span.sapMBtnInner.sapMBtnCritical .sapMBtnIcon {
  color: #fff;
}
.sapMBtn .sapMBtnNegative,
.sapContrast span.sapMBtnInner.sapMBtnNegative {
  background: #cc1919;
  border-color: #cc1919;
}
.sapMBtn .sapMBtnNegative .sapMBtnContent,
.sapContrast span.sapMBtnInner.sapMBtnNegative .sapMBtnContent,
.sapMBtn .sapMBtnNegative .sapMBtnIcon,
.sapContrast span.sapMBtnInner.sapMBtnNegative .sapMBtnIcon {
  color: #fff;
}
.sapMBtn .sapMBtnSuccess,
.sapContrast span.sapMBtnInner.sapMBtnSuccess {
  background: #007833;
  border-color: #007833;
}
.sapMBtn .sapMBtnSuccess .sapMBtnContent,
.sapContrast span.sapMBtnInner.sapMBtnSuccess .sapMBtnContent,
.sapMBtn .sapMBtnSuccess .sapMBtnIcon,
.sapContrast span.sapMBtnInner.sapMBtnSuccess .sapMBtnIcon {
  color: #fff;
}
.sapMBtn .sapMBtnNeutral,
.sapContrast span.sapMBtnInner.sapMBtnNeutral {
  background: #007cc0;
  border-color: #007cc0;
}
.sapMBtn .sapMBtnNeutral .sapMBtnContent,
.sapContrast span.sapMBtnInner.sapMBtnNeutral .sapMBtnContent,
.sapMBtn .sapMBtnNeutral .sapMBtnIcon,
.sapContrast span.sapMBtnInner.sapMBtnNeutral .sapMBtnIcon {
  color: #fff;
}
.sapMBtn .sapMBtnCritical.sapMBtnInner,
.sapMBtn .sapMBtnNegative.sapMBtnInner,
.sapMBtn .sapMBtnSuccess.sapMBtnInner,
.sapMBtn .sapMBtnNeutral.sapMBtnInner {
  text-shadow: none;
}
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnCritical {
  background: #ad3d00;
  border-color: #ad3d00;
}
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnCritical .sapMBtnContent,
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnCritical .sapMBtnIcon {
  color: #fff;
}
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnNegative {
  background: #ac1515;
  border-color: #ac1515;
}
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnNegative .sapMBtnContent,
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnNegative .sapMBtnIcon {
  color: #fff;
}
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnSuccess {
  background: #005424;
  border-color: #005424;
}
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnSuccess .sapMBtnContent,
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnSuccess .sapMBtnIcon {
  color: #fff;
}
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnNeutral {
  background: #00659c;
  border-color: #00659c;
}
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnNeutral .sapMBtnContent,
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnNeutral .sapMBtnIcon {
  color: #fff;
}
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnCritical.sapMBtnActive {
  background: #9e3700;
  border-color: #9e3700;
}
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnCritical.sapMBtnActive .sapMBtnContent,
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnCritical.sapMBtnActive .sapMBtnIcon {
  color: #fff;
}
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnNegative.sapMBtnActive {
  background: #9f1313;
  border-color: #9f1313;
}
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnNegative.sapMBtnActive .sapMBtnContent,
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnNegative.sapMBtnActive .sapMBtnIcon {
  color: #fff;
}
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnSuccess.sapMBtnActive {
  background: #00451d;
  border-color: #00451d;
}
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnSuccess.sapMBtnActive .sapMBtnContent,
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnSuccess.sapMBtnActive .sapMBtnIcon {
  color: #fff;
}
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnNeutral.sapMBtnActive {
  background: #005b8d;
  border-color: #005b8d;
}
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnNeutral.sapMBtnActive .sapMBtnContent,
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnNeutral.sapMBtnActive .sapMBtnIcon {
  color: #fff;
}
/* ---------------------------------------------------------------------*/
/* Styles for buttons in Toolbar of type Info.                          */
/* ---------------------------------------------------------------------*/
.sapMTB-Info-CTX .sapMBtnInner,
.sapMTB-Info-CTX .sapMBtnInner:hover {
  color: #fff;
  text-shadow: none;
}
.sapMTB-Info-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) bdi,
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) bdi,
.sapMTB-Info-CTX .sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) .sapUiIcon {
  color: #fff;
}
/* ---------------------------------------------------------------------*/
/* Transparent buttons looks like normal one in a header/footer.        */
/* The following rules are overridden in a bar below:                   */
/* ---------------------------------------------------------------------*/
.sapMBtnBack,
.sapMBtnTransparent {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
  color: #44a12c;
}
.sapMBtnGhost {
  background-image: none;
  border-color: rgba(68, 161, 44, 0.5);
  background-color: transparent;
  color: #44a12c;
}
.sapMBtnGhost.sapMBtnInner {
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
:not(.sapMBtnDisabled) .sapMBtnBack > .sapMBtnIcon,
:not(.sapMBtnDisabled) .sapMBtnTransparent > .sapMBtnIcon,
:not(.sapMBtnDisabled) .sapMBtnGhost > .sapMBtnIcon {
  color: #666666;
}
.sapMBtn:hover > .sapMBtnBack.sapMBtnHoverable {
  background-color: rgba(222, 222, 222, 0.5);
  border-color: rgba(222, 222, 222, 0.5);
}
.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) {
  color: #44a12c;
}
.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) .sapUiIcon {
  color: #44a12c;
}
.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnHoverable.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
*.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
:not(.sapMBtnDisabled):not(.sapMSBActive) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed):hover > .sapMBtnIcon {
  color: #44a12c;
}
.sapMBtn:hover > .sapMBtnGhost.sapMBtnHoverable {
  background-color: rgba(68, 161, 44, 0.2);
}
:not(.sapMBtnDisabled) > .sapMBtnBack.sapMBtnActive,
:not(.sapMBtnDisabled):hover > .sapMBtnBack.sapMBtnActive,
:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnActive,
:not(.sapMBtnDisabled):hover > .sapMBtnTransparent.sapMBtnActive,
:not(.sapMBtnDisabled) > .sapMBtnGhost.sapMBtnActive,
:not(.sapMBtnDisabled):hover > .sapMBtnGhost.sapMBtnActive {
  background-color: #44a12c;
  border-color: #44a12c;
  text-shadow: none;
}
/* ------------------------------------------------ */
/* Buttons in a Bar                                 */
/* (add separators, remove top/bottom border)       */
/* ------------------------------------------------ */
.sapMIBar-CTX .sapMBtnInner,
.sapMBar .sapMBtnInner,
.sapMHeader-CTX .sapMBtnInner,
.sapMFooter-CTX .sapMBtnInner {
  background: transparent;
  border-color: transparent;
}
.sapMIBar-CTX .sapMBtnInner.sapMBtnCritical,
.sapMBar .sapMBtnInner.sapMBtnCritical {
  background: #d14900;
  border-color: #d14900;
}
.sapMIBar-CTX .sapMBtnInner.sapMBtnNegative,
.sapMBar .sapMBtnInner.sapMBtnNegative {
  background: #cc1919;
  border-color: #cc1919;
}
.sapMIBar-CTX .sapMBtnInner.sapMBtnNeutral,
.sapMBar .sapMBtnInner.sapMBtnNeutral {
  background: #007cc0;
  border-color: #007cc0;
}
.sapMIBar-CTX .sapMBtnInner.sapMBtnSuccess,
.sapMBar .sapMBtnInner.sapMBtnSuccess {
  background: #007833;
  border-color: #007833;
}
.sapMIBar-CTX .sapMBtnInner.sapMBtnGhost,
.sapMBar .sapMBtnInner.sapMBtnGhost,
.sapMHeader-CTX .sapMBtnInner.sapMBtnGhost,
.sapMFooter-CTX .sapMBtnInner.sapMBtnGhost {
  background: transparent;
  border-color: rgba(68, 161, 44, 0.5);
}
.sapMSubHeader-CTX .sapMBtnInner {
  background: transparent;
}
.sapMBar-CTX :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive,
.sapMBar-CTX :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnTransparent.sapMBtnHoverable.sapMBtnActive,
.sapMBar-CTX :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnGhost.sapMBtnHoverable.sapMBtnActive {
  background-color: #44a12c;
}
.sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
  background-color: rgba(222, 222, 222, 0.5);
  border-color: rgba(222, 222, 222, 0.5);
  color: #44a12c;
}
.sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) bdi,
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) bdi {
  color: #44a12c;
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnGhost.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
  background-color: rgba(68, 161, 44, 0.2);
  border-color: rgba(68, 161, 44, 0.5);
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
  background-color: rgba(234, 234, 234, 0.1);
  color: #fff;
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive) {
  background-color: #F5F8CC;
  border-color: #F5F8CC;
  color: #fff;
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnAttention:not(.sapMBtnActive) {
  background-color: #fffcb5;
  border-color: #d14900;
  color: #000;
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive) {
  background-color: #b51616;
  border-color: #b51616;
  color: #fff;
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive) {
  background-color: #44a12c;
  border-color: #44a12c;
  color: black;
  text-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.5);
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnCritical:not(.sapMBtnActive) {
  background-color: #ad3d00;
  border-color: #ad3d00;
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnNegative:not(.sapMBtnActive) {
  background-color: #ac1515;
  border-color: #ac1515;
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnSuccess:not(.sapMBtnActive) {
  background-color: #005424;
  border-color: #005424;
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnNeutral:not(.sapMBtnActive) {
  background-color: #00659c;
  border-color: #00659c;
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnCritical.sapMBtnActive {
  background-color: #9e3700;
  border-color: #9e3700;
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnNegative.sapMBtnActive {
  background-color: #9f1313;
  border-color: #9f1313;
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnSuccess.sapMBtnActive {
  background-color: #00451d;
  border-color: #00451d;
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnNeutral.sapMBtnActive {
  background-color: #005b8d;
  border-color: #005b8d;
}
/* Separators between buttons in a footer */
.sapMFooter-CTX .sapMBtnInner :not(.sapMBtnDisabled),
html.sap-desktop .sapMFooter-CTX .sapMBtnInner :not(.sapMBtnDisabled) {
  border-color: transparent;
}
.sapMIBar-CTX .sapMBtnTransparent:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
  text-shadow: none;
  border-color: transparent;
}
/* active transparent button in a footer */
.sapMIBar-CTX.sapMFooter-CTX :not(.sapMBtnDisabled) .sapMBtnTransparent.sapMBtnActive {
  background-color: #44a12c;
  color: black;
  border-color: #44a12c;
}
.sapMIBar-CTX .sapMBtnDisabled,
.sapMIBar-CTX .sapMBtnDisabled .sapMBtnContent > .sapMBtnIcon {
  color: #333333;
  text-shadow: none;
}
.sapMIBar-CTX.sapMHeader-CTX :not(.sapMBtnDisabled) > .sapMBtnActive,
.sapMIBar-CTX.sapMFooter-CTX :not(.sapMBtnDisabled) > .sapMBtnActive {
  background-color: #44a12c;
  color: black;
  text-shadow: none;
}
/* ----------------------------------------------------------------- */
/* Default type Buttons in a Toolbar should be styled as transparent */
/* ----------------------------------------------------------------- */
/* transparent Toolbar Context */
.sapMTB-Transparent-CTX .sapMBtnDefault {
  background-image: none;
  background: transparent;
}
.sapMTB-Transparent-CTX .sapMBtn:hover > .sapMBtnDefault.sapMBtnHoverable {
  background: rgba(222, 222, 222, 0.5);
}
/* ------------------------------------------------ */
/* Compact size                                     */
/* ------------------------------------------------ */
.sapUiSizeCompact .sapMBtnInner {
  text-shadow: none;
}
.sapUiSizeCompact .sapMBtnGhost {
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.sapUiSizeCompact .sapMBar-CTX .sapMBtnDefault.sapMBtnInner:not(.sapMBtnDisabled) {
  margin: 0;
  border-color: transparent;
}
.sapUiSizeCompact .sapMBar-CTX .sapMBtnInner.sapMBtnGhost:not(.sapMBtnDisabled) {
  border-color: rgba(68, 161, 44, 0.5);
}
.sapUiSizeCompact .sapMBtnFocusDiv {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
}
/* ------------------------------------------------ */
/* Condensed size                                   */
/* ------------------------------------------------ */
.sapUiSizeCondensed .sapUiTableDataCell .sapMBtnInner {
  text-shadow: none;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMBar-CTX .sapMBtnInner {
  border-color: transparent;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMBtnContent {
  line-height: 1.25rem;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMBtnFocusDiv {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
}
/* ----------------------*/
/* Badges                */
/* ----------------------*/
.sapMBtn {
  overflow: visible;
}
.sapMBtn .sapMBadge.sapMBadgeTopRight .sapMBadgeIndicator {
  z-index: 1;
  top: -0.3125rem;
  right: -0.4375rem;
}
.sapMBtn .sapMBadge .sapMBadgeIndicator:after {
  text-overflow: clip;
  height: 0.875rem;
  line-height: 0.875rem;
  padding: 0 0.1875rem;
  background-color: #e52929;
  border-color: #e52929;
  color: #fff;
}
.sapUiSizeCompact .sapMBtn .sapMBadgeTopRight.sapMBadge.sapMBtnIconFirst:not(.sapMBtnText) {
  padding: 0 0.4375rem;
}
.sapUiSizeCompact .sapMBtn .sapMBadgeTopRight.sapMBadge .sapMBadgeIndicator {
  line-height: 2rem;
  display: inline-block;
  position: relative;
  top: 0.25rem;
  right: -0.25rem;
  padding-right: 0.0625rem;
}
/* =============================== */
/* CSS for control sap.m/Carousel  */
/* Base theme                      */
/* =============================== */
.sapMCrsl {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid transparent;
  min-width: 20rem;
}
.sapMCrsl:focus {
  outline: none;
}
.sapMCrsl:focus:before {
  border: 1px dotted #000;
  position: absolute;
  content: " ";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
.sapMCrsl:focus .sapMCrslHud a {
  opacity: 0.3;
}
.sapMCrsl.sapMCrslLeft {
  text-align: left;
}
.sapMCrsl.sapMCrslCenter {
  text-align: center;
}
.sapMCrsl.sapMCrslFluid > .sapMCrslInner > * {
  width: 100%;
}
.sapMCrsl.sapMCrslFluid.sapMCrslCenter > .sapMCrslInner > *:first-child {
  margin-left: 0;
}
.sapMCrslInner {
  height: 100%;
  position: relative;
  white-space: nowrap;
  text-align: begin;
  /*  Removes  inline-block  gaps  due  to  whitespace  */
  font-size: 0;
  /*  Configure  animations  */
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  /*  iOS  like  slide  timings  */
  -webkit-transition-timing-function: cubic-bezier(0.46, 0, 0.44, 1);
  transition-timing-function: cubic-bezier(0.46, 0, 0.44, 1);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
/* for tablet and phone the duration is smaller */
@media all and (max-width: 1024px) {
  .sapMCrslInner {
    transition-duration: 0.3s;
  }
}
html[data-sap-ui-animation='off'] .sapMCrslInner {
  transition-duration: 0.01s;
}
.sapMCrslItemTable {
  height: 100%;
}
.sapMCrslItemTableCell {
  height: 100%;
}
.sapMCrslImg {
  text-align: center;
}
.sapMCrslImgNoArrows {
  text-align: center;
}
.sapMCrslImgNoArrows:before,
.sapMCrslImg:before {
  content: ' ';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.sapMCrslItemTableCell.sapMCrslImgNoArrows img,
.sapMCrslItemTableCell.sapMCrslImg img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.sapMCrslInner.sapMCrslNoTransition {
  -webkit-transition-duration: 0.01s;
  transition-duration: 0.01s;
}
.sapMCrslInner.sapMCrslHideNonActive > :not(.sapMCrslActive) .sapMCrslItemTableCell {
  visibility: hidden;
}
.sapMCrslInner > * {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  /* Comment from Mobify-Carousel: 'We  must  reset  the  font-size here'. Needs explanation! */
  font-size: 1rem;
}
.sapMCrslFluid > .sapMCrslInner > * {
  box-sizing: border-box;
}
.sapMCrslItemTable,
.sapMCrslItem > .sapMScrollCont > .sapMScrollContScroll {
  height: 100%;
  width: 100%;
}
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapMCrsl.sapUiContentPadding > .sapMCrslInner > .sapMCrslItem > .sapMScrollCont > .sapMScrollContScroll {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMCrsl.sapUiResponsiveContentPadding > .sapMCrslInner > .sapMCrslItem > .sapMScrollCont > .sapMScrollContScroll,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapMCrsl.sapUiResponsiveContentPadding > .sapMCrslInner > .sapMCrslItem > .sapMScrollCont > .sapMScrollContScroll,
  .sapMCrsl.sapUiResponsiveContentPadding > .sapMCrslInner > .sapMCrslItem > .sapMScrollCont > .sapMScrollContScroll {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMCrsl.sapUiResponsiveContentPadding > .sapMCrslInner > .sapMCrslItem > .sapMScrollCont > .sapMScrollContScroll,
  .sapMCrsl.sapUiResponsiveContentPadding > .sapMCrslInner > .sapMCrslItem > .sapMScrollCont > .sapMScrollContScroll {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMCrsl.sapUiResponsiveContentPadding > .sapMCrslInner > .sapMCrslItem > .sapMScrollCont > .sapMScrollContScroll,
  .sapMCrsl.sapUiResponsiveContentPadding > .sapMCrslInner > .sapMCrslItem > .sapMScrollCont > .sapMScrollContScroll {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapMCrsl.sapUiResponsiveContentPadding > .sapMCrslInner > .sapMCrslItem > .sapMScrollCont > .sapMScrollContScroll {
  padding: 0;
}
.sapMSplitContainerDetail .sapMCrsl.sapUiResponsiveContentPadding > .sapMCrslInner > .sapMCrslItem > .sapMScrollCont > .sapMScrollContScroll {
  padding: 1rem;
}
.sapMCrsl.sapUiNoContentPadding > .sapMCrslInner > .sapMCrslItem > .sapMScrollCont > .sapMScrollContScroll {
  padding: 0;
}
/*
  Carousel control base styling
*/
.sapMCrslControls {
  text-align: center;
  height: 3.5rem;
  display: flex;
  justify-content: center;
  width: 100%;
}
.sapMCrslControlsNoArrows {
  text-align: center;
  height: 2rem;
  display: flex;
  justify-content: center;
  width: 100%;
}
.sapMCrslHud a {
  z-index: 2;
  opacity: 0;
  display: none;
  position: absolute;
  width: 2rem;
  height: 2rem;
  margin: -1.5625px 0 0 0;
  padding: 0;
  text-decoration: none;
  border-radius: 50%;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  box-sizing: border-box;
  background-color: #f7f7f7;
  color: #666666;
}
.sapMCrslHudMiddle a {
  top: calc(50% - 1rem);
}
.sapMCrslHudTop a {
  top: 50%;
}
.sapMCrslHudBottom a {
  top: calc(50% - 2rem);
}
.sapMCrslControls a,
.sapMCrslHud a {
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: -moz-none;
  user-drag: none;
  box-sizing: border-box;
}
.sapMCrslBulleted > span {
  text-indent: 2rem;
  line-height: 0;
  text-decoration: none;
  overflow: hidden;
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  margin: 0 0.375rem;
  -webkit-transition: background-color 0.1s ease-in;
  transition: background-color 0.1s ease-in;
  border-radius: 50%;
  align-self: center;
  box-sizing: border-box;
  color: #666666;
  background-color: #666666;
  border: 1px solid #666666;
}
.sapMCrslTopOffset .sapMCrslItem {
  padding-top: calc(2rem + 1px);
}
.sapMCrslTopOffset.sapMCrslTopArrowsOffset .sapMCrslItem {
  padding-top: calc(3.5rem + 1px);
}
.sapMCrslBottomOffset .sapMCrslItem {
  padding-bottom: calc(2rem + 1px);
}
.sapMCrslBottomOffset.sapMCrslBottomArrowsOffset .sapMCrslItem {
  padding-bottom: calc(3.5rem + 1px);
}
.sapMCrslControlsContainer {
  width: 100%;
  align-self: center;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  margin-left: 1rem;
  margin-right: 1rem;
}
.sapMCrslControls.sapMCrslControlsTop,
.sapMCrslControlsNoArrows.sapMCrslControlsTop {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  align-self: center;
}
.sapMCrslControls.sapMCrslControlsBottom,
.sapMCrslControlsNoArrows.sapMCrslControlsBottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.sapMCrslControlsNoArrowsTop {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  align-self: center;
}
.sapMCrslControlsNoArrowsBottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.sapMCrslControlsBottom.sapMCrslControlsContainerBottom {
  width: 100%;
  align-self: center;
}
.sapMCrslControlsTop.sapMCrslControlsContainerTop {
  width: 100%;
  align-self: center;
}
.sapMCrslPrev,
.sapMCrslNext {
  cursor: pointer;
}
.sapMCrslControls .sapMCrslPrev,
.sapMCrslControls .sapMCrslNext {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  padding: 0;
  text-decoration: none;
  text-align: center;
  border-radius: 50%;
  outline: none;
  position: relative;
  top: 4px;
  box-sizing: border-box;
  background: #f7f7f7;
  border: 1px solid #bfbfbf;
}
.sapMCrslHud .sapMCrslPrev,
.sapMCrslHud .sapMCrslNext {
  position: absolute;
  background-color: #f7f7f7;
  border: 1px solid #bfbfbf;
  border-radius: 50%;
}
.sapMCrslArrowInner {
  display: table;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.sapMCrslArrowInner .sapUiIcon {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  pointer-events: none;
}
.sapMCrslPrev .sapMCrslArrowInner .sapUiIcon {
  text-indent: -0.0625rem;
  font-size: 1rem;
}
.sapMCrslNext .sapMCrslArrowInner .sapUiIcon {
  text-indent: 0.0625rem;
  font-size: 1rem;
}
.sapMCrslBulleted,
.sapMCrslNumeric {
  padding-left: 1rem;
  padding-right: 1rem;
  height: 2rem;
  bottom: 1.0625rem;
  max-width: calc(100% - 6.5rem);
  display: flex;
  justify-content: center;
  align-self: center;
}
.sapMCrslControlsNoArrows .sapMCrslBulleted,
.sapMCrslControlsNoArrows .sapMCrslNumeric {
  width: 100%;
  position: relative;
  bottom: 0;
  align-self: center;
}
/* Styles for carousel dots on different screens */
/* screen width < 600px */
@media screen and (max-width: 599px) {
  .sapMCrslBulleted,
  .sapMCrslNumeric {
    width: 12rem;
  }
}
/* 600px <= screen width < 1024px */
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .sapMCrslBulleted,
  .sapMCrslNumeric {
    width: 16rem;
  }
}
/* 1024px <= screen width < 1440px */
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .sapMCrslBulleted,
  .sapMCrslNumeric {
    width: 20rem;
  }
}
/* screen width >= 1440px */
@media screen and (min-width: 1440px) {
  .sapMCrslBulleted,
  .sapMCrslNumeric {
    width: 24rem;
  }
}
/* Styles needed for keyboard handling
   ========================================================================== */
.sapMCrslItem {
  visibility: hidden;
  overflow: hidden;
}
.sapMCrslActive {
  visibility: visible;
}
/* Page Indicator Numeric
   ====================================================================== */
.sapMCrslNumeric span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  align-self: center;
}
/* remove transition when animation is off . As js depends of the animation, the duration is 0.01s */
html[data-sap-ui-animation='off'] .sapMCrslInner {
  -webkit-transition-duration: 0.01s;
  transition-duration: 0.01s;
}
/* Carousel controls: Bulleted */
.sapMCrslBulleted > span:hover,
.sapMCrslBulleted > span:focus {
  cursor: default;
  outline: none;
}
.sapMCrslBulleted > span.sapMCrslActive {
  color: #666666;
  background-color: #44a12c;
  border: 1px solid #44a12c;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.25rem;
}
/* Carousel controls: HUD */
.sapMCrslHud {
  padding-top: 0;
}
.sapMCrslItemTableCell.sapMCrslImg img {
  background: #f2f2f2;
}
.sapMCrsl .sapMCrslHud a:hover,
.sapMCrsl .sapMCrslHud a:focus {
  background: #f7f7f7;
  opacity: 1;
  display: block;
}
.sapMCrsl .sapMCrslHud a:active {
  background-color: #44a12c;
  border-color: #44a12c;
  color: black;
}
.sapMCrsl .sapMCrslControls a:active {
  background: #44a12c;
  color: black;
}
.sapMCrsl .sapMCrslHud.sapMCrslLeftmost a.sapMCrslPrev,
.sapMCrsl .sapMCrslHud.sapMCrslRightmost a.sapMCrslNext {
  opacity: 0;
  display: none;
}
.sapMCrslHud .sapMCrslPrev {
  left: 0.625rem;
}
.sapMCrslHud .sapMCrslNext {
  right: 0.625rem;
}
/* extra bits */
/* captions */
.sapMCrslCaption {
  margin: 0;
  padding: 0.625rem;
  height: auto;
  text-align: center;
}
.sapMCrslControls.sapMCrslControlsTop,
.sapMCrslControlsNoArrows.sapMCrslControlsTop {
  background: rgba(54, 62, 67, 0.96);
  border-bottom: 1px solid rgba(100, 114, 123, 0.96);
}
.sapMCrslControls.sapMCrslControlsBottom,
.sapMCrslControlsNoArrows.sapMCrslControlsBottom {
  background: rgba(54, 62, 67, 0.96);
  border-top: 1px solid rgba(100, 114, 123, 0.96);
}
.sapMCrslControls a:hover,
.sapMCrslPrev:hover,
.sapMCrslNext:hover {
  background: #eaeaea;
}
/* Default Themes/Sytles for Slider */
.sapMCrslFluid .sapMCrslItem {
  margin-right: 1.25rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sapMCrslControls .sapMCrslPrev,
.sapMCrslHud .sapMCrslPrev,
.sapMCrslControls .sapMCrslNext,
.sapMCrslHud .sapMCrslNext {
  background: #f7f7f7;
  border: 1px solid #bfbfbf;
  color: #666666;
}
.sapMCrsl:hover .sapMCrslHud a {
  opacity: 1;
  display: block;
}
html.sap-desktop .sapMCrslHud .sapMCrslPrev:focus::after,
html.sap-desktop .sapMCrslControls .sapMCrslPrev:focus::after,
html.sap-desktop .sapMCrslHud .sapMCrslNext:focus::after,
html.sap-desktop .sapMCrslControls .sapMCrslNext:focus::after {
  content: "";
  position: absolute;
  top: -0.125rem;
  right: -0.125rem;
  bottom: -0.125rem;
  left: -0.125rem;
  pointer-events: none;
  border-radius: unset;
  border: 1px dotted #000;
}
/* =============================== */
/* CSS for control sap.m/CheckBox  */
/* Base theme                      */
/* =============================== */
.sapMCb {
  display: inline-block;
  position: relative;
  white-space: normal;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  vertical-align: top;
  text-align: left;
  padding: 0 0 0 3rem;
}
.sapMCb:not(.sapMCbBgDis):not(.sapMCbDisplayOnly):hover,
.sapMCb:not(.sapMCbBgDis):not(.sapMCbDisplayOnly) .sapMCbLabel:hover {
  cursor: pointer;
}
.sapMCb:not(.sapMCbBgDis):not(.sapMCbDisplayOnly).sapMCbHasLabel:focus:before {
  pointer-events: none;
}
.sapMCb.sapMCbDisplayOnly.sapMCbErr .sapMCbBg,
.sapMCb.sapMCbDisplayOnly.sapMCbInfo .sapMCbBg,
.sapMCb.sapMCbDisplayOnly.sapMCbWarn .sapMCbBg,
.sapMCb.sapMCbDisplayOnly.sapMCbSucc .sapMCbBg {
  border: none;
}
.sapMCb.sapMCbDisplayOnly.sapMCbErr .sapMCbBg.sapMCbMarkChecked:before,
.sapMCb.sapMCbDisplayOnly.sapMCbInfo .sapMCbBg.sapMCbMarkChecked:before,
.sapMCb.sapMCbDisplayOnly.sapMCbWarn .sapMCbBg.sapMCbMarkChecked:before,
.sapMCb.sapMCbDisplayOnly.sapMCbSucc .sapMCbBg.sapMCbMarkChecked:before {
  color: #000;
}
.sapMCb.sapMCbDisplayOnly.sapMCbErr .sapMCbBg.sapMCbMarkPartiallyChecked,
.sapMCb.sapMCbDisplayOnly.sapMCbInfo .sapMCbBg.sapMCbMarkPartiallyChecked,
.sapMCb.sapMCbDisplayOnly.sapMCbWarn .sapMCbBg.sapMCbMarkPartiallyChecked,
.sapMCb.sapMCbDisplayOnly.sapMCbSucc .sapMCbBg.sapMCbMarkPartiallyChecked {
  border: solid 0.0625rem #89919a;
}
.sapUiForm .sapMCb {
  display: table-cell;
}
.sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly {
  height: 1.125rem;
  line-height: 1.125rem;
}
.sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {
  padding-left: 1.625rem;
}
.sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
  top: 0;
  margin: 0;
}
.sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly.sapMCbWrapped.sapMCbHasLabel > .sapMLabel.sapMLabelWrapped {
  margin: 0;
  line-height: 1.125rem;
}
.sapMCb.sapMCbWrapped.sapMCbHasLabel {
  height: auto;
}
.sapMCb.sapMCbWrapped.sapMCbHasLabel > .sapMLabel.sapMLabelWrapped {
  margin: 0.875rem 0;
  line-height: 1.4rem;
}
.sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {
  padding-left: 2.375rem;
}
.sapUiFormEdit-CTX .sapMCb.sapMCbWrapped.sapMCbHasLabel > .sapMLabel.sapMLabelWrapped {
  margin: 0.75rem 0;
}
html[dir="rtl"] .sapMCb {
  text-align: right;
}
.sapMCb .sapMLabel {
  cursor: default;
  line-height: inherit;
}
.sapMCb .sapMLabel.sapMLabelNoText {
  position: absolute;
  visibility: hidden;
  left: -10000px;
  top: -10000px;
}
.sapMCb > label {
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100% /* If you put a CB in a form the with has to be 100% in rtl for text align */;
}
.sapMCbBg {
  /* check box itself */
  background-color: #ffffff;
  border: solid 0.125rem #bfbfbf;
  display: inline-block;
  position: absolute;
  left: 0.8125rem;
  top: 0.8125rem;
  height: 1.125rem;
  width: 1.125rem;
  line-height: 1.125rem;
  padding: 0;
  text-align: center;
  font-size: 1rem;
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  -webkit-focus-ring-color: none;
}
.sapMCbBg > .sapMCbMark,
.sapMCbBg.sapMCbMark > input {
  font-size: inherit;
}
.sapMCbBg.sapMCbMarkChecked:before {
  content: "\e05b";
  font-family: "SAP-icons";
  display: inline-block;
}
.sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: currentColor;
  border: 0.1875rem solid transparent;
  box-sizing: border-box;
  background-clip: padding-box;
}
.sapUiSizeCompact.sapMCb .sapMCbMarkChecked.sapMCbMarkPartiallyChecked:before,
.sapUiSizeCompact .sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked:before {
  border-width: 0.125rem;
}
.sapMCbBg > input {
  left: 0;
  -webkit-appearance: none;
  visibility: hidden;
}
html[data-sap-ui-browser^=ff] .sapMCbBg > input {
  /* in FF the input needs to be positioned exactly behind the visible checkbox for the focus outline */
  position: absolute;
}
/* Read only */
.sapMCbRo .sapMCbBg {
  background-color: rgba(242, 242, 242, 0.5);
  border-color: #cccccc;
}
.sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
  color: #666666;
}
/* Display only */
.sapMCbDisplayOnly {
  font-family: "SAP-icons";
}
.sapMCbDisplayOnly .sapMCbBg.sapMCbMark.sapMCbMarkChecked.sapMCbMarkPartiallyChecked {
  border-radius: 0.0625rem;
  border: 1px solid #000;
}
.sapMCbDisplayOnly .sapMCbBg.sapMCbMark.sapMCbMarkChecked.sapMCbMarkPartiallyChecked:before {
  background-color: #000;
}
.sapMCbDisplayOnly .sapMCbBg:not(.sapMCbMarkPartiallyChecked) {
  background-color: initial;
  border: none;
  margin: 0.125rem;
}
.sapMCbDisplayOnly .sapMCbBg:not(.sapMCbMarkPartiallyChecked):before {
  content: "\e19a";
  font-size: 1rem;
}
.sapMCbDisplayOnly .sapMCbBg:not(.sapMCbMarkPartiallyChecked).sapMCbMarkChecked:before {
  color: #000;
  content: "\e03f";
}
/* Compact size */
.sapUiSizeCompact .sapMCb {
  height: 2rem;
  line-height: 2rem;
  padding-left: 2rem;
}
.sapUiSizeCompact .sapMCb.sapMCbWrapped.sapMCbHasLabel {
  height: auto;
}
.sapUiSizeCompact .sapMCb.sapMCbWrapped.sapMCbHasLabel > .sapMLabel.sapMLabelWrapped {
  margin: 0.3rem 0;
}
.sapUiSizeCompact .sapUiFormEdit-CTX .sapMCb.sapMCbWrapped.sapMCbHasLabel > .sapMLabel.sapMLabelWrapped {
  margin: 0.25rem 0;
}
.sapUiSizeCompact .sapMCbBg {
  /* check box itself */
  left: 0.5rem;
  top: 0.5rem;
  height: 0.75rem;
  width: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.75rem;
  border-radius: 0;
}
.sapUiSizeCompact .sapMLIBSelectM > .sapMCb {
  width: 2rem;
}
.sapUiSizeCompact .sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
  top: 0.1875rem;
}
.sapUiSizeCompact .sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {
  padding-left: 2rem;
}
/* Condensed size */
.sapUiSizeCondensed.sapUiTable .sapMCb,
.sapUiSizeCondensed .sapUiTable .sapMCb {
  height: 1.5rem;
  line-height: 1.5rem;
  padding-left: 1.5rem;
}
.sapUiSizeCondensed.sapUiTable .sapUiTableDataCell > .sapUiTableCellInner > .sapMCb,
.sapUiSizeCondensed .sapUiTable .sapUiTableDataCell > .sapUiTableCellInner > .sapMCb {
  margin-left: 0.25rem;
  padding-left: 1.75rem;
}
.sapUiSizeCondensed.sapUiTable .sapMCbBg,
.sapUiSizeCondensed .sapUiTable .sapMCbBg {
  /* check box itself */
  left: 0.25rem;
  top: 0.25rem;
  height: 0.75rem;
  width: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.625rem;
  border-radius: 0;
}
html[data-sap-ui-browser^="sf"] .sapMCbBg > .sapMCbMark,
.sapMCbBg.sapMCbMark > input {
  margin: 0;
}
/* ===================================== */
/* CSS for control sap.m/ColumnListItem  */
/* Base theme                            */
/* ===================================== */
.sapMListTblRow.sapMListTblRowTop > td {
  vertical-align: top;
}
/* Adapt padding for vAlign="Middle" according to UX vAlign specs */
.sapMListTblRow.sapMListTblRowMiddle > td {
  vertical-align: middle;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.sapMListTblRow.sapMListTblRowBottom > td {
  vertical-align: bottom;
}
.sapMListBGTransparent .sapMListTblSubRow {
  background: rgba(255, 255, 255, 0);
}
.sapMListTblSubRow {
  background: #ffffff;
}
/* adding alternating rows background color */
/* alternating rows color for Table without popin */
.sapMListTblAlternateRowColors > :nth-child(even),
.sapMListTblAlternateRowColorsPopin > :nth-child(4n-1),
.sapMListTblAlternateRowColorsPopin > :nth-child(4n),
.sapMListTblAlternateRowColorsGrouped > .sapMListTblRowAlternate,
.sapMListTblAlternateRowColorsGrouped > .sapMListTblRowAlternate + .sapMListTblSubRow {
  background-color: #fafafa;
}
.sapMListTblAlternateRowColors > :nth-child(even).sapMLIBHoverable:hover,
.sapMListTblAlternateRowColorsPopin > :nth-child(4n-1).sapMLIBHoverable:hover,
.sapMListTblAlternateRowColorsPopin > :nth-child(4n).sapMLIBHoverable:hover,
.sapMListTblAlternateRowColorsGrouped > .sapMListTblRowAlternate.sapMLIBHoverable:hover,
.sapMListTblAlternateRowColorsGrouped > .sapMListTblRowAlternate + .sapMListTblSubRow.sapMLIBHoverable:hover {
  background: #f0f0f0;
}
.sapMListTblAlternateRowColors > :nth-child(even).sapMLIBSelected,
.sapMListTblAlternateRowColorsPopin > :nth-child(4n-1).sapMLIBSelected,
.sapMListTblAlternateRowColorsPopin > :nth-child(4n).sapMLIBSelected,
.sapMListTblAlternateRowColorsGrouped > .sapMListTblRowAlternate.sapMLIBSelected,
.sapMListTblAlternateRowColorsGrouped > .sapMListTblRowAlternate + .sapMListTblSubRow.sapMLIBSelected {
  background: #ecf6ea;
}
.sapMListTblAlternateRowColors > :nth-child(even).sapMLIBSelected.sapMLIBHoverable:hover,
.sapMListTblAlternateRowColorsPopin > :nth-child(4n-1).sapMLIBSelected.sapMLIBHoverable:hover,
.sapMListTblAlternateRowColorsPopin > :nth-child(4n).sapMLIBSelected.sapMLIBHoverable:hover,
.sapMListTblAlternateRowColorsGrouped > .sapMListTblRowAlternate.sapMLIBSelected.sapMLIBHoverable:hover,
.sapMListTblAlternateRowColorsGrouped > .sapMListTblRowAlternate + .sapMListTblSubRow.sapMLIBSelected.sapMLIBHoverable:hover {
  background: #d9ecf6;
}
.sapMLIBHoverable:not(.sapMLIBSelected):hover + .sapMListTblSubRow,
.sapMLIBHoverable:not(.sapMLIBSelected) + .sapMListTblSubRow:hover,
.sapMLIBHoverable:not(.sapMLIBSelected).sapMPopinHovered {
  background: #f0f0f0;
}
.sapMLIBHoverable + .sapMListTblSubRow:hover {
  cursor: pointer;
}
.sapMLIBSelected + .sapMListTblSubRow,
.sapMLIBSelected.sapMListTblRowAlternate + .sapMListTblSubRow {
  background: #ecf6ea;
}
.sapMLIB.sapMLIBActive + .sapMListTblSubRow {
  color: white;
  background: #44a12c;
}
.sapMLIBHoverable.sapMLIBSelected:hover + .sapMListTblSubRow,
.sapMLIBHoverable.sapMLIBSelected + .sapMListTblSubRow:hover,
.sapMLIBHoverable.sapMLIBSelected.sapMPopinHovered {
  background: #e2f1df;
}
.sapMLIBHoverable.sapMLIBSelected.sapMLIBActive:hover + .sapMListTblSubRow {
  background: #44a12c;
}
/* table popin */
.sapMListTblSubCnt {
  padding: 0.5rem 1rem;
  box-sizing: border-box;
}
/* selectionControl width + cell padding */
.sapMListModeMultiSelect .sapMListTblSubCnt,
.sapMListModeSingleSelectLeft .sapMListTblSubCnt {
  padding-left: calc(3rem + 0.5rem);
}
.sapMListTblSubCntRow {
  padding-bottom: 0;
  padding-top: 1px;
}
.sapMListTblSubCntSpr {
  font-size: 0.875rem;
}
.sapMListTblSubCntRow + .sapMListTblSubCntRow {
  margin-top: 0.5rem;
}
.sapMListTblSubCntValBlock {
  margin-top: 0.25rem;
  display: block;
}
.sapMListTblSubCntValInline {
  display: inline-block;
  max-width: 100%;
}
.sapMListTblSubCntRow > .sapMListTblSubCntSpr,
.sapMListTblSubCntRow > .sapMListTblSubCntHdr .sapMText,
.sapMListTblSubCntRow > .sapMListTblSubCntHdr .sapMLabel {
  color: #666666;
  padding-top: 0;
}
.sapMListTblSubCntRow > .sapMListTblSubCntVal .sapMText,
.sapMListTblSubCntRow > .sapMListTblSubCntVal .sapMLabel {
  color: #333333;
  padding-top: 0;
}
.sapMListTblSubCntSpr {
  padding-right: 0.5rem;
}
/* separators */
.sapMLIBShowSeparator > td {
  border-top: 1px solid #e5e5e5;
}
.sapMListShowSeparatorsNone .sapMLIBShowSeparator > td:not(.sapMListTblDummyCell),
.sapMListShowSeparatorsInner .sapMLIBShowSeparator:first-child > td:not(.sapMListTblDummyCell) {
  border-color: transparent;
}
.sapMListShowSeparatorsAll .sapMListTblSubRow:last-child > td:not(.sapMListTblDummyCell),
.sapMListShowSeparatorsAll .sapMLIBShowSeparator:last-child > td:not(.sapMListTblDummyCell) {
  border-bottom: 1px solid #e5e5e5;
}
.sapMListShowSeparatorsAll .sapMLIBShowSeparator:last-child > td:not(.sapMListTblDummyCell),
.sapMListShowSeparatorsAll .sapMListTblSubRow:last-child > td:not(.sapMListTblDummyCell) {
  border-bottom: 1px solid #cccccc;
}
.sapMListShowSeparatorsInner .sapMLIBShowSeparator:last-child > td,
.sapMListShowSeparatorsInner .sapMListTblSubRow:last-child > td {
  border-bottom-color: transparent;
}
.sapMListShowSeparatorsNone .sapMListTblFooter > td {
  border-top-width: 2px;
}
.sapMTableRowCustomFocus .sapMLIBIconDet,
.sapMTableRowCustomFocus .sapMLIBIconDel {
  margin-left: 0;
}
/********** COMPACT DESIGN ************/
/* decrease vertical popin paddings */
.sapUiSizeCompact .sapMListTblSubCnt {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
/* popin padding */
.sapUiSizeCompact .sapMListModeMultiSelect .sapMListTblSubCnt,
.sapUiSizeCompact .sapMListModeSingleSelectLeft .sapMListTblSubCnt {
  padding-left: 2.5rem;
}
/* =================================== */
/* CSS for control sap.m/ColorPalette  */
/* Base theme                          */
/* ====================================*/
.sapMColorPalette {
  height: 100%;
}
.sapMColorPalette .sapMBtnText {
  text-align: left;
}
.sapMColorPalette .sapMBtn {
  margin: 0;
  padding: 0;
  border: none;
}
.sapMColorPalette .sapMBtn .sapMBtnInner {
  border: none;
  position: static;
  background-color: inherit;
}
.sapMColorPalette .sapMBtn .sapMBtnInner.sapMBtnText {
  padding: 0 0 0 1rem;
}
.sapMColorPalette .sapMBtn > .sapMBtnActive,
.sapMColorPalette .sapMBtn:hover > .sapMBtnActive,
.sapMColorPalette .sapMBtn:active > .sapMBtnActive {
  color: inherit;
  background: inherit;
}
.sapMColorPalette .sapMBtn .sapMBtnTransparent {
  color: inherit;
}
.sapMColorPalette .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable {
  background-color: inherit;
}
.sapMColorPalette .sapMBtn:not(active) {
  color: #333333;
  text-shadow: none;
}
.sapMColorPalette .sapMBtn:active:not(:hover) {
  background-color: #f7f7f7;
  color: #333333;
  text-shadow: none;
}
.sapMColorPalette .sapMBtn:active > .sapMBtnInner {
  text-shadow: none;
}
.sapMColorPalette .sapMBtn:active {
  background-color: #44a12c;
  color: black;
}
.sapMColorPalette .sapMBtn:hover:not(:active) {
  background: #f0f0f0;
}
.sap-desktop .sapMColorPalette .sapMBtn:focus > .sapMFocusable {
  outline: none;
  outline-offset: 0;
}
.sap-desktop .sapMColorPalette .sapMBtn:focus > .sapMFocusable .sapMBtnFocusDiv {
  box-sizing: inherit;
  position: inherit;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
  border: none;
  pointer-events: none;
}
.sap-desktop .sapContrast .sapMColorPalette .sapMBtn:focus > .sapMFocusable,
.sap-desktop .sapContrastPlus .sapMColorPalette .sapMBtn:focus > .sapMFocusable {
  outline: none;
  outline-offset: 0;
}
.sap-desktop .sapMColorPalette .sapMBtn:focus:after {
  content: " ";
  position: absolute;
  box-sizing: border-box;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 0;
  border: 0.0625rem dotted #000;
  pointer-events: none;
}
.sap-desktop .sapMColorPalette .sapMBtn:focus:active:after {
  border-color: #fff;
}
.sapMColorPalette .sapMColorPaletteContent .sapMRecentColorSquareDisabled {
  pointer-events: none;
  opacity: 0.5;
}
.sapMColorPalette .sapMColorPaletteSeparator {
  position: relative;
  height: 0.0625rem;
}
.sapMColorPalette .sapMColorPaletteSeparator > hr {
  display: inline-block;
  position: absolute;
  margin: 0;
  left: 0;
  right: 0;
  border-width: 0;
  border-top: 1px solid #bfbfbf;
  color: #bfbfbf;
}
.sapMColorPalette :focus {
  outline: none;
}
.sapMColorPalette .sapMColorPaletteSquare:focus {
  outline: none;
}
html:not(.sap-phone) .sapMColorPalette {
  max-width: 13.25rem;
  min-width: 13.25rem;
}
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteContent {
  padding: 0.3125rem 0.6875rem;
}
html:not(.sap-phone).sapUiSizeCompact .sapMColorPalette,
html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette {
  max-width: 9.75rem;
  min-width: 9.75rem;
}
html:not(.sap-phone).sapUiSizeCompact .sapMColorPalette .sapMColorPaletteContent,
html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette .sapMColorPaletteContent {
  padding: 0.1875rem 0.8125rem;
}
html:not(.sap-phone) .sapMColorPalette .sapMBtnInner {
  border-radius: 0.25rem 0.25rem 0 0;
}
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
  box-sizing: border-box;
  position: relative;
  border: 0.0625rem solid #bfbfbf;
  border-radius: 0.125rem;
  width: 1.75rem;
  height: 1.75rem;
  display: inline-block;
  margin: 0.3125rem;
}
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:hover {
  /* now the hit area (margin) gets occupied by the content*/
  margin: 0;
  width: 2.375rem;
  height: 2.375rem;
}
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:hover > div {
  border: 1px solid #ffffff;
}
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 1px;
  top: 1px;
  right: 1px;
  bottom: 1px;
  border: 1px solid #000;
  pointer-events: none;
}
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus:after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 1px;
  top: 1px;
  right: 1px;
  bottom: 1px;
  border: 1px dotted #fff;
  pointer-events: none;
}
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare > div {
  box-sizing: border-box;
}
html:not(.sap-phone).sapUiSizeCompact .sapMColorPalette .sapMColorPaletteSquare,
html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette .sapMColorPaletteSquare {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  margin: 0.1875rem;
}
html:not(.sap-phone).sapUiSizeCompact .sapMColorPalette .sapMColorPaletteSquare:hover,
html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette .sapMColorPaletteSquare:hover {
  margin: 0;
  width: 1.625rem;
  height: 1.625rem;
}
html:not(.sap-phone) .sapMColorPaletteContent {
  display: flex;
  flex-wrap: wrap;
}
html:not(.sap-phone) .sapMColorPaletteSquare > div {
  height: 100%;
  width: 100%;
}
.sap-phone .sapMColorPalettehtml:not(.sap-phone) .sapMBtnInner {
  border-radius: 0.25rem 0.25rem 0 0;
}
.sap-phone .sapMColorPaletteContent {
  display: flex;
  flex-wrap: wrap;
  padding: 0.375rem 0.625rem;
}
.sap-phone .sapMColorPaletteContainer .sapMDialogScroll {
  height: 100%;
}
.sap-phone .sapMColorPaletteContainer .sapMDialogScroll .sapMDialogScrollCont.sapMDialogStretchContent {
  padding: 0;
}
.sap-phone .sapMColorPaletteSquare {
  width: 20%;
  max-width: 5.25rem;
  max-height: 4.5rem;
  position: relative;
  padding-bottom: 20%;
}
.sap-phone .sapMColorPaletteSquare > div {
  border: 1px solid #bfbfbf;
  border-radius: 0.125rem;
  position: absolute;
  top: 0.375rem;
  bottom: 0.375rem;
  left: 0.375rem;
  right: 0.375rem;
}
.sap-phone .sapMColorPaletteSquare:active > div {
  box-shadow: inset 0 0 0 1px #ffffff;
  top: -0.0625rem;
  bottom: -0.0625rem;
  left: -0.0625rem;
  right: -0.0625rem;
}
@media (orientation: landscape) {
  .sap-phone .sapMColorPaletteSquare {
    width: 5.25rem;
    max-width: 5.25rem;
    height: 5.25rem;
    max-height: 5.25rem;
    padding-bottom: 0;
  }
}
html.sap-desktop .sapMDialog.CPDialog {
  min-width: 18rem;
}
html.sap-desktop .sapMDialog.CPDialog .sapUiColorPicker-ColorPickerMatrix.sapUiRespGrid.sapUiRespGridHSpace1 {
  padding-bottom: 0.5rem;
}
html.sap-desktop .sapMDialog.CPDialog .sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker.sapUiRespGrid.sapUiRespGridHSpace1 > div:first-child {
  height: auto;
  padding-top: 0;
}
/* ================================= */
/* CSS for control sap.m/CustomTile  */
/* Base theme                        */
/* ================================= */
/* Style for Tablet/Desktop */
.sapMCustomTile {
  display: inline-block;
  box-sizing: border-box;
  -webkit-transition-property: transform3d;
  -webkit-transition-duration: 0.2s;
  transition-property: transform3d;
  transition-duration: 0.2s;
  width: 13em;
  height: 15em;
  margin: 0em;
}
.sapMCustomTileContent {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
html.sap-phone .sapMCustomTile {
  width: 9.5em;
  height: 11em;
  margin: 0em;
}
/* ========================================= */
/* CSS for control sap.m/DateRangeSelection  */
/* Base theme                                */
/* ========================================= */
/* ===================================== */
/* CSS for control sap.m/DatePicker  */
/* Base theme                            */
/* ===================================== */
[data-sap-ui-popup].sapMRPCalendar.sapMDialog.sapUiPopupWithPadding:not(.sapUiNoContentPadding) .sapMDialogScrollCont {
  padding: 0;
}
[data-sap-ui-popup].sapMRPCalendar .sapMDialogScroll,
[data-sap-ui-popup].sapMRPCalendar .sapMDialogScrollCont,
[data-sap-ui-popup].sapMRPCalendar .sapUiCal {
  min-height: 100%;
}
[data-sap-ui-popup].sapMRPCalendar.sapMDialog {
  padding-bottom: 0;
}
html.sap-phone [data-sap-ui-popup] .sapUiCal,
html.sapUiMedia-Std-Phone [data-sap-ui-popup] .sapUiCal {
  width: 100%;
}
html.sap-phone [data-sap-ui-popup].sapMLandscapePadding .sapUiCal,
html.sapUiMedia-Std-Phone [data-sap-ui-popup].sapMLandscapePadding .sapUiCal {
  padding-bottom: 3rem;
}
/* ===================================== */
/* CSS for control sap.m/DateTimePicker  */
/* Base theme                            */
/* ===================================== */
/* styles for popup */
.sapMDateTimePopupCont {
  display: flex;
  height: 25rem;
  min-width: 40.0625rem;
}
.sapMDateTimePopupCont > .sapUiCal,
.sapMDateTimePopupCont > .sapMTimePickerContainer {
  float: left;
}
.sapMDateTimePopupCont > .sapMTimePickerContainer {
  width: auto;
}
.sapMTimePickerSwitch {
  margin-top: 1rem;
  width: 100%;
  text-align: center;
}
.sapMTimePickerSep {
  height: calc(100% - 2rem);
  width: 0px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-left: 1px solid #dddddd;
  box-sizing: border-box;
  float: left;
}
/* Compact mode */
.sapUiSizeCompact .sapMDateTimePopupCont {
  height: 17rem;
  min-width: 34.0625rem;
}
/* Phone mode use device and media selector to support small desktop and large phones*/
.sapMDateTimePopup.sapUiPopupWithPadding > .sapMDialogSection > .sapMDialogScroll > .sapMDialogScrollCont {
  padding: 0;
}
.sapMDateTimePopup.sapMDialogPhone > .sapMDialogSection > .sapMDialogScroll > .sapMDialogScrollCont {
  height: 100%;
}
html.sap-phone .sapMDateTimePopupCont,
html.sapUiMedia-Std-Phone .sapMDateTimePopupCont {
  height: 100%;
  min-width: 20rem;
  overflow: auto !important;
  /* allow scrolling in landscape mode */
  display: block;
}
html.sap-phone .sapMDialogScroll,
html.sap-phone .sapMDialog.sapUiPopupWithPadding:not(.sapUiNoContentPadding) .sapMDialogScrollCont.sapMDialogStretchContent {
  height: 100%;
}
html.sap-phone .sapUiSizeCompact .sapMDateTimePopupCont,
html.sapUiMedia-Std-Phone .sapUiSizeCompact .sapMDateTimePopupCont {
  min-width: 17rem;
}
html.sap-phone .sapMTimePickerSep,
html.sapUiMedia-Std-Phone .sapMTimePickerSep {
  display: none;
}
html.sap-phone .sapMDateTimePopupCont > .sapUiCal,
html.sapUiMedia-Std-Phone .sapMDateTimePopupCont > .sapUiCal {
  width: 100%;
}
html.sapUiMedia-Std-Phone .sapMDateTimePopupCont > div[class=sapUiCal] {
  height: 25.25rem;
}
html.sapUiMedia-Std-Phone .sapMDateTimePopupCont.sapMTimePickerDropDown .sapMTimePickerContainer {
  height: 25.25rem;
  width: 100%;
}
html.sapUiMedia-Std-Phone.sapUiSizeCompact .sapMDateTimePopupCont.sapMTimePickerDropDown .sapMTimePickerContainer,
html.sapUiMedia-Std-Phone .sapUiSizeCompact .sapMDateTimePopupCont.sapMTimePickerDropDown .sapMTimePickerContainer {
  height: 15.25rem;
  width: 100%;
}
html.sap-phone .sapMDateTimePopupCont.sapMTimePickerDropDown .sapMTimePickerContainer {
  height: calc(100% - 7rem);
}
html.sap-phone .sapMDateTimePopupCont {
  background-color: #ffffff;
}
html.sap-phone .sapMDateTimePopupCont .sapUiCalContent > .sapUiCalMonthPicker,
html.sap-phone .sapMDateTimePopupCont .sapUiCalContent > .sapUiCalYearPicker {
  width: 100%;
  box-sizing: border-box;
  left: 0;
  margin: 0;
}
.sapUiSizeCompact .sapMTimePickerDropDown .sapMTimePickerContainer {
  min-width: 17rem;
}
/* ============================= */
/* CSS for control sap.m/Dialog  */
/* Base theme                    */
/* ============================= */
.sapMDialog,
.sapMMessageDialog .sapMDialogScrollCont,
.sapMDialogSection {
  box-sizing: border-box;
}
.sapMDialog {
  -webkit-transform: scale(1) translateZ(0px);
  background-clip: padding-box;
  min-height: 6rem;
  outline: none;
  overflow: hidden;
  position: fixed !important;
  display: flex !important;
  flex-direction: column;
  opacity: 0;
  -webkit-transition: opacity 0.15s, left 0.2s, top 0.2s;
  transition: opacity 0.15s, left 0.2s, top 0.2s;
  border-radius: 2px;
  box-shadow: 0 1.25rem 2rem 0 rgba(0, 0, 0, 0.5), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
.sapMDialog:not(.sapMDialogHighPixelDensity) {
  /*-webkit-filter: blur(0);*/
  /*filter: blur(0);*/
}
.sapMDialog > .sapMDialogSection {
  max-width: 100%;
  background: #ffffff;
}
.sapMDialog .sapMDialogScrollCont > * {
  vertical-align: middle;
}
.sapMDialog.sapMDialogStretched {
  bottom: 0 !important;
  right: 0 !important;
  height: auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
html.sap-phone .sapMDialog.sapMDialogStretched {
  border: none;
  box-shadow: none;
  border-radius: 0;
}
html.sap-phone .sapMDialog {
  min-width: 18rem;
  overflow: hidden;
}
html.sap-phone .sapMDialog > footer .sapMFooter-CTX {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  padding: 0 0.25rem;
}
html.sap-phone .sapMDialog > footer .sapMFooter-CTX .sapMTBSpacer {
  display: none;
}
html.sap-tablet .sapMDialog,
html.sap-desktop .sapMDialog {
  min-width: 20rem;
}
.sapMDialog .sapMIBar {
  position: relative;
  width: auto;
}
.sapMDialog .sapMDialogSection {
  overflow: hidden;
  position: relative;
}
.sapMDialogScroll {
  display: inline-block;
  /*this is for horizontal scrolling enablement */
  height: auto;
  width: 100%;
  vertical-align: middle;
}
.sapMDialog.sapMDialogVerticalScrollIncluded .sapMDialogScroll {
  width: auto;
}
html[data-sap-ui-browser^="sf"] .sapMDialog.sapMDialogVerticalScrollIncluded .sapMDialogSection {
  /* For Safari - allow the vertical scroll bar to overlap the right padding which we use to compensate for its width. This happens by default for other browsers. */
  overflow-y: overlay !important;
}
/* disable scrolling automatically for sap.m.Page sap.m.NavContainer sap.m.ScrollingContainer inside Dialog */
.sapMDialogVerScrollDisabled .sapMDialogScroll {
  height: 100%;
}
/* disable scrolling automatically for sap.m.Page sap.m.NavContainer sap.m.ScrollingContainer inside Dialog */
.sapMDialogHorScrollDisabled .sapMDialogScroll {
  display: block;
  /* This div has position set to absolute when runs in android native browser with version less than 4.1. */
  /* Width needs to be set to 100% due to position absolute */
  width: 100%;
}
.sapMDialogHidden {
  /* display: none; */
  /* visibility need to be used instead of display none, because some control inside dialog may need to do calculation */
  visibility: hidden;
}
.sapMDialog.sapUiPopupWithPadding:not(.sapUiNoContentPadding) .sapMDialogScrollCont {
  padding: 1rem;
}
.sapMDialog.sapUiPopupWithPadding:not(.sapUiNoContentPadding) .sapMDialogScrollCont.sapMDialogStretchContent {
  height: calc(100% - 2 *  1rem);
}
.sapMDialogScrollCont.sapMDialogStretchContent {
  height: 100%;
}
/* messagedialog always has content padding */
.sapMMessageDialog .sapMDialogScrollCont {
  box-sizing: border-box;
  padding: 1rem;
}
.sapMActionSheetDialog .sapMDialogScrollCont {
  padding: 0;
  /* no content padding for action sheet */
}
.sapMDialogOpen {
  opacity: 1;
}
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapMDialog.sapUiContentPadding > section > .sapMDialogScroll > .sapMDialogScrollCont {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMDialog.sapUiResponsiveContentPadding > section > .sapMDialogScroll > .sapMDialogScrollCont,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapMDialog.sapUiResponsiveContentPadding > section > .sapMDialogScroll > .sapMDialogScrollCont,
  .sapMDialog.sapUiResponsiveContentPadding > section > .sapMDialogScroll > .sapMDialogScrollCont {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMDialog.sapUiResponsiveContentPadding > section > .sapMDialogScroll > .sapMDialogScrollCont,
  .sapMDialog.sapUiResponsiveContentPadding > section > .sapMDialogScroll > .sapMDialogScrollCont {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMDialog.sapUiResponsiveContentPadding > section > .sapMDialogScroll > .sapMDialogScrollCont,
  .sapMDialog.sapUiResponsiveContentPadding > section > .sapMDialogScroll > .sapMDialogScrollCont {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapMDialog.sapUiResponsiveContentPadding > section > .sapMDialogScroll > .sapMDialogScrollCont {
  padding: 0;
}
.sapMSplitContainerDetail .sapMDialog.sapUiResponsiveContentPadding > section > .sapMDialogScroll > .sapMDialogScrollCont {
  padding: 1rem;
}
.sapMDialog.sapUiNoContentPadding > section > .sapMDialogScroll > .sapMDialogScrollCont {
  padding: 0;
}
/* ====================================================== */
.sapMDialog.sapMMessageDialog {
  font-size: 0.875rem;
}
.sapMDialog > header.sapMDialogTitle,
.sapMDialog > header.sapMDialogSubHeader {
  font-size: 1rem;
}
.sapMDialog:not(.sapMDialogWithSubHeader) .sapMDialogSubHeader {
  display: none;
}
.sapMDialogIcon ~ .sapMDialogTitle {
  display: inline;
}
/* remove the branding color of bar in page when page is in dialog*/
.sapMDialog .sapMIBar.sapMPageHeader::before {
  border-top: none;
}
.sapMMessageDialog.sapMPopup-CTX > header.sapMDialogTitle {
  background-image: none;
  filter: none;
}
.sapMDialog > header.sapMDialogTitle .sapMTitle {
  color: #666666;
  margin: 0;
  vertical-align: middle;
}
.sapMDialog > header.sapMDialogTitle .sapMImg {
  height: 2.25rem;
  margin-right: 0.625rem;
  vertical-align: middle;
  width: 2.25rem;
}
.sapMDialog > header.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
  font-size: 1.25rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}
.sapMTB.sapMTBNoBorders {
  border-bottom: none;
}
/* Compact size */
.sapUiSizeCompact.sapMDialog,
.sapUiSizeCompact .sapMDialog {
  min-height: 2.5rem;
  padding-bottom: 2.5rem;
  padding-top: 0.05rem;
}
.sapUiSizeCompact.sapMDialog.sapMDialogWithSubHeader,
.sapUiSizeCompact .sapMDialog.sapMDialogWithSubHeader {
  padding-top: 4.5rem;
}
.sapUiSizeCompact.sapMDialog.sapMDialogWithSubHeader.sapMDialogSubHeaderInfoBar,
.sapUiSizeCompact .sapMDialog.sapMDialogWithSubHeader.sapMDialogSubHeaderInfoBar {
  padding-top: 4.5rem;
}
.sapUiSizeCompact.sapMDialog.sapMDialogWithSubHeader.sapMDialog-NoHeader,
.sapUiSizeCompact .sapMDialog.sapMDialogWithSubHeader.sapMDialog-NoHeader {
  padding-top: 2rem;
}
.sapUiSizeCompact.sapMDialog.sapMDialogWithSubHeader.sapMDialog-NoHeader > .sapMDialogSubHeader,
.sapUiSizeCompact .sapMDialog.sapMDialogWithSubHeader.sapMDialog-NoHeader > .sapMDialogSubHeader {
  top: 0;
}
.sapUiSizeCompact.sapMDialog > .sapMDialogTitle,
.sapUiSizeCompact .sapMDialog > .sapMDialogTitle {
  height: 2.5rem;
}
.sapUiSizeCompact.sapMDialog > .sapMDialogTitle .sapMHeader-CTX,
.sapUiSizeCompact .sapMDialog > .sapMDialogTitle .sapMHeader-CTX,
.sapUiSizeCompact.sapMDialog > .sapMDialogTitle .sapMSubHeader-CTX,
.sapUiSizeCompact .sapMDialog > .sapMDialogTitle .sapMSubHeader-CTX {
  height: 2.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  box-sizing: border-box;
}
.sapUiSizeCompact.sapMDialog > .sapMDialogSection,
.sapUiSizeCompact .sapMDialog > .sapMDialogSection {
  min-height: 2.5rem;
}
.sapUiSizeCompact.sapMDialog > footer,
.sapUiSizeCompact .sapMDialog > footer {
  height: 2.5rem;
}
.sapUiSizeCompact.sapMDialog > footer .sapMFooter-CTX,
.sapUiSizeCompact .sapMDialog > footer .sapMFooter-CTX {
  height: 2.5rem;
}
.sapUiSizeCompact.sapMDialog header.sapMDialogSubHeader,
.sapUiSizeCompact .sapMDialog header.sapMDialogSubHeader {
  height: 2rem;
  top: 2.5rem;
}
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg .sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg {
  height: 1.5rem;
  width: 1.5rem;
}
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapUiIcon,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg .sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapUiIcon {
  font-size: 1rem;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 1rem;
}
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg.sapMDialog > header:first-of-type .sapMHeader-CTX,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg.sapMDialog > footer:last-of-type .sapMFooter-CTX,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg .sapMDialog > header:first-of-type .sapMHeader-CTX,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg .sapMDialog > footer:last-of-type .sapMFooter-CTX {
  height: 2.5rem;
}
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg.sapMDialog > header:first-of-type .sapMHeader-CTX .sapMBarLeft,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg.sapMDialog > footer:last-of-type .sapMFooter-CTX .sapMBarLeft,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg .sapMDialog > header:first-of-type .sapMHeader-CTX .sapMBarLeft,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg .sapMDialog > footer:last-of-type .sapMFooter-CTX .sapMBarLeft,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg.sapMDialog > header:first-of-type .sapMHeader-CTX .sapMBarRight,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg.sapMDialog > footer:last-of-type .sapMFooter-CTX .sapMBarRight,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg .sapMDialog > header:first-of-type .sapMHeader-CTX .sapMBarRight,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg .sapMDialog > footer:last-of-type .sapMFooter-CTX .sapMBarRight,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg.sapMDialog > header:first-of-type .sapMHeader-CTX .sapMBarPH,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg.sapMDialog > footer:last-of-type .sapMFooter-CTX .sapMBarPH,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg .sapMDialog > header:first-of-type .sapMHeader-CTX .sapMBarPH,
.sapUiSizeCompact.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg .sapMDialog > footer:last-of-type .sapMFooter-CTX .sapMBarPH {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.sapMDialogResizing,
.sapMDialogResizing * {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.sapDialogDisableTransition {
  transition: none;
  -webkit-transition: none;
}
.sapMDialogResizeHandler {
  bottom: 0;
  cursor: se-resize;
  position: absolute;
  right: 0;
  width: 0.5rem;
  z-index: 2;
  line-height: 1rem;
}
.sapMDialogResizeHandler:before {
  left: 0;
  position: relative;
  top: 0;
}
.sapMDialog {
  box-sizing: content-box;
  min-height: 3rem;
  padding-bottom: 3rem;
  padding-top: 0rem;
}
.sapMDialog.sapMDialog-NoFooter {
  padding-bottom: 0;
}
.sapMDialog.sapMDialog-NoHeader {
  padding-top: 0;
}
.sapMDialog.sapMDialogWithSubHeader {
  padding-top: 0rem;
}
.sapMDialog.sapMDialogWithSubHeader.sapMDialogSubHeaderInfoBar {
  padding-top: 5rem;
}
.sapMDialog.sapMDialogWithSubHeader.sapMDialogSubHeaderInfoBar .sapMDialogSubHeader {
  height: 2rem;
}
.sapMDialog.sapMDialogWithSubHeader.sapMDialog-NoHeader {
  padding-top: 3rem;
}
.sapMDialog.sapMDialogWithSubHeader.sapMDialog-NoHeader > .sapMDialogSubHeader {
  top: 0;
}
.sapMDialog > .sapMDialogTitle {
  height: 3rem;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sapMDialog > .sapMDialogTitle:focus {
  outline: none;
}
.sapMDialog > .sapMDialogTitle:focus::after {
  content: '';
  position: absolute;
  left: 2px;
  bottom: 3px;
  right: 2px;
  top: 2px;
  border: 1px dotted #000;
  border-radius: 0px 0px 0 0;
  pointer-events: none;
}
.sapMDialog > .sapMDialogSection {
  flex: 1 1 100%;
  min-height: 3rem;
}
.sapMDialog > footer {
  bottom: 0;
  height: 3rem;
  left: 0;
  position: absolute;
  right: 0;
}
.sapMDialog.sapMDialogDraggable > header {
  cursor: move;
}
.sapMDialog header.sapMDialogSubHeader {
  cursor: default;
  height: 3rem;
  left: 0;
  position: absolute;
  right: 0;
  top: 3rem;
  z-index: 2;
}
html[data-sap-ui-animation='off'] .sapMDialog {
  transition: none;
}
.sapMDialog.sapMDialogWithSubHeader .sapMDialogTitle .sapMIBar {
  box-shadow: none;
}
.sapMDialog > header:last-of-type .sapMIBar {
  box-shadow: inset 0 -0.0625rem #dddddd;
}
.sapMDialogWarning > header.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
  color: #d14900;
}
.sapMDialogWarning > header:last-of-type .sapMIBar {
  box-shadow: inset 0 -0.125rem #f0ab00;
}
.sapMDialogError > header.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
  color: #cc1919;
}
.sapMDialogError > header:last-of-type .sapMIBar {
  box-shadow: inset 0 -0.125rem #e52929;
}
.sapMDialogSuccess > header.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
  color: #007833;
}
.sapMDialogSuccess > header:last-of-type .sapMIBar {
  box-shadow: inset 0 -0.125rem #008a3b;
}
.sapMDialogInformation > header.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
  color: #007cc0;
}
.sapMDialogInformation > header:last-of-type .sapMIBar {
  box-shadow: inset 0 -0.125rem #007cc0;
}
.sapMDialog .sapMDialogFirstFE,
.sapMDialog .sapMDialogLastFE {
  font-size: 0;
}
/* ====================================== */
/* CSS for control sap.m/DisplayListItem  */
/* Base theme                             */
/* ====================================== */
.sapMDLI {
  display: -webkit-box;
  display: flex;
  height: 3rem;
}
.sapMDLILabel {
  -webkit-box-flex: 1;
  flex: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 3rem;
  display: block;
  font-size: 1.125rem;
  -webkit-box-align: center;
  align-items: center;
  color: #333333;
}
.sapMLIBActionable .sapMDLILabel {
  cursor: pointer;
}
.sapMDLIValue {
  -webkit-box-flex: 1;
  flex: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 3rem;
  font-size: 0.875rem;
  margin-left: 1rem;
  text-align: right;
  color: #666666;
}
.sapMDLI > .sapMLIBContent {
  display: -webkit-box;
  display: flex;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 3rem;
}
html[dir=rtl] .sapMDLIValue {
  text-align: left;
}
.sapMLIBActive .sapMDLILabel {
  color: white;
}
.sapMLIBActive .sapMDLIValue {
  color: white;
}
/* Compact size */
.sapUiSizeCompact .sapMDLI {
  height: 2rem;
}
.sapUiSizeCompact .sapMDLI > .sapMLIBContent {
  line-height: 2rem;
}
.sapUiSizeCompact .sapMDLILabel {
  font-size: 0.875rem;
}
/* ===================================== */
/* CSS for control sap.m/DraftIndicator  */
/* Base theme                            */
/* ===================================== */
.sapMDraftIndicator > .sapMLabel {
  font-style: italic;
  padding-left: 1rem;
  padding-right: 1rem;
}
.sapMDraftIndicator > .sapMLabel > .sapMLabelTextWrapper {
  overflow: visible;
}
/* ============================================= */
/* CSS for control sap.m/DynamicDateRange        */
/* Base theme                                    */
/* ============================================= */
.sapMDynamicDateRangePopover section > * {
  box-sizing: border-box;
  padding: 0 1rem;
}
.sapMDynamicDateRangePopover section > .sapMLabel {
  display: block;
  margin: 0.75rem 0 0.25rem 0;
}
.sapMDynamicDateRangePopover section > .sapMLabel:first-child {
  margin-top: 1rem;
}
.sapMDynamicDateRangePopover .sapUiCal {
  padding: 0;
}
.sapMDynamicDateRangePopover .sapUiCalMonthPicker {
  min-width: 19.5rem;
  width: 100%;
  margin: 0;
  padding: 1rem 0.25rem;
}
.sapMDynamicDateRangePopover.sapMPage {
  background-color: #ffffff;
}
.sapMDynamicDateRangePopover .sapMTB-Info-CTX.sapMIBar-CTX .sapMLabel {
  color: #fff;
}
.sapUiSizeCompact .sapMDynamicDateRangePopover .sapUiCalMonthPicker {
  width: 100%;
  min-width: 16.5rem;
}
.sapUiSizeCompact .sapMDynamicDateRangePopover .sapMPageFooter .sapMIBar {
  height: 2rem;
}
.sapUiIcon.sapMDDRDateOption {
  font-size: 1rem;
  color: #666666;
}
/* ===================================== */
/* CSS for control sap.m/ExpandableText  */
/* Base theme                            */
/* ===================================== */
.sapMExText {
  box-sizing: border-box;
  white-space: pre-line;
  word-wrap: break-word;
  /* works only if browser knows the width */
  cursor: text;
  font-size: 0.875rem;
  font-family: Arial, Helvetica, sans-serif;
  line-height: normal;
  color: #000;
  max-width: 100%;
}
.sapMExText .sapMLnk {
  vertical-align: bottom;
}
.sapMExTextRenderWhitespaceWrap {
  white-space: pre-wrap;
}
.sapMExTextBreakWord {
  /* to break all words even browser does not know the width */
  word-break: break-all;
  word-break: break-word;
  /* Non standard for old webkits */
}
.sapMPopover .sapMText.sapMExTextPopover {
  max-width: 30rem;
}
.sapMLIBActionable .sapMExText {
  cursor: pointer;
}
/*Necessary to align vertically to labels */
.sapUiForm .sapMExText {
  overflow: hidden;
}
.sapUiFormEdit .sapMExText {
  display: block;
  line-height: 1.375rem;
  min-height: 2.75rem;
  /* for empty text */
  padding-top: 0.6875rem;
  padding-bottom: 0.6875rem;
}
.sapUiFormEdit .sapMExText > a.sapMLnk {
  line-height: 1.375rem;
  padding: 0;
  margin: 0;
}
.sapUiForm:not(.sapUiFormEdit) .sapMExText {
  min-height: 1rem;
  /* for empty text */
}
.sapMExTextEllipsis {
  white-space: pre-line;
  word-spacing: 0.125rem;
}
/* Compact size */
.sapUiSizeCompact .sapUiFormEdit .sapMExText {
  min-height: 2rem;
  /* for empty text */
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
.sapMExText .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
  display: none;
}
.sapMShowEmpty-CTX .sapMExText .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
  display: inline-block;
}
/* ================================== */
/* CSS for control sap.m/MessagePage  */
/* Base theme                         */
/* ================================== */
/* MessagePage general styles */
.sapMMessagePage {
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  position: relative;
}
.sapMMessagePageInner {
  box-sizing: border-box;
  display: flex;
  padding: 1rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}
/* Allow MessagePage to be positioned inside ObjectPage */
.sapUxAPBlockContainer .sapMMessagePageInner {
  position: static;
}
.sapMMessagePageContentWrapper {
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateY(-1rem);
  width: 30rem;
  max-width: 100%;
}
.sapMMessagePage > .sapMBar + .sapMMessagePageInner {
  top: 3rem;
}
/* MessagePage inner controls styles*/
.sapMMessagePage .sapMMessagePageInner .sapMMessagePageIcon.sapUiIcon::before {
  font-size: 6rem;
  color: #666666;
}
.sapMMessagePage .sapMMessagePageInner > .sapMMessagePageContentWrapper > * {
  max-width: 100%;
}
.sapMMessagePage .sapMMessagePageMainText {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-top: 1rem;
}
.sapMMessagePage .sapMText.sapMMessagePageMainText {
  color: #333333;
  font-size: 1.375rem;
}
.sapMMessagePage .sapMMessagePageDescription {
  font-size: 1rem;
  margin-top: 1rem;
}
.sapMMessagePage .sapMMessagePageDescription .sapMLnk {
  font-size: 1rem;
}
.sapMMessagePage .sapMText.sapMMessagePageDescription {
  color: #666666;
  font-size: 1rem;
}
.sapMMessagePage .sapMMessagePageButtonsWrapper {
  margin-top: 2rem;
  text-align: center;
}
.sapMMessagePage .sapMBtn {
  margin: 0 0.25rem;
}
.sapUiSizeCompact .sapMMessagePage > .sapMBar {
  height: 2.5rem;
}
.sapUiSizeCompact .sapMMessagePage > .sapMBar .sapMBarPH,
.sapUiSizeCompact .sapMMessagePage > .sapMBar .sapMBarLeft {
  height: 2.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.sapUiSizeCompact .sapMMessagePage > .sapMBar .sapMBarMiddle {
  height: 2.5rem;
}
.sapUiSizeCompact .sapMMessagePage > .sapMBar + .sapMMessagePageInner {
  top: 2.5rem;
}
/* ================================== */
/* CSS for control sap.m/FacetFilter  */
/* Base theme                         */
/* ================================== */
.sapMFF > .sapMTB-Info-CTX.sapMTB,
.sapUiSizeCompact .sapMFF {
  height: 2rem;
}
.sapUiSizeCompact .sapMFFArrowScroll {
  padding: 0.5rem 0.4rem;
}
.sapUiSizeCompact .sapMFF .sapMFFLRemoveIcon {
  line-height: 0.8rem;
  padding: 0.6rem;
}
.sapMFF {
  position: relative;
}
.sapMFFHead {
  margin-left: 0rem;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}
.sapMFF .sapUiIcon,
.sapMFF .sapMTB .sapMBtnIcon .sapUiIcon {
  /* Override the default button icon size since it is too big. */
  font-size: 1rem;
}
html.sap-phone .sapMFFHead {
  margin: 1rem;
}
/* Scroll arrows */
html.sap-desktop .sapMFFScrolling > .sapMFFHead {
  margin-right: 2rem;
  margin-left: 3rem;
}
.sapMFFArrowScroll {
  font-size: 1rem;
  line-height: 1rem;
  position: absolute;
  top: 0;
  color: #666666;
  padding: 1rem 0.4rem;
}
.sapMFFArrowScrollLeft {
  left: 1rem;
}
.sapMFFArrowScrollRight {
  right: 0;
}
.sapMFFNoScrolling > .sapMFFArrowScroll {
  visibility: hidden;
}
html.sap-desktop .sapMFFScrolling.sapMFFNoScrollBack > .sapMFFArrowScrollLeft,
html.sap-desktop .sapMFFScrolling.sapMFFNoScrollForward > .sapMFFArrowScrollRight {
  visibility: hidden;
}
/* Reset button */
.sapMFFResetDiv {
  position: absolute;
  width: 3rem;
  right: -3rem;
  top: 0;
}
.sapMFFResetSpacer {
  /* Space reserved at the end of the FacetFilter for placing the reset button */
  margin-right: 2.75rem;
  margin-left: 1rem;
}
.sapUiSizeCompact .sapMFFResetSpacer {
  /* Space reserved at the end of the FacetFilter for placing the reset button */
  margin-right: 2.5rem;
  margin-left: 1rem;
}
.sapMFF .sapMTB-Info-CTX .sapMBtnIcon .sapUiIcon {
  color: #fff;
}
/* Move the reset button to the end of the toolbar */
.sapMFF .sapMTB-Info-CTX.sapMTB > .sapMBarChild.sapMBtn {
  margin: 0;
}
.sapMFF .sapMTB-Info-CTX.sapMTB {
  padding-right: 0;
}
.sapMFF .sapMTB-Info-CTX.sapMTB > .sapMBtn:hover {
  background-color: #44a12c;
}
html.sap-desktop .sapMFFRefresh .sapMBtnTransparent > .sapMBtnIcon,
html.sap-phone .sapMFFRefresh .sapMBtnTransparent > .sapMBtnIcon {
  color: #fff;
}
html.sap-desktop .sapMFFRefresh.sapMBtn:focus > .sapMFocusable {
  outline-color: #fff;
}
html.sap-desktop .sapMFF > .sapMTB-Info-CTX.sapMTB > .sapMFFRefresh.sapMBtn:focus .sapMBtnFocusDiv {
  border-color: #fff;
}
.sapMFF .sapMTB-Info-CTX.sapMTB > .sapMBtn:active {
  background-color: #44a12c;
}
.sapMFFCheckbar {
  cursor: pointer;
}
.sapMFFDialog .sapMCbLabel {
  cursor: pointer;
}
.sapMFF .sapMFFArrowScroll:hover {
  background-color: rgba(222, 222, 222, 0.5);
}
.sapMFF .sapMFFArrowScroll:active {
  background-color: #44a12c;
  color: #fff;
}
/* specific selector for the light facet filter text to use padding instead of margin,
  otherwise the text gets cut off in Arabic because of the italic font
*/
.sapMFF > .sapMIBar.sapMTB.sapMTB-Info-CTX {
  padding-right: 0.5rem;
  padding-left: 0.75rem;
}
.sapMFF > .sapMIBar.sapMTB.sapMTB-Info-CTX .sapMText {
  padding: 0.5rem 0.5rem 0.5rem 0;
}
.sapMFFDialog .sapMFFCheckbar .sapMBarLeft,
.sapMFFPop .sapMPopoverSubHeader .sapMFFCheckbar .sapMBarLeft {
  padding-left: 0.1875rem;
}
.sapUiSizeCompact .sapMFFDialog .sapMFFCheckbar .sapMBarLeft,
.sapUiSizeCompact .sapMFFPop .sapMPopoverSubHeader .sapMFFCheckbar .sapMBarLeft {
  padding-left: 0.5rem;
}
/* ====================================== */
/* CSS for control sap.m/FacetFilterItem  */
/* Base theme                             */
/* ====================================== */
/*
	Fix alignment of the list item counter and force a min height.
*/
.sapMFFLI {
  display: -webkit-box;
  display: flex;
  min-height: 3rem;
}
/*
	Fix alignment of the list item counter.
*/
.sapMFFLI > .sapMLIBContent {
  text-overflow: ellipsis;
  -webkit-box-align: center;
  align-items: center;
}
.sapMFFLITitle {
  font-size: 1rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sapMFFLITitleWrap {
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
  flex: auto;
  -webkit-box-align: center;
  align-items: center;
}
.sapUiSizeCompact .sapMFFLITitle {
  font-size: 0.875rem;
}
/* ====================================== */
/* CSS for control sap.m/FacetFilterList  */
/* Base theme                             */
/* ====================================== */
/* Facet Filter Popover */
.sapMFFPop.sapMPopover,
.sapMFFPop.sapMPopover .sapMPopoverCont {
  min-width: 300px;
}
.sapMFFPop .sapMCbLabel {
  cursor: pointer;
}
.sapMFF .sapMFFLRemoveIcon {
  color: #666666;
  font-size: 0.875rem;
  line-height: 2rem;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
  padding-left: 0.65rem;
  padding-right: 0.65rem;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
.sapMFF .sapMFFLRemoveIcon:hover {
  background-color: rgba(222, 222, 222, 0.5);
  border-radius: 0.2rem;
}
.sapUiSizeCompact .sapMFF .sapMFFLRemoveIcon {
  line-height: 1.5rem;
  padding-bottom: 0.05rem;
  padding-top: 0.05rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
/*
We need to toggle separate classes to show/hide the remove icon, otherwise
clicking the icon does not remove the facet button in ie9
*/
.sapMFF .sapMFFLVisibleRemoveIcon {
  visibility: visible;
}
.sapMFF .sapMFFLHiddenRemoveIcon {
  visibility: hidden;
}
.sapMFF .sapMFFLRemoveIcon:hover {
  background-color: rgba(222, 222, 222, 0.5);
}
.sapMFF .sapMFFLRemoveIcon:active {
  background-color: #44a12c;
  color: #fff;
}
/* ================================== */
/* CSS for control sap.m/FeedContent  */
/* Base theme                         */
/* ================================== */
.sapMFC {
  outline: none;
  position: relative;
  width: 100%;
  height: 3.875rem;
  display: inline-block;
}
.sapMFCCTxt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 2.126rem;
  max-width: 20.5rem;
  margin-top: 0.3rem;
}
.sapMFCCTxt .sapMText {
  display: inline;
  line-height: 1.063rem;
}
.sapMFCSbh {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 20.5rem;
  line-height: 1.063rem;
  font-size: 0.75rem;
  color: #666666;
}
.sapMFCValue {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 1rem;
  padding-top: 0.875rem;
  font-size: 2.5rem;
  line-height: 3rem;
  max-width: 20.5rem;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.sapMFCCTxt > .sapMText {
  cursor: inherit;
}
.sapMFC:focus:not([tabindex]) {
  outline: none;
}
.sapMFCCTxt .sapMText {
  font-size: 0.75rem;
  color: #333333;
}
.sapMFCValue.Neutral {
  color: #000;
}
.sapMFCValue.Good {
  color: #007833;
}
.sapMFCValue.Critical {
  color: #d14900;
}
.sapMFCValue.Error {
  color: #cc1919;
}
html.sap-desktop .sapMFC:focus {
  outline: 1px dotted #000;
}
html.sap-desktop .sapMFC:focus:not([tabindex]) {
  outline: none;
}
.sapMTileSmallPhone .sapMFC {
  width: 17.75rem;
  height: 3.438rem;
}
.sapMTileSmallPhone .sapMFCCTxt {
  max-width: 17.75rem;
  margin-top: 0.1rem;
}
.sapMTileSmallPhone .sapMFCSbh {
  max-width: 17.75rem;
}
.sapMTileSmallPhone .sapMFCValue {
  padding-top: 1.188rem;
  padding-left: 0.5rem;
  font-size: 2rem;
  line-height: 2.25rem;
  max-width: 17.75rem;
}
/* ================================ */
/* CSS for control sap.m/FeedInput  */
/* Base theme                       */
/* ================================ */
.sapMFeedInBase {
  display: block;
  position: relative;
  height: auto;
  width: 100%;
  box-sizing: border-box;
}
.sapMFeedIn {
  display: block;
  position: relative;
  padding: 0.5rem 0.5rem 0.5rem 5rem;
  width: 100%;
  box-sizing: border-box;
}
.sapMFeedIn.sapMFeedInDisabled {
  opacity: 0.5;
}
/*hide the icon if the width of the screen <=25rem */
@media (max-width: 25rem) {
  .sapMFeedInFigure {
    display: none;
  }
  .sapMFeedIn {
    padding-left: 0.5rem;
  }
}
.sapMFeedInNoIcon {
  padding-left: 0.5rem;
}
.sapMFeedInFigure {
  position: absolute;
  height: 4rem;
  width: 4rem;
  margin: 0 0 0 0.5rem;
  background-color: none;
  box-sizing: border-box;
  left: 0;
  overflow: hidden;
  border-width: 0.125rem;
  border-style: none;
  border-color: #ffffff;
  /* the background parameter is used for to ensure the border theme is aligned with the text area background */
}
.sapMFeedInFigure .sapFAvatarSquare {
  border-radius: 2px;
}
.sapMFeedInFigure .sapFAvatarSquare .sapFAvatarImageHolder {
  border-radius: 2px;
}
.sapMFeedInFigure .sapFAvatarM {
  height: 4rem;
  font-size: 2.25rem;
}
.sapMFeedInFigure .sapFAvatarImageHolder {
  background: none;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
}
.sapMFeedInImage {
  width: 3.75rem;
  line-height: 3.75rem;
  font-size: 2.25rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  color: #bfbfbf;
}
.sapMFeedInImageBgColor {
  background-color: #f2f2f2;
}
.sapMFeedInBase .sapMFeedInCounter {
  display: block;
  width: 100%;
  text-align: end;
}
.sapMFeedInBase .sapMFeedInCounter .sapMTextAreaCounter {
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  padding: 0.125rem;
}
.sapMFeedIn:not(.sapMFeedInDisabled) .sapMFeedInContainer {
  background-color: #ffffff;
}
.sapMFeedIn .sapMFeedInContainer {
  width: 100%;
  height: auto;
  position: relative;
}
.sapMFeedIn > .sapMFeedInContainer > .sapMInputBase {
  width: 100%;
  padding: 0 4rem 0 0;
  margin: 0;
  min-height: 4rem;
}
.sapMFeedIn > .sapMFeedInContainer > .sapMInputBase > .sapMInputBaseContentWrapper {
  border: 0;
}
.sapMFeedIn > .sapMFeedInContainer > .sapMInputBase > .sapMInputBaseContentWrapper::before {
  display: none;
}
.sapMFeedIn > .sapMFeedInContainer > .sapMTextArea > .sapMInputBaseInner {
  border-bottom-style: hidden;
  border-top-style: hidden;
  border-left-style: hidden;
  border-right-style: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: normal;
  color: #000;
  line-height: 1.4;
  padding: 0.5rem 0.05rem 0.5rem 0.5rem;
  min-height: 4rem;
}
.sapMFeedInContainer .sapMInputBaseInner {
  border: none;
}
.sapMFeedIn .sapMBtn {
  width: 4rem;
  height: 3.75rem;
  padding-top: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 0.25rem;
  position: absolute;
  right: -0.25rem;
  bottom: 0.25rem;
}
.sapMFeedIn .sapMBtnInner {
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
}
.sapMFeedIn .sapMBtnIcon {
  width: 3.5rem;
  height: 3.5rem;
}
.sapMFeedIn .sapMBtnIcon {
  width: 2.375rem;
  height: 2.375rem;
  padding: 0.5rem;
  font-size: 1.5rem;
  line-height: 2.375rem;
}
.sapMFeedIn .sapMInputBase.sapMTextArea .sapMTextAreaInner {
  min-height: 4rem;
  padding: 0.375rem 0.5rem;
}
/* Compact size */
.sapUiSizeCompact .sapMFeedIn .sapMBtnIcon {
  margin-left: 0;
}
.sapUiSizeCompact .sapMFeedIn > .sapMFeedInContainer > .sapMInputBase {
  margin: 0;
  min-height: 4rem;
}
/* =================================== */
/* CSS for control sap.m/FeedListItem  */
/* Base theme                          */
/* =================================== */
.sapMFeedListItem {
  display: block;
}
.sapMFeedListItem .sapUiSelectable > * {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.sapMFeedListItem .sapUiSelectable > *::selection {
  background: #44a12c;
  color: #fff;
}
.sapMFeedListItem .sapUiSelectable > *::-moz-selection {
  background: #44a12c;
  color: #fff;
}
.sapMFeedListItemFigure .sapFAvatarSquare {
  border-radius: 2px;
}
.sapMFeedListItemFigure .sapFAvatarSquare .sapFAvatarImageHolder {
  border-radius: 2px;
}
.sapMFeedListItemFigure .sapFAvatarS {
  height: 3rem;
  font-size: 2rem;
}
.sapMFeedListItemFigure .sapFAvatarImageHolder {
  background: none;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
}
.sapMFeedListItemImageInactive {
  cursor: default;
}
.sapMFeedListShowSeparatorsAll .sapMFeedListItem {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
/* Added to remove unwanted padding when FeedListItem is used in table*/
.sapMListTblCell .sapMFeedListShowSeparatorsAll .sapMFeedListItem {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
/* Makes sure that floating image is not displayed in the next list item. */
.sapMFeedListItem:after {
  content: " ";
  display: block;
  height: 0rem;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.sapMFeedListItem .sapMFeedListItemTextText a,
.sapMFeedListItem .sapMFeedListItemTextName a {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.4;
}
/*
 The following is necessary to make sure that image links
 do not show a border when run in IE.
 */
.sapMFeedListItemFigure img {
  border: 0rem;
}
.sapMFeedListItemText {
  vertical-align: top;
  margin: 0rem;
}
.sapMFeedListItemTextString {
  cursor: text;
}
.sapMFeedListItemText .sapMLnk {
  vertical-align: top;
  display: inline;
}
html.sap-tablet .sapMFeedListItemHasFigure,
html.sap-desktop .sapMFeedListItemHasFigure {
  margin-left: 3.75rem;
}
.sapMFeedListItemTextText {
  margin: 0rem;
  line-height: 1.4;
  font-family: Arial, Helvetica, sans-serif;
  text-overflow: ellipsis;
}
.sapMFeedListItemFigure {
  float: left;
  height: 3rem;
  width: 3rem;
  overflow: visible;
  margin: 0rem;
}
.sapMFeedListItemImageInactive,
.sapMFeedListItemImage {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 2.5rem;
  margin-left: 0rem;
  margin-right: 0rem;
  overflow: hidden;
}
.sapMFeedListItemTimestamp {
  line-height: auto;
}
.sapMFeedListItemTimestampText,
.sapMFeedListItemInfoText {
  cursor: text;
}
.sapMFeedListItemInfo {
  line-height: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sapMFeedListItemTextName {
  line-height: 1.4;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.875rem;
  color: #333333;
}
html.sap-desktop .sapMFeedListItemTextName,
html.sap-tablet .sapMFeedListItemTextName {
  margin-right: 0.3rem;
}
html[dir=rtl] .sapMFeedListItemTextName {
  /* In rtl mode, this will be converted to 'float: right;' which is the correct value */
  float: left;
}
html[dir=rtl].sap-phone .sapMFeedListItemTextName {
  /* 	Overwrite rtl values for phones */
  float: none;
}
.sapMFeedListItemFooter {
  margin-top: 0.375rem;
  margin-bottom: 0rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Arial, Helvetica, sans-serif;
}
.sapMFeedListItemTitleDiv.sapMLIB {
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  flex-direction: row;
  align-items: center;
}
.sapMFeedListShowSeparatorsNone.sapMLIB {
  border-bottom: 0;
}
.sapMFeedListItemTitleDiv > .sapMLIBContent {
  flex-basis: auto;
}
/* phone adoption */
html.sap-phone .sapMFeedListItemHeader {
  white-space: nowrap;
  overflow: hidden;
}
html.sap-phone .sapMFeedListItemHeader.sapMFeedListItemFullHeight,
html.sap-phone .sapMFeedListItemHeader.sapMFeedListItemHasFigure {
  height: 3.1rem;
}
html.sap-phone .sapMFeedListItemImageInactive,
html.sap-phone .sapMFeedListItemImage {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 2.5rem;
}
html.sap-phone .sapMFeedListItemTextName {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
html.sap-phone .sapMFeedListItemTextName a {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  width: 100%;
}
html.sap-phone .sapMFeedListItemFigure {
  height: 3rem;
  width: 3rem;
  margin-right: 0.75rem;
}
html.sap-phone .sapMFeedListItemFooter {
  margin-top: 0.375rem;
  margin-bottom: 0rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.sap-phone .sapMFeedListItemTimestamp {
  margin-top: 0;
  margin-bottom: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.sap-phone .sapMFeedListItemText {
  clear: left;
  line-height: 1.4;
  margin-top: 0.75rem;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sapMFeedListItemTextText {
  font-size: 0.875rem;
  color: #333333;
  word-wrap: break-word;
}
.sapMFeedListItemImageInactive:focus,
.sapMFeedListItemImage:focus {
  outline-style: dotted;
  outline-color: #000;
  outline-width: 0.0625rem;
}
html.sap-tablet .sapMFeedListItem .sapMLnk:focus {
  outline-style: dotted;
  outline-color: #000;
  outline-width: 0.0625rem;
}
/* Allow image outline(-left) to be rendered completely */
.sapMFeedListShowSeparatorsAll .sapMFeedListItem {
  padding-left: 0.0625rem;
}
.sapMFeedListItemTitleDiv.sapMLIB {
  padding-left: 0.9375rem;
}
html.sap-desktop .sapMFeedListItem .sapMLnk:focus {
  outline-color: #000;
}
.sapMFeedListItemImage,
.sapMLIBActive .sapMFeedListItem span.sapMFeedListItemImage {
  color: #666666;
}
.sapMFeedListItemImageInactive,
.sapMLIBActive .sapMFeedListItem span.sapMFeedListItemImageInactive {
  color: #fff;
}
.sapMFeedListItemFooter {
  font-size: 0.75rem;
  color: #666666;
}
.sapMFeedListItem .sapMFeedListItemTextText a,
.sapMFeedListItem .sapMFeedListItemTextName a {
  font-size: 0.875rem;
  color: #44a12c;
}
.sapMFeedListItemText {
  color: #333333;
}
.sapMLIBActive .sapMFeedListItem a,
.sapMLIBActive .sapMFeedListItem span,
.sapMLIBActive .sapMFeedListItem p,
.sapMLIBActive .sapMFeedListItemFooter,
.sapMLIBActive .sapMFeedListItemText,
.sapMLIBActive .sapMFeedListItemTimestamp,
.sapMLIBActive .sapMFeedListItem .sapMFeedListItemTextText .sapMFeedListItemTextString,
.sapMLIBActive .sapMFeedListItem:hover .sapMFeedListItemTextText > .sapMFeedListItemLinkExpandCollapse,
.sapMLIBActive .sapMFeedListItemTextText,
.sapMLIBActive .sapMFeedListItemTextText > .sapMLnk,
.sapMLIBActive .sapMFeedListItemTextText > .sapMLnk.sapMLnkDsbl .sapMLIBActive .sapMFeedListItemTextName > .sapMLnk,
.sapMLIBActive .sapMFeedListItemTextName > .sapMLnk.sapMLnkDsbl {
  color: white;
  opacity: 1;
  text-decoration: none;
}
.sapMFeedListItemTextText > .sapMLnk.sapMLnkDsbl,
.sapMFeedListItemTextName > .sapMLnk.sapMLnkDsbl,
html.sap-desktop .sapMFeedListItemTextName > .sapMLnk.sapMLnkDsbl:hover {
  opacity: 1;
  color: #333333;
}
.sapMFeedListItemTextText > .sapMLnk {
  display: inline;
}
.sapMFeedListItemTextText > .sapMLnk.sapMLnkDsbl {
  color: #333333;
}
html.sap-desktop .sapMFeedListItemTextText > .sapMLnk.sapMLnkDsbl:hover {
  color: #333333;
}
.sapMFeedListShowSeparatorsAll.sapMLIB {
  border-bottom: 0.063rem solid #e5e5e5;
}
html.sap-phone .sapMFeedListItemTextName a {
  line-height: normal;
  font-size: 1rem;
}
html.sap-phone .sapMFeedListItemText,
html.sap-phone .sapMFeedListItemTimestamp {
  font-size: 0.875rem;
}
html.sap-phone .sapMFeedListItemFooter {
  font-size: 0.75rem;
}
html.sap-phone .sapMFeedListItemTimestamp {
  color: #666666;
  line-height: normal;
}
.sapMFeedListItem .sapMFeedListItemTextText > .sapMFeedListItemLinkExpandCollapse {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #44a12c;
}
.sapMFeedListItem:hover .sapMFeedListItemTextText > .sapMFeedListItemLinkExpandCollapse {
  color: #44a12c;
}
.sapMFeedListItem .sapMFeedListItemTextText .sapMFeedListItemTextString {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: normal;
  color: #333333;
  line-height: 1.4;
}
.sapMFeedListItemActionButton {
  float: right;
  position: relative;
  margin: -0.75rem -0.5rem 0.5rem 0.5rem;
}
.sapUiSizeCompact .sapMFeedListItemActionButton {
  margin-top: -0.6875rem;
}
html.sap-phone .sapMFeedListItem .sapMFeedListItemActionButton {
  margin: -0.1875rem 0px 0px 0.75rem;
}
.sapMFeedListItemTextName {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sapMFeedListItemText .sapMFeedListItemTextName,
.sapMFeedListItemHeader .sapMFeedListItemTextName {
  max-width: calc(100% - 2.8rem);
  /* 2.5rem width of button in cozy mode + 0.3rem margin-right */
  display: inline-block;
}
.sapUiSizeCompact .sapMFeedListItemText .sapMFeedListItemTextName,
.sapUiSizeCompact .sapMFeedListItemHeader .sapMFeedListItemTextName {
  max-width: calc(100% - 2.3rem);
  /* 2rem width of button in compact mode */
}
html.sap-phone .sapMFeedListItemText .sapMFeedListItemTextName,
html.sap-phone .sapMFeedListItemHeader .sapMFeedListItemTextName {
  max-width: 100%;
}
/* ============================== */
/* CSS for control sap.m/FlexBox  */
/* Base theme                     */
/* ============================== */
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapMFlexItem.sapUiContentPadding {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMFlexItem.sapUiResponsiveContentPadding,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapMFlexItem.sapUiResponsiveContentPadding,
  .sapMFlexItem.sapUiResponsiveContentPadding {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMFlexItem.sapUiResponsiveContentPadding,
  .sapMFlexItem.sapUiResponsiveContentPadding {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMFlexItem.sapUiResponsiveContentPadding,
  .sapMFlexItem.sapUiResponsiveContentPadding {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapMFlexItem.sapUiResponsiveContentPadding {
  padding: 0;
}
.sapMSplitContainerDetail .sapMFlexItem.sapUiResponsiveContentPadding {
  padding: 1rem;
}
.sapMFlexItem.sapUiNoContentPadding {
  padding: 0;
}
.sapMFlexBoxBGSolid,
.sapMFlexBoxBGTranslucent {
  background-color: #ffffff;
}
.sapMFlexBoxBGTransparent {
  background-color: transparent;
}
.sapMFlexBox {
  display: flex;
  box-sizing: border-box;
}
.sapMFlexBoxInline:not(.sapMFlexBoxFit) {
  display: inline-flex;
}
.sapMFlexBoxFit,
.sapMFlexBoxScroll {
  height: 100%;
}
/* Nested FlexBox should have auto-height because of the wrappers */
.sapMFlexBox > .sapMFlexBoxFit {
  height: auto;
}
.sapMFlexItem {
  position: relative;
}
/*** flex-direction ***/
.sapMHBox {
  flex-direction: row;
}
.sapMVBox {
  flex-direction: column;
}
.sapMHBox.sapMFlexBoxReverse {
  flex-direction: row-reverse;
}
.sapMVBox.sapMFlexBoxReverse {
  flex-direction: column-reverse;
}
/*** justify-content ***/
.sapMFlexBoxJustifyStart {
  justify-content: flex-start;
}
.sapMFlexBoxJustifyEnd {
  justify-content: flex-end;
}
.sapMFlexBoxJustifyCenter {
  justify-content: center;
}
.sapMFlexBoxJustifySpaceBetween {
  justify-content: space-between;
}
.sapMFlexBoxJustifySpaceAround {
  justify-content: space-around;
}
.sapMFlexBoxJustifyInherit {
  justify-content: inherit;
}
/*** align-items ***/
.sapMFlexBoxAlignItemsStart {
  align-items: flex-start;
}
.sapMFlexBoxAlignItemsEnd {
  align-items: flex-end;
}
.sapMFlexBoxAlignItemsCenter {
  align-items: center;
}
.sapMFlexBoxAlignItemsBaseline {
  align-items: baseline;
}
.sapMFlexBoxAlignItemsStretch {
  align-items: stretch;
}
.sapMFlexBoxAlignItemsInherit {
  align-items: inherit;
}
/*** wrap ***/
.sapMFlexBoxWrapNoWrap {
  flex-wrap: nowrap;
}
.sapMFlexBoxWrapWrap {
  flex-wrap: wrap;
}
.sapMFlexBoxWrapWrapReverse {
  flex-wrap: wrap-reverse;
}
/*** align-content ***/
.sapMFlexBoxAlignContentStart {
  align-content: flex-start;
}
.sapMFlexBoxAlignContentEnd {
  align-content: flex-end;
}
.sapMFlexBoxAlignContentCenter {
  align-content: center;
}
.sapMFlexBoxAlignContentSpaceBetween {
  align-content: space-between;
}
.sapMFlexBoxAlignContentSpaceAround {
  align-content: space-around;
}
.sapMFlexBoxAlignContentStretch {
  align-content: stretch;
}
/*** align-self ***/
.sapMFlexItemAlignAuto {
  align-self: auto;
}
.sapMFlexItemAlignStart {
  align-self: flex-start;
}
.sapMFlexItemAlignEnd {
  align-self: flex-end;
}
.sapMFlexItemAlignCenter {
  align-self: center;
}
.sapMFlexItemAlignBaseline {
  align-self: baseline;
}
.sapMFlexItemAlignStretch {
  align-self: stretch;
}
.sapMFlexItemAlignInherit {
  align-self: inherit;
}
/* ==================================== */
/* CSS for control sap.m/FormattedText  */
/* Base theme                           */
/* ==================================== */
.sapMFT {
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: top;
  font-size: 0.875rem;
  /* BCP: 1870022567 - Reset sapMLnk font-size and wrapping specifics */
}
.sapMFT .sapMLnk {
  font-size: inherit;
  display: initial;
  white-space: initial;
  overflow: initial;
  text-overflow: initial;
  word-wrap: initial;
}
.sapMFTOverflowWidth {
  overflow-x: auto;
}
.sapMFTOverflowHeight {
  overflow-y: auto;
}
/* If control is used on black/dark background */
.sapUiInverted-CTX .sapMFT {
  color: #fff;
}
/* Do not invert for table */
.sapUiInverted-CTX .sapUiTable .sapMFT {
  color: #000;
}
.sapMGenericTag {
  margin-top: 0.1875rem;
  margin-bottom: 0.1875rem;
  display: inline-block;
  max-width: 100%;
}
.sapMGenericTag:focus {
  outline: none;
}
.sapMGenericTag:-moz-focus-inner {
  padding: 0;
  border: 0;
}
.sapMGenericTag.sapMGenericTagOverflowToolbar {
  margin-right: 0;
  max-width: 20rem;
}
.sapMGenericTag.sapMGenericTagOverflowToolbar .sapMGenericTagWrap {
  width: 100%;
}
.sap-phone .sapMGenericTag.sapMGenericTagOverflowToolbar {
  max-width: 100%;
}
.sapMBarChild.sapMGenericTag > .sapMGenericTagWrap {
  display: flex;
}
html.sap-desktop .sapMGenericTag:focus {
  position: relative;
}
html.sap-desktop .sapMGenericTag:focus:before {
  position: absolute;
  content: " ";
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  z-index: 2;
  pointer-events: none;
}
html.sap-desktop .sapMGenericTag:focus:after {
  position: absolute;
  content: " ";
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  z-index: 2;
  pointer-events: none;
}
.sapMGenericTagWrap {
  background: #ffffff;
  box-shadow: 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  border-radius: 0.125rem;
  border-left-width: 0.25rem;
  border-left-style: solid;
  padding: 0 0.5rem 0 0.25rem;
  display: inline-flex;
  max-width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  page-break-after: auto;
  height: 1.625rem;
  min-width: 3.5625rem;
}
.sapMGenericTagWrap .sapMGenericTagIcon {
  width: 1rem;
  padding-right: 0.5rem;
}
.sapMGenericTagError .sapMGenericTagWrap {
  border-color: #e52929;
}
.sapMGenericTagError .sapMGenericTagWrap .sapMGenericTagIcon {
  color: #cc1919;
}
.sapMGenericTagWarning .sapMGenericTagWrap {
  border-color: #f0ab00;
}
.sapMGenericTagWarning .sapMGenericTagWrap .sapMGenericTagIcon {
  color: #d14900;
}
.sapMGenericTagSuccess .sapMGenericTagWrap {
  border-color: #008a3b;
}
.sapMGenericTagSuccess .sapMGenericTagWrap .sapMGenericTagIcon {
  color: #007833;
}
.sapMGenericTagInformation .sapMGenericTagWrap {
  border-color: #007cc0;
}
.sapMGenericTagInformation .sapMGenericTagWrap .sapMGenericTagIcon {
  color: #007cc0;
}
.sapMGenericTagNone .sapMGenericTagWrap {
  border-color: #44a12c;
}
.sapMGenericTagNone .sapMGenericTagWrap .sapMGenericTagIcon {
  color: #000;
}
.sapMGenericTagWrap:hover {
  box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.sapMGenericTagActive .sapMGenericTagWrap {
  background: #44a12c;
}
.sapMGenericTagActive .sapMGenericTagWrap .sapMGenericTagIcon,
.sapMGenericTagActive .sapMGenericTagWrap .sapMGenericTagText,
.sapMGenericTagActive .sapMGenericTagWrap .sapMGenericTagValue,
.sapMGenericTagActive .sapMGenericTagWrap .sapMGenericTagErrorIcon {
  color: white;
}
.sapMGenericTagWrap .sapMGenericTagErrorIcon {
  overflow: hidden;
  color: #cc1919;
  padding-left: 0.5rem;
}
.sapMGenericTagWrap .sapMGenericTagErrorIcon:before {
  line-height: normal;
}
.sapMGenericTagWrap .sapMGenericTagText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  flex: 1 10000 auto;
  min-width: 1.5625rem;
}
.sapMGenericTagWrap .sapMGenericTagValue {
  display: flex;
  flex: 0 0.5 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  align-items: center;
  padding-left: 0.5rem;
}
.sapMGenericTagWrap .sapMGenericTagValue .sapMObjectNumberText {
  min-width: 0.75rem;
}
.sapMGenericTagWrap .sapMGenericTagValue .sapMObjectNumberText::after {
  content: "\00a0";
}
.sapMGenericTagWrap .sapMGenericTagValue .sapMObjectNumberUnit {
  min-width: 0.75rem;
}
.sapUiSizeCozy .sapMGenericTag {
  margin: 0.25rem 0;
}
.sapUiSizeCozy .sapMGenericTag .sapMGenericTagWrap {
  height: 2.5rem;
}
/* ================================== */
/* CSS for control sap.m/GenericTile  */
/* Base theme                         */
/* ================================== */
.sapMGT {
  display: inline-block;
  text-decoration: none;
  border-radius: 0.25rem;
  position: relative;
  outline: none;
  box-sizing: border-box;
  background-position: 0px;
  background: #ffffff;
  border: 1px solid #dddddd;
  box-shadow: 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
  vertical-align: top;
}
.sapMGTCriticalBorder {
  height: 100%;
  width: 0.25rem;
  position: absolute;
  left: -1px;
  top: -1px;
  border-radius: 0.25rem 0 0 0.25rem;
  border: 1px solid;
}
.sapMGTCriticalBorder.Neutral {
  background-color: #000;
  border-color: #000;
}
.sapMGTCriticalBorder.Good {
  background-color: #007833;
  border-color: #007833;
}
.sapMGTCriticalBorder.Critical {
  background-color: #d14900;
  border-color: #d14900;
}
.sapMGTCriticalBorder.Error {
  background-color: #cc1919;
  border-color: #cc1919;
}
.sapMGTContentPlaceholder {
  outline: none;
  width: 300px;
  height: 100px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.sapMGTContentPlaceholder:focus::before {
  content: '';
  display: block;
  position: absolute;
  left: 1px;
  bottom: 1px;
  right: 1px;
  top: 1px;
  border: 1px dotted #000;
  pointer-events: none;
}
.sapMGTContentShimmerPlaceholderItem {
  padding: 1rem 1rem 0 1rem;
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: center;
  flex: 1 1 auto;
}
.sapMGTContentShimmerPlaceholderItem.sapMGTContentShimmerPlaceholderWithChart.sapMGTContentShimmerPlaceholderWithDescription {
  height: 6rem;
}
.sapMGTContentShimmerPlaceholderItem .sapMGTContentShimmerPlaceholderImg {
  margin: 0rem 0.75rem 0rem 0rem;
  height: 2rem;
  width: 2rem;
  display: inline-block;
}
.sapMGTContentShimmerPlaceholderItem .sapMGTContentShimmerPlaceholderRows {
  flex-grow: 1;
}
.sapMGTContentShimmerPlaceholderItem .sapMGTContentShimmerPlaceholderRows .sapMGTContentShimmerPlaceholderItemText {
  height: 0.5rem;
  margin-bottom: 0.5rem;
  width: 80%;
}
.sapMGTContentShimmerPlaceholderItem .sapMGTContentShimmerPlaceholderRows .sapMGTContentShimmerPlaceholderItemTextFooter {
  height: 0.5rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  width: 80%;
  top: 3rem;
}
.sapMGTContentShimmerPlaceholderItem .sapMGTContentShimmerPlaceholderRows .sapMGTContentShimmerPlaceholderItemBox {
  height: 2rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  width: 20%;
  top: 3rem;
}
.sapMGTContentShimmerPlaceholderItem .sapMGTContentShimmerPlaceholderRows .sapMGTContentShimmerPlaceholderItemBoxSmall {
  height: 3.75rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.sapMGTContentShimmerPlaceholderItem .sapMGTContentShimmerPlaceholderRows .sapMGTContentShimmerPlaceholderItemHeader {
  height: 1rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.sapMGTContentShimmerPlaceholderItemOneByOne {
  padding: 1rem 1rem 0 1rem;
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: center;
  flex: 1 1 auto;
}
.sapMGTContentShimmerPlaceholderItemOneByOne.sapMGTContentShimmerPlaceholderWithChart.sapMGTContentShimmerPlaceholderWithDescriptionOneByOne {
  height: 6rem;
}
.sapMGTContentShimmerPlaceholderItemOneByOne .sapMGTContentShimmerPlaceholderImg {
  margin: 0rem 0.75rem 0rem 0rem;
  height: 2rem;
  width: 2rem;
  display: inline-block;
}
.sapMGTContentShimmerPlaceholderItemOneByOne .sapMGTContentShimmerPlaceholderRowsOneByOne {
  flex-grow: 1;
}
.sapMGTContentShimmerPlaceholderItemOneByOne .sapMGTContentShimmerPlaceholderRowsOneByOne .sapMGTContentShimmerPlaceholderIconOneByOne {
  height: 2rem;
  width: 2rem;
  margin: auto;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.sapMGTContentShimmerPlaceholderItemOneByOne .sapMGTContentShimmerPlaceholderRowsOneByOne .sapMGTContentShimmerPlaceholderItemTextOneByOne {
  height: 0.5rem;
  margin-bottom: 0.5rem;
}
.sapMGTContentShimmerPlaceholderItemTwoByHalf {
  padding: 0 1rem 0 0;
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: center;
  flex: 1 1 auto;
}
.sapMGTContentShimmerPlaceholderItemTwoByHalf.sapMGTContentShimmerPlaceholderWithChart.sapMGTContentShimmerPlaceholderWithDescriptionTwoByHalf {
  height: 6rem;
}
.sapMGTContentShimmerPlaceholderItemTwoByHalf .sapMGTContentShimmerPlaceholderImg {
  margin: 0rem 0.75rem 0rem 0rem;
  height: 2rem;
  width: 2rem;
  display: inline-block;
}
.sapMGTContentShimmerPlaceholderItemTwoByHalf .sapMGTContentShimmerPlaceholderRowsTwoByHalf {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.sapMGTContentShimmerPlaceholderItemTwoByHalf .sapMGTContentShimmerPlaceholderRowsTwoByHalf .sapMGTContentShimmerPlaceholderIconTwoByHalf {
  height: 2rem;
  width: 2rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.sapMGTContentShimmerPlaceholderItemTwoByHalf .sapMGTContentShimmerPlaceholderRowsTwoByHalf .sapMGTContentShimmerPlaceholderItemTextTwoByHalf {
  height: 0.5rem;
  width: 80%;
  margin-left: 0.75rem;
}
.sapMGTLoadingShimmer {
  background-color: #616161;
  background-image: linear-gradient(to right, #616161 0%, #616161 35%, #555555 50%, #616161 65%, #616161 100%);
  background-repeat: no-repeat;
  background-size: 800px 144px;
  position: relative;
  border-radius: 0.25rem;
}
[data-sap-ui-animation-mode="full"] .sapMGTLoadingShimmer {
  animation-duration: 2.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
}
[data-sap-ui-animation-mode="basic"] .sapMGTLoadingShimmer,
[data-sap-ui-animation-mode="minimal"] .sapMGTLoadingShimmer {
  animation-duration: 8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.sapMGTBackgroundImage {
  background-clip: padding-box;
  background-color: inherit;
  background-position: inherit;
  background-size: cover;
}
.sapMGT.sapMPointer * {
  cursor: pointer;
}
.sapMGT:focus {
  outline: none;
}
.sapMGT.OneByOne {
  width: 11rem;
  height: 11rem;
}
.sapMGT.TwoByOne {
  width: 22.5rem;
  height: 11rem;
}
.sapMGT.OneByHalf {
  width: 11rem;
  height: 5.25rem;
}
.sapMGT.TwoByHalf {
  width: 22.5rem;
  height: 5.25rem;
}
.OneByOne.tileWithAppInfo .sapMGTContent.appInfoWithFooter {
  height: 3.5rem;
}
.OneByOne.tileWithAppInfo .sapMGTContent.appInfoWithFooter .sapMTileCnt .sapMTileCntContent {
  height: 1.75rem;
}
.OneByOne.tileWithAppInfo .sapMGTContent.appInfoWithFooter .sapMTileCnt .sapMTileCntContent .sapMNC {
  height: 1.75rem;
}
.OneByOne.tileWithAppInfo .sapMGTContent.appInfoWithFooter .sapMTileCnt .sapMTileCntContent .sapMNC .sapMNCLargeFontSize {
  font-size: 1.75rem;
  height: 1.75rem;
}
.OneByOne.tileWithAppInfo .sapMGTContent.appInfoWithFooter .sapMTileCnt .sapMTileCntContent .sapMNC .sapMNCIndScale {
  padding: 0rem;
  padding-left: 0.5rem;
}
.OneByOne.tileWithAppInfo .sapMGTContent.appInfoWithFooter .sapMTileCnt .sapMTileCntContent .sapMImageContent {
  height: 1.75rem;
}
.OneByOne.tileWithAppInfo .sapMGTContent.appInfoWithFooter .sapMTileCnt .sapMTileCntContent .sapMImageContent .sapMImageContentImageIcon {
  padding-bottom: 0rem;
}
.OneByOne.tileWithAppInfo .sapMGTContent.appInfoWithFooter .sapMTileCnt .sapMTileCntFtrTxt {
  position: static;
}
.OneByOne.tileWithAppInfo .sapMGTContent.appInfoWithoutFooter {
  height: 3.5rem;
}
.OneByOne.tileWithAppInfo .sapMGTContent.appInfoWithoutFooter .sapMTileCnt {
  height: 3.5rem;
}
.OneByOne.tileWithAppInfo .sapMGTContent.appInfoWithoutFooter .sapMTileCnt .sapMTileCntContent {
  height: 3.25rem;
}
.OneByOne.tileWithAppInfo .sapMGTContent.appInfoWithoutFooter .sapMTileCnt .sapMTileCntContent .sapMImageContent {
  height: 3.25rem;
}
.OneByOne.tileWithAppInfo .sapMGTTInfoContainer {
  height: 2rem;
  margin-top: 0.25rem;
}
.OneByOne.tileWithAppInfo .sapMGTTInfoContainer .sapMGTTInfo {
  padding: 0.125rem 1rem 0.125rem 0.125rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem 0 0 0.25rem;
  background-color: #fafafa;
  width: fit-content;
  float: right;
  bottom: 0;
  position: absolute;
  right: 0;
}
.OneByOne.tileWithAppInfo .sapMGTTInfoContainer .sapMGTTInfo .sapMText {
  font-size: 0.75rem;
}
.OneByOne.tileWithAppInfo .sapMGTTInfoContainer .sapMGTTInfo .sapMGTSystemInfoText {
  display: flex;
  justify-content: flex-end;
}
.OneByOne.tileWithAppInfo .sapMGTTInfoContainer .sapMGTTInfo .sapMGTSystemInfoText .sapMText {
  color: #333333;
}
.OneByOne.tileWithAppInfo .sapMGTTInfoContainer .sapMGTTInfo .sapMGTAppShortcutText {
  display: flex;
  justify-content: flex-end;
}
.OneByOne.tileWithAppInfo .sapMGTTInfoContainer .sapMGTTInfo .sapMGTAppShortcutText .sapMText {
  color: #666666;
}
.OneByHalf .sapMGTHdrContent {
  height: 1.25rem;
}
.OneByHalf .sapMGTHdrContent .sapMGTHdrTxt .sapMText {
  display: block;
}
.OneByHalf .sapMGTContent {
  height: 3rem;
}
.OneByHalf .sapMGTContent .sapMTileCnt {
  height: 100%;
}
.OneByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent {
  height: 2.5rem;
}
.OneByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMNCLargeFontSize {
  font-size: 1.5rem;
  padding-bottom: 0.55rem;
  height: auto;
  align-self: flex-end;
}
.OneByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMNCIndScale.sapMNCLargeFontSize {
  padding: 0.375rem 0 0.65rem 0.25rem;
}
.OneByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMImageContent {
  display: none;
}
.OneByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent > div:first-child {
  height: 100%;
}
.TwoByHalf .sapMGTHdrContent {
  height: 1.25rem;
}
.TwoByHalf .sapMGTHdrContent .sapMGTHdrTxt .sapMText {
  display: block;
}
.TwoByHalf .sapMGTContent {
  height: 3rem;
}
.TwoByHalf .sapMGTContent .sapMTileCnt {
  height: 100%;
}
.TwoByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent {
  height: 2.5rem;
}
.TwoByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMNCLargeFontSize {
  font-size: 1.5rem;
  padding-bottom: 0.55rem;
  height: auto;
  align-self: flex-end;
}
.TwoByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMNCIndScale.sapMNCLargeFontSize {
  padding: 0.375rem 0 0.65rem 0.25rem;
}
.TwoByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMImageContentImageIcon {
  max-height: 1.75rem;
  bottom: auto;
}
.TwoByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent > div:first-child {
  height: 100%;
}
.sapMGTHdrTxt,
.sapMGTHdrTxt > .sapMGTTitle,
.sapMGTSubHdrTxt,
.sapMGT .sapMGTContent {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
}
.sapMGTHdrTxt > .sapMGTTitle,
.sapMGenericTileFtrFldTxt > .sapMGTFailed {
  cursor: inherit;
}
.sapMGTInnrCnt {
  display: inline-block;
}
.sapMGTContent {
  height: 6.375rem;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}
.sapMGTHdrTxt {
  overflow: hidden;
}
.sapMGTHdrTxt .sapMText {
  display: inline;
}
.sapMGT .sapMText {
  line-height: normal;
}
.sapMGTHdrTxt > .sapMText {
  color: #333333;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
}
.sapMGTSubHdrTxt > .sapMText,
.sapMGTSubHdrTxt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #666666;
}
.sapMGTHdrContent {
  height: 3.625rem;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.sapMGTHdrContent.Stretch {
  height: 42%;
  padding-top: 0rem;
}
.sapMGT.sapMGTBackgroundImage.Stretch .sapMGTContent {
  height: 58%;
}
.sapMGTHdrIconImage {
  float: right;
  width: 2.5rem;
  min-height: 2.5rem;
  font-size: 2.5rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #007cc0;
}
.sapMGenericTileFtrFldTxt {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  color: #666666;
}
.sapMGenericTileFtrFldIcn {
  color: #666666;
}
html.sap-desktop .sapMGT:focus:not([tabindex]) {
  border-color: transparent;
}
.sapMGTOverlay {
  background-color: #ffffff;
  border-radius: 0.125rem;
}
.sapMGT.sapMGTScopeActions .sapMTileCntContent,
.sapMGT.sapMGTScopeSingleAction .sapMTileCntContent {
  position: relative;
}
.sapMGT.sapMGTScopeActions .sapMTileCntContent:after,
.sapMGT.sapMGTScopeSingleAction .sapMTileCntContent:after {
  position: absolute !important;
  pointer-events: none;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  content: "";
  background-color: rgba(255, 255, 255, 0.6);
}
.sapMGT.sapMGTScopeActions .sapMGTMoreIcon,
.sapMGT.sapMGTScopeSingleAction .sapMGTMoreIcon {
  height: 1rem;
  position: absolute;
  right: 0.75rem;
  bottom: 0.563rem;
  z-index: 1;
  color: #666666;
}
.sapMGT.sapMGTScopeActions .sapMGTMoreIcon:focus,
.sapMGT.sapMGTScopeSingleAction .sapMGTMoreIcon:focus {
  outline: none;
}
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  padding: 0px;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  z-index: 3;
  background-color: #f7f7f7;
  color: #333333;
  overflow: visible;
  /* The touch area has a different size and is slightly moved to the left and bottom */
}
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton .sapMBtnFocusDiv,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton .sapMBtnFocusDiv {
  display: none;
}
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton .sapMBtnInner,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton .sapMBtnInner,
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton .sapMBtnActive.sapMBtnInner,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton .sapMBtnActive.sapMBtnInner {
  width: 100%;
  height: 100%;
  min-width: 0px;
  outline-offset: -2px;
}
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton .sapMBtnInner,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton .sapMBtnInner,
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton .sapMBtnActive.sapMBtnInner,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton .sapMBtnActive.sapMBtnInner,
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton .sapMBtnInner:hover,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton .sapMBtnInner:hover,
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton .sapMBtnActive.sapMBtnInner:hover,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton .sapMBtnActive.sapMBtnInner:hover,
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton .sapMBtnInner:active,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton .sapMBtnInner:active,
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton .sapMBtnActive.sapMBtnInner:active,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton .sapMBtnActive.sapMBtnInner:active,
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton .sapMBtnInner:focus,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton .sapMBtnInner:focus,
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton .sapMBtnActive.sapMBtnInner:focus,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton .sapMBtnActive.sapMBtnInner:focus {
  border-color: #bfbfbf;
  border-radius: 50% !important;
}
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton .sapMBtnIcon,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton .sapMBtnIcon {
  font-size: 0.75rem;
  margin: 0px;
  width: 100%;
}
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton .sapMBtnIcon:before,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton .sapMBtnIcon:before {
  position: relative;
  top: -0.125rem;
  left: -0.0625rem;
}
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton:focus > .sapMFocusable,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton:focus > .sapMFocusable {
  outline: none;
  border-radius: 50%;
}
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton:before,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton:before {
  content: "";
  color: #666666;
  position: absolute;
  top: -1px;
  bottom: -0.6875rem;
  left: -0.6875rem;
  right: -0.0625rem;
}
.sapMGT.sapMGTScopeActions.sapMGTBackgroundImage .sapMTileCntContent:after,
.sapMGT.sapMGTScopeSingleActions.sapMGTBackgroundImage .sapMTileCntContent:after {
  content: none;
}
.sapMGT.sapMGTScopeActions.sapMGTBackgroundImage .sapMGTContent:before,
.sapMGT.sapMGTScopeSingleActions.sapMGTBackgroundImage .sapMGTContent:before {
  position: absolute !important;
  pointer-events: none;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  content: "";
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0.125rem;
}
/* mixin for flex-box entries */
/************************ LINE MODE LIST VIEW ********************/
.sapMGTLineModeListContainer {
  background-color: #ffffff;
  border: #dddddd;
  border-radius: 0.25rem;
  box-shadow: 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
/* COZY */
.sapUiMedia-GenericTileDeviceSet-small .sapMGTLineMode.sapMGT {
  align-items: center;
  padding: 0.5rem;
  min-height: 2rem;
  max-width: 100%;
  border-radius: 0.25rem;
  transition: background-color 0.2s;
  pointer-events: none;
  margin: 0.25rem 0.5rem 0.25rem 0;
}
.sapUiMedia-GenericTileDeviceSet-small .sapMGTLineMode .sapMGTTouchArea {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: center;
  width: 100%;
  pointer-events: auto;
  padding: 0.5625rem 0.5rem;
  margin: -0.1875rem 0;
  box-sizing: border-box;
}
.sapUiMedia-GenericTileDeviceSet-small .sapMGTLineMode .sapMGTLineModeHelpContainer {
  display: flex;
  align-items: center;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex-wrap: wrap;
  overflow: hidden;
}
.sapUiMedia-GenericTileDeviceSet-small .sapMGTLineMode .sapMGTHdrTxt {
  position: relative;
  font-size: 0.875rem;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  line-height: 1.375rem;
}
.sapUiMedia-GenericTileDeviceSet-small .sapMGTLineMode .sapMGTHdrTxt:after {
  content: " ";
  margin-right: 0.5rem;
}
.sapUiMedia-GenericTileDeviceSet-small .sapMGTLineMode .sapMGTSubHdrTxt {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-top: 0;
  max-width: 100%;
}
.sapUiMedia-GenericTileDeviceSet-small .sapMGTLineMode .sapMGTLineModeFailedIcon {
  align-self: baseline;
  line-height: 1.375rem;
  padding-right: 0.375rem;
  text-align: left;
  font-size: 1.375rem !important;
}
.sapMGTLineMode .sapMGTActionsContainer:not(.sapMGTScopeSingleActionContainer) {
  width: 2rem;
}
.sapMGTLineMode .sapMGTActionsContainer:not(.sapMGTScopeSingleActionContainer) .sapMGTMoreIcon {
  position: static;
  padding-right: 0.5rem;
}
.sapMGTLineMode .sapMGTActionsContainer:not(.sapMGTScopeSingleActionContainer) .sapMGTRemoveButton {
  position: absolute;
  top: -1rem;
  left: 1.5rem;
}
.sapMGTLineMode .sapMGTTouchArea .sapMGTScopeSingleActionContainer .sapMGTMoreIcon {
  position: static;
}
.sapMGTLineMode .sapMGTTouchArea .sapMGTScopeSingleActionContainer .sapMGTRemoveButton {
  position: absolute;
  top: -1rem;
  left: 1.5rem;
}
/* ActionsContainer Styles commonly shared with all screen sizes in compact and cozy */
.sapMGTLineMode .sapMGTActionsContainer,
.sapMGTLineMode .sapMGTScopeSingleActionContainer {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  line-height: 1.375rem;
}
.sapMGTLineMode .sapMGTActionsContainer,
.sapMGTLineMode .sapMGTScopeSingleActionContainer,
.sapMGTLineMode .sapMGTActionsContainer *,
.sapMGTLineMode .sapMGTScopeSingleActionContainer * {
  pointer-events: auto;
}
.sapMGTLineMode .sapMGTActionsContainer .sapMGTMoreIcon,
.sapMGTLineMode .sapMGTScopeSingleActionContainer .sapMGTMoreIcon {
  display: block;
  right: -1.5rem;
  bottom: 0.25rem;
  width: 2rem;
}
.sapMGTLineMode .sapMGTActionsContainer .sapMGTRemoveButton,
.sapMGTLineMode .sapMGTScopeSingleActionContainer .sapMGTRemoveButton {
  display: block;
  margin: 0 0.3125rem;
  top: -1rem;
  left: -0.5rem;
  z-index: 0;
}
.sapMGTLineMode .sapMGTActionsContainer .sapMGTRemoveButton:before,
.sapMGTLineMode .sapMGTScopeSingleActionContainer .sapMGTRemoveButton:before {
  content: none;
}
.sapMGTLineMode .sapMGTActionsContainer .sapMGTRemoveButton .sapMBtnIcon::before,
.sapMGTLineMode .sapMGTScopeSingleActionContainer .sapMGTRemoveButton .sapMBtnIcon::before {
  width: 1.25rem;
  height: 1.5rem;
  padding: 0.75rem 0.3125rem;
  margin-top: -0.75rem;
  margin-left: -0.75rem;
  left: 0;
  display: inline-block;
}
.sapUiSizeCompact .sapMGTLineMode .sapMGTActionsContainer .sapMGTRemoveButton .sapMBtnIcon::before {
  padding: 0.25rem 0.3125rem;
}
.sapMGTLineMode .sapMGTLineModeFailedIcon {
  text-align: start;
}
/* COMPACT */
.sapUiMedia-GenericTileDeviceSet-small.sapUiSizeCompact .sapMGTLineMode.sapMGT,
.sapUiMedia-GenericTileDeviceSet-small .sapUiSizeCompact .sapMGTLineMode.sapMGT {
  min-height: 1.625rem;
}
.sapUiMedia-GenericTileDeviceSet-small.sapUiSizeCompact .sapMGTLineMode .sapMGTTouchArea,
.sapUiMedia-GenericTileDeviceSet-small .sapUiSizeCompact .sapMGTLineMode .sapMGTTouchArea {
  padding: 0.125rem 0.5rem;
  margin: -0.1875rem 0;
}
.sapUiMedia-GenericTileDeviceSet-small.sapUiSizeCompact .sapMGTLineMode .sapMGTLineModeFailedIcon,
.sapUiMedia-GenericTileDeviceSet-small .sapUiSizeCompact .sapMGTLineMode .sapMGTLineModeFailedIcon {
  font-size: 0.875rem !important;
}
/************************ LINE MODE FLOATING VIEW *****************/
.sapMGTLineModeFloatingContainer {
  background-color: #ffffff;
  border: #dddddd;
  border-radius: 0.25rem;
  box-shadow: 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
/* COZY */
.sapUiMedia-GenericTileDeviceSet-large.sapMGTLineModeContainer,
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineModeContainer {
  padding-right: 1rem;
  box-sizing: border-box;
  position: relative;
  /* make the tile's parent <<positioned>>, in order to make JS get the correct offsetParent */
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGT.sapMGTLineMode {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-text-size-adjust: 100%;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGT.sapMGTLineMode {
  float: none;
  clear: none;
  margin-bottom: 0px;
  display: inline-block;
  min-width: 2rem;
  background-color: #ffffff;
  border: #dddddd;
  border-radius: 0.25rem;
  box-shadow: 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
  position: relative;
  padding: 0.5rem;
  margin: 0.25rem 0.5rem 0.25rem 0;
  min-height: 2rem;
  /* used as hover-style bar height */
  pointer-events: none;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineMode .sapMGTHdrTxt,
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineMode .sapMGTSubHdrTxt {
  word-break: normal;
  display: inline;
  white-space: normal;
  position: relative;
  left: 0.5rem;
  top: 1px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  z-index: 2;
  padding-right: 0.5rem;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineMode .sapMGTHdrTxt:after,
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineMode .sapMGTSubHdrTxt:after {
  content: none;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineMode .sapMGTSubHdrTxt {
  margin-right: 0.5rem;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineMode .sapMGTSubHdrTxt:before {
  content: "";
  display: inline-block;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineMode .sapMGTLineModeFailedIcon {
  display: inline-block;
  vertical-align: middle;
  padding-right: 0px;
  position: relative;
  left: 0.5rem;
  border-right: 0.375rem solid transparent;
  box-sizing: border-box;
  font-size: 0.875rem !important;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineMode .sapMGTHdrTxt {
  border-left: 0.5rem solid transparent;
  margin-left: -0.5rem;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineMode .sapMGTHdrTxt:last-of-type {
  padding-right: 0.5rem;
  margin-right: 0.5rem;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineMode.sapMGTScopeSingleAction .sapMGTHdrTxt:last-of-type,
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineMode.sapMGTScopeSingleAction .sapMGTSubHdrTxt {
  padding-right: 1rem;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineMode.sapMGTScopeActions .sapMGTHdrTxt:last-of-type,
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineMode.sapMGTScopeActions .sapMGTSubHdrTxt {
  padding-right: 3rem;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTActionsContainer {
  position: absolute;
  right: 0.1875rem;
  bottom: 0px;
  line-height: 1.375rem;
  z-index: 2;
  padding: 0px;
  height: 1.5rem;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTActionsContainer,
.sapUiMedia-GenericTileDeviceSet-large .sapMGTActionsContainer * {
  pointer-events: auto;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTStartMarker,
.sapUiMedia-GenericTileDeviceSet-large .sapMGTEndMarker {
  display: inline-block;
  position: relative;
  top: 0.5rem;
  z-index: 2;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTStyleHelper {
  position: absolute;
  top: 0px;
  width: 100%;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineStyleHelper {
  position: absolute;
  pointer-events: auto;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineStyleHelper .sapMGTLineStyleHelperInner {
  position: absolute !important;
  pointer-events: none;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineStyleHelper:not(:last-child) {
  border-bottom: 0.25rem solid transparent;
}
.sapUiMedia-GenericTileDeviceSet-large .sapMGTLineMode .sapMGTHdrTxt {
  max-height: none !important;
}
/* COMPACT */
.sapUiMedia-GenericTileDeviceSet-large.sapUiSizeCompact .sapMGT.sapMGTLineMode,
.sapUiMedia-GenericTileDeviceSet-large .sapUiSizeCompact .sapMGT.sapMGTLineMode {
  min-height: 2rem;
  padding: 0.5rem;
}
.sapUiMedia-GenericTileDeviceSet-large.sapUiSizeCompact .sapMGTLineMode .sapMGTLineModeFailedIcon,
.sapUiMedia-GenericTileDeviceSet-large .sapUiSizeCompact .sapMGTLineMode .sapMGTLineModeFailedIcon {
  display: inline-block;
  vertical-align: middle;
  padding-right: 0px;
  margin-top: 0px;
  position: relative;
  left: 0.5rem;
  border-right: 0.375rem solid transparent;
  box-sizing: border-box;
  font-size: 0.875rem !important;
}
/* Fix for rendering order on tablets in RTL */
html[dir=rtl] .sapMGTLineMode .sapMGTHdrTxt,
html[dir=rtl] .sapMGTLineMode .sapMGTSubHdrTxt {
  unicode-bidi: -webkit-isolate;
  /* needs to be prefixed for older webkit browsers */
}
/******************* OVERLAYS AND HELPERS *******************/
.sapMGT.sapMGTStateFailed .sapMTileCnt,
.sapMGT.sapMGTStateDisabled .sapMTileCnt {
  position: relative;
}
.sapMGT.sapMGTStateFailed .sapMTileCnt:after,
.sapMGT.sapMGTStateDisabled .sapMTileCnt:after {
  position: absolute !important;
  pointer-events: none;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  content: "";
  background-color: rgba(255, 255, 255, 0.8);
}
.sapMGT .sapMGTFocusDiv {
  position: absolute !important;
  pointer-events: none;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  border-radius: 0.25rem;
}
.sapMGT.sapMGTBackgroundImage .sapMGTFocusDiv {
  position: absolute !important;
  pointer-events: none;
  left: 1px;
  top: 1px;
  right: 1px;
  bottom: 1px;
  z-index: 2;
}
.sapMGTLineMode .sapMGTFocusDiv {
  top: 1px;
  right: 1px;
  left: 1px;
  bottom: 1px;
  border-radius: 0.25rem !important;
}
.sapMGenericTileFtrFld {
  left: 0.4375rem;
  right: 0.4375rem;
  bottom: 0.75rem;
  position: absolute;
}
.sapMGenericTileFtrFldTxt {
  font-weight: normal;
  display: table-cell;
  padding-left: 0.5rem;
  vertical-align: bottom;
  width: 100%;
}
html[dir=rtl] .sapMGenericTileFtrFldTxt {
  padding-right: 0.5rem;
}
.sapMGenericTileFtrFldIcn {
  margin-right: 0.5rem;
  display: table-cell;
  vertical-align: bottom;
}
.sapMGenericTileFtrFldIcn > .sapMGTFtrFldIcnMrk {
  vertical-align: bottom;
}
/* the following is needed for non-webkit browsers that don't support line-clamping */
/* some places should be left for subheader when the subheader exists*/
.sapMGT.sapMGTHeaderMode .sapMGTHdrTxt:nth-last-of-type(2) {
  max-height: 5.48rem;
}
.sapMGT:not(.sapMGTHeaderMode) .sapMGTHdrTxt:nth-last-of-type(2) {
  max-height: 2.74rem;
}
/* the max-height is calculated the same as webkit-line-clamping and supported to work when
the screen size changes between small and large (e.g. mobile devices auto rotation) without rerendering*/
html[data-sap-ui-browser*='ff'] .sapMGT.sapMGTHeaderMode .sapMGTHdrContent .sapMTextMaxLine {
  max-height: 6.85rem !important;
}
.sapMTileSmallPhone.sapMGT.sapMGTHeaderMode .sapMGTHdrTxt:nth-last-of-type(2) {
  max-height: 4.72rem;
}
.sapMTileSmallPhone.sapMGT:not(.sapMGTHeaderMode) .sapMGTHdrTxt:nth-last-of-type(2) {
  max-height: 2.36rem;
}
.sapMTileSmallPhone html[data-sap-ui-browser*='ff'].sapMGT.sapMGTHeaderMode > .sapMGTHdrContent .sapMTextMaxLine {
  max-height: 5.9rem !important;
}
.sapMTileSmallPhone html[data-sap-ui-browser*='ff'].sapMGT:not(.sapMGTHeaderMode) > .sapMGTHdrContent .sapMTextMaxLine {
  max-height: 3.54rem !important;
}
.sapMTileSmallPhone.sapMGT.OneByOne {
  width: 9.25rem;
  height: 9.25rem;
}
.sapMTileSmallPhone.sapMGT.TwoByOne {
  width: 19rem;
  height: 9.25rem;
}
.sapMTileSmallPhone.sapMGT.OneByHalf {
  width: 9.25rem;
  height: 4.375rem;
}
.sapMTileSmallPhone.sapMGT.OneByHalf .sapMGTHdrContent {
  height: 1.25rem;
}
.sapMTileSmallPhone.sapMGT.OneByHalf .sapMGTContent {
  height: 2.625rem;
}
.sapMTileSmallPhone.sapMGT.OneByHalf .sapMGTContent .sapMTileCnt {
  height: 2.125rem;
}
.sapMTileSmallPhone.sapMGT.OneByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent {
  height: 100%;
}
.sapMTileSmallPhone.sapMGT.OneByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMNCLargeFontSize {
  font-size: 1.5rem;
  height: auto;
  align-self: flex-end;
  padding-bottom: 0.25rem;
}
.sapMTileSmallPhone.sapMGT.OneByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMNCIndScale.sapMNCLargeFontSize {
  padding: 0.25rem 0 0.25rem 0.25rem;
}
.sapMTileSmallPhone.sapMGT.OneByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMImageContent {
  display: none;
}
.sapMTileSmallPhone.sapMGT.OneByHalf .sapMGTContent .sapMTileCnt .sapMTileCntFtrTxt {
  margin-top: 0.25rem;
  bottom: 0;
}
.sapMTileSmallPhone.sapMGT.TwoByHalf {
  width: 19rem;
  height: 4.375rem;
}
.sapMTileSmallPhone.sapMGT.TwoByHalf .sapMGTHdrContent {
  height: 1.25rem;
}
.sapMTileSmallPhone.sapMGT.TwoByHalf .sapMGTContent {
  height: 2.625rem;
}
.sapMTileSmallPhone.sapMGT.TwoByHalf .sapMGTContent .sapMTileCnt {
  height: 2.125rem;
}
.sapMTileSmallPhone.sapMGT.TwoByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent {
  height: 100%;
}
.sapMTileSmallPhone.sapMGT.TwoByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMNCLargeFontSize {
  font-size: 1.5rem;
  align-self: flex-end;
  height: auto;
  padding-bottom: 0.25rem;
}
.sapMTileSmallPhone.sapMGT.TwoByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMNCIndScale.sapMNCLargeFontSize {
  padding: 0.25rem 0 0.25rem 0.2 5rem;
}
.sapMTileSmallPhone.sapMGT.TwoByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMImageContentImageIcon {
  height: 100%;
  max-height: 2rem;
}
.sapMTileSmallPhone.sapMGT.TwoByHalf .sapMGTContent .sapMTileCnt .sapMTileCntContent > div:first-child {
  height: 100%;
}
.sapMTileSmallPhone.sapMGT.TwoByHalf .sapMGTContent .sapMTileCnt .sapMTileCntFtrTxt {
  margin-top: 0.25rem;
  bottom: 0;
}
.sapMTileSmallPhone .sapMGTContent {
  height: 5.5rem;
}
.sapMTileSmallPhone .sapMGTHdrContent {
  height: 3.25rem;
  padding: 0.5rem 0.5rem 0 0.5rem;
}
.sapMTileSmallPhone .sapMGTSubHdrTxt {
  margin-top: 0;
}
.sapMTileSmallPhone .sapMGT.sapMGTScopeActions .sapMGTMoreIcon,
.sapMTileSmallPhone .sapMGT.sapMGTScopeSingleAction .sapMGTMoreIcon {
  right: 0.5rem;
  bottom: 0.313rem;
}
.sapMTileSmallPhone .sapMGTHdrTxt > .sapMText {
  font-size: 0.875rem;
}
.sapMTileSmallPhone .sapMGTSubHdrTxt,
.sapMTileSmallPhone .sapMGTSubHdrTxt > .sapMText {
  font-size: 0.75rem;
}
.sapTilePaddingTest .sapMTileCntContent {
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.sapTilePaddingTest .sapMGTHdrContent {
  padding-top: 0.6875rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.sapTilePaddingTest .sapMTileCntFtrTxt {
  margin-left: 1rem;
  margin-right: 1rem;
  bottom: 1.0625rem;
}
.TwoByOne.sapMGTActionMode {
  height: 11.375rem;
  width: 20rem;
  overflow: hidden;
}
.TwoByOne.sapMGTActionMode .sapMGTTitle {
  font-weight: bold;
}
.TwoByOne.sapMGTActionMode .sapMGTHdrContent {
  padding: 0;
  margin: 1rem 1rem 1rem 1rem;
  height: 3rem;
  overflow: hidden;
}
.TwoByOne.sapMGTActionMode .sapMGTHdrContent .sapMText {
  font-size: 1rem;
  line-height: 1.5rem;
}
.TwoByOne.sapMGTActionMode .sapMGTHdrContent .sapMGTSubHdrTxt .sapMText {
  font-size: 0.875rem;
}
.TwoByOne.sapMGTActionMode .sapMGTHdrContent .sapMGTHdrIconImage {
  float: left;
  margin-right: 1rem;
  width: 3rem;
}
.TwoByOne.sapMGTActionMode .sapMGTHdrContent .sapMGTHdrIconImage.sapUiIcon {
  width: 2rem;
}
.TwoByOne.sapMGTActionMode .sapMGTHdrContent .sapMGTHdrIconImage.sapUiIcon::before {
  font-size: 2rem;
}
.TwoByOne.sapMGTActionMode .sapMGTHdrContent .sapMGTHdrIconImage.Neutral {
  color: #000;
}
.TwoByOne.sapMGTActionMode .sapMGTHdrContent .sapMGTHdrIconImage.Good {
  color: #007833;
}
.TwoByOne.sapMGTActionMode .sapMGTHdrContent .sapMGTHdrIconImage.Critical {
  color: #d14900;
}
.TwoByOne.sapMGTActionMode .sapMGTHdrContent .sapMGTHdrIconImage.Error {
  color: #cc1919;
}
.TwoByOne.sapMGTActionMode .sapMGTHdrContent .sapMGTHdrIconImage.None {
  color: #007cc0;
}
.TwoByOne.sapMGTActionMode .sapMGTContent {
  height: 6.5rem;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt {
  height: 6.5rem;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer {
  height: 3rem;
  margin-bottom: 0.625rem;
  overflow: hidden;
  display: flex;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .sapMTilePriority {
  margin: 0 0.5rem 0 1rem;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .sapMTilePriority .sapMTilePriorityCnt {
  display: flex;
  align-items: center;
  height: 1.5rem;
  width: fit-content;
  border-radius: 0.25rem;
  overflow: hidden;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .sapMTilePriority .sapMTilePriorityCnt .sapMTilePriorityBorder {
  width: 0.125rem;
  height: inherit;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .sapMTilePriority .sapMTilePriorityCnt .sapMTilePriorityValue {
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1rem;
  padding: 0.25rem 0.5rem 0.25rem 0.625rem;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .High .sapMTilePriorityCnt {
  background-color: #fbdfdf;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .High .sapMTilePriorityCnt .sapMTilePriorityBorder {
  background-color: #e52929;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .High .sapMTilePriorityCnt .sapMTilePriorityValue {
  color: #cc1919;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .Medium .sapMTilePriorityCnt {
  background-color: #fffcb5;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .Medium .sapMTilePriorityCnt .sapMTilePriorityBorder {
  background-color: #f0ab00;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .Medium .sapMTilePriorityCnt .sapMTilePriorityValue {
  color: #d14900;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .Low .sapMTilePriorityCnt {
  background-color: #e0f1e7;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .Low .sapMTilePriorityCnt .sapMTilePriorityBorder {
  background-color: #008a3b;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .Low .sapMTilePriorityCnt .sapMTilePriorityValue {
  color: #007833;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .sapMTileCntContent {
  padding: 0;
  margin: 0 1rem 0 0;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .sapMTileCntContent .sapMText {
  line-height: 1.5rem;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileContainer .sapMTileCntContent .sapMNC .sapMNCInner {
  position: relative;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileCntContent {
  height: 3rem;
  overflow: hidden;
  padding: 0 1rem;
  margin: 0 0 0.625rem 0;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMText {
  line-height: 1.5rem;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMImageContent {
  height: 3rem;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMImageContent .sapMImageContentImageIcon {
  max-height: 3rem;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileFtrCnt {
  height: 2rem;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0rem;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileFtrCnt .sapMTileCntFtrTxt {
  position: initial;
  margin-right: 0;
  margin-left: 1rem;
  font-size: 0.75rem;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileFtrCnt .sapMGTActionModeContainer {
  margin: 0 1rem 0 0.5rem;
  display: inline-flex;
  column-gap: 0.5rem;
}
.TwoByOne.sapMGTActionMode .sapMGTContent .sapMTileCnt .sapMTileCntFtrTxt {
  margin: 0 1rem;
  font-size: 0.75rem;
  bottom: 1.5rem;
}
.TwoByOne.sapMTileSmallPhone.sapMGTActionMode {
  height: 11.375rem;
  width: 19rem;
}
.sapMAutoPointer .sapMText {
  cursor: auto;
}
.TwoByHalf.sapMGTIconMode.sapMTileSmallPhone.sapMGT .sapMGTHdrContent {
  height: auto;
  max-height: 2rem;
  padding-top: 0;
}
@media (min-width: 320px) and (max-width: 599px) {
  .sapMGT.sapMGTOneByOne {
    width: 9rem;
    height: 9rem;
  }
}
@media (min-width: 600px) {
  .sapMGT.sapMGTOneByOne {
    width: 7rem;
    height: 7rem;
  }
}
.sapMGT.sapMGTOneByOne {
  border-radius: 1rem;
  border: none;
}
.sapMGTHdrContent.sapMGTOneByOne {
  height: 3.625rem;
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.sapMGTHdrContent.sapMGTOneByOne > .sapMGTHdrTxt > .sapMText {
  font-size: 0.875rem;
  color: #fff;
  text-align: center !important;
}
.sapMGTOneByOneIcon {
  display: flex;
  align-items: flex-end;
  padding-top: 1.25rem;
  justify-content: center;
}
.sapMGT.sapMGTTwoByHalf {
  display: flex;
  border: none ;
  box-shadow: none ;
  background-color: transparent ;
  align-items: center;
  width: 18.75rem;
  height: 3.438rem;
  padding-left: 0.75rem;
  border-radius: 0.75rem;
  box-sizing: border-box;
}
.sapMGTTwoByHalf > .TwoByHalf > .sapMGTHdrTxt > .sapMText {
  font-size: 0.875rem;
  color: #333333;
}
.sapMGTTwoByHalfIcon {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  flex-shrink: 0;
}
.sapMGT.TwoByHalf .sapMGTHdrContent {
  line-height: 2rem;
  vertical-align: middle;
}
.sapMGTTwoByHalfIcon ~ .sapMGTHdrContent.TwoByHalf {
  padding-top: 0.25rem;
  padding-left: 1rem;
  height: initial;
  align-items: center;
}
.sapMGTTileIcon {
  color: #fff;
}
.sapMGTArticleMode .sapMGTContent .sapMTileCnt .sapMTileCntContent {
  height: 3.25rem;
}
.sapMGTArticleMode .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMImageContent {
  height: 3rem;
}
.sapMGTArticleMode .sapMGTContent .sapMTileCnt .sapMTileCntContent .sapMImageContent .sapMImageContentImageIcon {
  max-height: 3.25rem;
}
.sapMGTArticleMode .sapMGTContent .sapMTileCnt .sapMTileFtrCnt {
  height: 2.5rem;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.25rem;
  justify-content: space-between;
  align-items: center;
}
.sapMGTArticleMode .sapMGTContent .sapMTileCnt .sapMTileFtrCnt .sapMTileCntFtrTxt {
  position: initial;
  margin-right: 0;
}
.sapMGTArticleMode .sapMGTContent .sapMTileCnt .sapMTileFtrCnt .sapMTileNavContainer {
  margin: 0 1rem 0 0.5rem;
}
.sapMGTArticleMode.sapMTileSmallPhone .sapMGTContent .sapMTileCnt .sapMTileFtrCnt .sapMTileNavContainer {
  margin-right: 0.5rem;
}
/* ========================================== */
/* CSS for control sap.m/GroupHeaderListItem  */
/* Base theme                                 */
/* ========================================== */
.sapMGHLI .sapMLIBSelectM,
.sapMGHLI .sapMLIBSelectS,
.sapMGHLI .sapMLIBSelectD,
.sapMGHLI .sapMListTblSelCol {
  display: none;
}
.sapMGHLI .sapMLIBUnread,
.sapMGHLI .sapMListTblUnreadCol {
  display: none;
}
.sapMGHLIUpperCase {
  text-transform: uppercase;
}
.sapMGHLI > .sapMLIBContent,
.sapMGHLICell > .sapMLIBContent {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.sapMGHLITitle,
.sapMGHLICounter {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sapMGHLICounter {
  padding-left: 0.25rem;
  webkit-box-flex: 0;
  flex: none;
}
.sapMGHLI {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.sapMListUl .sapMLIB.sapMGHLI {
  height: 2rem;
  line-height: 2rem;
  font-size: 0.875rem;
  font-weight: normal;
  color: #333333;
  background: #f7f7f7;
  border-bottom: 1px solid #e5e5e5;
}
.sapMListUl > .sapMLIB.sapMGHLI {
  background: #f7f7f7;
  height: 48px;
  line-height: 2rem;
  padding-top: 1rem;
}
.sapMGHLI.sapMLIBActive.sapMLIB,
.sapMGHLI.sapMLIBActive.sapMLIB > td {
  color: white;
  background: #44a12c;
}
.sapMGHLICell {
  padding: 0 1rem;
}
/* group headers should have background color grey so that they are distinguishable from ListItems */
.sapMListTbl .sapMGHLI.sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover),
.sapMListTbl .sapMGHLI.sapMLIB.sapMLIBTypeInactive {
  background: #f2f2f2;
}
/* ====================================== */
/* CSS for control sap.m/HeaderContainer  */
/* Base theme                             */
/* ====================================== */
.sapMHdrCntr {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.sapMHdrCntr.Horizontal {
  max-width: 100%;
}
.sapMHdrCntr.Vertical {
  max-height: 100%;
}
/* initial condition for hide and display arrow button container*/
.sapMHdrCntrBtnCntr {
  display: none;
}
.sapMHdrCntrBtnCntr.Horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 2.5rem;
}
.sapMHdrCntrBtnCntr.Horizontal.sapMHdrCntrLeft {
  left: 0.25rem;
}
.sapMHdrCntrBtnCntr.Horizontal.sapMHdrCntrRight {
  right: 0.25rem;
}
.sapUiSizeCompact .sapMHdrCntrBtnCntr.Horizontal.sapMHdrCntrLeft {
  left: 0rem;
}
.sapUiSizeCompact .sapMHdrCntrBtnCntr.Horizontal.sapMHdrCntrRight {
  right: 0rem;
}
html.sap-phone .sapMHdrCntrBtnCntr.Horizontal,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Horizontal {
  width: 1.5rem;
}
html.sap-phone .sapMHdrCntrBtnCntr.Horizontal.sapMHdrCntrLeft,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Horizontal.sapMHdrCntrLeft {
  left: 0rem;
}
html.sap-phone .sapMHdrCntrBtnCntr.Horizontal.sapMHdrCntrRight,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Horizontal.sapMHdrCntrRight {
  right: 0rem;
}
.sapMHdrCntrBtnCntr.Vertical {
  position: absolute;
  left: 0px;
  right: 0px;
  height: 2.5rem;
}
.sapMHdrCntrBtnCntr.Vertical.sapMHdrCntrLeft {
  top: 0.25rem;
}
.sapMHdrCntrBtnCntr.Vertical.sapMHdrCntrRight {
  bottom: 0.25rem;
}
html.sap-phone .sapMHdrCntrBtnCntr.Vertical,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Vertical {
  height: 1.5rem;
}
html.sap-phone .sapMHdrCntrBtnCntr.Vertical.sapMHdrCntrLeft,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Vertical.sapMHdrCntrLeft {
  top: 0rem;
}
html.sap-phone .sapMHdrCntrBtnCntr.Vertical.sapMHdrCntrRight,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Vertical.sapMHdrCntrRight {
  bottom: 0rem;
}
.sapMHdrCntrBtnCntr.Horizontal > .sapMHdrCntrBtn {
  position: absolute;
  top: 50%;
  margin-top: -1.5rem;
  min-width: 1.375rem;
}
.sapUiSizeCompact .sapMHdrCntrBtnCntr.Horizontal > .sapMHdrCntrBtn {
  right: 0.25rem;
  margin-top: -1rem;
}
html.sap-phone .sapMHdrCntrBtnCntr.Horizontal > .sapMHdrCntrBtn,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Horizontal > .sapMHdrCntrBtn {
  margin-top: -0.6rem;
  font-size: 1rem;
}
.sapMHdrCntrBtnCntr.Vertical > .sapMHdrCntrBtn {
  position: absolute;
  height: 2.5rem;
  left: 50%;
  margin-left: -1.5rem;
  padding: 0px;
}
html.sap-phone .sapMHdrCntrBtnCntr.Vertical > .sapMHdrCntrBtn,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Vertical > .sapMHdrCntrBtn {
  margin-left: -0.375rem;
  font-size: 1rem;
  height: 1.375rem;
}
.sapMHdrCntrBtnCntr.Vertical > .sapMHdrCntrBtn.sapMHdrCntrRight {
  bottom: 0px;
}
.sapMHdrCntrCntr.Horizontal {
  white-space: nowrap;
}
.sapUiSizeCompact .sapMHrdrLeftPadding .sapMHdrCntrCntr.Horizontal {
  padding-left: 2.5rem;
}
.sapMHrdrLeftPadding .sapMHdrCntrCntr.Horizontal {
  padding-left: 3rem;
}
.sapUiSizeCompact .sapMHrdrRightPadding .sapMHdrCntrCntr.Horizontal {
  padding-right: 2.5rem;
}
.sapMHrdrRightPadding .sapMHdrCntrCntr.Horizontal {
  padding-right: 3rem;
}
html.sap-phone .sapMHrdrLeftPadding .sapMHdrCntrCntr.Horizontal,
html.sap-tablet:not(.sap-desktop) .sapMHrdrLeftPadding .sapMHdrCntrCntr.Horizontal {
  padding-left: 1.5rem;
}
html.sap-phone .sapMHrdrRightPadding .sapMHdrCntrCntr.Horizontal,
html.sap-tablet:not(.sap-desktop) .sapMHrdrRightPadding .sapMHdrCntrCntr.Horizontal {
  padding-right: 1.5rem;
}
.sapMHdrCntrCntr.Vertical {
  height: 100%;
  box-sizing: border-box;
}
.sapMHrdrTopPadding .sapMHdrCntrCntr.Vertical {
  padding-top: 3rem;
}
.sapUiSizeCompact .sapMHrdrTopPadding .sapMHdrCntrCntr.Vertical {
  padding-top: 2.5rem;
}
.sapMHrdrBottomPadding .sapMHdrCntrCntr.Vertical {
  padding-bottom: 3rem;
}
.sapUiSizeCompact .sapMHrdrBottomPadding .sapMHdrCntrCntr.Vertical {
  padding-bottom: 2.5rem;
}
html.sap-phone .sapMHrdrTopPadding .sapMHdrCntrCntr.Vertical,
html.sap-tablet:not(.sap-desktop) .sapMHrdrTopPadding .sapMHdrCntrCntr.Vertical {
  padding-top: 1.5rem;
}
html.sap-phone .sapMHrdrBottomPadding .sapMHdrCntrCntr.Vertical,
html.sap-tablet:not(.sap-desktop) .sapMHrdrBottomPadding .sapMHdrCntrCntr.Vertical {
  padding-bottom: 1.5rem;
}
.sapMHdrCntr .sapMScrollContScroll:focus {
  outline: none;
}
.sapMHrdrCntrInner {
  border: 1px solid transparent;
  position: relative;
  vertical-align: top;
  margin: 0.0625rem;
  padding: 0rem 0.375rem 0rem 0.375rem;
  overflow: visible;
}
.sapMHdrCntrCntr.Vertical .sapMHrdrCntrInner {
  float: left;
  clear: left;
}
.sapMHdrCntrCntr.Horizontal .sapMHrdrCntrInner:not(div:first-of-type) {
  margin-left: 1rem;
}
.sapMHdrCntrCntr.Vertical .sapMHrdrCntrInner:not(div:first-of-type) {
  margin-top: 1rem;
}
.sapMHrdrCntrDvdrs .sapMHrdrCntrInner:not(:first-child)::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  display: inline-block;
}
.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
  top: 0.375rem;
  bottom: 0.375rem;
  left: -0.6rem;
  border-left: 1px solid #e5e5e5;
}
.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
  left: 0.5rem;
  right: 0.5rem;
  top: -0.6rem;
  border-top: 1px solid #e5e5e5;
}
.sapMKTileBorder {
  display: none;
}
.sapMHdrPddngRight2 {
  padding-right: 2rem;
}
.sapMHdrPddngRight0 {
  padding-right: 0rem;
}
.sapMHdrPddngLeft2 {
  padding-left: 2rem;
}
.sapMHdrPddngleft0 {
  padding-left: 0rem;
}
.sapMHdrCntrItemCntr {
  display: inline-block;
}
.sapMHdrCntrBGTransparent {
  background-color: #ffffff;
}
.sapMHdrCntrBGSolid {
  background-color: #ffffff;
}
.sapMHdrCntrBGTranslucent {
  background-color: #ffffff;
}
html.sap-desktop .sapMHrdrCntrInner:focus {
  outline: none;
  border: 1px dotted #000;
}
/* ================================= */
/* CSS for control sap.m/IconTabBar  */
/* Base theme                        */
/* ================================= */
/* ------------------------------------------------ */
/* IconTabBar main class                            */
/* ------------------------------------------------ */
.sapMITB {
  position: relative;
  width: 100%;
}
.sapMITB.sapMITBNoContentPadding > .sapMITBContainerContent > .sapMITBContent {
  padding: 0;
}
/* ------------------------------------------------ */
/* IconTabBar tab class                             */
/* ------------------------------------------------ */
.sapMITBTab {
  width: 5rem;
  display: block;
}
/* ------------------------------------------------ */
/* IconTabBar content container                     */
/* ------------------------------------------------ */
.sapMITBContent {
  padding: 1rem;
  position: relative;
  background-color: #ffffff;
}
.sapMITBContentClosed {
  background-color: transparent;
  border-bottom: none;
  margin-top: 0.75rem;
  padding: 0.125rem 0 0 0;
  position: relative;
}
.sapMITBContainerContent {
  margin-top: 0;
  padding: 0;
  position: relative;
}
.sapMITBContainerContent.sapMITBContentClosed {
  background-color: transparent;
  border-bottom: none;
}
/* ------------------------------------------------ */
/* IconTabBar filter class                          */
/* ------------------------------------------------ */
.sapMITBFilter {
  padding: 0 0.25rem;
  cursor: pointer;
}
.sapMITBFilter .sapMITBFilterIcon,
.sapMITBFilter .sapMITBInlineIcon {
  cursor: pointer;
}
.sapMITBFilter.sapMITBItem {
  display: inline-flex;
}
.sapMITBFilter .sapMITBFilterWrapper {
  min-width: 0;
  max-width: 100%;
}
.sapMITBFilter .sapMITBText {
  width: 5rem;
  line-height: 0.9375rem;
  padding: 0.375rem 0 0;
  position: relative;
  color: #333333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.sapMITBFilter .sapMITBText .sapUiIcon {
  font-size: 1rem;
}
.sapMITBFilter .sapMITBText .sapMITHTextContent {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.sapMITBFilter.sapMITHUnselectable:not(.sapMITBDisabled) .sapMITHTextContent {
  position: relative;
}
.sapMITBFilter .sapMITBCount {
  color: #333333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  max-width: 2rem;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
}
.sapMITBFilter .sapMITBInlineIcon {
  padding-right: 0.5rem;
}
.sapMITHShowSubItemsIcon {
  pointer-events: none;
  padding-left: 0.375rem;
}
.sapMITHShowSubItemsIcon .sapUiIcon {
  cursor: pointer;
}
.sapMITH .sapMITBItem.sapMITBFilterHidden {
  display: none;
}
/* ------------------------------------------------ */
/* IconTabBar Tab Filter Show All Item class        */
/* ------------------------------------------------ */
.sapMITBAll {
  margin-right: 1.25rem;
  cursor: pointer;
}
.sapMITBAll:first-child .sapMITBTab .sapMITBCount {
  padding-left: 0;
}
.sapMITBAll .sapMITBTab {
  margin-bottom: 1rem;
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  width: auto;
}
.sapMITBAll .sapMITBCount {
  display: inline-block;
  font-size: 1.5rem;
  padding: 0 0.5rem;
  vertical-align: middle;
  width: auto;
  color: #333333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.sapMITBAll .sapMITBText {
  display: inline-block;
  max-height: 3rem;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: normal;
  width: auto;
  color: #333333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
/* ------------------------------------------------ */
/* IconTabBar Tab Text Only class                   */
/* ------------------------------------------------ */
.sapMITBTextOnly.sapMITBFilter:not(.sapMITBDisabled).sapMITBText {
  cursor: pointer;
}
.sapMITBTextOnly .sapMITBFilter {
  padding: 0 1rem;
}
.sapMITBTextOnly .sapMITBFilter .sapMITBText {
  height: 1rem;
  line-height: 1rem;
  margin: 0;
  padding: 0;
  text-align: left;
  width: auto;
}
.sapMITBTextOnly .sapMITBFilter .sapMITBCount {
  font-size: 0.875rem;
  max-width: none;
  position: relative;
}
.sapMITBTextOnly .sapMITBTab {
  height: 1rem;
  padding: 0.5625rem 0 0.3125rem 0;
  text-align: left;
  width: auto;
}
.sapMITBTextOnly .sapMITBVertical {
  height: 3.5rem;
}
.sapMITBTextOnly .sapMITBVertical.sapMITBFilter .sapMITBText + .sapMITBContentArrow {
  height: 0.625rem;
}
.sapMITBTextOnly .sapMITBText {
  font-size: 0.875rem;
}
.sapMITBTextOnly .sapMITBFilterDefault .sapMITBText {
  color: #333333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
/* ------------------------------------------------ */
/* IconTabBar Tab With No Text class                */
/* ------------------------------------------------ */
.sapMITBNoText .sapMITBFilter .sapMITBTab {
  margin: 0 0.75rem;
  width: 3rem;
}
.sapMITBNoText .sapMITBFilter:first-child .sapMITBTab {
  margin-left: 0;
}
.sapMITBNoText .sapMITBFilter .sapMITBContentArrow {
  margin: 0 auto;
  width: 3rem;
}
.sapMITBNoText .sapMITBFilter:first-child .sapMITBContentArrow {
  margin: 0 auto 0 0;
}
.sapMITBNoText .sapMITBFilter.sapMITBItemNoCount:last-child {
  padding-right: 0;
  margin-right: 0;
}
.sapMITBNoText .sapMITBFilter.sapMITBItemNoCount:last-child .sapMITBTab {
  margin-right: 0;
}
.sapMITBNoText .sapMITBFilter.sapMITBItemNoCount:last-child .sapMITBContentArrow {
  margin-right: 0;
}
.sapMITBNoText .sapMITBVertical {
  height: 4rem;
}
/* ------------------------------------------------ */
/* IconTabBar Stretch content height class          */
/* ------------------------------------------------ */
.sapMITBStretch {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.sapMITBStretch > .sapMITBContainerContent {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.sapMITBStretch > .sapMITBContainerContent > .sapMITBContent {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
/* ------------------------------------------------ */
/* IconTabBar Head container class                  */
/* ------------------------------------------------ */
.sapMITBHead {
  padding-top: 1rem;
  flex-grow: 1;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0 0.1875rem;
}
/* ------------------------------------------------ */
/* IconTabBar Overflow tab class                    */
/* ------------------------------------------------ */
.sapMITH .sapMITHEndOverflow,
.sapMITH .sapMITHStartOverflow {
  align-self: stretch;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.sapMITH .sapMITHEndOverflow .sapMITBFilterWrapper,
.sapMITH .sapMITHStartOverflow .sapMITBFilterWrapper {
  display: inline-flex;
  align-items: center;
}
.sapMITH .sapMITHEndOverflow .sapMITBItem,
.sapMITH .sapMITHStartOverflow .sapMITBItem {
  visibility: hidden;
  margin: 0;
  padding: 0;
  height: 1.5rem;
  border: 1px solid #bfbfbf;
  background-color: #f7f7f7;
  border-radius: 0.75rem;
}
.sapMITH .sapMITHEndOverflow .sapMITBItem .sapMITBContentArrow,
.sapMITH .sapMITHStartOverflow .sapMITBItem .sapMITBContentArrow {
  display: none;
}
.sapMITH .sapMITHEndOverflow .sapMITBItem .sapMITHShowSubItemsIcon,
.sapMITH .sapMITHStartOverflow .sapMITBItem .sapMITHShowSubItemsIcon {
  color: #666666;
}
.sapMITH .sapMITHEndOverflow .sapMITBItem:hover,
.sapMITH .sapMITHStartOverflow .sapMITBItem:hover {
  border-color: #bfbfbf;
  background-color: #eaeaea;
}
.sapMITH .sapMITHEndOverflow .sapMITBItem:hover .sapMITBText,
.sapMITH .sapMITHStartOverflow .sapMITBItem:hover .sapMITBText {
  color: #44a12c;
}
.sapMITH .sapMITHEndOverflow .sapMITBItem:hover .sapMITHShowSubItemsIcon,
.sapMITH .sapMITHStartOverflow .sapMITBItem:hover .sapMITHShowSubItemsIcon {
  color: #44a12c;
}
.sapMITH .sapMITHEndOverflow .sapMITBItem:active,
.sapMITH .sapMITHStartOverflow .sapMITBItem:active {
  border-color: #44a12c;
  background-color: #44a12c;
}
.sapMITH .sapMITHEndOverflow .sapMITBItem:active .sapMITBText,
.sapMITH .sapMITHStartOverflow .sapMITBItem:active .sapMITBText {
  color: black;
}
.sapMITH .sapMITHEndOverflow .sapMITBItem:active .sapMITHShowSubItemsIcon,
.sapMITH .sapMITHStartOverflow .sapMITBItem:active .sapMITHShowSubItemsIcon {
  color: black;
}
.sapMITH .sapMITHEndOverflow .sapMITBText,
.sapMITH .sapMITHStartOverflow .sapMITBText {
  font-size: 0.875rem;
  padding: 0;
  margin: 0 0.5rem;
  text-align: left;
  width: auto;
  color: #333333;
}
.sapMITH .sapMITHEndOverflow .sapMITHOverflowVisible,
.sapMITH .sapMITHStartOverflow .sapMITHOverflowVisible {
  visibility: visible;
}
.sapMITH .sapMITHEndOverflow .sapMITBTab,
.sapMITH .sapMITHStartOverflow .sapMITBTab {
  display: none;
}
.sapMITH:not(.sapMITHEndOverflowList) .sapMITHEndOverflow,
.sapMITH:not(.sapMITHStartOverflowList) .sapMITHStartOverflow {
  display: none;
}
/* ------------------------------------------------ */
/* IconTabBar Content arrow class                   */
/* ------------------------------------------------ */
.sapMITBContentArrow {
  border-bottom: 0.125rem solid transparent;
  box-sizing: border-box;
  height: 1rem;
}
/* ------------------------------------------------ */
/* IconTabBar Tab item  class                       */
/* ------------------------------------------------ */
.sapMITBItem {
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: top;
  color: #333333;
  max-width: 100%;
  box-sizing: border-box;
  /* Dragged Filter Item */
}
.sapMITBItem.sapUiDnDDragging {
  background: #ffffff;
}
.sapMITBFilterExpandBtn {
  margin-left: 0.25rem;
  align-self: center;
}
.sapMITBFilterExpandBtn .sapMBtnIcon {
  margin: 0;
  font-size: 1rem;
}
.sapMITBFilterExpandBtn,
.sapMITBFilterExpandBtn .sapMBtnInner,
.sapMITBFilterExpandBtn .sapMBtnIcon {
  box-sizing: content-box;
  overflow: visible;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
.sapUiSizeCompact .sapMITBFilterExpandBtn .sapMBtnInner.sapMBtnIconFirst:not(.sapMBtnBack) {
  padding-left: 0;
  padding-right: 0;
}
.sapMITBDisabled {
  opacity: 0.5;
  cursor: default;
}
.sapMITBDisabled .sapUiIcon {
  cursor: default;
}
.sapMITBDisabled .sapMITBFilterIcon {
  border-color: #333333;
}
/* ------------------------------------------------ */
/* Vertical Tab Filter Item                         */
/* ------------------------------------------------ */
.sapMITBVertical {
  height: 5rem;
}
.sapMITBVertical.sapMITBFilter .sapMITBContentArrow {
  height: 0.6875rem;
}
.sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBHead .sapMITBVertical.sapMITHUnselectable .sapMITBText {
  padding-top: 0.25rem;
}
.sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBHead .sapMITBVertical.sapMITHUnselectable .sapMITBContentArrow {
  height: 0.5rem;
}
.sapMITBNoText .sapMITBVertical.sapMITBFilter .sapMITBContentArrow {
  height: 1rem;
}
/* ------------------------------------------------ */
/* Horizontal Tab Filter Item                       */
/* ------------------------------------------------ */
.sapMITBHorizontalWrapper {
  display: inline-block;
  height: 3rem;
  left: -1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  width: auto;
}
.sapMITBHorizontal.sapMITBFilter {
  height: 4rem;
}
.sapMITBHorizontal.sapMITBFilter:first-child .sapMITBTab {
  padding-left: 0;
}
.sapMITBHorizontal.sapMITBFilter .sapMITBContentArrow {
  width: 3.375rem;
}
.sapMITBHorizontal.sapMITBFilter .sapMITBText {
  padding: 0.625rem 0 0 0.25rem;
  justify-content: flex-start;
  top: 0.3125rem;
  width: auto;
}
.sapMITBHorizontal.sapMITBFilter .sapMITBCount {
  display: block;
  max-width: none;
  padding-left: 0.25rem;
  position: relative;
  text-align: left;
  top: 0.4375rem;
}
.sapMITBHorizontal.sapMITBFilter .sapMITBTab {
  display: inline-block;
  height: 3rem;
  padding: 0;
  vertical-align: top;
  width: 3rem;
}
.sapMITBHorizontal.sapMITBAll .sapMITBTab {
  margin-bottom: 0;
}
.sapMITBHorizontal + .sapMITBSep {
  width: auto;
}
.sapMITBHorizontal + .sapMITBSep > .sapMITBSepIcon {
  padding: 0 0.5rem;
}
/* ------------------------------------------------ */
/* Tab Filter In Line                               */
/* ------------------------------------------------ */
.sapMITBInLine .sapMITBHead .sapMITBFilter .sapMITBText {
  margin: 1rem 0 0.1875rem 0;
}
.sapMITBInLine.sapMITBTextOnly .sapMITBHead .sapMITBVertical.sapMITBFilter {
  height: 3rem;
}
.sapMITBInLine.sapMITBTextOnly .sapMITBHead .sapMITBVertical.sapMITBFilter .sapMITBContentArrow {
  height: 0.8125rem;
}
/* ------------------------------------------------ */
/* Tab Filter Icon                                  */
/* ------------------------------------------------ */
.sapMITBFilterIcon {
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
  -moz-border-radius: 3rem;
  border-top-left-radius: 3rem;
  /* some native browsers like Samsung Galaxy S4 with Android 4.2 do not support the "border-
	radius" shorthand property but does support the long-hand properties for each corner like
	"border-top-left-radius" */
  border-top-right-radius: 3rem;
  box-sizing: border-box;
  display: inline-block;
  font-size: 1.5rem;
  height: 3rem;
  line-height: 2.75rem;
  overflow: hidden;
  width: 3rem;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.sapMITBFilterNoIcon {
  display: inline-block;
  height: 3rem;
  vertical-align: middle;
  width: 3rem;
}
.sapMITBCount {
  color: #333333;
}
/* ------------------------------------------------ */
/* IconTabBar Tab Separator Item                    */
/* ------------------------------------------------ */
.sapMITBSep {
  width: 1.5rem;
  pointer-events: none;
}
.sapMITBSepLine {
  height: 3rem;
  margin: 0 0.25rem;
  width: 0;
  border: 1px solid #e5e5e5;
}
.sapMITBSepIcon {
  font-size: 1rem;
  height: 3rem;
  line-height: 3rem;
  padding: 0 0.25rem;
  color: #666666;
}
.sapMITBSepIcon::before {
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.sapMITBTextUpperCase .sapMITBText {
  text-transform: uppercase;
}
.sapMITBBackgroundDesignTransparent > .sapMITBContainerContent > .sapMITBContent {
  background-color: transparent;
}
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapMITB.sapUiContentPadding > .sapMITBContainerContent > .sapMITBContent {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMITB.sapUiResponsiveContentPadding > .sapMITBContainerContent > .sapMITBContent,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapMITB.sapUiResponsiveContentPadding > .sapMITBContainerContent > .sapMITBContent,
  .sapMITB.sapUiResponsiveContentPadding > .sapMITBContainerContent > .sapMITBContent {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMITB.sapUiResponsiveContentPadding > .sapMITBContainerContent > .sapMITBContent,
  .sapMITB.sapUiResponsiveContentPadding > .sapMITBContainerContent > .sapMITBContent {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMITB.sapUiResponsiveContentPadding > .sapMITBContainerContent > .sapMITBContent,
  .sapMITB.sapUiResponsiveContentPadding > .sapMITBContainerContent > .sapMITBContent {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapMITB.sapUiResponsiveContentPadding > .sapMITBContainerContent > .sapMITBContent {
  padding: 0;
}
.sapMSplitContainerDetail .sapMITB.sapUiResponsiveContentPadding > .sapMITBContainerContent > .sapMITBContent {
  padding: 1rem;
}
.sapMITB.sapUiNoContentPadding > .sapMITBContainerContent > .sapMITBContent {
  padding: 0;
}
.sapMITH:focus,
.sapMITBHead:focus,
.sapMITBFilterIcon:focus,
.sapMITBItem:focus {
  outline: none;
}
.sapMITBItem .sapMITBFilterIcon {
  overflow: visible;
}
.sapMITH {
  vertical-align: top;
  font-size: 0.75rem;
  display: flex;
  align-items: flex-start;
  background-color: #ffffff;
  border-bottom: 0.125rem solid #ffffff;
  box-shadow: 0 0.125rem 0 0 #fff;
  position: relative;
  padding: 0 2rem;
}
.sapMITH ::-webkit-scrollbar {
  display: none;
}
.sapMITH .sapMITBFilter.sapMITHDragOver,
.sapMITH .sapMBtn.sapMITHDragOver .sapMBtnInner {
  background: rgba(68, 161, 44, 0.05);
  box-shadow: inset 0 0 0 0.125rem #44a12c;
}
.sapMITH .sapMITBHead .sapMITBFilter:first-child {
  padding-left: 0;
  margin-left: 0;
}
.sapMITH .sapMITBHead .sapMITBFilter:last-child {
  padding-right: 0;
  margin-right: 0;
}
/* Custom focus outline */
html.sap-desktop .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon::after,
html.sap-desktop .sapMITBTextOnly .sapMITBHead .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText::after,
html.sap-desktop .sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll::after {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
  left: -1px;
  border: 1px dotted #000;
  border-radius: 0px;
  pointer-events: none;
}
html.sap-desktop .sapMITHStartOverflow .sapMITBItem:not(.sapUiDnDDragging):focus::after,
html.sap-desktop .sapMITHEndOverflow .sapMITBItem:not(.sapUiDnDDragging):focus::after {
  content: "";
  position: absolute;
  top: 0.125rem;
  bottom: 0.125rem;
  right: 0.125rem;
  left: 0.125rem;
  border-radius: inherit;
  border: 1px dotted #000;
  pointer-events: none;
}
/* ------------------------------------------------ */
/* Phone device                                     */
/* ------------------------------------------------ */
.sapUiMedia-Std-Phone .sapMITH.sapMITBTextOnly:not(.sapMITBInLine) .sapMITBHead .sapMITBTab {
  padding: 0.25rem 0 0.25rem 0;
}
.sapUiMedia-Std-Phone .sapMITH.sapMITBTextOnly:not(.sapMITBInLine) .sapMITBHead .sapMITBVertical.sapMITBFilter {
  height: 3rem;
}
.sapUiMedia-Std-Phone .sapMITH.sapMITBTextOnly:not(.sapMITBInLine) .sapMITBHead .sapMITBVertical.sapMITBFilter .sapMITBContentArrow {
  height: 0.5rem;
}
.sapUiMedia-Std-Phone .sapMITBHead .sapMITBFilter {
  padding: 0 0.25rem;
}
.sapUiMedia-Std-Phone .sapMITBTextOnly .sapMITBHead .sapMITBFilter {
  margin: 0 0.5rem;
}
.sapUiMedia-Std-Phone .sapMITH.sapUiSizeCompact.sapMITBTextOnly:not(.sapMITBInLine) .sapMITBHead .sapMITBTab {
  padding: 0.25rem 0 0 0;
}
.sapUiMedia-Std-Phone .sapMITH.sapUiSizeCompact.sapMITBTextOnly:not(.sapMITBInLine) .sapMITBVertical.sapMITBFilter .sapMITBContentArrow {
  height: 0.5rem;
}
.sapUiMedia-Std-Phone .sapMITH.sapUiSizeCompact.sapMITBTextOnly .sapMITBFilter {
  padding: 0;
}
.sapUiMedia-Std-Phone .sapMITH.sapUiSizeCompact .sapMITBFilter {
  cursor: pointer;
}
.sapUiMedia-Std-Phone .sapMITBHead {
  vertical-align: top;
  padding: 0;
}
.sapUiMedia-Std-Phone .sapMITH {
  padding: 0 1rem;
}
.sapUiMedia-Std-Phone .sapMITHEndOverflow {
  margin-left: 1rem;
}
.sapUiMedia-Std-Phone .sapMITHStartOverflow {
  margin-right: 1rem;
}
.sapUiMedia-Std-Phone .sapMITBSepLine {
  margin: 0 0.125rem;
}
.sapUiMedia-Std-Phone .sapMITBAll {
  margin-right: 0.25rem;
}
.sapUiMedia-Std-Phone .sapMITBAll .sapMITBText {
  padding-right: 0.5rem;
}
.sapUiMedia-Std-Phone .sapMITBAll .sapMITBCount {
  padding: 0 0.25rem;
}
.sapUiMedia-Std-Phone .sapMITBAll:first-child {
  margin-left: 0.063rem;
}
.sapUiMedia-Std-Phone .sapMITBContent {
  padding: 0;
}
.sapUiMedia-Std-Tablet .sapMITH,
.sapUiMedia-Std-Desktop .sapMITH {
  padding: 0 2rem;
}
.sapUiMedia-Std-Tablet .sapMITHEndOverflow,
.sapUiMedia-Std-Desktop .sapMITHEndOverflow {
  margin-left: 2rem;
}
.sapUiMedia-Std-Tablet .sapMITHStartOverflow,
.sapUiMedia-Std-Desktop .sapMITHStartOverflow {
  margin-right: 2rem;
}
.sapUiMedia-Std-Desktop {
  /* --------------------------------------------------------- */
  /* Switch paddings when in a split container with side open  */
  /* --------------------------------------------------------- */
  /* ------------------------------------------------ */
}
.sapUiMedia-Std-Desktop .sapUiResponsiveContentPadding.sapMITH {
  padding: 0 3rem;
}
.sapUiMedia-Std-Desktop .sapMSplitContainer.sapMSplitContainerShowHide .sapMITH {
  padding: 0 2rem;
}
.sapUiMedia-Std-Desktop .sapMSplitContainer.sapMSplitContainerHideMode .sapMITH {
  padding: 0 3rem;
}
.sapUiMedia-Std-Desktop.sapUiMedia-StdExt-LargeDesktop .sapUiResponsiveContentPadding.sapMITH {
  padding: 0 3rem;
}
.sapMITBItem .sapMITBFilterIcon,
.sapMITBTextOnly .sapMITBItem .sapMITBText,
.sapMITBItem.sapMITBAll {
  position: relative;
}
/* ------------------------------------------------ */
/* Compact size                                     */
/* ------------------------------------------------ */
.sapMITH.sapUiSizeCompact .sapMITBHead {
  padding-top: 0.625rem;
}
.sapMITH.sapUiSizeCompact .sapMITBHead .sapMITBFilter {
  padding: 0 0.25rem;
}
.sapMITH.sapUiSizeCompact .sapMITBHead .sapMITBFilter .sapMITBText {
  line-height: 0.875rem;
  padding: 0.25rem 0 0;
}
.sapMITH.sapUiSizeCompact .sapMITHEndOverflow .sapMITBItem,
.sapMITH.sapUiSizeCompact .sapMITHStartOverflow .sapMITBItem {
  height: 1.5rem;
}
.sapMITH.sapUiSizeCompact .sapMITBVertical {
  height: 3.625rem;
}
.sapMITH.sapUiSizeCompact .sapMITBVertical .sapMITBTab {
  height: 2rem;
}
.sapMITH.sapUiSizeCompact .sapMITBVertical.sapMITBFilter .sapMITBContentArrow {
  height: 0.5rem;
}
.sapMITH.sapUiSizeCompact.sapMITBNoText .sapMITBHead .sapMITBVertical {
  height: 2.625rem;
}
.sapMITH.sapUiSizeCompact.sapMITBNoText .sapMITBFilter .sapMITBContentArrow {
  width: 2rem;
  height: 0.625rem;
}
.sapMITH.sapUiSizeCompact.sapMITBNoText .sapMITBFilter .sapMITBTab {
  width: 2rem;
}
.sapMITH.sapUiSizeCompact.sapMITBInLine.sapMITBTextOnly .sapMITBHead .sapMITBVertical.sapMITBFilter {
  height: 2rem;
}
.sapMITH.sapUiSizeCompact.sapMITBInLine.sapMITBTextOnly .sapMITBHead .sapMITBText {
  margin: 0 0 0.25rem 0;
}
.sapMITH.sapUiSizeCompact.sapMITBInLine.sapMITBTextOnly .sapMITBHead .sapMITBContentArrow {
  height: 0.5rem;
}
.sapMITH.sapUiSizeCompact.sapMITBTextOnly .sapMITBHead {
  padding: 0.25rem 0 0 0.1875rem;
}
.sapMITH.sapUiSizeCompact.sapMITBTextOnly .sapMITBHead .sapMITBFilter {
  padding: 0 1rem;
}
.sapMITH.sapUiSizeCompact.sapMITBTextOnly .sapMITBHead .sapMITBFilter:first-child {
  padding-left: 0;
}
.sapMITH.sapUiSizeCompact.sapMITBTextOnly .sapMITBHead .sapMITBFilter:last-child {
  padding-right: 0;
}
.sapMITH.sapUiSizeCompact.sapMITBTextOnly .sapMITBHead .sapMITBFilter .sapMITBTab {
  height: 1rem;
  padding: 0;
}
.sapMITH.sapUiSizeCompact.sapMITBTextOnly .sapMITBHead .sapMITBFilter .sapMITBText {
  line-height: 0.875rem;
  padding: 0.25rem 0 0;
}
.sapMITH.sapUiSizeCompact.sapMITBTextOnly .sapMITBHead .sapMITBVertical {
  height: 2.75rem;
}
.sapMITH.sapUiSizeCompact .sapMITBFilterIcon {
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  -moz-border-radius: 3rem;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  font-size: 1rem;
  height: 2rem;
  line-height: 1.9rem;
  width: 2rem;
}
.sapMITH.sapUiSizeCompact .sapMITBSepLine {
  height: 2rem;
  margin: 0 0.125rem;
  width: 0;
  border: 1px solid #e5e5e5;
}
.sapMITH.sapUiSizeCompact .sapMITBAll {
  margin-right: 1.375rem;
}
.sapMITH.sapUiSizeCompact .sapMITBAll .sapMITBContentArrow {
  height: 0.625rem;
}
.sapMITH.sapUiSizeCompact .sapMITBAll .sapMITBTab {
  line-height: 2rem;
}
.sapMITH.sapUiSizeCompact .sapMITBAll.sapMITBHorizontal .sapMITBContentArrow {
  height: 0.75rem;
}
.sapMITH.sapUiSizeCompact .sapMITBAll.sapMITBHorizontal.sapMITBItem:focus::after {
  bottom: 0;
}
.sapMITH.sapUiSizeCompact .sapMITBContentArrow {
  height: 0.75rem;
}
.sapMITH.sapUiSizeCompact .sapMITBHorizontalWrapper {
  height: 2rem;
}
.sapMITH.sapUiSizeCompact .sapMITBHorizontal {
  height: 2.75rem;
}
.sapMITH.sapUiSizeCompact .sapMITBHorizontal.sapMITBFilter .sapMITBFilterWrapper {
  height: 2.75rem;
  padding: 0 0.5rem;
}
.sapMITH.sapUiSizeCompact .sapMITBHorizontal.sapMITBFilter .sapMITBFilterWrapper:first-child {
  padding-left: 0;
}
.sapMITH.sapUiSizeCompact .sapMITBHorizontal.sapMITBFilter .sapMITBFilterWrapper .sapMITBHorizontalWrapper .sapMITBCount {
  top: 0;
  padding-left: 0.5rem;
}
.sapMITH.sapUiSizeCompact .sapMITBHorizontal.sapMITBFilter .sapMITBFilterWrapper .sapMITBHorizontalWrapper .sapMITBText {
  top: 0;
  padding-left: 0.5rem;
}
.sapMITH.sapUiSizeCompact .sapMITBHorizontal.sapMITBFilter .sapMITBFilterWrapper .sapMITBContentArrow {
  height: 0.75rem;
  width: 2rem;
}
.sapMITH.sapUiSizeCompact .sapMITBHorizontal.sapMITBFilter .sapMITBFilterWrapper .sapMITBTab {
  height: 2rem;
  width: 2rem;
}
.sapMITH.sapUiSizeCompact .sapMITBHorizontal .sapMITBTab {
  height: 2rem;
}
.sapMITH.sapUiSizeCompact .sapMITBSepIcon {
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.5rem;
}
.sapMITH.sapMITBTextOnly .sapMITBFilterWithItems:not(.sapMITHUnselectable) .sapMITBContentArrow {
  margin-right: -2rem;
}
.sapMITH .sapMITBContentArrow {
  margin: 0 -0.1875rem;
}
/* container background design - translucent */
.sapMITBBackgroundDesignTranslucent .sapMITBContainerContent .sapMITBContent {
  background-color: rgba(255, 255, 255, 0.6);
}
/* header background design - translucent */
.sapMITHBackgroundDesignTranslucent {
  background-color: rgba(255, 255, 255, 0.6);
}
/* header background design - transparent */
.sapMITHBackgroundDesignTransparent {
  background: transparent;
}
/* ------------------------------------------------ */
/* IconTabBar Right to left mode                    */
/* ------------------------------------------------ */
html[dir=rtl] .sapMITBContentArrow {
  z-index: 1;
}
html[dir=rtl] .sapMITBTextOnly .sapMITBTab {
  text-align: right;
}
html[dir=rtl] .sapMITBHorizontal.sapMITBFilter .sapMITBHorizontalWrapper .sapMITBCount {
  text-align: right;
}
/* ------------------------------------------------ */
/* Shell overrides                        */
/* ------------------------------------------------ */
.sapUshellShellTabBar .sapMITH,
.sapUshellShellTabBar.sapMITH {
  box-shadow: none;
  background-color: #f2f2f2;
}
.sapUshellShellTabBar .sapMITH .sapMITBSelected .sapMITBContentArrow::after,
.sapUshellShellTabBar.sapMITH .sapMITBSelected .sapMITBContentArrow::after {
  background: #666666;
  height: 0.1875rem;
}
.sapUshellShellTabBar .sapMITH .sapMITBFilterDefault:hover .sapMITBText,
.sapUshellShellTabBar.sapMITH .sapMITBFilterDefault:hover .sapMITBText {
  color: #666666;
}
.sapUshellShellTabBar .sapMITH .sapMITBFilterDefault.sapMITBSelected:hover .sapMITBText,
.sapUshellShellTabBar.sapMITH .sapMITBFilterDefault.sapMITBSelected:hover .sapMITBText {
  color: #666666;
}
.sapUshellShellTabBar .sapMITH .sapMITBFilterDefault.sapMITBSelected .sapMITBText,
.sapUshellShellTabBar.sapMITH .sapMITBFilterDefault.sapMITBSelected .sapMITBText {
  color: #666666;
}
.sapUshellShellTabBar .sapMITH .sapMITBFilterDefault.sapMITBSelected .sapMITBFilterIcon,
.sapUshellShellTabBar.sapMITH .sapMITBFilterDefault.sapMITBSelected .sapMITBFilterIcon {
  background: #666666;
  color: #f2f2f2;
}
.sapUshellShellTabBar .sapMITH .sapMITBFilterDefault .sapMITBFilterIcon,
.sapUshellShellTabBar.sapMITH .sapMITBFilterDefault .sapMITBFilterIcon {
  border-color: #666666;
  color: #666666;
}
.sapUshellShellTabBar .sapMITH .sapMITBFilter .sapMITBText .sapMITHTextContent,
.sapUshellShellTabBar.sapMITH .sapMITBFilter .sapMITBText .sapMITHTextContent {
  vertical-align: inherit;
}
.sapUshellShellTabBar .sapMITH .sapMITBFilter.sapMITHUnselectable:not(.sapMITBDisabled) .sapMITHTextContent,
.sapUshellShellTabBar.sapMITH .sapMITBFilter.sapMITHUnselectable:not(.sapMITBDisabled) .sapMITHTextContent {
  position: initial;
}
.sapUshellShellTabBar .sapMITH .sapMITBFilter .sapMITBText,
.sapUshellShellTabBar.sapMITH .sapMITBFilter .sapMITBText,
.sapUshellShellTabBar .sapMITH .sapMITBFilter .sapMITBCount,
.sapUshellShellTabBar.sapMITH .sapMITBFilter .sapMITBCount {
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
}
.sapUshellShellTabBar .sapMITH .sapMITBFilter.sapMITBSelected .sapMITBCount,
.sapUshellShellTabBar.sapMITH .sapMITBFilter.sapMITBSelected .sapMITBCount {
  color: #666666;
}
.sapUshellShellTabBar .sapMITH:not(.sapMITBTextOnly) .sapMITBFilter .sapMITBText,
.sapUshellShellTabBar.sapMITH:not(.sapMITBTextOnly) .sapMITBFilter .sapMITBText {
  line-height: 0.9375rem;
  padding: 0.3125rem 0 0;
}
.sapUshellShellTabBar .sapMITH:not(.sapMITBTextOnly) .sapMITHStartOverflow .sapMITBItem .sapMITBText,
.sapUshellShellTabBar.sapMITH:not(.sapMITBTextOnly) .sapMITHStartOverflow .sapMITBItem .sapMITBText,
.sapUshellShellTabBar .sapMITH:not(.sapMITBTextOnly) .sapMITHStartOverflow .sapMITBItem .sapMITBText,
.sapUshellShellTabBar.sapMITH:not(.sapMITBTextOnly) .sapMITHStartOverflow .sapMITBItem .sapMITBText {
  padding-top: 0.25rem;
}
.sapUshellShellTabBar .sapMITH .sapMITHUnselectable:hover .sapUiIcon,
.sapUshellShellTabBar.sapMITH .sapMITHUnselectable:hover .sapUiIcon {
  color: #666666;
}
.sapUshellShellTabBar .sapMITH .sapMITHUnselectable .sapUiIcon,
.sapUshellShellTabBar.sapMITH .sapMITHUnselectable .sapUiIcon {
  color: #333333;
}
.sapUshellShellTabBar .sapMITH .sapMITHUnselectable.sapMITBSelected .sapUiIcon,
.sapUshellShellTabBar.sapMITH .sapMITHUnselectable.sapMITBSelected .sapUiIcon {
  color: #666666;
}
.sapUshellShellTabBar .sapMITH .sapMITBSelected .sapMBtn .sapMBtnTransparent .sapUiIcon,
.sapUshellShellTabBar.sapMITH .sapMITBSelected .sapMBtn .sapMBtnTransparent .sapUiIcon {
  color: #666666;
}
.sapUshellShellTabBar .sapMITH .sapMBtn .sapMBtnTransparent,
.sapUshellShellTabBar.sapMITH .sapMBtn .sapMBtnTransparent {
  color: #333333;
  background-color: transparent;
  border-color: transparent;
}
.sapUshellShellTabBar .sapMITH .sapMBtn .sapMBtnTransparent .sapUiIcon,
.sapUshellShellTabBar.sapMITH .sapMBtn .sapMBtnTransparent .sapUiIcon {
  color: #333333;
}
.sapUshellShellTabBar .sapMITH .sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnTransparent,
.sapUshellShellTabBar.sapMITH .sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnTransparent {
  background: #337921;
  border-color: transparent;
}
.sapUshellShellTabBar .sapMITH .sapMBtn:not(.sapMBtnDisabled) .sapMFocusable.sapMBtnTransparent.sapMBtnActive,
.sapUshellShellTabBar.sapMITH .sapMBtn:not(.sapMBtnDisabled) .sapMFocusable.sapMBtnTransparent.sapMBtnActive {
  outline-color: #fff;
  background: #275d19;
}
.sapUshellShellTabBar .sapMITH .sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):focus,
.sapUshellShellTabBar.sapMITH .sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):focus {
  outline-color: #fff;
}
.sapUshellShellTabBar .sapMITH .sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnHoverable.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
.sapUshellShellTabBar.sapMITH .sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnHoverable.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
  background: transparent;
  border-color: transparent;
}
.sapUshellShellTabBar .sapMITH .sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
.sapUshellShellTabBar.sapMITH .sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon {
  color: #666666;
  border-color: #666666;
}
.sapUshellShellTabBar .sapMITH .sapMBtn.sapMBtnDisabled,
.sapUshellShellTabBar.sapMITH .sapMBtn.sapMBtnDisabled {
  opacity: 0.5;
}
.sapUshellShellTabBar .sapMITH .sapMBtn:not(.sapMBtnDisabled) .sapMFocusable.sapMBtnTransparent.sapMBtnActive,
.sapUshellShellTabBar.sapMITH .sapMBtn:not(.sapMBtnDisabled) .sapMFocusable.sapMBtnTransparent.sapMBtnActive {
  outline-color: transparent;
  background: transparent;
  border-color: transparent;
}
.sapUshellShellTabBar .sapMITH .sapMITBSelected .sapMBtn .sapMBtnTransparent .sapUiIcon,
.sapUshellShellTabBar.sapMITH .sapMITBSelected .sapMBtn .sapMBtnTransparent .sapUiIcon {
  color: #666666;
}
.sapUshellShellTabBar .sapMITH .sapMBtn .sapMBtnTransparent.sapMBtnActive .sapUiIcon,
.sapUshellShellTabBar.sapMITH .sapMBtn .sapMBtnTransparent.sapMBtnActive .sapUiIcon {
  color: #fff;
}
.sapUshellShellTabBar .sapMITH .sapMBtnActive .sapMITBSelected .sapMBtn .sapMBtnTransparent .sapUiIcon,
.sapUshellShellTabBar.sapMITH .sapMBtnActive .sapMITBSelected .sapMBtn .sapMBtnTransparent .sapUiIcon {
  color: #fff;
}
.sapUshellShellTabBar .sapMITH .sapMBtnActive .sapMBtn .sapMBtnTransparent .sapUiIcon,
.sapUshellShellTabBar.sapMITH .sapMBtnActive .sapMBtn .sapMBtnTransparent .sapUiIcon {
  color: #fff;
}
.sapUshellShellTabBar .sapMITH .sapMBtn:focus > .sapMFocusable.sapMBtnInner.sapMBtnHoverable,
.sapUshellShellTabBar.sapMITH .sapMBtn:focus > .sapMFocusable.sapMBtnInner.sapMBtnHoverable {
  outline-color: #333333;
}
.sapUshellShellTabBar .sapMITH .sapMITHStartOverflow .sapMITBItem,
.sapUshellShellTabBar.sapMITH .sapMITHStartOverflow .sapMITBItem,
.sapUshellShellTabBar .sapMITH .sapMITHEndOverflow .sapMITBItem,
.sapUshellShellTabBar.sapMITH .sapMITHEndOverflow .sapMITBItem {
  color: #333333;
  background-color: transparent;
  border-color: transparent;
}
.sapUshellShellTabBar .sapMITH .sapMITHStartOverflow .sapMITBItem .sapMITHShowSubItemsIcon,
.sapUshellShellTabBar.sapMITH .sapMITHStartOverflow .sapMITBItem .sapMITHShowSubItemsIcon,
.sapUshellShellTabBar .sapMITH .sapMITHEndOverflow .sapMITBItem .sapMITHShowSubItemsIcon,
.sapUshellShellTabBar.sapMITH .sapMITHEndOverflow .sapMITBItem .sapMITHShowSubItemsIcon {
  color: #333333;
}
.sapUshellShellTabBar .sapMITH .sapMITHStartOverflow .sapMITBItem:hover,
.sapUshellShellTabBar.sapMITH .sapMITHStartOverflow .sapMITBItem:hover,
.sapUshellShellTabBar .sapMITH .sapMITHEndOverflow .sapMITBItem:hover,
.sapUshellShellTabBar.sapMITH .sapMITHEndOverflow .sapMITBItem:hover {
  background: #337921;
  border-color: transparent;
}
.sapUshellShellTabBar .sapMITH .sapMITHStartOverflow .sapMITBItem:active,
.sapUshellShellTabBar.sapMITH .sapMITHStartOverflow .sapMITBItem:active,
.sapUshellShellTabBar .sapMITH .sapMITHEndOverflow .sapMITBItem:active,
.sapUshellShellTabBar.sapMITH .sapMITHEndOverflow .sapMITBItem:active {
  background: transparent;
  border-color: transparent;
}
html.sap-desktop .sapUshellShellTabBar .sapMITH .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon::after,
html.sap-desktop .sapUshellShellTabBar.sapMITH .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon::after,
html.sap-desktop .sapUshellShellTabBar .sapMITH .sapMITBTextOnly .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText::after,
html.sap-desktop .sapUshellShellTabBar.sapMITH .sapMITBTextOnly .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText::after,
html.sap-desktop .sapUshellShellTabBar .sapMITH .sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll::after,
html.sap-desktop .sapUshellShellTabBar.sapMITH .sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll::after,
html.sap-desktop .sapUshellShellTabBar .sapMITH .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText::after,
html.sap-desktop .sapUshellShellTabBar.sapMITH .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText::after,
html.sap-desktop .sapUshellShellTabBar .sapMITH .sapMITHStartOverflow .sapMITBItem:not(.sapUiDnDDragging):focus::after,
html.sap-desktop .sapUshellShellTabBar.sapMITH .sapMITHStartOverflow .sapMITBItem:not(.sapUiDnDDragging):focus::after,
html.sap-desktop .sapUshellShellTabBar .sapMITH .sapMITHEndOverflow .sapMITBItem:not(.sapUiDndDragging):focus::after,
html.sap-desktop .sapUshellShellTabBar.sapMITH .sapMITHEndOverflow .sapMITBItem:not(.sapUiDndDragging):focus::after {
  border-color: #333333;
}
/* ------------------------------------------------ */
/* IconTabBar Badge									*/
/* ------------------------------------------------ */
.sapMITH .sapMITBFilterWithItems .sapMITBFilterExpandBtn {
  margin-left: 0.625rem;
}
.sapMITH .sapMITBFilterBadgeMotion .sapMBadgeAttention.sapMBadgeAnimationAdd,
.sapMITBFilterPopover .sapMITBFilterBadgeMotion .sapMBadgeAttention.sapMBadgeAnimationAdd {
  animation-name: sapMBadgeAppearMotion;
  animation-duration: 1s;
  animation-timing-function: linear;
}
.sapMITH.sapUiSizeCompact .sapMBadgeAttention,
.sapMITBFilterPopover.sapUiSizeCompact .sapMBadgeAttention,
.sapMITH .sapMITBText .sapMBadgeAttention,
.sapMITBFilterPopover .sapMITBText .sapMBadgeAttention,
.sapMITH .sapMITFExpandButtonBadge .sapMBadgeAttention,
.sapMITBFilterPopover .sapMITFExpandButtonBadge .sapMBadgeAttention {
  width: 0.375rem;
  height: 0.375rem;
  border-width: 0.063rem;
}
.sapMITH.sapUiSizeCompact .sapMBadgeAttention.sapMITBFilterBadgeMotion.sapMBadgeAnimationAdd,
.sapMITBFilterPopover.sapUiSizeCompact .sapMBadgeAttention.sapMITBFilterBadgeMotion.sapMBadgeAnimationAdd,
.sapMITH .sapMITBText .sapMBadgeAttention.sapMITBFilterBadgeMotion.sapMBadgeAnimationAdd,
.sapMITBFilterPopover .sapMITBText .sapMBadgeAttention.sapMITBFilterBadgeMotion.sapMBadgeAnimationAdd,
.sapMITH .sapMITFExpandButtonBadge .sapMBadgeAttention.sapMITBFilterBadgeMotion.sapMBadgeAnimationAdd,
.sapMITBFilterPopover .sapMITFExpandButtonBadge .sapMBadgeAttention.sapMITBFilterBadgeMotion.sapMBadgeAnimationAdd {
  animation-name: sapMBadgeAppearMotionSmall;
}
.sapMITH .sapMITBText .sapMBadgeAttention,
.sapMITBFilterPopover .sapMITBText .sapMBadgeAttention {
  top: 0;
  right: -0.6rem;
}
.sapMITH .sapMITBSelectList .sapMITBText .sapMBadgeAttention,
.sapMITBFilterPopover .sapMITBSelectList .sapMITBText .sapMBadgeAttention {
  right: 0.4375rem;
}
.sapMITH .sapMITBFilterIcon .sapMBadgeAttention,
.sapMITBFilterPopover .sapMITBFilterIcon .sapMBadgeAttention,
.sapMITH .sapMITBCount .sapMBadgeAttention,
.sapMITBFilterPopover .sapMITBCount .sapMBadgeAttention {
  top: 0;
  right: 0;
}
.sapMITH .sapMITBAll .sapMITBCount .sapMBadgeAttention,
.sapMITBFilterPopover .sapMITBAll .sapMITBCount .sapMBadgeAttention {
  top: 0.2rem;
}
.sapUiMedia-Std-Phone .sapMITH .sapMITBAll .sapMITBCount .sapMBadgeAttention,
.sapUiMedia-Std-Phone .sapMITBFilterPopover .sapMITBAll .sapMITBCount .sapMBadgeAttention {
  right: -0.25rem;
}
.sapMITH.sapUiSizeCompact .sapMITBFilterIcon .sapMBadgeAttention,
.sapMITBFilterPopover.sapUiSizeCompact .sapMITBFilterIcon .sapMBadgeAttention {
  top: -0.063rem;
  right: -0.063rem;
}
.sapMITH.sapUiSizeCompact .sapMITBCount .sapMBadgeAttention,
.sapMITBFilterPopover.sapUiSizeCompact .sapMITBCount .sapMBadgeAttention {
  top: -0.125rem;
  right: -0.125rem;
}
.sapMITH.sapUiSizeCompact .sapMITFExpandButtonBadge,
.sapMITBFilterPopover.sapUiSizeCompact .sapMITFExpandButtonBadge {
  top: 1.125rem;
}
.sapMITH .sapMITFExpandButtonBadge,
.sapMITBFilterPopover .sapMITFExpandButtonBadge {
  top: 1.125rem;
  left: 0.375rem;
}
.sapMITH .sapMITHOverflowVisible .sapMITFExpandButtonBadge,
.sapMITBFilterPopover .sapMITHOverflowVisible .sapMITFExpandButtonBadge {
  top: 0.4375rem;
}
.sapMITH .sapMITBFilterNeutral .sapMBadgeAttention,
.sapMITBFilterPopover .sapMITBFilterNeutral .sapMBadgeAttention {
  background-color: #007cc0;
}
.sapMITH .sapMITBFilterPositive .sapMBadgeAttention,
.sapMITBFilterPopover .sapMITBFilterPositive .sapMBadgeAttention {
  background-color: #007833;
}
.sapMITH .sapMITBFilterCritical .sapMBadgeAttention,
.sapMITBFilterPopover .sapMITBFilterCritical .sapMBadgeAttention {
  background-color: #d14900;
}
.sapMITH .sapMITBFilterNegative .sapMBadgeAttention,
.sapMITBFilterPopover .sapMITBFilterNegative .sapMBadgeAttention {
  background-color: #cc1919;
}
html[data-sap-ui-animation='off'] .sapMITH .sapMITBFilterBadgeMotion .sapMBadgeAttention.sapMBadgeAnimationAdd,
html[data-sap-ui-animation='off'] .sapMITBFilterPopover .sapMITBFilterBadgeMotion .sapMBadgeAttention.sapMBadgeAnimationAdd {
  animation: none;
}
/* Responsive paddings when the IconTabBar is inside a DynamicPage */
.sapFDynamicPage-Std-Phone .sapUiResponsiveContentPadding .sapMITH,
.sapFDynamicPage-Std-Phone .sapUiResponsiveContentPadding.sapMITH {
  padding: 0 1rem !important;
}
.sapFDynamicPage-Std-Phone .sapUiResponsiveContentPadding .sapMITBContent {
  padding: 0 1rem !important;
}
.sapFDynamicPage-Std-Tablet .sapUiResponsiveContentPadding .sapMITH,
.sapFDynamicPage-Std-Desktop .sapUiResponsiveContentPadding .sapMITH,
.sapFDynamicPage-Std-Tablet .sapUiResponsiveContentPadding.sapMITH,
.sapFDynamicPage-Std-Desktop .sapUiResponsiveContentPadding.sapMITH {
  padding: 0 2rem !important;
}
.sapFDynamicPage-Std-Tablet .sapUiResponsiveContentPadding .sapMITBContent,
.sapFDynamicPage-Std-Desktop .sapUiResponsiveContentPadding .sapMITBContent {
  padding: 1rem 2rem !important;
}
.sapFDynamicPage-Std-Desktop-XL .sapUiResponsiveContentPadding .sapMITH,
.sapFDynamicPage-Std-Desktop-XL .sapUiResponsiveContentPadding.sapMITH {
  padding: 0 3rem !important;
}
.sapFDynamicPage-Std-Desktop-XL .sapUiResponsiveContentPadding .sapMITBContent {
  padding: 1rem 3rem !important;
}
/* =========================================== */
/* CSS for control sap.m/IconTabBarSelectList  */
/* Base theme                                  */
/* =========================================== */
.sapMITBSelectList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sapMITBSelectList:focus {
  outline: none;
}
.sapMITBSelectList .sapMITBSelectItem {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.sapMITBSelectList .sapMITBSelectItem .sapUiIcon {
  cursor: pointer;
}
.sapMITBSelectList .sapMITBSelectItem.sapMITHUnselectable {
  cursor: default;
}
.sapMITBSelectList .sapMITBSelectItem:not(.sapMITBSep) {
  padding: 0.75rem 0 0.75rem;
}
.sapMITBSelectList .sapMITBSep {
  margin: 0;
  height: 1rem;
  justify-content: center;
  padding-right: 0;
}
.sapMITBSelectList .sapMITBSep:first-child {
  margin-top: 0.5rem;
}
.sapMITBSelectList .sapMITBSep.sapMITBSepLine {
  margin-left: 0;
  border: 0;
  position: relative;
  height: 0.25rem;
  padding-right: 17px;
}
.sapMITBSelectList .sapMITBSep.sapMITBSepLine::before {
  width: 1rem;
  content: "";
}
.sapMITBSelectList .sapMITBSep.sapMITBSepLine::after {
  content: "";
  width: 100%;
  border-top: 0.0625rem solid #cccccc;
}
.sapMITBSelectList .sapMITBSep .sapMITBSepIcon {
  height: 1rem;
  line-height: 1rem;
  overflow: hidden;
}
.sapMITBSelectItem .sapMITBSelectItemIcon {
  outline: none;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  user-select: none;
}
.sapMITBSelectItem .sapMITBText {
  display: block;
  padding: 0 1rem 0 0;
  pointer-events: none;
  min-width: 0;
  overflow: visible;
  white-space: normal;
  font-size: 0.875rem;
}
.sapMITBSelectListTextOnly .sapMITBSelectItem .sapMITBText {
  padding-left: 1rem;
}
.sapMITBSelectItem:not(.sapMITBSep) .sapUiIcon {
  font-size: 1.125rem;
  min-width: 2.75rem;
}
/* Compact size */
.sapUiSizeCompact .sapMITBSelectList .sapMITBSelectItem:not(.sapMITBSep) {
  padding: 0.5rem 0 0.5rem;
}
.sapUiSizeCompact .sapMITBSelectItem:not(.sapMITBSep) .sapUiIcon {
  font-size: 1rem;
  min-width: 2rem;
}
.sapUiSizeCompact .sapMITBSelectList .sapMITBSep.sapMITBSepLine {
  padding-right: 0.5rem;
}
.sapUiSizeCompact .sapMITBSelectList .sapMITBSep.sapMITBSepLine::before {
  width: 0.5rem;
}
.sapMITBSelectItem {
  background-color: #ffffff;
}
.sapMITBSelectItem.sapMITBFilterNeutral .sapMITBText,
.sapMITBSelectItem.sapMITBFilterNegative .sapMITBText,
.sapMITBSelectItem.sapMITBFilterPositive .sapMITBText,
.sapMITBSelectItem.sapMITBFilterCritical .sapMITBText {
  color: inherit;
}
.sapMITBSelectItem.sapMITBFilterDefault .sapMITBInlineIcon {
  color: #333333;
}
.sapMITBSelectItem:not(.sapMITHUnselectable):hover {
  background-color: #f0f0f0;
}
.sapMITBSelectList .sapMITBSelectItem:not(.sapMITHUnselectable):not(.sapUiDnDDragging):active,
.sapMITBSelectList .sapMITBSelectItem:not(.sapMITHUnselectable).sapMITBSelectItemSelected:not(.sapUiDnDDragging):active {
  background-color: #44a12c;
}
.sapMITBSelectList .sapMITBSelectItem:not(.sapMITHUnselectable):not(.sapUiDnDDragging):active > .sapMITBText,
.sapMITBSelectList .sapMITBSelectItem:not(.sapMITHUnselectable).sapMITBSelectItemSelected:not(.sapUiDnDDragging):active > .sapMITBText {
  color: white;
}
.sapMITBSelectList .sapMITBSelectItem:not(.sapMITHUnselectable):not(.sapUiDnDDragging):active > .sapUiIcon,
.sapMITBSelectList .sapMITBSelectItem:not(.sapMITHUnselectable).sapMITBSelectItemSelected:not(.sapUiDnDDragging):active > .sapUiIcon {
  color: white;
}
.sapMITBSelectItem:focus {
  outline: none;
}
.sapMITBSelectItem:focus::before {
  border: 1px dotted #000;
  position: absolute;
  content: " ";
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  z-index: 2;
  border-radius: 0px;
  pointer-events: none;
}
.sapMITBSelectItem.sapMITBSelectItemSelected {
  background-color: #ecf6ea;
}
.sapMITBSelectItem.sapMITBSelectItemSelected:hover {
  background-color: #e2f1df;
}
.sapUiDnDIndicator {
  z-index: 100;
}
/* ============================ */
/* CSS for control sap.m/Image  */
/* Base theme                   */
/* ============================ */
.sapMImg {
  border: none;
  /* fix the highlight color on tap*/
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-touch-callout: none;
}
span.sapMImg {
  display: inline-block;
}
.sapMImg.sapMNoImg {
  visibility: hidden;
}
/* fix chrome browser yellow border on focus problem*/
.sapMImg:focus {
  outline: none;
}
.sapMImgFocusable:focus {
  outline: 0.0625rem dotted #000;
  outline-offset: 0.0625rem;
}
.sapUiRespGrid .sapMImgFocusable:focus {
  z-index: 100;
}
html:not(.sap-desktop) .sapMImgFocusable:focus {
  outline: none;
}
/* ==========================================================================
   Image opening a LightBox
  ========================================================================== */
.sapMLightBoxImage {
  position: relative;
  display: inline-block;
}
.sapMLightBoxImage .sapMImg {
  display: block;
}
.sapMLightBoxImage .sapMLightBoxMagnifyingGlass {
  line-height: normal;
}
.sapMLightBoxImage .sapMLightBoxMagnifyingGlass {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  background-color: #44a12c;
  bottom: -0.125rem;
  right: -0.125rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  pointer-events: none;
  border: none;
}
.sapMLightBoxImage .sapMLightBoxMagnifyingGlass:before {
  position: absolute;
  top: 1px;
  left: 3px;
  font-family: SAP-icons;
  content: "\e1d5";
  color: #fff;
}
/* =================================== */
/* CSS for control sap.m/ImageContent  */
/* Base theme                          */
/* =================================== */
.sapMImageContent {
  position: relative;
  height: 3.875rem;
  width: 9rem;
  outline: none;
}
.sapMImageContentImageIcon {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  max-height: 3.5rem;
}
.sapMGT .sapMImageContentImageIcon {
  left: 0;
  right: auto;
}
html.sap-desktop .sapMImageContent:focus {
  outline-color: #000;
  outline-style: dotted;
  outline-width: 1px;
}
html.sap-desktop .sapMImageContent:focus:not([tabindex]) {
  outline: none;
}
.sapMImageContentImageIcon.sapUiIcon {
  font-size: 1.75rem;
  color: #007cc0;
  padding-bottom: 0.675rem;
}
.sapMTileSmallPhone .sapMImageContent {
  height: 3.438rem;
  width: 8rem;
}
.sapMTileSmallPhone .sapMImageContentImageIcon {
  max-height: 3rem;
}
.sapMTileSmallPhone .sapMImageContentImageIcon.sapUiIcon {
  font-size: 1.5rem;
  padding-bottom: 0.25rem;
}
/* ============================ */
/* CSS for control sap.m/Input  */
/* Base theme                   */
/* ============================ */
.sapMListFocus .sapMLIBFocused {
  outline: 1px dotted #000;
  outline-offset: -2px;
}
.sapMInputDescriptionText {
  padding-left: 0.5rem;
  font-size: 0.875rem;
  line-height: normal;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sapMInputWithDescription {
  white-space: nowrap;
}
.sapMInputDescriptionWrapper {
  display: inline-flex;
}
/* Input with description */
.sapMInputBaseHasEndIcons .sapMInputDescriptionWrapper,
.sapMInputBaseHasBeginIcons .sapMInputDescriptionWrapper {
  max-width: calc(100% - (5.5rem));
}
.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseHasEndIcons .sapMInputDescriptionWrapper,
.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseHasBeginIcons .sapMInputDescriptionWrapper {
  max-width: calc(100% - (5.63rem));
}
.sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputDescriptionWrapper {
  max-width: calc(100% - (7.88rem));
}
.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputDescriptionWrapper {
  max-width: calc(100% - (8rem));
}
.sapMInputBase:not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) .sapMInputDescriptionWrapper {
  max-width: calc(100% - (3.13rem));
}
.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBase:not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) .sapMInputDescriptionWrapper {
  max-width: calc(100% - (3.25rem*2));
}
.sapUiSizeCompact .sapMInputBaseHasEndIcons .sapMInputDescriptionWrapper,
.sapUiSizeCompact .sapMInputBaseHasBeginIcons .sapMInputDescriptionWrapper {
  max-width: calc(100% - (4.13rem));
}
.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) .sapUiSizeCompact .sapMInputBaseHasEndIcons .sapMInputDescriptionWrapper,
.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) .sapUiSizeCompact .sapMInputBaseHasBeginIcons .sapMInputDescriptionWrapper {
  max-width: calc(100% - (4.25rem));
}
.sapUiSizeCompact .sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputDescriptionWrapper {
  max-width: calc(100% - (6.13rem));
}
.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) .sapUiSizeCompact .sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputDescriptionWrapper {
  max-width: calc(100% - (6.25rem));
}
.sapUiSizeCompact .sapMInputBase:not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) .sapMInputDescriptionWrapper {
  max-width: calc(100% - (2.13rem));
}
.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) .sapUiSizeCompact .sapMInputBase:not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) .sapMInputDescriptionWrapper {
  max-width: calc(100% - (2.25rem*2));
}
.sapMInputHighlight {
  font-weight: bold;
}
/* Overrides due to experimental flex layouting after IE drop */
.sapMInput.sapMInputBaseHasEndIcons .sapMInputBaseInner,
.sapMInput.sapMInputBaseHasBeginIcons .sapMInputBaseInner {
  width: auto;
  flex: 1;
}
.sapMInput .sapMInputBaseContentWrapper {
  display: inline-flex;
}
/* ================================ */
/* CSS for control sap.m/InputBase  */
/* Base theme                       */
/* ================================ */
/*MIN-WIDTH variables*/
/* rounding values to 2 symbols, because of IE and Edge */
.sapMInputBase {
  height: 2.5rem;
  background: transparent;
  position: relative;
  display: inline-block;
  vertical-align: top;
  outline: none;
  box-sizing: border-box;
  line-height: 0;
}
.sapMInputBaseHeightMargin {
  margin: 0.25rem 0;
}
/* handle min-width calculation */
.sapMInputBaseHasEndIcons .sapMInputBaseContentWrapper,
.sapMInputBaseHasBeginIcons .sapMInputBaseContentWrapper {
  min-width: 5.5rem;
}
.sapMInputBaseHasEndIcons .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess),
.sapMInputBaseHasBeginIcons .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
  min-width: 5.63rem;
}
.sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputBaseContentWrapper {
  min-width: 7.88rem;
}
.sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
  min-width: 8rem;
}
.sapMInputBase:not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) .sapMInputBaseContentWrapper {
  min-width: 3.13rem;
}
.sapMInputBase:not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
  min-width: 3.25rem;
}
.sapMInputBaseInner {
  background: transparent;
  border: none;
  font-style: normal;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  font-size: 0.875rem;
  font-family: Arial, Helvetica, sans-serif;
  line-height: normal;
  padding: 0 0.75rem;
  height: 100%;
  box-sizing: border-box;
  min-width: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: inherit;
}
.sapMInputBaseReadonly .sapMInputBaseIconContainer {
  height: 0;
}
.sapMInputBase:not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) .sapMInputBaseInner,
.sapMInputBaseNoWidth .sapMInputBaseInner {
  width: 100%;
}
.sapMInputBaseHasEndIcons .sapMInputBaseInner,
.sapMInputBaseHasBeginIcons .sapMInputBaseInner {
  width: calc(100% - 2.375rem);
}
.sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputBaseInner {
  width: calc(100% - 2.375rem*2);
}
.sapMInputBaseContentWrapper {
  height: 100%;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 0;
  vertical-align: middle;
  margin: 0;
}
.sapMInputBaseIconContainer {
  display: inline-block;
  vertical-align: inherit;
  height: 100%;
  width: auto;
  outline: none;
}
.sapMInputBaseHasBeginIcons .sapMInputBaseInner {
  padding-left: 0.25rem;
}
.sapMInputBaseHasEndIcons .sapMInputBaseInner {
  padding-right: 0.25rem;
}
.sapMInputBaseIcon {
  width: 2.375rem;
  min-width: 2.375rem;
  height: 100%;
  line-height: 2.375rem;
  cursor: pointer;
  background: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.sapMFocus .sapMInputBaseContentWrapper {
  outline: 1px dotted #000;
  outline-offset: -3px;
}
.sapMFocus.sapMInputBaseState .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperSuccess) {
  outline-offset: -4px;
}
.sapMInputBaseInner::-webkit-input-placeholder {
  font-size: 0.875rem;
  font-style: italic;
  padding: 0 0.125rem;
}
.sapMInputBaseInner::-moz-placeholder {
  font-size: 0.875rem;
  font-style: italic;
  padding: 0 0.125rem;
}
.sapMInputBaseInner::-webkit-outer-spin-button,
.sapMInputBaseInner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.sapMInputBaseInner:focus {
  outline: none;
  outline-width: 0;
}
.sapMPointer > .sapMInputBaseInner {
  cursor: pointer;
}
.sapMInputBaseDisabled {
  opacity: 0.5;
}
.sapMInputBaseDisabled .sapMInputBaseIcon {
  cursor: default;
}
.sapMInputBaseInner[placeholder] {
  text-overflow: ellipsis;
}
.sapMInputBaseInner::-webkit-input-placeholder {
  color: #707070;
  text-overflow: ellipsis !important;
  /* important is necessary to overwrite inline style of shadow dom */
}
.sapMInputBaseInner::-moz-placeholder {
  color: #707070;
}
input.sapMInputBaseInner:invalid {
  /* disable native browser input validation visualization e.g. for type email or number */
  box-shadow: none;
}
/*read only*/
.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
  border-color: #cccccc;
  background: rgba(242, 242, 242, 0.5);
}
.sapMInputBaseInner:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):focus {
  border-color: #44a12c;
}
.sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseDisabledWrapper):hover {
  background: #ffffff;
  border-color: #44a12c;
}
.sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseDisabledWrapper):active {
  background: #ffffff;
  border-color: #44a12c;
}
/* Compact size */
.sapUiSizeCompact {
  /* handle min-width calculation */
}
.sapUiSizeCompact .sapMInputBase {
  line-height: 1rem;
  height: 1.625rem;
}
.sapUiSizeCompact .sapMInputBaseContentWrapper {
  height: 1.625rem;
}
.sapUiSizeCompact .sapMInputBaseInner {
  padding: 0 0.5rem;
  min-width: 2rem;
}
.sapUiSizeCompact .sapMInputBaseHasEndIcons .sapMInputBaseInner,
.sapUiSizeCompact .sapMInputBaseHasBeginIcons .sapMInputBaseInner {
  width: calc(100% - 2rem);
}
.sapUiSizeCompact .sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputBaseInner {
  width: calc(100% - 2rem*2);
}
.sapUiSizeCompact .sapMInputBaseIcon {
  width: 2rem;
  min-width: 2rem;
  line-height: 1.5rem;
}
.sapUiSizeCompact .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIcon {
  line-height: 1.375rem;
}
.sapUiSizeCompact .sapMInputBaseHasBeginIcons .sapMInputBaseInner {
  padding-left: 0.25rem;
}
.sapUiSizeCompact .sapMInputBaseHasEndIcons .sapMInputBaseInner {
  padding-right: 0.25rem;
}
.sapUiSizeCompact .sapMInputBaseHasEndIcons .sapMInputBaseContentWrapper,
.sapUiSizeCompact .sapMInputBaseHasBeginIcons .sapMInputBaseContentWrapper {
  min-width: 4.13rem;
}
.sapUiSizeCompact .sapMInputBaseHasEndIcons .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess),
.sapUiSizeCompact .sapMInputBaseHasBeginIcons .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
  min-width: 4.25rem;
}
.sapUiSizeCompact .sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputBaseContentWrapper {
  min-width: 6.13rem;
}
.sapUiSizeCompact .sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
  min-width: 6.25rem;
}
.sapUiSizeCompact .sapMInputBase:not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) .sapMInputBaseContentWrapper {
  min-width: 2.13rem;
}
.sapUiSizeCompact .sapMInputBase:not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
  min-width: 2.25rem;
}
.sapUiSizeCompact .sapMInputBaseHeightMargin {
  margin: 0.1875rem 0;
}
/* Condensed size */
.sapUiSizeCondensed .sapUiTableCell .sapMInputBase {
  height: 1.375rem;
  /* + 2*1px padding = 1.5rem */
  padding: 0 0.0625rem;
  /* 1px padding only */
}
.sapUiSizeCondensed .sapUiTableCell .sapMInputBaseHeightMargin {
  margin: 0;
}
.sapUiSizeCondensed .sapUiTableCell .sapMInputBaseInner:not(.sapMInputBaseContentWrapperState) {
  border-color: transparent;
}
.sapUiSizeCondensed .sapUiTableCell .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperSuccess) {
  height: 1.375rem;
}
/* Input selection fix -
 * Due to the fact that the CSS parsing rules require dropping the whole rule when encountering an invalid
 * pseudo-element, two separate rules must be written */
.sapMInputBaseInner::selection,
.sapMInputBaseInner::-moz-selection {
  background: #44a12c;
  color: #fff;
}
/* Google chrome and Safari input selection fix:
 * The browser renders the selection background with 50% opacity by default.
 * The solution is to use fade with a value for alpha 99 if it's set 100 the browser ignores it.
 */
html[data-sap-ui-browser^="sf"] .sapMInputBaseInner::selection,
html[data-sap-ui-browser^="cr"] .sapMInputBaseInner::selection {
  background: rgba(68, 161, 44, 0.99);
  color: rgba(255, 255, 255, 0.99);
}
.sapMInputBaseDisabled .sapMInputBaseInner::-webkit-input-placeholder {
  opacity: 0;
}
.sapMInputBaseDisabled .sapMInputBaseInner::-moz-placeholder {
  opacity: 0;
}
.sapMInputBaseReadonly .sapMInputBaseInner::-webkit-input-placeholder {
  opacity: 0;
}
.sapMInputBaseReadonly .sapMInputBaseInner::-moz-placeholder {
  opacity: 0;
}
.sapMInputBaseDisabledWrapper .sapMInputBaseIcon {
  color: #cccccc;
}
/* pressed */
.sapMInputBaseIconPressed .sapMInputBaseIcon,
.sapMInputBaseIconPressed .sapMInputBaseIcon:hover {
  background: #44a12c;
}
.sapMInputBaseIconPressed .sapMInputBaseIcon::before {
  color: #fff;
}
.sapMInputBaseIconPressed .sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseDisabledWrapper) {
  border-color: #44a12c;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMInputBaseContentWrapper {
  height: 1.375rem;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperState) {
  border: none;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMInputBase .sapMInputBaseIcon {
  height: 1.375rem;
  width: 1.375rem;
  line-height: 1.375rem;
}
.sapMInputBase .sapUiLocalBusyIndicator:focus {
  outline: none;
}
/* note: the following three files are not in alphabetical order and should be imported after InputBase.less */
/* ======================================== */
/* CSS for control sap.m/ComboBoxTextField  */
/* Base theme                               */
/* ======================================== */
/* =================================== */
/* CSS for control sap.m/ComboBoxBase  */
/* Base theme                          */
/* =================================== */
/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */
.sapMComboBoxBase.sapMInputBaseReadonly .sapMInputBaseIcon {
  opacity: 0;
}
/* ------------------------------ */
/* dialog                         */
/* ------------------------------ */
div.sapMComboBoxBasePicker .sapMDialogScrollCont {
  padding: 0;
}
/* ------------------------------ */
/* list                           */
/* ------------------------------ */
.sapMComboBoxBaseList.sapUiLocalBusy {
  min-height: 2rem;
}
.sapMComboBoxBaseList .sapMSLITitleOnly {
  font-size: 0.875rem;
}
.sapMComboBoxBaseList .sapMSLI {
  height: 2.5rem;
}
/* =============================== */
/* CSS for control sap.m/ComboBox  */
/* Base theme                      */
/* =============================== */
.sapMComboBoxBasePicker-CTX .sapMComboBoxList.sapMListFocus .sapMLIBSelected,
.sapMComboBoxBasePicker-CTX .sapMComboBoxList.sapMListFocus .sapMComboBoxBaseNonInteractiveItem.sapMLIBFocused {
  outline: 1px dotted #000;
  outline-offset: -2px;
}
/* ==================================== */
/* CSS for control sap.m/InputListItem  */
/* Base theme                           */
/* ==================================== */
.sapMILI {
  display: -webkit-box;
  display: flex;
  height: 3rem;
}
.sapMILILabel {
  -webkit-box-flex: 1;
  flex: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: 1.125rem;
  max-width: 60%;
  /*we can have very long title so lets give a limit */
  color: #333333;
}
.sapMLIBActionable .sapMILILabel {
  cursor: pointer;
}
.sapMILI > .sapMLIBContent {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.sapMILIDiv {
  -webkit-box-flex: 9;
  flex: 1 0 auto;
  text-align: right;
  margin: 0 0 0 1rem;
}
html[dir=rtl] .sapMILIDiv {
  text-align: left;
}
.sapMLIBActive .sapMILILabel {
  color: white;
}
/* Compact size */
.sapUiSizeCompact .sapMILI {
  height: 2rem;
}
.sapUiSizeCompact .sapMILILabel {
  font-size: 0.875rem;
}
/* ============================ */
/* CSS for control sap.m/Label  */
/* Base theme                   */
/* ============================ */
.sapMLabel {
  color: #666666;
  font-size: 0.875rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  display: inline-block;
  white-space: nowrap;
  cursor: text;
  overflow: hidden;
  box-sizing: border-box;
}
.sapMLabel .sapMLabelTextWrapper {
  text-overflow: ellipsis;
  overflow: hidden;
}
.sapMLabel:not(.sapMLabelWrapped) .sapMLabelTextWrapper {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}
.sapMLabel.sapMLabelRequired:not(.sapMLabelWrapped) .sapMLabelTextWrapper {
  max-width: calc(100% - 0.125rem - 6px);
}
.sapMLabelBold,
.sapMLabel.sapMLabelBold {
  font-weight: bold;
}
.sapMLabelMaxWidth {
  max-width: 100%;
}
.sapMLIBActionable .sapMLabel {
  cursor: pointer;
}
.sapMLabel .sapMLabelColonAndRequired {
  display: inline;
  vertical-align: top;
}
.sapMLabel .sapMLabelColonAndRequired::before {
  vertical-align: top;
}
.sapMLabel.sapMLabelRequired .sapMLabelColonAndRequired::after {
  content: "*";
  color: #004990;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  vertical-align: middle;
  line-height: 0;
  margin-left: 0.125rem;
}
html[dir="rtl"] .sapMLabel[dir="ltr"].sapMLabelRequired .sapMLabelColonAndRequired::after,
html[dir="ltr"] .sapMLabel[dir="rtl"].sapMLabelRequired .sapMLabelColonAndRequired::after {
  margin-right: 0.125rem;
  margin-left: 0;
}
.sapMIBar-CTX .sapMLabel {
  color: #666666;
}
.sapMIBar-CTX.sapMFooter-CTX .sapMLabel {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  color: #fff;
}
/* Toolbar overflow context */
.sapMOverflowToolbarMenu-CTX .sapMLabel {
  max-width: 20rem;
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
  white-space: normal;
}
.sapMOverflowToolbarMenu-CTX .sapMLabel.sapMLabelMediumMarginTop {
  margin-top: 0.625rem;
  margin-bottom: 0.125rem;
}
.sapMOverflowToolbarMenu-CTX .sapMLabel + .sapMLabel {
  margin-top: 0.75rem;
}
.sapMOverflowToolbarMenu-CTX .sapMCb .sapMLabel {
  margin-top: 0;
}
.sapMOverflowToolbarMenu-CTX .sapMCb .sapMLabel.sapMLabelMediumMarginTop,
.sapMOverflowToolbarMenu-CTX .sapMCb .sapMLabel + .sapMLabel {
  margin-top: 0;
}
/* ============================ */
/* Overwrites for Label in Form */
/* ============================ */
/* GridLayout */
td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapMLabel {
  text-align: end !important;
  /* to overwrite setting on label */
  width: 100%;
  /* to react on touch/click on whole label cell */
}
/* ResponsiveGridLayout */
/* make labels right aligned if left from fields*/
.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
  float: right;
}
/* ResponsiveLayout */
/* If label is above the fields it's left aligned, if it's left of the fields it's right aligned */
.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel {
  text-align: end !important;
  /* to overwrite setting on label */
  width: 100%;
  /* to react on touch/click on whole label cell */
}
/* ================================== */
/* Label in Form - Colon and Asterisk */
/* ================================== */
.sapUiFormLblColon {
  /* GridLayout */
}
.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel:not(.sapMLabelWrapped) {
  display: inline-flex;
}
.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel:not(.sapMLabelWrapped).sapMLabelRequired .sapMLabelTextWrapper {
  max-width: 100%;
}
.sapUiFormLblColon td:not(.sapUiGridLabelFull).sapUiFormElementLbl > .sapMLabel,
.sapUiFormLblColon .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > :not(.sapUiRespGridSpanS12).sapUiFormElementLbl > .sapMLabel,
.sapUiFormLblColon .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > :not(.sapUiRespGridSpanM12).sapUiFormElementLbl > .sapMLabel,
.sapUiFormLblColon .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > :not(.sapUiRespGridSpanL12).sapUiFormElementLbl > .sapMLabel,
.sapUiFormLblColon .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > :not(.sapUiRespGridSpanXL12).sapUiFormElementLbl > .sapMLabel,
.sapUiFormLblColon .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > .sapUiRFLContainerContent.sapUiFormElementLbl > .sapMLabel,
.sapUiFormLblColon .sapUiFormCL.sapUiFormCLSmallColumns :not(.sapUiFormCLCellsS12).sapUiFormElementLbl > .sapMLabel,
.sapUiFormLblColon .sapUiFormCL.sapUiFormCLWideColumns :not(.sapUiFormCLCellsL12).sapUiFormElementLbl > .sapMLabel {
  display: inline-block;
  position: relative;
  padding-right: 0.85em;
}
.sapUiFormLblColon td:not(.sapUiGridLabelFull).sapUiFormElementLbl > .sapMLabel:lang(fr),
.sapUiFormLblColon .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > :not(.sapUiRespGridSpanS12).sapUiFormElementLbl > .sapMLabel:lang(fr),
.sapUiFormLblColon .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > :not(.sapUiRespGridSpanM12).sapUiFormElementLbl > .sapMLabel:lang(fr),
.sapUiFormLblColon .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > :not(.sapUiRespGridSpanL12).sapUiFormElementLbl > .sapMLabel:lang(fr),
.sapUiFormLblColon .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > :not(.sapUiRespGridSpanXL12).sapUiFormElementLbl > .sapMLabel:lang(fr),
.sapUiFormLblColon .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > .sapUiRFLContainerContent.sapUiFormElementLbl > .sapMLabel:lang(fr),
.sapUiFormLblColon .sapUiFormCL.sapUiFormCLSmallColumns :not(.sapUiFormCLCellsS12).sapUiFormElementLbl > .sapMLabel:lang(fr),
.sapUiFormLblColon .sapUiFormCL.sapUiFormCLWideColumns :not(.sapUiFormCLCellsL12).sapUiFormElementLbl > .sapMLabel:lang(fr) {
  padding-right: 1.125em;
}
.sapUiFormLblColon td:not(.sapUiGridLabelFull).sapUiFormElementLbl > .sapMLabel:lang(zh-TW),
.sapUiFormLblColon .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > :not(.sapUiRespGridSpanS12).sapUiFormElementLbl > .sapMLabel:lang(zh-TW),
.sapUiFormLblColon .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > :not(.sapUiRespGridSpanM12).sapUiFormElementLbl > .sapMLabel:lang(zh-TW),
.sapUiFormLblColon .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > :not(.sapUiRespGridSpanL12).sapUiFormElementLbl > .sapMLabel:lang(zh-TW),
.sapUiFormLblColon .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > :not(.sapUiRespGridSpanXL12).sapUiFormElementLbl > .sapMLabel:lang(zh-TW),
.sapUiFormLblColon .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > .sapUiRFLContainerContent.sapUiFormElementLbl > .sapMLabel:lang(zh-TW),
.sapUiFormLblColon .sapUiFormCL.sapUiFormCLSmallColumns :not(.sapUiFormCLCellsS12).sapUiFormElementLbl > .sapMLabel:lang(zh-TW),
.sapUiFormLblColon .sapUiFormCL.sapUiFormCLWideColumns :not(.sapUiFormCLCellsL12).sapUiFormElementLbl > .sapMLabel:lang(zh-TW) {
  padding-right: 1.59em;
}
.sapUiFormLblColon td:not(.sapUiGridLabelFull).sapUiFormElementLbl > .sapMLabel .sapMLabelColonAndRequired,
.sapUiFormLblColon .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > :not(.sapUiRespGridSpanS12).sapUiFormElementLbl > .sapMLabel .sapMLabelColonAndRequired,
.sapUiFormLblColon .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > :not(.sapUiRespGridSpanM12).sapUiFormElementLbl > .sapMLabel .sapMLabelColonAndRequired,
.sapUiFormLblColon .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > :not(.sapUiRespGridSpanL12).sapUiFormElementLbl > .sapMLabel .sapMLabelColonAndRequired,
.sapUiFormLblColon .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > :not(.sapUiRespGridSpanXL12).sapUiFormElementLbl > .sapMLabel .sapMLabelColonAndRequired,
.sapUiFormLblColon .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > .sapUiRFLContainerContent.sapUiFormElementLbl > .sapMLabel .sapMLabelColonAndRequired,
.sapUiFormLblColon .sapUiFormCL.sapUiFormCLSmallColumns :not(.sapUiFormCLCellsS12).sapUiFormElementLbl > .sapMLabel .sapMLabelColonAndRequired,
.sapUiFormLblColon .sapUiFormCL.sapUiFormCLWideColumns :not(.sapUiFormCLCellsL12).sapUiFormElementLbl > .sapMLabel .sapMLabelColonAndRequired {
  position: absolute;
}
.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel {
  text-align: start !important;
  /* to overwrite setting on label */
  padding-bottom: 2px;
}
/* ResponsiveGridLayout */
.sapUiFormResGridCont > .sapUiFormElementLbl > .sapMLabel {
  width: 100%;
}
/* collapse lines in a form */
.sapUiForm .sapUiFormElementLbl > .sapMLabel {
  height: auto;
}
.sapUiForm.sapUiFormEdit .sapUiFormElementLbl > .sapMLabel {
  vertical-align: top;
  /* align vertically to multiline texts */
}
.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel .sapMLabelColonAndRequired::before {
  content: attr(data-colon);
  white-space: pre;
}
/* Wrapping of the Label's text */
.sapMLabel.sapMLabelWrapped {
  white-space: pre-line;
  overflow: hidden;
  word-wrap: break-word;
}
.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel.sapMLabelNoText .sapMLabelColonAndRequired::before {
  content: none;
}
.sapMLIBUnread .sapMLabel,
.sapMLIBUnread + .sapMListTblSubRow .sapMLabel {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.sapMListTbl .sapMLIBActive .sapMLabel,
.sapMLIBActive .sapMLabel {
  color: white;
}
/* Transparent Toolbar Context*/
.sapMTB-Transparent-CTX .sapMLabel {
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;
}
/* HorizontalLayout */
.sapUiHLayoutChildWrapper > .sapMLabel {
  vertical-align: text-bottom;
}
/* ================================ */
/* SMALL,  MEDIUM and LARGE DEVICES */
/* ================================ */
.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
  text-align: end !important;
  /* to overwrite style set on element */
  float: none;
  /* as label has 100% width not needed (will bring wrong alignments on iPad) */
}
/* ========================================================== */
/* Form - ColumnLayout                                        */
/* ========================================================== */
.sapUiFormCL .sapUiFormElementLbl > .sapMLabel {
  width: 100%;
}
.sapUiFormCL.sapUiFormCLSmallColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsS12) > .sapMLabel,
.sapUiFormCL.sapUiFormCLWideColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsL12) > .sapMLabel {
  text-align: end !important;
  /* to overwrite style set on element */
  float: none;
  /* otherwise ":" is inside of Elements padding */
}
/* ========================================================== */
/* COMPACT + CONDENSED SIZE + SPECIALS FOR SAP.UI.TABLE.TABLE */
/* ========================================================== */
.sapUiSizeCompact .sapMIBar-CTX.sapMPageHeader .sapMLabel,
.sapUiSizeCondensed.sapUiTable .sapMIBar-CTX.sapMPageHeader .sapMLabel,
.sapUiSizeCondensed .sapUiTable .sapMIBar-CTX.sapMPageHeader .sapMLabel,
.sapUiSizeCompact .sapMDialog-CTX .sapMIBar-CTX .sapMLabel,
.sapUiSizeCondensed.sapUiTable .sapMDialog-CTX .sapMIBar-CTX .sapMLabel,
.sapUiSizeCondensed .sapUiTable .sapMDialog-CTX .sapMIBar-CTX .sapMLabel {
  font-size: 0.875rem;
}
.sapUiSizeCompact .sapUiTableCell .sapMLabel,
.sapUiSizeCondensed .sapUiTableCell .sapMLabel {
  font-weight: normal;
  font-size: 0.875rem;
}
.sapUiSizeCondensed .sapUiTableDataCell :not(.sapMRbBLabel):not(.sapMCbLabel) .sapMLabel {
  line-height: 1.5rem;
}
.sapUiTableCell .sapMLabel {
  color: #333333;
  vertical-align: middle;
}
.sapUiAnalyticalTable .sapUiTableCell .sapMLabel {
  width: 100%;
}
.sapUiTableHeaderDataCell .sapMLabel,
.sapMListTbl .sapMColumnHeader .sapMLabel {
  font-weight: normal;
  font-size: 0.875rem;
}
/* =============================== */
/* CSS for control sap.m/LightBox  */
/* Base theme                      */
/* =============================== */
/* ==========================================================================
   Container
  ========================================================================== */
.sapMLightBox {
  min-width: 20rem;
  max-width: 100%;
  min-height: 18rem;
  max-height: 100%;
  border-radius: 2px;
  background-color: #f2f2f2;
  box-shadow: 0 1.25rem 2rem 0 rgba(0, 0, 0, 0.5), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
  outline: none;
}
html[data-sap-ui-browser^='sf'] .sapMLightBox {
  -webkit-transform: translateZ(0px);
}
.sap-desktop .sapMLightBox {
  max-width: calc(100% - 4rem);
  max-height: calc(100% - 4rem);
}
.sap-tablet .sapMLightBox {
  max-width: calc(100% - 2rem);
  max-height: calc(100% - 2rem);
}
.sap-phone .sapMLightBox {
  max-width: calc(100% - 1rem);
  max-height: calc(100% - 1rem);
}
.sapMLightBoxFooter {
  background-color: rgba(54, 62, 67, 0.96);
  border-top: 1px solid rgba(100, 114, 123, 0.96);
}
/* ==========================================================================
   Overlay
  ========================================================================== */
.sapMLightBox + .sapUiBLy {
  background: #000000;
  opacity: 0.9;
}
/* ==========================================================================
   Image
  ========================================================================== */
.sapMLightBox .sapMImg {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.sapMLightBox.sapMLightBoxTopCornersRadius .sapMImg {
  border-radius: 2px 2px 0 0;
}
/* ==========================================================================
   Footer
  ========================================================================== */
.sapMLightBoxFooter {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: absolute;
  bottom: 0;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-align: start;
  justify-content: space-between;
  height: 3rem;
  align-items: flex-end;
  border-radius: 0 0 2px 2px;
}
.sapMLightBoxFooter.sapMLightBoxFooterTwoLines {
  height: 3.5rem;
}
.sapMLightBoxSubtitle {
  margin-top: 0.5rem;
}
.sapMLightBoxTitleSection {
  margin: 0 1rem;
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1;
}
.sapMLightBoxTwoLines .sapMLightBoxTitleSection {
  padding: 0.5rem 0;
}
.sapMLightBoxFooter .sapMBtn {
  padding-right: 0.25rem;
}
.sapMText.sapMLightBoxTitle {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
}
.sapMText.sapMLightBoxSubtitle {
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
}
.sapMText.sapMLightBoxTitle,
.sapMText.sapMLightBoxSubtitle {
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}
/* ==========================================================================
   Footer title
  ========================================================================== */
.sapMLightBoxImageContainer {
  min-height: calc(18rem - 3.5rem);
  position: absolute;
  top: 0;
  bottom: 3rem;
  width: 100%;
}
.sapMLightBoxImageContainerTwoLines {
  height: calc(100% -  3.5rem);
  position: absolute;
  top: 0;
  width: 100%;
}
/* ==========================================================================
   Busy Indicator
  ========================================================================== */
.sapMLightBox .sapUiSizeCompact .sapMBusyIndicator {
  display: block;
  margin-top: 7.25rem;
}
.sapMLightBox .sapUiSizeCompact .sapMLightBoxTwoLines .sapMBusyIndicator {
  height: 14rem;
  margin-top: 6.75rem;
}
.sapMLightBox .sapMBusyIndicator {
  display: block;
  margin-top: 7rem;
}
.sapMLightBox .sapMLightBoxTwoLines .sapMBusyIndicator {
  height: 14rem;
  margin-top: 6.75rem;
}
/* ==========================================================================
   Error State
  ========================================================================== */
.sapMLightBox .sapMLightBoxErrorContainer {
  padding: 1rem;
}
.sapMLightBox .sapMLightBoxErrorContainerTwoLines {
  padding: 2rem;
  height: calc(100% -  3.5rem);
}
.sapMLightBox .sapMLightBoxVerticalLayout {
  text-align: center;
  max-width: 30rem;
}
.sapMLightBox .sapMLightBoxIconErrorContainer {
  margin: 0 auto;
  width: 5rem;
}
.sapMLightBox .sapMLightBoxErrorIcon {
  font-family: SAP-icons;
  font-size: 4rem;
  font-weight: normal;
  width: 5rem;
  height: 5rem;
}
.sapMLightBox .sapMLightBoxErrorTitle {
  margin-top: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #333333;
  font-size: 1.375rem;
}
.sapMLightBox .sapMLightBoxErrorSubtitle {
  line-height: normal;
  margin: 1rem auto;
  color: #666666;
  font-size: 1rem;
}
.sapMLightBox.sapMLightBoxError .sapMLightBoxFooter {
  position: initial;
}
.sapMLightBox .sapMLightBoxErrorContainer .sapUiIcon::before,
.sapMLightBox .sapMLightBoxErrorContainerTwoLines .sapUiIcon::before {
  color: #666666;
}
/* ==========================================================================
   Compact
  ========================================================================== */
.sapUiSizeCompact .sapMLightBoxImageContainer {
  bottom: 2.5rem;
}
.sapUiSizeCompact .sapMLightBoxImageContainerTwoLines {
  bottom: 3.5rem;
  height: calc(100% -  3.5rem);
}
.sapUiSizeCompact .sapMLightBoxFooter {
  height: 2.5rem;
}
.sapUiSizeCompact .sapMLightBoxFooter.sapMLightBoxFooterTwoLines {
  height: 3.5rem;
}
.sapUiSizeCompact .sapMLightBoxTitleSection {
  padding: 0.75rem 0;
}
.sapUiSizeCompact .sapMLightBoxTwoLines .sapMLightBoxTitleSection {
  padding: 0.5rem 0;
}
.sapUiSizeCompact .sapMLightBoxFooter .sapMBtn {
  padding-right: 0.5rem;
  margin-bottom: 0.25rem;
}
.sapUiSizeCompact .sapMLightBox .sapMLightBoxErrorContainerTwoLines {
  height: calc(100% -  3.5rem);
}
/* =========================== */
/* CSS for control sap.m/Link  */
/* Base theme                  */
/* =========================== */
.sapMLnk {
  color: #44a12c;
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  cursor: pointer;
}
.sapMLnk:active:not(.sapMLnkDsbl),
.sapMLnk:focus:not(.sapMLnkDsbl) {
  color: #44a12c;
}
.sapMLnk:visited {
  color: #44a12c;
}
.sapMLnk:hover:not(.sapMLnkDsbl) {
  color: #44a12c;
}
.sapUiInverted-CTX .sapUiLnk {
  color: #1bb1ff;
}
.sapMLnk.sapMLnkWrapping {
  white-space: normal;
  word-wrap: break-word;
}
.sapMLnkMaxWidth {
  max-width: 100%;
}
/* Link in sap.ui.table.* tables */
.sapUiTableCell .sapMLnk {
  vertical-align: middle;
}
.sapUiSizeCondensed .sapUiTableCell .sapMLnk {
  line-height: 1.5rem;
}
.sapUiHLayoutChildWrapper > .sapMLnk {
  vertical-align: text-bottom;
}
.sapMFT .sapMLnk,
.sapMFT .sapMTitle .sapMLnk {
  vertical-align: top;
}
/* Global focus offset */
html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
  outline-offset: -1px;
  text-decoration: underline;
}
/* Link focus offset and visualization in sap.ui.table.* tables */
html.sap-desktop .sapUiSizeCondensed .sapUiTableCell .sapMLnk:focus:not(.sapMLnkDsbl) {
  outline-offset: -2px;
}
/* Hover Decoration only for desktop clients*/
html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
  text-decoration: underline;
}
html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
  outline: 1px dotted #000;
}
.sapUiForm .sapMLnk {
  min-height: 1rem;
  /* do give empty links a size too. Keep the Form stable */
}
.sapUiFormEdit .sapMLnk {
  line-height: normal;
  margin-top: 1rem;
  /* don't use padding as this would stretch the focus outline */
  margin-bottom: 0.75rem;
  /* for some reason browser adds 4px, display: block would lead to stretched focus outline*/
}
.sapUiFormToolbar .sapMTB .sapMLnk {
  line-height: normal;
  margin-top: auto;
  margin-bottom: auto;
}
.sapMLnkEmphasized {
  font-weight: bold;
}
.sapMLnk .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
  display: none;
}
.sapMShowEmpty-CTX .sapMLnk .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
  display: inline-block;
}
.sapMShowEmpty-CTX .sapMLnk .sapMEmptyIndicator.sapMEmptyIndicatorAuto,
.sapMLnk .sapMEmptyIndicator {
  color: #000;
}
/* Compact size */
.sapUiSizeCompact .sapUiFormEdit .sapMLnk {
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}
.sapMLnk:-webkit-any-link:focus {
  outline: none;
}
/* =============================== */
/* CSS for control sap.m/ListBase  */
/* Base theme                      */
/* =============================== */
.sapMList {
  position: relative;
  /* This should not break the list but help swipe list content position calculation */
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.sapMListUl {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.sapMListUl:focus {
  outline: none;
}
.sapMListPreventFocus .sapMListDummyArea {
  display: none;
}
.sapMListSwp {
  overflow: hidden;
  position: absolute;
  right: 0.5em;
  z-index: 1;
  opacity: 0;
  pointer-events: auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: -1px;
}
.sapMListDummyArea {
  position: fixed;
  /* keep it in the visible viewport, so that IE does not scroll on focus */
}
.sapMListDummyAreaSticky {
  position: sticky;
  /* keep it in the scrollable area, so that browser does not scroll on focus */
  height: 0.1px;
  /* webkit needs height for the sticky elements */
  bottom: 0px;
}
/* swipe animations */
@-webkit-keyframes sapMListSwpInAnim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sapMListSwpInAnim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes sapMListSwpOutAnim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sapMListSwpOutAnim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sapMListSwpInAnim {
  -webkit-animation: sapMListSwpInAnim 0.2s ease-in forwards;
  animation: sapMListSwpInAnim 0.2s ease-in forwards;
}
.sapMListSwpOutAnim {
  -webkit-animation: sapMListSwpOutAnim 0.2s ease-in forwards;
  animation: sapMListSwpOutAnim 0.2s ease-in forwards;
}
.sapMListNoData {
  list-style-type: none;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: #333333;
  background-color: #ffffff;
  border-bottom: 1px solid #e5e5e5;
  padding: 0.5rem 1rem !important;
  min-height: 3rem;
  line-height: 1.4;
}
.sapMListNoDataText {
  overflow: hidden;
  overflow: clip;
  white-space: pre-wrap;
  text-align: center;
}
.sapMListShowSeparatorsAll {
  /*class will be added for others, just a reminder*/
}
.sapMListShowSeparatorsInner {
  /*class will be added for others, just a reminder*/
}
.sapMListShowSeparatorsNone {
  /*class will be added for others, just a reminder*/
}
/* Growing feature */
.sapMGrowingList {
  border-bottom: 1px solid rgba(100, 114, 123, 0.96);
}
.sapMGrowingListTrigger {
  display: block;
  text-align: center;
  overflow: hidden;
  border-top: 1px solid #dddddd;
}
.sapMGrowingListDummyColumn {
  border-right: 1px solid #e5e5e5;
}
/* .sapMSLIDescription also has padding defined, hence making the style rule stronger */
.sapMGrowingListDescription.sapMSLIDescription {
  display: none;
  padding: 0.375rem 2rem 0.875rem 2rem;
  text-align: center;
}
.sapMGrowingList > .sapMCLI.sapMLIB:not(.sapMLIBActive) {
  background: rgba(54, 62, 67, 0.96);
  border-bottom: none;
}
.sapMGrowingList > .sapMCLI.sapMLIBHoverable:hover {
  background: rgba(68, 78, 84, 0.96);
}
.sapMGrowingListBusyIndicatorVisible .sapMGrowingListTriggerText,
.sapMGrowingListBusyIndicatorVisible .sapMGrowingListDescription {
  visibility: hidden;
}
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapMList.sapUiContentPadding {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMList.sapUiResponsiveContentPadding,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapMList.sapUiResponsiveContentPadding,
  .sapMList.sapUiResponsiveContentPadding {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMList.sapUiResponsiveContentPadding,
  .sapMList.sapUiResponsiveContentPadding {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMList.sapUiResponsiveContentPadding,
  .sapMList.sapUiResponsiveContentPadding {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapMList.sapUiResponsiveContentPadding {
  padding: 0;
}
.sapMSplitContainerDetail .sapMList.sapUiResponsiveContentPadding {
  padding: 1rem;
}
.sapMList.sapUiNoContentPadding {
  padding: 0;
}
.sapUiFioriObjectPage > section > .sapMList:not(.sapMListInsetBG) {
  margin: 1rem 0;
  padding: 0 1rem;
  box-sizing: border-box;
}
.sapUiFioriObjectPage > section > .sapMITB + .sapMList:not(.sapMListInsetBG) {
  margin-top: 1rem;
}
html.sap-phone .sapUiFioriObjectPage > section > .sapMList:not(.sapMListInsetBG) {
  padding: 0;
}
.sapUIMeTabContainerContent .sapMList {
  padding: 1rem;
  box-sizing: border-box;
}
html.sap-phone .sapUIMeTabContainerContent .sapMList {
  padding: 0rem;
  box-sizing: border-box;
}
.sapMListInsetBG {
  padding: 2rem;
}
.sapMListInsetBG > .sapMListSwp {
  margin-right: 2rem;
}
html.sap-phone .sapMListInsetBG {
  padding: 1rem;
}
html.sap-phone .sapMListInsetBG > .sapMListSwp {
  margin-right: 1rem;
}
.sapMListHdrText {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  font-size: 1.125rem;
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  background-color: transparent;
  border-bottom: 1px solid #cccccc;
}
.sapMListFtr {
  height: 2rem;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  /* To improve readability Mobile Safari automatically increases the size of small text so let's disable this */
  font-size: 0.875rem;
  line-height: 2rem;
  background-color: #f7f7f7;
  color: #666666;
  padding: 0 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sapMListTopBorder {
  border-top: 1px solid #e5e5e5;
}
.sapMListShowSeparatorsNone .sapMListNoData {
  border-bottom: 0px;
}
.sapUIMeTabContainerContent .sapMFeedListItem {
  display: block;
  padding: 0.5rem 0;
}
/* Growing feature */
.sapMGrowingListBusyIndicator {
  margin: 1.5rem 1rem;
  position: absolute;
}
.sapMGrowingListTriggerText {
  padding: 0 1rem;
}
.sapMGrowingListTriggerText > .sapMSLITitle {
  margin: 0.813rem 0;
  /* overwrites any user-agent default margin values */
  padding-bottom: 0;
  color: #333333;
  font-weight: bold;
}
.sapMGrowingListDescription.sapMSLIDescription {
  color: #333333;
}
/* sticky headers */
.sapMSticky > .sapMListHdr,
.sapMSticky > .sapMListInfoTBarContainer {
  position: sticky;
  position: -webkit-sticky;
}
/* sticky headerToolbar/headerText background when transparent */
.sapMSticky > .sapMListHdrText,
.sapMSticky > .sapMListHdrTBar.sapMTB-Transparent-CTX {
  background: #f7f7f7;
}
.sapMSticky > .sapMListHdr,
.sapMSticky > .sapUiLocalBusyIndicator {
  z-index: 3;
}
.sapMSticky > .sapMListInfoTBarContainer {
  z-index: 2;
}
/* .sapMSticky3 denotes that the headerToolbar/headerText and the infoToolbar are sticky */
/* .sapMSticky2 denotes that only the infoToolbar is sticky */
/* .sapMSticky1 denotes that only the headerToolbar/headerText is sticky */
/* top: 0 sticky conditions : 1st sticky elements */
.sapMSticky1 > .sapMListHdr,
.sapMSticky2 > .sapMListInfoTBarContainer,
.sapMSticky3 > .sapMListHdr {
  top: 0;
}
/* top: 3rem sticky conditions : 2nd sticky elements*/
.sapMSticky3 > .sapMListInfoTBarContainer {
  top: 48px;
}
/* Compact size */
.sapUiSizeCompact .sapMListNoData {
  min-height: 2rem;
  font-size: 0.875rem;
}
.sapUiSizeCompact .sapMGrowingListDescription {
  padding-top: 0;
}
/* =================================== */
/* CSS for control sap.m/ListItemBase  */
/* Base theme                          */
/* =================================== */
.sapMLIB,
.sapMLIBImgNav {
  box-sizing: border-box;
}
.sapMLIB {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  background: #ffffff;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 1rem 0 1rem;
}
.sapMLIBIconDet,
.sapMLIBIconDel {
  margin-left: 0.125rem;
}
.sapMLIBContent {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  max-width: 100%;
  overflow: hidden;
}
.sapMLIBFocusable:focus {
  outline: 1px dotted #000;
  outline-offset: calc(-1px - 0.0625rem);
}
/* makes the focus outline visible when hightlight is used */
.sapMLIBFocusable:focus .sapMLIBHighlight {
  width: 0.25rem;
  left: 2px;
  bottom: 1px;
  top: 2px;
}
.sapMListTblRow:not(.sapMLIBFocusable):focus,
.sapMLIB:not(.sapMLIBFocusable):focus,
.sapMListTblSubRow:focus {
  outline: none;
}
.sapMLIBActionable,
.sapMLIBActionable > .sapMLIBImgNav,
.sapMListTblNavCol > .sapMLIBImgNav,
.sapMLIBActionable .sapMSLIThumbnail,
.sapMLIBActionable .sapMSLIImgIcon {
  cursor: pointer;
}
.sapMLIBImgNav,
.sapMLIBImgDet,
.sapMLIBImgDel,
.sapMLIBIconDet,
.sapMLIBSelectS,
.sapMLIBSelectM,
.sapMLIBSelectD,
.sapMLIBCounter {
  -webkit-box-flex: 0;
  flex: none;
}
.sapMLIBHighlight {
  position: absolute;
  width: 0.375rem;
  bottom: 0;
  left: 0;
  top: 0;
  border-right: 0.0625rem solid #ffffff;
  box-sizing: border-box;
}
.sapMLIBHighlight + .sapMLIBContent,
.sapMListHighlight .sapMLIBContent:first-child {
  margin-left: 0.375rem;
}
.sapMLIBSelectS,
.sapMLIBSelectM {
  width: 3rem;
  height: 3rem;
  margin-left: 0;
  padding-left: 0;
}
.sapMLIBHighlight + .sapMLIBSelectS,
.sapMLIBHighlight + .sapMLIBSelectM,
.sapMListHighlight > .sapMLIB > .sapMLIBSelectS:first-child,
.sapMListHighlight > .sapMLIB > .sapMLIBSelectM:first-child {
  margin-left: -0.625rem;
}
.sapMLIB > .sapMLIBSelectS:first-child,
.sapMLIB > .sapMLIBSelectM:first-child {
  margin-left: -0.8125rem;
}
.sapMLIBHighlightInformation {
  background: #007cc0;
}
.sapMLIBHighlightSuccess {
  background: #008a3b;
}
.sapMLIBHighlightWarning {
  background: #f0ab00;
}
.sapMLIBHighlightError {
  background: #e52929;
}
.sapMLIBHighlightIndication01 {
  background: #9f1313;
}
.sapMLIBHighlightIndication02 {
  background: #cc1919;
}
.sapMLIBHighlightIndication03 {
  background: #d14900;
}
.sapMLIBHighlightIndication04 {
  background: #007833;
}
.sapMLIBHighlightIndication05 {
  background: #007cc0;
}
.sapMLIBHighlightIndication06 {
  background: #004990;
}
.sapMLIBHighlightIndication07 {
  background: #925ace;
}
.sapMLIBHighlightIndication08 {
  background: #ab218e;
}
:not(.sapMListModeDelete) > .sapMLIB.sapMLIBTypeNavigation {
  padding-right: 0;
}
.sapMListShowSeparatorsNone .sapMLIBShowSeparator {
  border-bottom: 1px solid transparent;
}
.sapMListShowSeparatorsInner .sapMLIBShowSeparator:last-child {
  border-bottom-color: transparent;
}
.sapMLIB.sapMListTblSupRow {
  border-bottom: 0;
}
.sapMLIBSelectAnimation {
  -webkit-animation-duration: 0.25s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-name: resize;
  animation-duration: 0.25s;
  animation-timing-function: ease-in;
  animation-name: resize;
}
@-webkit-keyframes resize {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 2.5rem;
    opacity: 1;
  }
}
@keyframes resize {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 2.5rem;
    opacity: 1;
  }
}
.sapUiSizeCompact .sapMLIBSelectAnimation {
  -webkit-animation-duration: 0.25s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-name: resizeCompact;
  animation-duration: 0.25s;
  animation-timing-function: ease-in;
  animation-name: resizeCompact;
}
@-webkit-keyframes resizeCompact {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 2rem;
    opacity: 1;
  }
}
@keyframes resizeCompact {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 2rem;
    opacity: 1;
  }
}
.sapMLIBUnselectAnimation {
  -webkit-animation-duration: 0.25s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-name: close;
  animation-duration: 0.25s;
  animation-timing-function: ease-in;
  animation-name: close;
}
@-webkit-keyframes close {
  0% {
    width: 3rem;
  }
  100% {
    width: 0;
  }
}
@keyframes close {
  0% {
    width: 3rem;
  }
  100% {
    width: 0;
  }
}
.sapMLIBUnread,
.sapMLIBUnread > .sapMListTblCell,
.sapMLIBUnread + .sapMListTblSubRow {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.sapMLIBCounter {
  font-size: 0.875rem;
  color: #003467;
  padding-left: 1rem;
}
.sapMLIBImgNav {
  width: 48px;
  font-size: 0.75rem;
  color: #666666;
}
.sapMLIBActive .sapMLIBImgNav,
.sapMLIBActive .sapMLIBIconDet .sapMBtnIcon,
.sapMLIBActive .sapMLIBIconDel .sapMBtnIcon {
  color: white;
}
.sapMListBGTransparent .sapMLIB {
  background: rgba(255, 255, 255, 0);
}
.sapMLIBHoverable:hover {
  background: #f0f0f0;
}
.sapMLIB.sapMLIBSelected {
  background: #ecf6ea;
}
.sapMLIB.sapMLIBActive {
  color: white;
  background: #44a12c;
}
.sapMLIBHoverable.sapMLIBSelected:hover {
  background: #e2f1df;
}
.sapMLIBHoverable.sapMLIBSelected.sapMLIBActive:hover {
  background: #44a12c;
}
.sapMLIBActive div,
.sapMLIBActive .sapMLIBCounter {
  color: white;
}
.sapMLIBNavigated {
  width: 0.1875rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #e5e5e5;
}
.sapMLIBFocusable:focus .sapMLIBNavigated {
  width: 0.09375rem;
  right: 2px;
  bottom: 1px;
  top: 2px;
}
/* Compact size */
.sapUiSizeCompact .sapMLIBSelectS,
.sapUiSizeCompact .sapMLIBSelectM {
  height: 2rem;
}
.sapUiSizeCompact .sapMLIB > .sapMLIBSelectS:first-child,
.sapUiSizeCompact .sapMLIB > .sapMLIBSelectM:first-child {
  margin-left: -0.5rem;
}
.sapUiSizeCompact .sapMLIB > .sapMLIBSelectM + .sapMLIBContent,
.sapUiSizeCompact .sapMLIB > .sapMLIBSelectS + .sapMLIBContent {
  margin-left: -0.5rem;
}
/* Note: The following file is not in alphabetical order and should be imported after ListItemBase.less */
/* ===================================== */
/* CSS for control sap.m/CustomListItem  */
/* Base theme                            */
/* ===================================== */
.sapMCLI {
  padding: 0;
}
.sapMListModeSingleSelectLeft > .sapMCLI,
.sapMListModeMultiSelect > .sapMCLI {
  padding-left: 1rem;
}
.sapMListModeDelete > .sapMCLI {
  padding-right: 1rem;
}
/* =========================== */
/* CSS for control sap.m/Menu  */
/* Base theme                  */
/* =========================== */
.sapMListIcons .sapMLIB:not(.sapMSLIIcon) > .sapMLIBContent {
  padding-left: 2rem;
}
.sapMRespMenuDialog .sapMLIB {
  border-bottom: none;
}
/* compact */
.sapUiSizeCompact .sapMMenu.sapUiMnu {
  min-width: 50px;
}
.sapUiSizeCompact .sapMMenu .sapUiMnuItmIco > .sapUiIcon {
  font-size: 1rem;
}
/* end compact */
/* ================================= */
/* CSS for control sap.m/MenuButton  */
/* Base theme                        */
/* ================================= */
.sapMMenuBtn {
  display: inline-block;
  max-width: 12rem;
}
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner {
  text-align: left;
  padding-right: 2rem;
  position: relative;
  padding-left: 0.625rem;
}
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner:not(.sapMBtnText) {
  padding-right: 1.4375rem;
}
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  font-family: 'SAP-icons';
  content: '\e1ef';
  display: inline-block;
  font-size: 0.75rem;
  height: 38px;
  line-height: 38px;
  padding-right: 0.75rem;
  padding-left: 0.5625rem;
  color: #666666;
}
.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner {
  background-image: none;
  text-shadow: none;
  background-color: #44a12c;
  border-color: #44a12c;
}
.sapUiSizeCompact .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner {
  padding-right: 1.625rem;
  padding-left: 0.5rem;
}
.sapUiSizeCompact .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner:not(.sapMBtnText) {
  padding-right: 1.25rem;
}
.sapUiSizeCompact .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
  height: 24px;
  line-height: 24px;
  padding-right: 0.5rem;
  padding-left: 0.375rem;
}
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnEmphasized::after {
  color: black;
  text-shadow: rgba(0, 0, 0, 0.5);
}
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnEmphasized.sapMBtnActive::after {
  text-shadow: none;
}
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnAccept::after {
  color: #fff;
}
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnAttention::after {
  color: #000;
}
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnReject::after {
  color: #fff;
}
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnActive::after {
  color: black;
}
.sapMIBar-CTX.sapMFooter-CTX .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
  text-shadow: rgba(0, 0, 0, 0.5);
}
.sapMFooter-CTX .sapMMenuBtn .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
  text-shadow: none;
}
.sapMIBar-CTX.sapMFooter-CTX .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnActive::after {
  text-shadow: none;
}
.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnReject {
  background-color: #9f1313;
  border-color: #9f1313;
}
.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAccept {
  background-color: #00451d;
  border-color: #00451d;
}
.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAttention {
  background-color: #b84000;
  border-color: #b84000;
}
.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnEmphasized {
  background-color: #44a12c;
  border-color: #44a12c;
}
.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner .sapMBtnIcon {
  color: black;
}
.sapMMenuBtn .sapMBtn .sapMBtnInner {
  display: block;
}
.sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner.sapMBtnIconFirst .sapMBtnIcon {
  padding-right: 0.375rem;
}
.sapMMenuBtn .sapMBtn .sapMBtnInner.sapMBtnText:not(.sapMBtnIconFirst) .sapMBtnContent {
  width: 100%;
}
/* =================================== */
/* CSS for control sap.m/MenuListItem  */
/* Base theme                          */
/* =================================== */
/* phone */
.sapMRespMenuDialog .sapMLIB {
  position: relative;
}
.sapMRespMenuDialog .sapMSLIIcon {
  padding-left: 0;
}
.sapMRespMenuDialog .sapMSLIIcon > .sapMLIBContent {
  margin-left: 0;
}
.sapMRespMenuDialog .sapMSLITitleOnly {
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
}
.sapMMenuLIHasChildren .sapMSLITitleDiv {
  margin-right: 2rem;
  text-overflow: ellipsis;
}
.sapMMenuLIImgThumbIcon {
  font-size: 1.375rem;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  -webkit-box-flex: 0;
  flex: none;
}
.sapMMenuLIArrowRightIcon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.75rem;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  -webkit-box-flex: 0;
  flex: none;
}
.sapMRespMenuDialog .sapUiMnuDiv {
  height: 1px;
}
.sapMRespMenuDialog .sapUiMnuDiv > hr {
  height: 0;
  margin: 0;
  left: 1rem;
  right: 1rem;
}
.sapMMLIDisabled .sapMSLITitle,
.sapMMLIDisabled .sapMSLITitleOnly {
  color: #cccccc;
}
html.sap-phone .sapMMLIDisabled .sapMMenuLIImgThumbIcon,
html.sap-tablet .sapMMLIDisabled .sapMMenuLIImgThumbIcon {
  color: #cccccc;
}
/* end phone */
/* desktop and tablet */
.sapMMenu .sapUiMnuDiv > hr {
  height: 0;
  margin: 0;
}
.sapMMenu .sapUiMnuItmTxt {
  padding-right: 2rem;
  max-width: 16rem;
  text-overflow: ellipsis;
}
.sapMMenu.sapUiMnu .sapUiMnuNoIco.sapUiMnuNoSbMnu .sapUiMnuItmTxt {
  max-width: 19rem;
}
.sapMMenu.sapUiMnu .sapUiMnuNoIco:not(.sapUiMnuNoSbMnu) .sapUiMnuItmTxt,
.sapMMenu.sapUiMnu .sapUiMnuNoSbMnu:not(.sapUiMnuNoIco) .sapUiMnuItmTxt {
  max-width: 17.5rem;
}
.sapUiSizeCozy.sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
  padding-right: 3rem;
  max-width: 14rem;
  text-overflow: ellipsis;
}
.sapUiSizeCozy.sapMMenu.sapUiMnu .sapUiMnuNoIco.sapUiMnuNoSbMnu .sapUiMnuItmTxt {
  max-width: 18rem;
}
.sapUiSizeCozy.sapMMenu.sapUiMnu .sapUiMnuNoIco:not(.sapUiMnuNoSbMnu) .sapUiMnuItmTxt,
.sapUiSizeCozy.sapMMenu.sapUiMnu .sapUiMnuNoSbMnu:not(.sapUiMnuNoIco) .sapUiMnuItmTxt {
  max-width: 16rem;
}
/* end cozy */
/* compact */
.sapUiSizeCompact .sapMMenuLIArrowRightIcon {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}
/* end compact */
/* end desktop and tablet */
/* ================================= */
/* CSS for control sap.m/MessageBox  */
/* Base theme                        */
/* ================================= */
.sapMMessageBoxLinkText {
  margin-top: 1rem;
  float: left;
}
.sapMMessageBoxDetails {
  padding-top: 1rem;
}
.sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
  color: #007cc0;
}
.sapMDialog.sapMMessageBoxWarning .sapMDialogIcon.sapUiIcon {
  color: #d14900;
}
.sapMDialog.sapMMessageBoxError .sapMDialogIcon.sapUiIcon {
  color: #cc1919;
}
.sapMDialog.sapMMessageBoxSuccess .sapMDialogIcon.sapUiIcon {
  color: #007833;
}
.sapMDialog.sapMMessageBoxQuestion .sapMDialogIcon.sapUiIcon {
  color: #007cc0;
}
.sapMDialog.sapMMessageDialog.sapMMessageBoxInfo .sapMDialogTitle > .sapMBar {
  box-shadow: inset 0 -0.125rem #007cc0;
}
.sapMDialog.sapMMessageDialog.sapMMessageBoxWarning .sapMDialogTitle > .sapMBar {
  box-shadow: inset 0 -0.125rem #d14900;
}
.sapMDialog.sapMMessageDialog.sapMMessageBoxError .sapMDialogTitle > .sapMBar {
  box-shadow: inset 0 -0.125rem #cc1919;
}
.sapMDialog.sapMMessageDialog.sapMMessageBoxSuccess .sapMDialogTitle > .sapMBar {
  box-shadow: inset 0 -0.125rem #007833;
}
.sapMDialog.sapMMessageDialog.sapMMessageBoxQuestion .sapMDialogTitle > .sapMBar {
  box-shadow: inset 0 -0.125rem inset 0 -0.125rem #007cc0;
}
/* =================================== */
/* CSS for control sap.m/MessageStrip  */
/* Base theme                          */
/* =================================== */
.sapMMsgStrip {
  border: 1px solid;
  border-radius: 0.1875rem;
  box-sizing: border-box;
  font-size: 0.875rem;
  font-weight: normal;
  padding: 0.4375rem 1rem;
  position: relative;
  min-height: 2rem;
}
.sapMMsgStrip[data-sap-ui-ms-closable='true'] > .sapMMsgStripMessage {
  margin-right: 1rem;
}
html[data-sap-ui-animation='on'] .sapMMsgStrip {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
html[data-sap-ui-animation='on'] .sapMMsgStripCloseButton {
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
}
.sapMMsgStripClosing {
  opacity: 0;
}
.sapMMsgStripIcon {
  position: absolute;
  left: 0;
  width: 2.5rem;
  font-size: 1rem;
  text-align: center;
}
.sapMMsgStripIcon ~ .sapMMsgStripMessage {
  margin-left: 1.5rem;
}
.sapMMsgStripMessage {
  max-height: 10rem;
  overflow: auto;
}
.sapMMsgStripMessage > .sapMText,
.sapMMsgStripMessage > .sapMFT,
.sapMMsgStripMessage > .sapMLnk {
  display: inline;
}
.sapMMsgStripMessage > .sapMLnk {
  margin-left: 0.25rem;
}
.sapMMsgStripMessage > .sapMLnk:not(.sapMLnkDsbl) {
  text-shadow: none;
}
.sapMMsgStripMessage > .sapMText {
  line-height: 1.2;
}
.sapMMsgStripCloseButton {
  position: absolute;
  top: -0.5625rem;
  right: 0.125rem;
}
.sapUiSizeCompact .sapMMsgStripCloseButton {
  top: -0.0625rem;
}
.sapMMsgStripCloseButton {
  position: absolute;
  top: -0.5625rem;
  right: 0.125rem;
}
.sapMMsgStripInformation {
  background-color: #ecf6ea;
  border-color: #44a12c;
  color: #000;
}
.sapMMsgStripInformation .sapMMsgStripIcon {
  color: #007cc0;
}
.sapMMsgStripSuccess {
  background-color: #e0f1e7;
  border-color: #008a3b;
  color: #000;
}
.sapMMsgStripSuccess .sapMMsgStripIcon {
  color: #007833;
}
.sapMMsgStripWarning {
  background-color: #fffcb5;
  border-color: #f0ab00;
  color: #000;
}
.sapMMsgStripWarning .sapMMsgStripIcon {
  color: #d14900;
}
.sapMMsgStripError {
  background-color: #fbdfdf;
  border-color: #e52929;
  color: #000;
}
.sapMMsgStripError .sapMMsgStripIcon {
  color: #cc1919;
}
/* ===================================== */
/* CSS for control sap.m/MessagePopover  */
/* Base theme                            */
/* ===================================== */
.sapMMsgPopover.sapMMsgPopover-init .sapMNavItem.sapMPage {
  position: relative;
}
.sapMMsgPopover.sapMMsgPopover-init .sapMIBar {
  border-bottom: 0;
}
.sapMMsgPopoverCloseBtn .sapMBtnIcon {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
}
/* Compact size */
.sapUiSizeCompact.sapMMsgPopover .sapMMsgPopoverCloseBtn .sapMBtnIcon {
  width: 1.626rem;
  height: 1.626rem;
  font-size: 0.75rem;
}
.sapUiSizeCompact.sapMMsgPopover .sapMMsgPopoverCloseBtn .sapMBtnIcon {
  margin-right: 0;
}
.sapUiSizeCompact.sapMMsgPopover .sapMBtnCustomIcon {
  margin-left: 0;
}
.sapMPopover.sapMMsgPopover.sapMMsgPopover-init .sapMPopoverArr:after {
  border-top-color: #f2f2f2;
}
.sapMMsgPopoverCloseBtn .sapMBtnIcon {
  color: #666666;
}
.sapMMsgPopoverDescriptionText a {
  text-decoration: none;
  color: #44a12c;
}
.sapMMsgPopoverDescriptionText a:hover {
  text-decoration: underline;
  color: #44a12c;
}
.sapMMsgPopoverDescriptionText a:visited {
  text-decoration: none;
  color: #44a12c;
}
.sapMMsgPopoverDescriptionText a:active {
  color: #44a12c;
}
/* ===================================== */
/* CSS for control sap.m/MessagePopover  */
/* Base theme                            */
/* ===================================== */
.sapMMsgView {
  height: 100%;
}
.sapMMsgView .sapMSegBBtnMixed .sapMSegBBtnInner {
  padding-left: 0;
  padding-right: 0;
}
.sapMMsgView .sapMDialogScrollCont {
  padding: 0;
}
.sapMMsgView .sapMIBar .sapMBarChild {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.sapMMsgView .sapMMsgViewTitleText,
.sapMMsgView .sapMMsgViewDescriptionText {
  margin: 1rem 1rem 0 3rem;
}
.sapMMsgView .sapMMsgViewTitleText a.sapMLnkMaxWidth,
.sapMMsgView .sapMMsgViewDescriptionText a.sapMLnkMaxWidth,
.sapMMsgView .sapMMsgViewTitleText.sapMLnkMaxWidth,
.sapMMsgView .sapMMsgViewDescriptionText.sapMLnkMaxWidth {
  white-space: normal;
}
.sapMMsgView .sapMMsgViewDescriptionText {
  padding-bottom: 1rem;
  font-size: 0.875rem;
  display: block;
}
.sapMMsgView .sapMMsgViewDescriptionLink {
  display: block;
  margin: 1rem 0 0 3rem;
}
.sapMMsgView .sapMMsgViewDescriptionText:empty {
  display: none;
}
.sapMMsgView .sapMMsgViewTitleText {
  vertical-align: middle;
  font-size: 1rem;
}
.sapMMsgView .sapMMsgViewItem {
  padding-left: 0;
}
.sapMMsgView .sapMMsgViewItem.sapMSLIWithDescription {
  height: 3.3125rem;
}
.sapMMsgView .sapMMsgViewItem:not(.sapMSLIWithDescription) {
  height: 2.75rem;
}
.sapMMsgView .sapMMsgViewItem .sapMSLIImgIcon {
  margin-left: 0;
}
.sapMMsgView .sapMSLIDescription {
  margin-top: 0.125rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  color: #666666;
}
.sapMMsgView .sapMSLITitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  color: #333333;
}
.sapMMsgView .sapMSLITitle .sapMLnk {
  display: block;
}
.sapMMsgView .sapMSLITitleOnly {
  font-size: 1rem;
}
.sapMMsgView .sapMLIB.sapMLIBActive .sapMSLIImgIcon {
  color: white;
}
.sapMMsgView .sapMSLIDescIcon .sapMSLIDescription {
  margin-top: 0.125rem;
}
.sapMMsgView .sapMSLIInfo {
  margin: 0;
}
.sapMMsgView .sapMTextMaxWidth {
  max-width: calc(100% - 3rem);
}
.sapMMsgView .sapMSLITitle,
.sapMMsgView .sapMSLITitleOnly,
.sapMMsgView .sapMSLIWithDescription > .sapMLIBContent > .sapMSLIDiv > .sapMSLIDescription {
  padding: 0;
}
.sapMMsgView .sapMMsgViewHiddenContainer {
  display: none;
}
.sapMMsgViewDescIcon {
  position: absolute;
  left: 0;
  width: 3rem;
  top: 0.7rem;
  font-size: 1.35rem;
}
.sapMMsgViewItemActive .sapMLnk {
  font-size: 1rem;
}
.sapMMsgViewItemActive .sapMSLITitleOnly {
  display: flex;
  align-items: center;
}
/* Compact size */
.sapUiSizeCompact .sapMMsgView.sapMPopoverArrUp:after,
.sapUiSizeCompact .sapMMsgView.sapMPopoverWithoutBar.sapMPopoverNav.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after,
.sapUiSizeCompact .sapMMsgView.sapMPopoverWithoutBar.sapMPopoverPage.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after {
  bottom: -9px;
  left: -8px;
}
.sapUiSizeCompact .sapMMsgView .sapMMsgViewItem {
  padding-left: 0;
}
.sapUiSizeCompact .sapMMsgView .sapMMsgViewItem.sapMSLIWithDescription {
  height: 3.25rem;
}
.sapUiSizeCompact .sapMMsgView .sapMMsgViewItemActive .sapMLnk {
  font-size: 0.875rem;
}
.sapUiSizeCompact .sapMMsgView .sapMMsgViewItem:not(.sapMSLIWithDescription) {
  height: 2rem;
}
.sapUiSizeCompact .sapMMsgView .sapMMsgViewItem:not(.sapMSLIWithDescription) .sapMLIBImgNav.sapUiIcon {
  height: 2rem;
  line-height: 2rem;
}
.sapUiSizeCompact .sapMMsgView .sapMMsgViewItem .sapMLIBImgNav.sapUiIcon {
  height: 3.4375rem;
  line-height: 3.4375rem;
}
.sapUiSizeCompact .sapMMsgView .sapMMsgViewCloseBtn .sapMBtnIcon {
  width: 1.626rem;
  height: 1.626rem;
  font-size: 0.75rem;
}
.sapUiSizeCompact .sapMMsgView .sapMList .sapMLIBContent .sapUiIcon {
  font-size: 1rem;
}
.sapUiSizeCompact .sapMMsgView .sapMBtnInner {
  padding: 0;
}
.sapUiSizeCompact .sapMMsgView .sapMMsgViewBackBtn .sapMBtnIcon {
  margin-right: 0;
}
.sapUiSizeCompact .sapMMsgView .sapMBtnCustomIcon {
  margin-left: 0;
}
.sapUiSizeCompact .sapMMsgView .sapMMsgViewDescIcon {
  width: 3rem;
  height: 1.626rem;
  line-height: 1.626rem;
  font-size: 1rem;
}
.sapUiSizeCompact .sapMMsgView .sapMSLIDescription {
  margin-top: 0;
}
.sapUiSizeCompact .sapMMsgView .sapMSLITitle,
.sapUiSizeCompact .sapMMsgView .sapMSLITitleOnly {
  font-size: 0.875rem;
}
.sapUiSizeCompact .sapMMsgView .sapMSLIDescIcon .sapMSLITitle,
.sapUiSizeCompact .sapMMsgView .sapMSLIDescIcon .sapMSLIDescription {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.sapMMsgViewCloseBtn .sapMBtnIcon {
  color: #666666;
}
.sapMMsgViewItemSuccess .sapMSLIImgIcon,
.sapMMsgViewBtnSuccess.sapMSegBBtn .sapUiIcon,
.sapMMsgViewDescIconSuccess {
  color: #007833;
}
.sapMMsgViewItemWarning .sapMSLIImgIcon,
.sapMMsgViewBtnWarning.sapMSegBBtn .sapUiIcon,
.sapMMsgViewDescIconWarning {
  color: #d14900;
}
.sapMMsgViewItemError .sapMSLIImgIcon,
.sapMMsgViewBtnError.sapMSegBBtn .sapUiIcon,
.sapMMsgViewDescIconError {
  color: #cc1919;
}
.sapMMsgViewItemInformation .sapMSLIImgIcon,
.sapMMsgViewBtnInformation.sapMSegBBtn .sapUiIcon,
.sapMMsgViewDescIconInformation {
  color: #007cc0;
}
.sapMMsgViewItem .sapMSLIIconActive {
  color: #fff;
}
/* =================================== */
/* CSS for control sap.m/MessageToast  */
/* Base theme                          */
/* =================================== */
.sapMMessageToast {
  box-sizing: border-box;
  position: absolute;
  max-width: 15rem;
  word-wrap: break-word;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre-line;
  font-size: 0.875rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 1rem;
  background: #ffffff;
  color: #333333;
  box-shadow: 0 0.375rem 0.75rem 0 rgba(0, 0, 0, 0.3), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px;
}
/* ==================================== */
/* CSS for control sap.m/MultiComboBox  */
/* Base theme                           */
/* ==================================== */
/*MIN-WIDTH variables*/
/* rounding values to 2 symbols, because of IE and Edge */
/* hande min-width calculation */
.sapMMultiComboBox.sapMMultiComboBoxHasToken .sapMTokenizer {
  min-width: 3.25rem;
}
.sapMMultiComboBox.sapMMultiComboBoxHasToken.sapMFocus .sapMTokenizer {
  left: 0.125rem;
}
.sapMMultiComboBox.sapMMultiComboBoxHasToken .sapMInputBaseContentWrapper {
  min-width: 8.75rem;
}
.sapMMultiComboBox.sapMMultiComboBoxHasToken .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
  min-width: 8.88rem;
}
.sapMMultiComboBox.sapMMultiComboBoxHasToken.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
  min-width: 6.38rem;
}
.sapMMultiComboBox:not(.sapMMultiComboBoxHasToken) .sapMTokenizer {
  padding-left: 0;
}
.sapMMultiComboBox .sapMTokenizer {
  max-height: 100%;
}
.sapMMultiComboBoxHasToken .sapMInputBaseInner {
  padding-left: 0;
}
.sapMMultiComboBox.sapMInputBaseNoWidth {
  width: 100%;
}
li.sapMMultiComboBoxItem .sapMCbBg {
  top: 0;
  bottom: 0;
  margin: auto;
}
/* Keep placeholder invisible, when at least one token is chosen */
.sapMMultiComboBoxHasToken .sapMInputBaseInner::-moz-placeholder {
  color: transparent;
}
.sapMMultiComboBoxHasToken .sapMInputBaseInner::-webkit-input-placeholder {
  color: transparent;
}
.sapMMultiComboBoxHasToken .sapMInputBaseInner:-moz-placeholder {
  color: transparent;
}
/* ------------------------------ */
/* ListItem                       */
/* ------------------------------ */
.sapMMultiComboBoxItem .sapMCb {
  height: 2.5rem;
  line-height: 2.5rem;
}
.sapMMultiComboBoxPicker .sapMFocusable:focus {
  outline: 1px dotted #000;
  outline-offset: -0.125rem;
}
.sapMSLITitleOnly {
  font-size: 0.875rem;
}
/* Compact size */
.sapUiSizeCompact {
  /* handle min-width calculation */
}
.sapUiSizeCompact .sapMMultiComboBoxItem .sapMCb {
  height: 2rem;
  line-height: 2rem;
}
.sapUiSizeCompact .sapMMultiComboBox.sapMMultiComboBoxHasToken .sapMInputBaseContentWrapper {
  min-width: 7.38rem;
}
.sapUiSizeCompact .sapMMultiComboBox.sapMMultiComboBoxHasToken .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
  min-width: 7.5rem;
  outline-offset: -3px;
}
.sapUiSizeCompact .sapMMultiComboBox.sapMMultiComboBoxHasToken .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMToken {
  margin-top: 0.0625rem;
  margin-bottom: 0.0625rem;
}
.sapUiSizeCompact .sapMMultiComboBox.sapMMultiComboBoxHasToken .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMTokenizerIndicator {
  line-height: 1rem;
}
.sapUiSizeCompact .sapMMultiComboBox.sapMMultiComboBoxHasToken.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
  min-width: 5.38rem;
}
.sapUiSizeCompact .sapMMultiComboBoxSelectAll.sapMTB .sapMCb {
  margin-left: 0.5rem;
  padding-left: 2.25rem;
}
.sapMMultiComboBoxSelectAll.sapMTB.sapMIBar {
  padding: 0;
}
.sapMMultiComboBoxSelectAll.sapMTB.sapMIBar.sapMMultiComboBoxSelectAllFocused {
  outline: 1px dotted #000;
  outline-offset: -0.125rem;
}
.sapMMultiComboBoxSelectAll.sapMTB.sapMIBar .sapMBarChild.sapMCb.sapMCbHasLabel:focus:before {
  border: none;
}
/* ================================= */
/* CSS for control sap.m/MultiInput  */
/* Base theme                        */
/* ================================= */
/*MIN-WIDTH variables*/
/* rounding values to 2 symbols, because of IE and Edge */
.sapMMultiInput:not(.sapMMultiInputHasTokens) .sapMTokenizer {
  padding-left: 0;
}
.sapMMultiInput.sapMMultiInputHasTokens .sapMTokenizer.sapMTokenizerNoNMore {
  min-width: 2rem;
}
/* handle min-width calculation */
.sapMMultiInput.sapMMultiInputHasTokens .sapMTokenizer {
  min-width: 3.25rem;
}
.sapMMultiInput.sapMMultiInputHasTokens .sapMInputBaseContentWrapper {
  min-width: 8.75rem;
}
.sapMMultiInput.sapMMultiInputHasTokens .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
  min-width: 8.88rem;
}
.sapMMultiInput.sapMMultiInputHasTokens.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
  min-width: 6.38rem;
}
.sapMMultiInput.sapMMultiInputHasTokens .sapMInputBaseInner {
  padding-left: 0;
}
.sapMMultiInput .sapMTokenizer {
  max-height: 100%;
}
.sapUiLocalBusy .sapMMultiInput .sapMTokenizer {
  z-index: 0;
}
/* Keep placeholder invisible, when at least one token is chosen */
.sapMMultiInputHasTokens .sapMInputBaseInner::-moz-placeholder {
  color: transparent;
}
.sapMMultiInputHasTokens .sapMInputBaseInner::-webkit-input-placeholder {
  color: transparent;
}
.sapMMultiInputHasTokens .sapMInputBaseInner:-moz-placeholder {
  color: transparent;
}
.sapUiSizeCompact {
  /* min-width calculations */
}
.sapUiSizeCompact .sapMMultiInput.sapMMultiInputHasTokens .sapMInputBaseContentWrapper {
  min-width: 7.38rem;
}
.sapUiSizeCompact .sapMMultiInput.sapMMultiInputHasTokens .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
  min-width: 7.5rem;
  outline-offset: -3px;
}
.sapUiSizeCompact .sapMMultiInput.sapMMultiInputHasTokens .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMToken {
  margin-top: 0.0625rem;
  margin-bottom: 0.0625rem;
}
.sapUiSizeCompact .sapMMultiInput.sapMMultiInputHasTokens .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMTokenizerIndicator {
  line-height: 1rem;
}
.sapUiSizeCompact .sapMMultiInput.sapMMultiInputHasTokens.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
  min-width: 5.38rem;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMTokenizer .sapMToken {
  height: 1.125rem;
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMTokenText {
  height: 100%;
  line-height: 1rem;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMTokenIcon {
  line-height: 1rem;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMMultiInput .sapMInputBaseInner {
  height: 1.25rem;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMMultiInputIndicator {
  line-height: 1.25rem;
}
/* MultiInput with description */
.sapMMultiInput.sapMMultiInputHasTokens .sapMInputDescriptionWrapper {
  max-width: calc(100% - (8.75rem));
}
.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) .sapMMultiInput.sapMMultiInputHasTokens .sapMInputDescriptionWrapper {
  max-width: calc(100% - (8.88rem));
}
.sapMInputBaseReadonly .sapMMultiInput.sapMMultiInputHasTokens .sapMInputDescriptionWrapper {
  max-width: calc(100% - (6.38rem));
}
.sapMMultiInput.sapMMultiInputHasTokens.sapMInputFocused .sapMTokenizer {
  left: 0.125rem;
}
.sapUiSizeCompact .sapMMultiInput.sapMMultiInputHasTokens .sapMInputDescriptionWrapper {
  max-width: calc(100% - (7.38rem));
}
.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) .sapUiSizeCompact .sapMMultiInput.sapMMultiInputHasTokens .sapMInputDescriptionWrapper {
  max-width: calc(100% - (7.5rem));
}
.sapMInputBaseReadonly .sapUiSizeCompact .sapMMultiInput.sapMMultiInputHasTokens .sapMInputDescriptionWrapper {
  max-width: calc(100% - (5.38rem));
}
/* =================================== */
/* CSS for control sap.m/NavContainer  */
/* Base theme                          */
/* =================================== */
.sapMNav {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.sapMNavFlip {
  -webkit-perspective: 1000;
  perspective: 1000px;
}
.sapMNavItem,
.sapMNavItem.sapMPage {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
}
.sapMNavItem.sapMNavItemRendering {
  visibility: hidden;
  left: -4000px;
}
.sapMNavItem.sapMNavItemHidden {
  display: none;
}
/* animations */
html[data-sap-ui-animation='on'] {
  /* for slide animation */
  /* for base slide animation */
  /* for fade animation */
  /* for flip animation */
  /* for door animation */
}
html[data-sap-ui-animation='on'] .sapMNavItem,
html[data-sap-ui-animation='on'] .sapMNavItem.sapMPage {
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemCenter {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemSlideLeft {
  -webkit-transform: translate3d(1rem, 0px, 0px);
  transform: translate3d(1rem, 0px, 0px);
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemSlideRight {
  -webkit-transform: translate3d(-1rem, 0px, 0px);
  transform: translate3d(-1rem, 0px, 0px);
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemSlideRightToCenter {
  -webkit-animation: sapMNavItemAnimationRightToCenter 0.3s;
  animation: sapMNavItemAnimationRightToCenter 0.3s;
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemSlideCenterToLeft {
  -webkit-animation: sapMNavItemAnimationCenterToLeft 0.3s;
  animation: sapMNavItemAnimationCenterToLeft 0.3s;
}
@-webkit-keyframes sapMNavItemAnimationRightToCenter {
  0% {
    -webkit-transform: translate3d(100%, 0px, 0px);
  }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
}
@-webkit-keyframes sapMNavItemAnimationCenterToLeft {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0px, 0px);
  }
}
@keyframes sapMNavItemAnimationRightToCenter {
  0% {
    transform: translate3d(100%, 0px, 0px);
  }
  100% {
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes sapMNavItemAnimationCenterToLeft {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    transform: translate3d(-100%, 0px, 0px);
  }
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemTransparent {
  -webkit-transition-property: opacity, transform;
  transition-property: opacity, transform;
  opacity: 0;
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemOpaque {
  -webkit-transition-property: opacity, transform;
  transition-property: opacity, transform;
  opacity: 1;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemFading {
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemFlipNext {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
html[data-sap-ui-animation='on'] .sap-winphone .sapMNavItem.sapMNavItemFlipNext {
  transform: rotateY(180deg);
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemFlipPrevious {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  backface-visibility: hidden;
}
html[data-sap-ui-animation='on'] .sap-winphone .sapMNavItem.sapMNavItemFlipPrevious {
  transform: rotateY(-180deg);
  backface-visibility: hidden;
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemFlipping {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes sapMNavItemDoorInPrevious {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    visibility: visible;
    opacity: 1;
  }
  40% {
    -webkit-transform: rotate3d(0, 1, 0, -70deg);
    visibility: visible;
    opacity: 0;
  }
  41% {
    -webkit-transform: rotate3d(0, 1, 0, -70deg);
    visibility: hidden;
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, -70deg);
  }
}
@keyframes sapMNavItemDoorInPrevious {
  from {
    transform: rotate3d(0, 1, 0, 0deg);
    visibility: visible;
    opacity: 1;
  }
  40% {
    transform: rotate3d(0, 1, 0, -70deg);
    visibility: visible;
    opacity: 0;
  }
  41% {
    transform: rotate3d(0, 1, 0, -70deg);
    visibility: hidden;
  }
  to {
    transform: rotate3d(0, 1, 0, -70deg);
  }
}
@-webkit-keyframes sapMNavItemDoorInNext {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 80deg);
    opacity: 0;
  }
  46% {
    -webkit-transform: rotate3d(0, 1, 0, 80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes sapMNavItemDoorInNext {
  from {
    transform: rotate3d(0, 1, 0, 80deg);
    visibility: hidden;
    opacity: 0;
  }
  45% {
    transform: rotate3d(0, 1, 0, 80deg);
    visibility: hidden;
    opacity: 0;
  }
  46% {
    transform: rotate3d(0, 1, 0, 80deg);
    visibility: visible;
    opacity: 0;
  }
  to {
    transform: rotate3d(0, 1, 0, 0deg);
    opacity: 1;
  }
}
@-webkit-keyframes sapMNavItemDoorOutPrevious {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    visibility: visible;
    opacity: 1;
  }
  40% {
    -webkit-transform: rotate3d(0, 1, 0, 80deg);
    visibility: visible;
    opacity: 0;
  }
  41% {
    -webkit-transform: rotate3d(0, 1, 0, 80deg);
    visibility: hidden;
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, 80deg);
  }
}
@keyframes sapMNavItemDoorOutPrevious {
  from {
    transform: rotate3d(0, 1, 0, 0deg);
    visibility: visible;
    opacity: 1;
  }
  40% {
    transform: rotate3d(0, 1, 0, 80deg);
    visibility: visible;
    opacity: 0;
  }
  41% {
    transform: rotate3d(0, 1, 0, 80deg);
    visibility: hidden;
  }
  to {
    transform: rotate3d(0, 1, 0, 80deg);
  }
}
@-webkit-keyframes sapMNavItemDoorOutNext {
  from {
    -webkit-transform: rotate3d(0, 1, 0, -70deg);
    opacity: 0;
  }
  46% {
    -webkit-transform: rotate3d(0, 1, 0, -70deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes sapMNavItemDoorOutNext {
  from {
    transform: rotate3d(0, 1, 0, -70deg);
    visibility: hidden;
    opacity: 0;
  }
  45% {
    transform: rotate3d(0, 1, 0, -70deg);
    visibility: hidden;
    opacity: 0;
  }
  46% {
    transform: rotate3d(0, 1, 0, -70deg);
    visibility: visible;
    opacity: 0;
  }
  to {
    transform: rotate3d(0, 1, 0, 0deg);
    opacity: 1;
  }
}
html[data-sap-ui-animation='on'] .sapMNavDoor {
  -webkit-perspective: 1000;
  perspective: 1000px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemDoorInPrevious {
  -webkit-animation: sapMNavItemDoorInPrevious 0.8s;
  animation: sapMNavItemDoorInPrevious 0.8s;
  visibility: hidden;
  opacity: 0;
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemDoorInNext {
  -webkit-animation: sapMNavItemDoorInNext 0.8s;
  animation: sapMNavItemDoorInNext 0.8s;
  visibility: visible;
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemDoorOutPrevious {
  -webkit-animation: sapMNavItemDoorOutPrevious 0.8s;
  animation: sapMNavItemDoorOutPrevious 0.8s;
  visibility: hidden;
  opacity: 0;
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemDoorOutNext {
  -webkit-animation: sapMNavItemDoorOutNext 0.8s;
  animation: sapMNavItemDoorOutNext 0.8s;
  visibility: visible;
}
html[data-sap-ui-animation='on'] .sapMNavItem.sapMNavItemDooring {
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
/* ================================== */
/* CSS for control sap.m/NewsContent  */
/* Base theme                         */
/* ================================== */
.sapMNwC {
  display: inline-block;
  outline: none;
  width: 100%;
  height: 3.5625rem;
  color: #666666;
  background-color: #ffffff;
}
.sapMNwCCTxt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 0.1875rem 0 0 0;
  max-width: 20.5rem;
}
.sapMNwCCTxt .sapMText {
  display: inline;
  line-height: 1.1875rem;
}
.sapMNwCCTxt .sapMText.sapMPointer * {
  cursor: pointer;
}
.Stretch .sapMNwCCTxt {
  max-width: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: bold;
}
.Stretch .sapMTileCnt.News .sapMNwC .sapMNwCCTxt .sapMText {
  font-size: 1rem;
  color: #000;
}
.Stretch .sapMTileCnt.News .sapMNwC .sapMNwCCTxt .sapMFT {
  font-size: 0.938rem;
  color: #000;
}
.Stretch .sapMTileCnt.News .sapMNwC .sapMNwCSbh {
  color: #000;
  max-width: none;
  padding-top: 0.25rem;
}
.Stretch .sapMTileCnt.News .sapMNwC .sapMNwCSbh .sapMFT {
  word-wrap: break-word;
  white-space: normal;
  height: 2rem;
}
.sapMNwCSbh {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  max-width: 20.5rem;
  width: 100%;
  display: inline-block;
  line-height: 1.1875rem;
  color: #666666;
  font-size: 0.875rem;
}
.sapMNwCCTxt .sapMText,
.sapMNwCCTxt .sapMFT {
  font-size: 0.875rem;
  color: #fff;
  overflow-wrap: break-word;
  white-space: pre-line;
}
.sapMNwC:focus:not([tabindex]) {
  outline: none;
}
.sapMTileSmallPhone .sapMNwC {
  height: 3.188rem;
}
.sapMTileSmallPhone .sapMNwCCTxt {
  max-width: 17.75rem;
  padding: 0;
}
.sapMTileSmallPhone .sapMNwCCTxt .sapMText {
  line-height: 1.063rem;
}
.sapMTileSmallPhone .sapMNwCSbh {
  max-width: 17.75rem;
  line-height: 1.063rem;
}
.sapMTileSmallPhone .sapMNwCCTxt .sapMText,
.sapMTileSmallPhone .sapMNwCSbh {
  font-size: 0.75rem;
}
.sapMTileSmallPhone .sapMTileSmallPhone.Stretch .sapMNwCSbh {
  padding-top: 0.5rem;
}
.sapMTileSmallPhone .sapMTileSmallPhone.Stretch .sapMNwCSbh > .sapMFT {
  white-space: nowrap;
  width: 11.063rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* =========================================== */
/* CSS for control sap.m/NotificationListBase  */
/* Base theme                                  */
/* =========================================== */
.sapMNLIB {
  position: relative;
}
.sapMNLIB .sapMIBar.sapMTB .sapMBarChild:only-child,
.sapMNLIB .sapMTB {
  padding-right: 0;
}
.sapMNLIB .sapMNLICloseBtn {
  margin-left: 0.5rem;
}
html.sap-desktop .sapMNLIB:focus {
  outline: none;
}
html.sap-desktop .sapMNLIB:focus::before {
  content: " ";
  border: 1px dotted #000;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  z-index: 2;
  pointer-events: none;
}
.sapMNLIBPriority {
  padding-right: 0.5rem;
}
.sapMNLIBPriority .sapUiIcon {
  font-size: 1rem;
  line-height: 1rem;
}
.sapMNLIBPriorityLow .sapUiIcon {
  color: #008a3b;
}
.sapMNLIBPriorityLow .sapUiIcon::before {
  content: '\e203';
}
.sapMNLIBPriorityMedium .sapUiIcon {
  color: #f0ab00;
}
.sapMNLIBPriorityMedium .sapUiIcon::before {
  content: '\e201';
}
.sapMNLIBPriorityHigh .sapUiIcon {
  color: #e52929;
}
.sapMNLIBPriorityHigh .sapUiIcon::before {
  content: '\e0b1';
}
.sap-phone .sapMNLIBPriority {
  padding-right: 0.25rem;
}
.sap-phone .sapMNLIBHiddenButton {
  display: none;
}
/* ============================================ */
/* CSS for control sap.m/NotificationListGroup  */
/* Base theme                                   */
/* ============================================ */
.sapMNLGroup.sapMLIB {
  display: block;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-bottom: none;
}
.sapMNLGroup .sapMNLGroupHeader {
  min-height: 2.75rem;
  background: #f7f7f7;
  border-bottom: 0.0625rem solid #e5e5e5;
  box-sizing: border-box;
  padding: 0.75rem 0.5rem 0 0.75rem;
  display: flex;
  align-items: center;
}
.sapMNLGroup .sapMNLGroupTitle {
  color: #333333;
  font-size: 0.875rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sapMNLGroup .sapMNLGroupHeaderSpacer {
  flex: 1;
}
.sapMNLGroup .sapMNLGroupChildren {
  margin: 0;
  padding: 0;
}
.sapMNLGroup.sapMNLGroupUnread .sapMNLGroupTitle,
.sapMNLGroup.sapMNLGroupUnread .sapMNLGroupCount {
  font-weight: bold;
}
.sapMNLGroup .sapMNLGroupCollapseButton {
  margin-right: 0.75rem;
  width: 2.25rem;
}
.sapMNLGroup .sapMNLGroupMaxNotifications {
  padding: 1rem;
  background: #ffffff;
  text-align: center;
}
.sapMNLGroup .sapMNLGroupMaxNotifications .sapMNLGroupMNTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  color: #333333;
  margin-bottom: 0.5rem;
}
.sapMNLGroup .sapMNLGroupMaxNotifications .sapMNLGroupMNDescription {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  color: #666666;
}
.sapMNLGroup.sapMNLGroupCollapsed .sapMNLGroupChildren {
  display: none;
}
.sapMNLGroupCount {
  margin-left: 0.25rem;
  margin-right: 1rem;
  color: #333333;
  font-size: 0.875rem;
  font-family: Arial, Helvetica, sans-serif;
}
.sap-phone .sapMNLGroup .sapMNLGroupHeader {
  padding: 0 0.5rem;
}
.sap-phone .sapMNLGroupCollapseButton {
  margin-right: 0.75rem;
}
.sapUiSizeCompact .sapMNLGroup .sapMNLGroupCollapseButton {
  margin-right: 1rem;
  width: 2rem;
}
/* =========================================== */
/* CSS for control sap.m/NotificationListItem  */
/* Base theme                                  */
/* =========================================== */
.sapMNLI {
  background: #ffffff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 1rem 0.5rem 1rem 1rem;
}
.sapMNLI .sapMMsgStrip {
  margin-bottom: 1rem;
}
.sapMNLI .sapMNLIMain {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}
.sapMNLI .sapMNLIItemAC {
  display: flex;
}
.sapMNLI .sapMNLIContent {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  flex: 1;
  padding: 0 1rem 0 0.75rem;
}
.sapMNLI .sapMNLIContent .sapMNLITitle {
  display: flex;
  align-items: flex-start;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.4;
  color: #333333;
  padding-bottom: 0.25rem;
}
.sapMNLI .sapMNLIContent .sapMNLIDescription {
  font-size: 0.875rem;
  color: #000;
  line-height: 1.4;
  margin-top: 0.5rem;
  word-wrap: break-word;
}
.sapMNLI .sapMNLIContent .sapMNLIDescription.sapMNLIDescriptionNoText {
  margin-top: 0;
}
.sapMNLI.sapMNLINoAvatar .sapMNLIContent {
  padding-left: 0;
}
.sapMNLI .sapMNLIFooter {
  display: flex;
  align-items: center;
  padding-top: 0.5rem;
}
.sapMNLI .sapMNLIFooter .sapMNLIFooterItem {
  font-size: 0.875rem;
  color: #666666;
  padding-top: 2px;
  white-space: nowrap;
}
.sapMNLI .sapMNLIFooter .sapMNLIFooterItem:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sapMNLI .sapMNLIFooter .sapMNLIFooterBullet {
  margin: 0 0.5rem;
}
.sapMNLI .sapMNLIFooter .sapMBtn {
  height: 2rem;
  box-sizing: border-box;
}
.sapMNLI.sapMNLIUnread .sapMNLIContent .sapMNLITitle {
  font-weight: bold;
}
.sapMNLGroup .sapMNLI {
  background: #ffffff;
}
.sapMNLIItemTextLineClamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 40px;
}
.sapMNLIActions .sapMIBar {
  border: none;
}
.sapMNLIActions .sapMIBar .sapMBarChild {
  margin: 0 !important;
}
.sapMNLIShowMore .sapMLnk {
  vertical-align: middle;
  margin-left: 1rem;
}
.sapMNLITitleText {
  font-size: 0.875rem;
}
.sapMLIB.sapMNLI {
  align-items: normal;
}
.sap-phone .sapMNLI {
  padding: 1rem 0.5rem 1rem 0.75rem;
}
/* ============================= */
/* CSS for sap.m/NumericContent  */
/* Base theme                    */
/* ============================= */
.sapMNC {
  position: relative;
  box-sizing: border-box;
  outline: none;
  height: 3.875rem;
  width: 9rem;
}
.sapMNC.WithoutMargin {
  width: 100%;
}
.sapMNCAnimation {
  animation-name: sapMCOpacityAnimation;
  animation-duration: 1s;
}
@keyframes sapMCOpacityAnimation {
  0% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
.sapMNCInner {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.sapMNCInner.WithoutMargin {
  overflow: visible;
  white-space: nowrap;
  display: flex;
}
td .sapMNCValue.WithoutMargin {
  justify-content: flex-end;
}
.sapMNCIconImage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 0.375rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.75rem;
  font-weight: normal;
  color: #007cc0;
}
.sapMNCIconImage.sapMNCLargeFontSize:before {
  padding-bottom: 0.25rem;
}
.sapMNCIconImage.sapMNCMediumFontSize:before {
  padding-bottom: 0.25rem;
}
.sapMNCIconImage.sapMNCSmallFontSize:before {
  padding-bottom: 0.25rem;
}
.sapMNCValue {
  display: inline-flex;
  justify-content: flex-end;
  position: relative;
  width: 100%;
  white-space: nowrap;
  text-align: right;
  text-overflow: ellipsis;
  font-size: 2.25rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.sapMNCValue.WithoutMargin {
  justify-content: flex-start;
}
.sapMNCLargeFontSize {
  height: 2.875rem;
  padding-top: 0.125rem;
}
.sapMNCLargeFontSize:not(.sapMNCIconImage) {
  font-size: 2.25rem;
}
.sapMNCMediumFontSize {
  height: 2.5rem;
  padding-top: 0;
}
.sapMNCMediumFontSize:not(.sapMNCIconImage) {
  font-size: 2rem;
}
.sapMNCSmallFontSize {
  height: 2.25rem;
  padding-top: 0;
}
.sapMNCSmallFontSize:not(.sapMNCIconImage) {
  font-size: 1.75rem;
}
html[dir=rtl] .sapMNCValue {
  text-align: left;
}
.sapMNCIndIcon {
  grid-column: 1;
  grid-row: 1;
}
.sapMNCIndScale {
  display: grid;
  text-overflow: ellipsis;
  text-align: center;
}
.sapMNCIndScale.sapMNCLargeFontSize {
  height: 2.125rem;
  padding: 0.5rem 0 0.375rem 0.375rem;
}
.sapMNCIndScale.sapMNCLargeFontSize .sapMNCScale {
  margin-top: 0.9375rem;
}
.sapMNCIndScale.sapMNCMediumFontSize {
  height: 1.938rem;
  padding: 0.25rem 0 0.5rem 0.5rem;
}
.sapMNCIndScale.sapMNCMediumFontSize .sapMNCScale {
  margin-top: 0.875rem;
}
.sapMNCIndScale.sapMNCSmallFontSize {
  height: 1.938rem;
  padding: 0 0 0.313rem 0.5rem;
}
.sapMNCIndScale.sapMNCSmallFontSize .sapMNCScale {
  margin-top: 0.875rem;
}
.sapMNCIndScale.WithoutMargin {
  float: left;
}
.sapMNCScale {
  font-size: 0.875rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  grid-column: 1;
  grid-row: 1;
}
.sapMNCValue.Neutral,
.sapMNCIndScale.Neutral,
.sapMNCScale.Neutral {
  color: #000;
}
.sapMNCValue.Good,
.sapMNCIndScale.Good,
.sapMNCScale.Good {
  color: #007833;
}
.sapMNCValue.Error,
.sapMNCIndScale.Error,
.sapMNCScale.Error {
  color: #cc1919;
}
.sapMNCValue.Critical,
.sapMNCIndScale.Critical,
.sapMNCScale.Critical {
  color: #d14900;
}
.sapMNCIndScale.Loading,
.sapMNCValue.Loading,
.sapMNCScale.Loading,
.sapMNCIconImage.Loading,
.sapMNCIndScale.Failed,
.sapMNCValue.Failed,
.sapMNCScale.Failed,
.sapMNCIconImage.Failed {
  color: #666666;
  opacity: 0.25;
}
.sapMNC:focus {
  outline: 1px dotted #000;
}
.sapMNC:focus:not([tabindex]) {
  outline: none;
}
.sapMTileSmallPhone .sapMNC {
  height: 3.438rem;
  width: 8rem;
}
.sapMTileSmallPhone .sapMNCLargeFontSize {
  font-size: 1.5rem;
  height: 1.875rem;
  padding-top: 0.5rem;
}
.sapMTileSmallPhone .sapMNCMediumFontSize {
  font-size: 1.5rem;
  height: 1.875rem;
  padding-top: 0.5rem;
}
.sapMTileSmallPhone .sapMNCSmallFontSize {
  font-size: 1.5rem;
  height: 1.875rem;
  padding-top: 0.5rem;
}
.sapMTileSmallPhone .sapMNCIndScale {
  padding: 0.25rem 0 0.25rem 0.375rem;
}
.sapMTileSmallPhone .sapMNCIndScale.sapMNCSmallFontSize {
  height: 2.25rem;
  padding-bottom: 0;
  padding-top: 0;
}
.sapMTileSmallPhone .sapMNCIndScale.sapMNCSmallFontSize .sapMNCIndIcon {
  padding-top: 0.3125rem;
}
.sapMTileSmallPhone .sapMNCIndScale.sapMNCSmallFontSize .sapMNCScale {
  margin-top: 1.0625rem;
}
.sapMTileSmallPhone .sapMNCIndScale .sapMNCIndIcon:only-child {
  margin-top: 0.5rem;
}
.sapMTileSmallPhone .sapMNCIndScale .sapMNCScale {
  margin-top: 0.8125rem;
}
.sapMTileSmallPhone .sapMGTHdrTxt > .sapMText {
  font-size: 0.875rem;
}
.sapMNCContentPlaceholder {
  outline: none;
  width: 300px;
  height: 100px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.sapMNCContentPlaceholder:focus::before {
  content: '';
  display: block;
  position: absolute;
  left: 1px;
  bottom: 1px;
  right: 1px;
  top: 1px;
  border: 1px dotted #000;
  pointer-events: none;
}
.sapMNCContentShimmerPlaceholderItem {
  padding: 1rem 1rem 0 1rem;
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: center;
  flex: 1 1 auto;
}
.sapMNCContentShimmerPlaceholderItem .sapMNCContentShimmerPlaceholderRows {
  flex-grow: 1;
}
.sapMNCContentShimmerPlaceholderItem .sapMNCContentShimmerPlaceholderRows .sapMNCContentShimmerPlaceholderItemHeader {
  height: 1rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.sapMNCLoadingShimmer {
  background-color: #616161;
  background-image: linear-gradient(to right, #616161 0%, #616161 35%, #555555 50%, #616161 65%, #616161 100%);
  background-repeat: no-repeat;
  background-size: 800px 144px;
  position: relative;
  border-radius: 0.25rem;
}
[data-sap-ui-animation-mode="full"] .sapMNCLoadingShimmer {
  animation-duration: 2.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
}
[data-sap-ui-animation-mode="basic"] .sapMNCLoadingShimmer,
[data-sap-ui-animation-mode="minimal"] .sapMNCLoadingShimmer {
  animation-duration: 8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
/* ====================================== */
/* CSS for control sap.m/ObjectAttribute  */
/* Base theme                             */
/* ====================================== */
.sapMObjectAttributeDiv .sapMText,
.sapMObjectAttributeDiv .sapMObjectAttributeTitle,
.sapMObjectAttributeDiv .sapMObjectAttributeColon,
.sapMObjectAttributeDiv .sapMObjectAttributeText {
  font-size: 0.875rem;
  color: #666666;
}
.sapMObjectAttributeDiv .sapMText {
  vertical-align: top;
}
.sapMObjectAttributeActive {
  pointer-events: none;
}
.sapMObjectAttributeActive .sapMObjectAttributeColon {
  vertical-align: top;
}
.sapMListTbl .sapMObjectAttributeActive .sapMText,
.sapMObjectAttributeActive .sapMText,
.sapMObjectAttributeActive .sapMObjectAttributeText {
  color: #44a12c;
  cursor: pointer;
  pointer-events: auto;
}
.sapMObjectAttributeActive .sapMObjectAttributeText {
  pointer-events: auto;
}
.sapMObjectAttributeActive .sapMObjectAttributeText:active,
.sapMObjectAttributeActive .sapMObjectAttributeText:hover,
.sapMObjectAttributeActive:focus .sapMObjectAttributeText,
.sapMObjectAttributeActive .sapMText:active,
.sapMObjectAttributeActive .sapMText:focus,
.sapMObjectAttributeActive .sapMText:hover {
  text-decoration: underline;
}
.sapMObjectAttributeActive {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sapMObjectAttributeActive {
  white-space: normal;
  word-break: break-word;
}
.sapMObjectAttributeActive .sapMObjectAttributeTitle,
.sapMObjectAttributeActive .sapMObjectAttributeText {
  white-space: normal;
  vertical-align: top;
  /* we need this otherwise the focus get broken when the link is on more lines */
  display: inline-block;
}
.sapMObjectAttributeText > .sapMLnk {
  display: inline;
}
.sapMOHR .sapMObjectAttributeText > .sapMText {
  display: inline;
}
.sapMOH .sapMObjectAttributeText > .sapMText {
  vertical-align: top;
}
.sapMObjectAttributeDiv {
  outline: none;
  font-size: 0.875rem;
}
.sapMLIBActive .sapMObjectAttributeText,
.sapMLIBActive .sapMObjectAttributeDiv {
  color: white;
}
html.sap-desktop .sapMObjectAttributeActive:focus {
  outline: none;
}
.sapMObjectAttributeActive > span:only-of-type {
  max-width: 100%;
}
.sapUxAPObjectPageHeaderContentItem .sapMObjectAttributeText {
  line-height: normal;
}
/*=========================================== */
/* Custom design for Responsive Object Header */
/*=========================================== */
.sapMOHR .sapMOHRAttr .sapMObjectAttributeTitle,
.sapMOHR .sapMOHRAttr .sapMObjectAttributeText {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50%;
  vertical-align: top;
}
.sapMOHR .sapMOHRAttr .sapMObjectAttributeTitle {
  padding-right: 0.5rem;
  max-width: 50%;
  box-sizing: border-box;
}
.sapMOHR .sapMOHRAttr .sapMObjectAttributeDiv > span:only-of-type {
  max-width: 100%;
}
.sapMOHR .sapMOHRAttr .sapMObjectAttributeColon {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #666666;
  white-space: pre;
  max-width: 0.5rem;
  margin-left: -0.5rem;
  overflow: auto;
  vertical-align: top;
}
.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText {
  color: #44a12c;
  cursor: pointer;
}
.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:active,
.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
.sapMOHR .sapMObjectAttributeActive:focus .sapMObjectAttributeText {
  text-decoration: none;
}
.sapMOHR .sapMOHRAttr .sapMObjectAttributeDiv {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*=========================================== */
/* Custom design for Static Object Header     */
/*=========================================== */
.sapMOH .sapMOHAttr .sapMObjectAttributeDiv {
  max-height: 2rem;
  overflow: hidden;
}
.sapMOH .sapMOHAttr .sapMObjectAttributeTitle,
.sapMOH .sapMOHAttr .sapMObjectAttributeText,
.sapMOH .sapMOHAttr .sapMObjectAttributeColon {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #666666;
}
.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText {
  color: #44a12c;
  cursor: pointer;
}
.sapMOH .sapMOHAttr .sapMObjectAttributeDiv > span:only-of-type {
  max-width: 100%;
}
.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:active,
.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
.sapMOH .sapMObjectAttributeActive:focus .sapMObjectAttributeText {
  text-decoration: none;
}
/* =================================== */
/* CSS for control sap.m/ObjectHeader  */
/* Base theme                          */
/* =================================== */
.sapMOH h6,
.sapMOHR h6,
.sapMOH h5,
.sapMOHR h5,
.sapMOH h4,
.sapMOHR h4,
.sapMOH h3,
.sapMOHR h3,
.sapMOH h2,
.sapMOHR h2,
.sapMOH h1,
.sapMOHR h1 {
  margin: 0;
  font-weight: normal;
}
.sapMOH {
  padding: 3rem;
}
.sapMOH .sapMOHTitleActive:focus {
  outline: none;
}
html.sap-tablet.sapUiMedia-Std-Tablet .sapMOH,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOH {
  padding: 1.5rem 2rem;
}
html .sapUiContainer-Narrow .sapMOH,
html.sap-desktop.sapUiMedia-Std-Phone .sapMOH,
html.sap-phone .sapMOH {
  padding: 2rem 1rem;
}
.sapMPopover .sapMOH {
  padding: 2rem 1rem;
}
.sapMOH.sapMOHC {
  margin: 0;
  padding: 1.125rem 2rem 1rem 2rem;
}
html.sap-tablet.sapUiMedia-Std-Tablet .sapMOH.sapMOHC,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOH.sapMOHC {
  margin: 0;
  padding: 1.125rem 2rem 1rem 2rem;
}
html.sap-phone .sapMOH.sapMOHC {
  margin: 0;
  padding: 1rem;
}
.sapMDialog .sapMOH.sapMOHC {
  padding: 1rem;
}
.sapMPopover .sapMOH.sapMOHC {
  margin: 0;
  padding: 1.125rem 0 1rem 0;
}
.sapMOHIntro {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  margin-top: 0.375rem;
  margin-bottom: 0.625rem;
  color: #666666;
}
.sapMOHIntroActive > a:active,
html.sap-desktop .sapMOHIntroActive > a:hover,
.sapMOHTitleActive h6 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h6 .sapMText:hover,
.sapMOHTitleActive h5 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h5 .sapMText:hover,
.sapMOHTitleActive h4 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h4 .sapMText:hover,
.sapMOHTitleActive h3 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h3 .sapMText:hover,
.sapMOHTitleActive h2 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h2 .sapMText:hover,
.sapMOHTitleActive h1 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h1 .sapMText:hover {
  text-decoration: underline;
}
.sapMOHTitleDiv {
  box-sizing: border-box;
  max-height: 6.3rem;
  width: 65%;
  overflow: hidden;
  float: left;
}
.sapMOHC > .sapMOHTitleDiv {
  padding-right: 0.5rem;
}
.sapMOHC > .sapMOHTitleDivFull,
.sapMOHTitleDivFull {
  width: 100%;
}
.sapMOHTitleDiv.sapMOHNumberWrap {
  max-height: 4.2rem;
}
html.sap-phone .sapMOHTitleDiv {
  max-height: 5rem;
}
html.sap-phone .sapMOHTitleDiv.sapMOHNumberWrap {
  max-height: 3.4rem;
}
.sapMOHIcon {
  position: absolute;
  margin-top: 0.375rem;
}
.sapMOHIconCircle .sapMImg {
  border-radius: 100%;
}
.sapMOHIcon .sapMImg {
  max-height: 3rem;
  max-width: 3rem;
}
.sapMOHTitle {
  margin-top: 0.375rem;
  display: inline-block;
  position: relative;
}
html.sap-phone .sapMOHTitle .sapMText,
.sapUiMedia-Std-Phone .sapMOHTitle .sapMText,
html .sapUiContainer-Narrow .sapMOHTitle .sapMText {
  display: table-cell;
  word-wrap: break-word;
  word-break: break-word;
}
.sapMText.sapMOHTitle {
  position: relative;
}
.sapMOHTitle h6 .sapMText,
.sapMOHTitle h5 .sapMText,
.sapMOHTitle h4 .sapMText,
.sapMOHTitle h3 .sapMText,
.sapMOHTitle h2 .sapMText,
.sapMOHTitle h1 .sapMText {
  font-size: 1.375rem;
}
.sapMListTbl .sapMOHTitle h6 .sapMText,
.sapMListTbl .sapMOHTitle h5 .sapMText,
.sapMListTbl .sapMOHTitle h4 .sapMText,
.sapMListTbl .sapMOHTitle h3 .sapMText,
.sapMListTbl .sapMOHTitle h2 .sapMText,
.sapMListTbl .sapMOHTitle h1 .sapMText {
  font-size: 0.875rem;
}
.sapMOHTitleFollowArrow {
  margin-right: 3rem;
}
.sapMOHC .sapMOHTitleFollowArrow {
  margin-right: 2.5rem;
}
.sapMOHTitleAndArrow {
  display: inline-block;
  position: relative;
  min-height: 3rem;
}
.sapMOHTitleIcon {
  min-height: 3rem;
}
html.sap-phone .sapMOHTitleIcon {
  min-height: 2.5rem;
}
html.sap-phone .sapMText.sapMOHTitle {
  font-size: 1.188rem;
}
.sapMOHIcon + .sapMOHTitle {
  margin-left: 4rem;
}
.sapMOHIcon + .sapMOHTitleAndArrow {
  margin-left: 3.5rem;
}
.sapMOHTitleArrow {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  right: 0;
  color: #666666;
}
.sapMOHC .sapMOHTitleArrow {
  margin-top: 0.3rem;
}
.sapMOHTitleArrow .sapUiIcon {
  margin-top: 1px;
  vertical-align: top;
  display: inline-block;
  padding: 0.4rem 0.5rem 0.4rem 0.5rem;
}
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHTitleArrow .sapUiIcon,
html.sap-phone .sapMOHTitleArrow .sapUiIcon,
html .sapUiContainer-Narrow .sapMOHTitleArrow .sapUiIcon {
  padding: 0.3rem 0.4rem 0.3rem 0.4rem;
}
.sapMOHTitle + .sapMOHTitleArrow {
  margin-left: 0.5rem;
}
.sapMOHNumberDiv {
  margin-top: 0.375rem;
  display: inline-block;
  float: right;
  text-align: end;
  overflow: hidden;
  white-space: nowrap;
}
.sapMOHC > .sapMOHNumberDiv {
  padding-left: 0.5rem;
}
.sapMOHC .sapMOHTitle h6 > .sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h6 > .sapMText,
.sapMOHC .sapMOHTitle h5 > .sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h5 > .sapMText,
.sapMOHC .sapMOHTitle h4 > .sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h4 > .sapMText,
.sapMOHC .sapMOHTitle h3 > .sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h3 > .sapMText,
.sapMOHC .sapMOHTitle h2 > .sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h2 > .sapMText,
.sapMOHC .sapMOHTitle h1 > .sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h1 > .sapMText {
  line-height: 1.8rem;
  font-size: 1.125rem;
}
.sapMOHNumberWrap {
  width: 100%;
}
html.sap-phone .sapMOHNumberWrap {
  margin-top: 0.25rem;
}
.sapMOHNumber {
  display: block;
  font-size: 1.75rem;
  margin-top: -0.25rem;
}
.sapMOHNumberUnit {
  display: block;
  font-size: 0.75rem;
  margin-top: -0.25rem;
}
.sapMOHBottomRow {
  margin-top: 1rem;
  font-size: 0.875rem;
}
.sapMOHAttrRow {
  margin-top: 0.625rem;
  overflow: hidden;
}
.sapMOHAttrRow:first-child {
  margin-top: 0;
}
.sapMOHC > .sapMOHAttr {
  margin-top: 0.125rem;
}
.sapMOHAttr {
  box-sizing: border-box;
  display: inline-block;
  width: 65%;
  text-align: start;
  vertical-align: top;
  overflow: hidden;
  float: left;
}
.sapMOH .sapMObjectAttributeDiv:not(.sapMObjectAttributeActive ) {
  display: inline-block;
  text-overflow: inherit;
  white-space: inherit;
  color: #666666;
  vertical-align: middle;
}
.sapMOHStatus,
.sapMOHStatusFixedWidth {
  padding: 0.125rem 0;
  box-sizing: border-box;
  display: inline-block;
  text-align: end;
  vertical-align: top;
  overflow: hidden;
  float: right;
  white-space: nowrap;
}
.sapMOHStatus .sapMObjStatusText,
.sapMOHStatusFixedWidth .sapMObjStatusText {
  word-break: normal;
}
.sapMOHStatusFixedWidth {
  width: 35%;
}
.sapMOHStatusFixedWidth > .sapMPI {
  float: right;
}
.sapMOHDivider,
.sapMOHLastDivider {
  clear: both;
}
.additionalOHNumberDiv.sapMOHNumberDiv {
  padding-right: 1em;
}
html.sapUiMedia-Std-Phone .additionalOHNumberSeparatorDiv,
html.sapUiMedia-Std-Tablet .additionalOHNumberSeparatorDiv,
html.sapUiMedia-Std-Phone .additionalOHNumberDiv.sapMOHNumberDiv,
html.sapUiMedia-Std-Tablet .additionalOHNumberDiv.sapMOHNumberDiv,
html .sapUiContainer-Narrow .additionalOHNumberSeparatorDiv,
html .sapUiContainer-Medium .additionalOHNumberSeparatorDiv,
html .sapUiContainer-Narrow .additionalOHNumberDiv.sapMOHNumberDiv,
html .sapUiContainer-Medium .additionalOHNumberDiv.sapMOHNumberDiv {
  display: none;
}
.additionalOHNumberDiv.sapMOHNumberDiv .sapMObjectNumber:not(.sapMObjectNumberStatusError):not(.sapMObjectNumberStatusWarning):not(.sapMObjectNumberStatusSuccess) {
  color: #666666;
}
.additionalOHNumberDiv.sapMOHNumberDiv .sapMObjectNumber .sapMObjectNumberText {
  font-weight: normal;
}
.additionalOHNumberSeparatorDiv {
  margin-top: 0.375rem;
  margin-right: 0.5rem;
  display: inline-block;
  float: right;
  white-space: nowrap;
  width: 1px;
  background: #bfbfbf;
  height: 1.375rem;
}
.additionalOHNumberDiv.sapMOHNumberDiv.sapMOHOnlyANumber {
  padding-right: 0.5em;
}
.sapMOH .sapMObjStatusMarker .sapMObjectMarkerIcon .sapUiIcon {
  margin-left: 0.5rem;
  font-size: 0.875rem;
}
.sapMOH .sapMObjStatusMarker .sapUiIcon:before {
  vertical-align: top;
}
/*
 * Do NOT clear if ObjectHeader is placed in a responsive grid layout.
 * The layout will clear after the ObjectHeader by itself. This caused problems
 * on webkit browser on phones (CSN 0120031469 0000034838 2014)
 */
div[class*='sapUiRespGrid'] > .sapMOH > .sapMOHLastDivider {
  clear: none;
}
/* Styles for Responsive Object Header */
.sapMOHR {
  width: 100%;
  height: 100%;
  padding: 1.1rem 3rem 1.5rem 3rem;
  box-sizing: border-box;
}
html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHR,
html.sap-tablet.sapUiMedia-Std-Tablet .sapMOHR,
html .sapUiContainer-Medium .sapMOHR,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOHR {
  padding-top: 1.1rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHR,
html.sap-phone .sapMOHR,
html .sapUiContainer-Narrow .sapMOHR {
  padding: 0.625rem 1rem 1rem 1rem;
}
/* sapMOHRNoBorder this class is set when the ObjectHeader has headerContainer in that case the bottom padding should be 0 */
.sapMOHRNoBorder.sapMOHR,
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRNoBorder.sapMOHR,
html.sap-phone .sapMOHRNoBorder.sapMOHR,
html .sapUiContainer-Narrow .sapMOHRNoBorder.sapMOHR,
html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHRNoBorder.sapMOHR,
html.sap-tablet.sapUiMedia-Std-Tablet .sapMOHRNoBorder.sapMOHR,
html .sapUiContainer-Medium .sapMOHRNoBorder.sapMOHR,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOHRNoBorder.sapMOHR {
  padding-bottom: 0;
}
/* Group1 (title, flags and number) */
.sapMOHRTitleNumberDiv {
  display: inline-block;
  max-width: 95rem;
  width: 100%;
}
.sapMOHRStatesOneOrThree {
  max-width: 95rem;
}
html.sap-desktop .sapMOHRStatesOneOrThree .sapMOHRTitleNumberDiv {
  width: 70%;
  max-width: none;
}
/* icon*/
.sapMOHRIcon {
  position: absolute;
  top: 0.4375rem;
  margin-right: 1rem;
  background-size: cover;
  display: block;
}
.sapMOHRIcon.sapMPointer .sapUiIcon.sapUiIconPointer:active,
.sapMOHRIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus {
  outline: none;
}
.sapMOHRIconCircle .sapMImg {
  border-radius: 100%;
}
.sapMOHRIcon .sapMImg {
  max-height: 3rem;
  max-width: 3rem;
}
.sapMOHRHideIcon {
  display: none;
  visibility: hidden;
  margin-left: 0;
}
.sapMOHRTitleIcon > .sapMOHRTitle {
  margin-left: 4rem;
  min-height: 3.375rem;
  overflow: hidden;
}
/* 1) title block */
.sapMOHRTitleDiv {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  position: relative;
  width: 100%;
}
.sapMOHRTitleTextWrappable {
  white-space: normal;
}
html.sap-phone .sapMOHRTitleTextWrappable,
.sapUiMedia-Std-Phone .sapMOHRTitleTextWrappable,
html .sapUiContainer-Narrow .sapMOHRTitleTextWrappable {
  display: table-cell;
  word-wrap: break-word;
  word-break: break-all;
}
.sapMOHRTitleText {
  margin-top: 0.4rem;
  text-decoration: none;
}
.sapMOHRTitleTextContainer {
  margin: 0.4rem 0.5rem 0 0;
  display: inline-block;
  position: relative;
}
.sapMOHR .sapMObjStatusMarker {
  white-space: nowrap;
}
.sapMOHR .sapMObjStatusMarker .sapUiIcon {
  display: inline;
  margin-left: 0.5rem;
}
.sapMOHR .sapMObjStatusMarker .sapMObjectMarker,
.sapMOHR .sapMObjStatusMarker .sapMObjectMarker .sapMText {
  display: inline;
}
.sapMOHR .sapMObjStatusMarker .sapUiIcon:before {
  vertical-align: inherit;
}
.sapMOHR .sapMObjStatusMarker.sapMObjStatusMarkerOpposite .sapUiIcon {
  margin-right: 0.5rem;
  margin-left: 0;
}
/* overwrite transform for the markers favorite and flag icon */
html[dir=rtl] .sapMObjStatusMarker > .sapUiIcon.sapUiIconMirrorInRTL {
  -webkit-transform: none;
  /* Chrome, Safari, Opera */
  transform: none;
}
.sapMOHRIntro {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.5rem;
  line-height: normal;
}
.sapMOHRIntroMargin {
  margin-top: 0;
}
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRIntroMargin,
html.sap-phone .sapMOHRIntroMargin,
html .sapUiContainer-Narrow .sapMOHRIntroMargin {
  margin-top: -0.3rem;
}
.sapMOHRIntroActive > a:active,
html.sap-desktop .sapMOHRIntroActive > a:hover,
.sapMOHRTitleActive .sapMOHRTitleText:active,
html.sap-desktop .sapMOHRTitleActive .sapMOHRTitleText:hover {
  text-decoration: underline;
}
.sapMOHRTitleArrow {
  display: inline-block;
  vertical-align: top;
  min-height: 2.56rem;
}
.sapMOHRTitleArrow .sapUiIcon {
  margin-top: 1px;
  vertical-align: top;
  position: absolute;
  display: inline-block;
  padding: 0.4rem 0.5rem 0.4rem 0.5rem;
}
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTitleArrow .sapUiIcon,
html.sap-phone .sapMOHRTitleArrow .sapUiIcon,
html .sapUiContainer-Narrow .sapMOHRTitleArrow .sapUiIcon {
  padding: 0.3rem 0.4rem 0.3rem 0.4rem;
}
.sapMOHRTitleFollowArrow {
  margin-right: 2.5rem;
  padding-right: 0;
}
/* 3) states block */
.sapMOHRStates {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  padding-top: 1rem;
  width: 100%;
  max-width: 95rem;
}
html.sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRStates {
  width: 30%;
  box-sizing: border-box;
  padding: 0.85rem 0 0 1rem;
  text-align: end;
}
html.sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRStates .sapMObjectAttributeDiv > span[class*='sapMObjectAttribute'] {
  float: none;
}
.sapMOHR .sapMObjectNumber {
  display: inline-block;
  padding: 0.4rem 0 0 1rem;
}
.sapMOHR .sapMObjectNumberUnit {
  padding-top: 0.125rem;
}
html[data-sap-ui-os^="Android"] .sapMOHR .sapMObjectNumberUnit {
  padding-top: 0.25rem;
}
html.sap-desktop .sapMOHR .sapMObjectNumber {
  width: 30%;
  box-sizing: border-box;
}
html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHR .sapMObjectNumber,
html.sap-tablet .sapMOHR .sapMObjectNumber,
html .sapUiContainer-Medium .sapMOHR .sapMObjectNumber {
  width: 35%;
  box-sizing: border-box;
}
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHR .sapMObjectNumber,
html.sap-phone .sapMOHR .sapMObjectNumber,
html .sapUiContainer-Narrow .sapMOHR .sapMObjectNumber {
  box-sizing: border-box;
  float: right;
}
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHR .sapMObjectNumber.sapMObjectNumberBelowTitle,
html.sap-phone .sapMOHR .sapMObjectNumber.sapMObjectNumberBelowTitle,
html .sapUiContainer-Narrow .sapMOHR .sapMObjectNumber.sapMObjectNumberBelowTitle {
  width: 100%;
  padding: 0.5rem 0 0 0;
}
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRNumberWrap,
html.sap-phone .sapMOHRNumberWrap,
html .sapUiContainer-Narrow .sapMOHRNumberWrap {
  width: 100%;
  text-align: left;
  margin-left: 0;
}
html.sap-desktop .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html.sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRTitleNumberDiv > .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull) {
  width: 70%;
}
html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHRStatesOneOrThree > .sapMOHRTitleNumberDiv > .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html.sap-tablet .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html.sap-tablet .sapMOHRStatesOneOrThree > .sapMOHRTitleNumberDiv > .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html .sapUiContainer-Medium .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html .sapUiContainer-Medium .sapMOHRStatesOneOrThree > .sapMOHRTitleNumberDiv > .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull) {
  width: 65%;
}
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html.sap-phone .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html .sapUiContainer-Narrow .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull) {
  width: 60%;
}
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTitleDivFull.sapMOHRTitleDiv,
html.sap-phone .sapMOHRTitleDivFull.sapMOHRTitleDiv,
html .sapUiContainer-Narrow .sapMOHRTitleDivFull.sapMOHRTitleDiv,
.sapMOHRTitleDivFull.sapMOHRTitleDiv {
  width: 100%;
}
.sapMOHRStatesCont1,
.sapMOHRStatesCont2,
.sapMOHRStatesCont3,
.sapMOHRStatesCont4 {
  float: left;
}
.sapMOHROneCols {
  width: 100%;
}
.sapMOHRTwoCols {
  width: 50%;
  box-sizing: border-box;
}
.sapMOHRTwoCols.sapMOHRStatesCont1 {
  padding-right: 0.5rem;
}
.sapMOHRTwoCols.sapMOHRStatesCont2 {
  text-align: end;
  padding-left: 0.5rem;
}
.sapMOHRTwoCols.sapMOHRStatesCont2 .sapMOHRAttr .sapMObjectAttributeDiv > span[class*='sapMObjectAttribute'] {
  float: none;
}
.sapMOHRThreeCols {
  width: 33%;
  box-sizing: border-box;
}
.sapMOHRThreeCols.sapMOHRStatesCont1 {
  padding-right: 0.66rem;
}
.sapMOHRThreeCols.sapMOHRStatesCont3 {
  padding-left: 0.66rem;
}
.sapMOHRThreeCols.sapMOHRStatesCont2 {
  padding-left: 0.33rem;
  padding-right: 0.33rem;
}
.sapMOHRFourCols {
  width: 25%;
  box-sizing: border-box;
}
.sapMOHRFourCols.sapMOHRStatesCont1 {
  padding-right: 0.75rem;
}
.sapMOHRFourCols.sapMOHRStatesCont4 {
  padding-left: 0.75rem;
}
.sapMOHRFourCols.sapMOHRStatesCont2 {
  padding-right: 0.5rem;
  padding-left: 0.25rem;
}
.sapMOHRFourCols.sapMOHRStatesCont3 {
  padding-left: 0.5rem;
  padding-right: 0.25rem;
}
div[class*='sapMOHRStatesCont'] > div:last-child {
  padding-bottom: 0;
}
/* styles for the IconTabBar when inside ObjectHeader */
.sapMOHR .sapMITH {
  position: relative;
  margin-left: -3rem;
  margin-right: -3rem;
}
html.sap-tablet.sapUiMedia-Std-Tablet .sapMOHRTabs .sapMITH,
html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHRTabs .sapMITH,
html .sapUiContainer-Medium .sapMOHRTabs .sapMITH,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOHRTabs .sapMITH {
  margin-left: -2rem;
  margin-right: -2rem;
  padding: 0 2rem;
}
html.sap-tablet.sapUiMedia-Std-Tablet .sapUi-Std-PaddingXL .sapMOHRTabs .sapMITH,
html.sap-desktop.sapUiMedia-Std-Tablet .sapUi-Std-PaddingXL .sapMOHRTabs .sapMITH,
html .sapUiContainer-Medium .sapUi-Std-PaddingXL .sapMOHRTabs .sapMITH,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapUi-Std-PaddingXL .sapMOHRTabs .sapMITH {
  margin-left: -3rem;
  margin-right: -3rem;
  padding: 0 3rem;
}
html.sap-phone .sapMOHRTabs .sapMITH {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITH,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITH {
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 0 1rem;
}
.sapUiMedia-Std-Desktop.sapUiMedia-StdExt-LargeDesktop .sapUiResponsiveContentPadding .sapMOHR .sapMITH {
  margin-left: -3rem;
  margin-right: -3rem;
}
/* end styles for the IconTabBar when inside ObjectHeader */
.sapMOHR .sapMPI {
  margin: 0;
}
.sapMOHTitle.sapMOHTitleActive > h6 .sapMText,
.sapMOHTitle.sapMOHTitleActive > h5 .sapMText,
.sapMOHTitle.sapMOHTitleActive > h4 .sapMText,
.sapMOHTitle.sapMOHTitleActive > h3 .sapMText,
.sapMOHTitle.sapMOHTitleActive > h2 .sapMText,
.sapMOHTitle.sapMOHTitleActive > h1 .sapMText {
  color: #44a12c;
  cursor: pointer;
}
.sapMOHTitle h6 .sapMText,
.sapMOHTitle h5 .sapMText,
.sapMOHTitle h4 .sapMText,
.sapMOHTitle h3 .sapMText,
.sapMOHTitle h2 .sapMText,
.sapMOHTitle h1 .sapMText {
  color: #333333;
}
html.sap-phone .sapMOHTitle h1 > .sapMText {
  font-size: 1.125rem;
}
.sapMOHNumberDiv .sapMObjectNumber {
  margin: 0;
  padding-bottom: 0.125rem;
  line-height: initial;
}
.sapMOHNumberDiv .sapMObjectNumberText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.375rem;
  font-weight: normal;
  white-space: nowrap;
  line-height: initial;
}
.sapMOHNumberDiv .sapMObjectNumberUnit {
  padding: 0;
  display: block;
}
.sapMOHRTitleNumberDiv .sapMObjectNumber {
  padding-top: 0.5625rem;
  line-height: initial;
}
.sapMOHRTitleNumberDiv .sapMObjectNumber .sapMObjectNumberText {
  vertical-align: top;
}
.sapMOHC .sapMOHNumberDiv .sapMObjectNumberText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.375rem;
}
.sapMOH .sapMObjectAttributeActive {
  color: #44a12c;
}
.sapMOHNumberStateNone {
  color: #333333;
}
.sapMOHNumberStateError {
  color: #cc1919;
}
.sapMOHNumberStateWarning {
  color: #d14900;
}
.sapMOHNumberStateSuccess {
  color: #007833;
}
.sapMOHIcon .sapUiIcon {
  color: #666666;
}
.sapMOHIntro.sapMOHIntroActive > .sapMLnk:active {
  background: none;
}
html.sap-desktop .sapMOHTitleArrow .sapUiIcon:hover {
  background-color: rgba(222, 222, 222, 0.5);
}
.sapMOHC .sapMOHTitleArrow .sapUiIcon:active,
.sapMOH .sapMOHTitleArrow .sapUiIcon:active {
  background-color: #44a12c;
  color: #fff;
}
/*** styles for responsive object header ***/
.sapMOHRTitle h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.375rem;
  font-weight: normal;
  color: #333333;
}
.sapMOHRTitle h6,
.sapMOHRTitle h5,
.sapMOHRTitle h4,
.sapMOHRTitle h3,
.sapMOHRTitle h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #333333;
}
html.sap-phone .sapMOHRTitle h1,
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTitle h1,
html .sapUiContainer-Narrow .sapMOHRTitle h1 {
  font-size: 1.125rem;
}
.sapMOHRIcon .sapUiIcon {
  font-family: SAP-icons;
  font-size: 2.5rem;
  font-weight: normal;
  color: #666666;
}
.sapMOHRTitleArrow .sapUiIcon {
  color: #666666;
}
html.sap-desktop .sapMOHRTitleArrow .sapUiIcon:hover {
  background-color: rgba(222, 222, 222, 0.5);
  border-color: rgba(222, 222, 222, 0.5);
}
.sapMOHRTitleIcon .sapMOHRTitleFollowArrow .sapMOHRTitleArrow .sapUiIcon:active {
  background-color: #44a12c;
  color: black;
}
.sapMOHR .sapMObjStatusMarker {
  color: #007cc0;
}
.sapMOHRIntro {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #666666;
}
.sapMOHRTitleActive .sapMOHRTitleText {
  cursor: pointer;
  color: #44a12c;
  text-decoration: none;
}
.sapMOHRIntro.sapMOHRIntroActive > .sapMLnk:active {
  background: none;
}
.sapMOHR .sapMObjectNumberText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.375rem;
  font-weight: normal;
}
.sapMOHR .sapMObjectNumberUnit {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.sapMOHR .sapMOHRAttr,
.sapMOHR .sapMOHRStatus,
.sapMOHR .sapMObjStatus {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  color: #666666;
}
.sapMOHR .sapMOHRAttr,
.sapMOHR .sapMOHRStatus {
  padding-bottom: 0.5rem;
}
.sapMOHR .sapMOHRStatus .sapMObjStatusText {
  word-break: normal;
}
.sapMOHRStatus .sapMObjStatusNone .sapMObjStatusText {
  color: #000;
}
.sapMOHRStatus .sapMObjStatusSuccess .sapMObjStatusText {
  color: #007833;
}
.sapMOHRStatus .sapMObjStatusError .sapMObjStatusText {
  color: #cc1919;
}
.sapMOHRStatus .sapMObjStatusWarning .sapMObjStatusText {
  color: #d14900;
}
/* ======================================= */
/* CSS for control sap.m/ObjectIdentifier  */
/* Base theme                              */
/* ======================================= */
.sapMObjectIdentifierIcons {
  overflow: hidden;
  text-align: right;
  font-size: 1rem;
  color: #666666;
  display: inline-block;
  vertical-align: middle;
}
.sapMObjectIdentifierIconSpan {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.5rem;
}
.sapMObjectIdentifierTitle .sapMLnk,
.sapMObjectIdentifierTitle .sapMText {
  overflow: visible;
  font-weight: bold;
  font-size: 1rem;
  display: inline;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
html[data-sap-ui-browser^="ff"] .sapMObjectIdentifierTitle .sapMLnk,
html[data-sap-ui-browser^="ff"] .sapMObjectIdentifierTitle .sapMText {
  display: inline-block;
}
.sapMObjectIdentifierTitle .sapMText {
  color: #333333;
}
.sapMObjectIdentifierTitle .sapMLnk,
.sapMOITitleActive .sapMLnk {
  color: #44a12c;
}
.sapMObjectIdentifierText .sapMText,
.sapMObjectIdentifierText,
.sapMObjectIdentifier {
  color: #666666;
}
.sapMObjectIdentifierText {
  font-size: 0.875rem;
  padding-top: 0;
}
.sapMObjectIdentifierTextBellow {
  margin-top: 0.5rem;
}
.sapMLIBActive .sapMObjectIdentifier {
  color: white;
}
/* ObjectIdentifier inside a table */
.sapMListTbl .sapMObjectIdentifierTitle .sapMLnk,
.sapMListTbl .sapMObjectIdentifierTitle .sapMText {
  font-size: 0.875rem;
  padding-top: 0;
}
.sapMListTbl .sapMObjectIdentifierTitle .sapMText {
  font-weight: bold;
  color: #333333;
}
.sapMListTbl .sapMObjectIdentifierText .sapMText {
  line-height: 1.4;
  padding-top: 0;
}
.sapMObjectIdentifierTitle {
  display: inline;
}
.sapMObjectIdentifier .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
  display: none;
}
.sapMShowEmpty-CTX .sapMObjectIdentifier .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
  display: inline-block;
}
/* ===================================== */
/* CSS for control sap.m/ObjectListItem  */
/* Base theme                            */
/* ===================================== */
.sapMObjLItem {
  box-sizing: border-box;
  vertical-align: baseline;
  /* set this otherwise if one of the parents has "nowrap" style this
	affects the whole arrangement of the ObjectListItem */
  white-space: normal;
}
.sapMLIB.sapMObjLItem {
  padding: 1rem;
}
.sapMObjLItem .sapMLIBImgNav:active,
.sapMObjLItem .sapMLIBIconDet:active,
.sapMObjLItem .sapMLIBIconDel:active {
  border-bottom: none;
}
.sapMObjLTopRow {
  float: left;
  width: 100%;
}
.sapMObjLIntro {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 0.875rem;
  padding-bottom: 0.75rem;
}
.sapMText.sapMObjLTitle {
  vertical-align: top;
  word-break: break-word;
  color: #333333;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.5rem;
}
html.sap-phone .sapMText.sapMObjLTitle,
.sapUiMedia-Std-Phone .sapMText.sapMObjLTitle,
html .sapUiContainer-Narrow .sapMText.sapMObjLTitle {
  word-break: break-all;
}
/*Object header title must break words, otherwise it may be to wide if used within
  a layout control with fixed width. */
.sapMOHTitle:not(.sapMOHRTitleNoWordBreak) > .sapMText {
  /* to break all words even browser does not know the width */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.sapMObjLNumberDiv {
  float: right;
  padding-left: 1rem;
}
.sapMObjLNumberDiv .sapMObjectNumber {
  line-height: initial;
}
.sapMObjLNumberDiv .sapMObjectNumber.sapMObjectNumberStatusNone {
  color: #333333;
}
.sapMObjLNumberDiv .sapMObjectNumber .sapMObjectNumberText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.375rem;
  line-height: 1.375rem;
  font-weight: normal;
  white-space: nowrap;
}
.sapMObjLNumberDiv .sapMObjectNumber .sapMObjectNumberUnit {
  padding: 0;
  display: block;
}
.sapMObjLBottomRow {
  margin-top: 0.25rem;
}
.sapMObjLAttrRow {
  padding-top: 0.313rem;
}
.sapMObjLAttrDiv {
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
  text-align: left;
  vertical-align: top;
}
html[dir=rtl] .sapMObjLAttrDiv {
  text-align: right;
}
.sapMObjLAttrDiv .sapMObjectAttributeDiv {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.sapMObjLAttrDiv .sapMObjectAttributeDiv.sapMObjectAttributeActive .sapMObjectAttributeTitle,
.sapMObjLAttrDiv .sapMObjectAttributeDiv.sapMObjectAttributeActive .sapMObjectAttributeText {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 50%;
}
.sapMObjLAttrDiv .sapMObjectAttributeDiv.sapMObjectAttributeActive.sapMObjectAttributeTextOnly .sapMObjectAttributeTitle,
.sapMObjLAttrDiv .sapMObjectAttributeDiv.sapMObjectAttributeActive.sapMObjectAttributeTextOnly .sapMObjectAttributeText {
  max-width: 100%;
}
/* First and second attributes get one line with ellipsis */
.sapMObjLAttrRow:nth-child(1) > .sapMObjLAttrDiv .sapMObjectAttributeDiv,
.sapMObjLAttrRow:nth-child(2) > .sapMObjLAttrDiv .sapMObjectAttributeDiv {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.sapMObjLAttrDiv .sapMObjectAttributeDiv {
  display: inline-block;
}
.sapMObjLStatusDiv {
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
  text-align: right;
  vertical-align: top;
}
html[dir=rtl] .sapMObjLStatusDiv {
  text-align: left;
}
.sapMObjLAttrRow .sapMObjStatus {
  overflow: visible;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.sapMObjLAttrRow .sapMObjStatus .sapMObjStatusText {
  word-break: normal;
}
.sapMObjLAttrRow .sapMObjStatusInverted {
  height: 1rem;
  line-height: 0.75rem;
}
.sapMObjLBottomRow .sapMObjStatusIcon {
  font-size: 1rem;
}
.sapMObjLItem > .sapMLIBContent {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
}
.sapMObjLListModeDiv {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  flex-direction: row;
  align-items: center;
}
/* overwrite transform for the markers favorite and flag icon */
html[dir=rtl] .sapMObjStatusMarker > .sapUiIcon.sapUiIconMirrorInRTL {
  -webkit-transform: none;
  /* Chrome, Safari, Opera */
  transform: none;
}
.sapMObjLIconDiv > .sapMImg {
  max-height: 3rem;
  max-width: 3rem;
}
.sapMObjLItem .sapMObjStatusMarker .sapMObjectMarkerText,
.sapMObjLItem .sapMObjStatusMarker .sapMObjectMarkerIcon {
  margin-left: 0.5rem;
}
.sapMObjLItem .sapMObjStatusMarker .sapMText,
.sapMObjLItem .sapMObjStatusMarker .sapUiIcon {
  font-size: 0.875rem;
}
.sapMObjLItem .sapMObjStatusMarker .sapUiIcon:before {
  vertical-align: top;
}
.sapMObjLIcon {
  margin-top: 2px;
  color: #666666;
}
.sapMLIBActive .sapMObjLIcon {
  color: #fff;
}
.sapMLIBActive .sapMObjLNumberDiv .sapMObjectNumber,
.sapMLIBActive .sapMObjStatusMarker .sapMObjectMarker .sapUiIcon {
  color: white;
}
.sapMObjLIconDiv {
  float: left;
  margin-right: 0.75rem;
  width: 3rem;
  height: 3rem;
  text-align: center;
  box-sizing: border-box;
}
.sapMObjLItem .sapMObjLAttrDiv {
  color: #666666;
}
.sapMObjLAdditAttribs {
  color: #666666;
}
.sapMObjLAttrDiv.sapMObjAttrWithMarker {
  padding-top: 0.1875rem;
}
/* =================================== */
/* CSS for control sap.m/ObjectMarker  */
/* Base theme                          */
/* =================================== */
.sapMObjectMarker {
  display: inline-block;
}
.sapMObjectMarker .sapUiIcon {
  font-size: 1rem;
  pointer-events: none;
  color: #007cc0;
}
.sapMObjectMarker .sapUiIcon:before {
  vertical-align: middle;
}
.sapMObjectMarker .sapUiIcon:not([data-sap-ui-icon-content]) {
  display: none;
}
.sapMObjectMarker .sapMLnk {
  overflow: visible;
  padding-bottom: 1px;
}
.sapMObjectMarker .sapMText {
  color: #666666;
}
.sapMObjectMarker.sapMObjectMarkerIcon.sapMObjectMarkerText .sapUiIcon {
  margin-right: 0.25rem;
}
.sapMListTbl .sapMObjectMarkerIcon .sapMText {
  padding-top: 0;
}
.sapMListTbl .sapMObjectMarkerIcon .sapUiIcon:before {
  vertical-align: inherit;
}
.sapMListTbl .sapMObjectMarker .sapMText {
  color: #666666;
}
.sapMListTbl .sapMObjectMarker {
  word-break: break-all;
}
/* =================================== */
/* CSS for control sap.m/ObjectNumber  */
/* Base theme                          */
/* =================================== */
.sapMObjectNumber {
  display: block;
  white-space: normal;
  max-width: 100%;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: visible;
  min-height: 1rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
}
.sapMObjectNumber.sapMObjectNumberLarge {
  vertical-align: middle;
  height: 2rem;
}
.sapMObjectNumber.sapMObjectNumberLarge.sapMObjectNumberInverted .sapMObjectNumberInner {
  padding: 0 0.25rem;
}
.sapMObjectNumber.sapMObjectNumberLarge .sapMObjectNumberInner {
  height: 2rem;
}
.sapMObjectNumber.sapMObjectNumberLarge .sapMObjectNumberText,
.sapMObjectNumber.sapMObjectNumberLarge .sapMObjectNumberUnit {
  line-height: 2rem;
  vertical-align: middle;
  height: 2rem;
}
.sapMObjectNumberText {
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-decoration: none;
  min-height: 1rem;
  vertical-align: middle;
  line-height: 1rem;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: none;
}
.sapMObjectNumberEmph .sapMObjectNumberText {
  font-weight: bold;
}
.sapMObjectNumberUnit {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-decoration: none;
  height: 1rem;
  line-height: 1rem;
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: none;
}
html[data-sap-ui-os^="Android"] .sapMObjectNumberUnit {
  padding-top: 0;
}
.sapUiForm .sapMObjectNumberUnit,
.sapUiForm .sapMObjectNumberText {
  vertical-align: top;
}
.sapUiForm.sapUiFormEdit .sapMObjectNumber {
  margin-top: 0.875rem;
}
.sapUiForm.sapUiFormEdit .sapMObjectNumber.sapMObjectNumberLarge {
  line-height: initial;
  margin-top: 0.375rem;
}
.sapUiSizeCompact .sapUiForm.sapUiFormEdit .sapMObjectNumber {
  margin-top: 0.5rem;
}
.sapUiSizeCompact .sapUiForm.sapUiFormEdit .sapMObjectNumber.sapMObjectNumberLarge {
  line-height: initial;
  margin-top: 0;
}
.sapMLIBActive .sapMObjectNumberText,
.sapMLIBActive .sapMObjectNumberUnit {
  color: white;
  text-shadow: none;
}
.sapMObjectNumberStatusNone {
  color: #000;
}
.sapMObjectNumberStatusError {
  color: #cc1919;
}
.sapMObjectNumberStatusWarning {
  color: #d14900;
}
.sapMObjectNumberStatusSuccess {
  color: #007833;
}
.sapMObjectNumberStatusInformation {
  color: #007cc0;
}
.sapMObjectNumberActive {
  cursor: pointer;
}
.sapMObjectNumberInner {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  min-height: 1rem;
  line-height: 0.875rem;
  vertical-align: text-top;
}
html.sap-desktop .sapMObjectNumberActive:focus {
  outline: none;
}
html.sap-desktop .sapMObjectNumberActive:focus .sapMObjectNumberInner::after {
  pointer-events: none;
  display: block;
  content: "";
  position: absolute;
  top: -1px;
  left: 1px;
  bottom: 0px;
  right: 1px;
  height: 1.125rem;
  outline: 1px dotted #000;
}
html.sap-desktop .sapMObjectNumberActive:focus.sapMObjectNumberInverted .sapMObjectNumberInner::after {
  top: -1px;
  left: 1px;
  bottom: -1px;
  right: 1px;
  height: 1.125rem;
  outline: 1px dotted #000;
}
html.sap-desktop .sapMObjectNumberActive:focus.sapMObjectNumberLarge .sapMObjectNumberInner::after {
  top: 0px;
  left: 1px;
  bottom: 0px;
  right: 1px;
  height: 2rem;
}
html.sap-desktop .sapMObjectNumberActive:focus.sapMObjectNumberLarge.sapMObjectNumberInverted .sapMObjectNumberInner::after {
  top: 3px;
  left: 3px;
  bottom: 3px;
  right: 3px;
  height: 1.625rem;
  outline: 1px dotted #fff;
}
.sapMObjectNumberActive:not(.sapMObjectNumberInverted).sapMObjectNumberPressed *,
.sapMObjectNumberActive:not(.sapMObjectNumberInverted):hover *,
.sapMObjectNumberActive:not(.sapMObjectNumberInverted):active * {
  text-decoration: underline;
}
.sapMObjectNumberInverted {
  vertical-align: initial;
}
.sapMObjectNumberInverted .sapMObjectNumberInner {
  height: 1rem;
  width: auto;
  min-width: 1.25rem;
  padding: 0 0.25rem;
  border-radius: 2px;
  line-height: 0.75rem;
}
.sapMObjectNumberInverted .sapMObjectNumberInner::after {
  top: -1px;
  left: 1px;
  bottom: 1px;
  right: 1px;
  height: 1.25rem;
  outline: 1px dotted #000;
}
.sapMObjectNumberInverted:not(.sapMObjectNumberLarge) {
  font-weight: bold;
}
.sapMObjectNumberInverted .sapMObjectNumberText,
.sapMObjectNumberInverted .sapMObjectNumberUnit {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  text-shadow: none;
}
.sapMObjectNumberInverted.sapMObjectNumberLarge {
  height: 2rem;
}
.sapMObjectNumberInverted.sapMObjectNumberLarge .sapMObjectNumberText,
.sapMObjectNumberInverted.sapMObjectNumberLarge .sapMObjectNumberUnit {
  font-size: 1.25rem;
  line-height: 2rem;
}
.sapMObjectNumber .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
  display: none;
}
.sapMShowEmpty-CTX .sapMObjectNumber .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
  display: inline-block;
}
.sapMObjectNumberInverted.sapMObjectNumberStatusError .sapMObjectNumberInner {
  background-color: #cc1919;
  color: #fff;
}
.sapMObjectNumberInverted.sapMObjectNumberStatusError.sapMObjectNumberActive .sapMObjectNumberInner:hover {
  background-color: #ac1515;
  color: #fff;
}
.sapMObjectNumberInverted.sapMObjectNumberStatusError.sapMObjectNumberActive .sapMObjectNumberInner:active,
.sapMObjectNumberInverted.sapMObjectNumberStatusError.sapMObjectNumberActive.sapMObjectNumberPressed .sapMObjectNumberInner {
  background-color: #9f1313;
  color: black;
}
.sapMObjectNumberInverted.sapMObjectNumberStatusWarning .sapMObjectNumberInner {
  background-color: #d14900;
  color: #fff;
}
.sapMObjectNumberInverted.sapMObjectNumberStatusWarning.sapMObjectNumberActive .sapMObjectNumberInner:hover {
  background-color: #ad3d00;
  color: #fff;
}
.sapMObjectNumberInverted.sapMObjectNumberStatusWarning.sapMObjectNumberActive .sapMObjectNumberInner:active,
.sapMObjectNumberInverted.sapMObjectNumberStatusWarning.sapMObjectNumberActive.sapMObjectNumberPressed .sapMObjectNumberInner {
  background-color: #9e3700;
  color: black;
}
.sapMObjectNumberInverted.sapMObjectNumberStatusSuccess .sapMObjectNumberInner {
  background-color: #007833;
  color: #fff;
}
.sapMObjectNumberInverted.sapMObjectNumberStatusSuccess.sapMObjectNumberActive .sapMObjectNumberInner:hover {
  background-color: #005424;
  color: #fff;
}
.sapMObjectNumberInverted.sapMObjectNumberStatusSuccess.sapMObjectNumberActive .sapMObjectNumberInner:active,
.sapMObjectNumberInverted.sapMObjectNumberStatusSuccess.sapMObjectNumberActive.sapMObjectNumberPressed .sapMObjectNumberInner {
  background-color: #00451d;
  color: black;
}
.sapMObjectNumberInverted.sapMObjectNumberStatusInformation .sapMObjectNumberInner {
  background-color: #007cc0;
  color: #fff;
}
.sapMObjectNumberInverted.sapMObjectNumberStatusInformation.sapMObjectNumberActive .sapMObjectNumberInner:hover {
  background-color: #006ca7;
  color: #fff;
}
.sapMObjectNumberInverted.sapMObjectNumberStatusInformation.sapMObjectNumberActive .sapMObjectNumberInner:active,
.sapMObjectNumberInverted.sapMObjectNumberStatusInformation.sapMObjectNumberActive.sapMObjectNumberPressed .sapMObjectNumberInner {
  background-color: #005b8d;
  color: black;
}
.sapMObjectNumberInverted.sapMObjectNumberStatusNone .sapMObjectNumberInner {
  background-color: #007cc0;
  color: #fff;
}
.sapMObjectNumberInverted.sapMObjectNumberStatusNone.sapMObjectNumberActive .sapMObjectNumberInner:hover {
  background-color: #00659c;
  color: #fff;
}
.sapMObjectNumberInverted.sapMObjectNumberStatusNone.sapMObjectNumberActive .sapMObjectNumberInner:active,
.sapMObjectNumberInverted.sapMObjectNumberStatusNone.sapMObjectNumberActive.sapMObjectNumberPressed .sapMObjectNumberInner {
  background-color: #005b8d;
  color: black;
}
/* =================================== */
/* CSS for control sap.m/ObjectStatus  */
/* Base theme                          */
/* =================================== */
.sapMObjStatus {
  font-size: 0.875rem;
  color: #000;
  display: inline-block;
  overflow: visible;
  min-height: 1rem;
  vertical-align: top;
  line-height: 0.875rem;
}
.sapMObjStatus.sapMObjectStatusLarge {
  font-size: 1rem;
  min-height: 2rem;
}
.sapMObjStatus .sapMObjStatusIcon {
  width: 1rem;
  text-align: center;
  display: inline-block;
  height: 1rem;
  line-height: 1rem;
  vertical-align: top;
}
.sapMObjStatus .sapMObjStatusTitle,
.sapMObjStatus .sapMObjStatusText {
  line-height: 1rem;
  display: inline-block;
  height: inherit;
  vertical-align: top;
}
.sapMObjStatus .sapMObjStatusTitle::after {
  content: attr(data-colon);
  white-space: pre;
}
.sapMLIBActive .sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusText,
.sapMLIBActive .sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusIcon {
  text-shadow: none;
}
.sapMObjStatusLink {
  min-height: 1rem;
  vertical-align: top;
}
.sapUiFormCLElement .sapMObjStatus .sapMObjStatusIcon,
.sapUiFormCLElement .sapMObjStatus .sapMObjStatusTitle,
.sapUiFormCLElement .sapMObjStatus .sapMObjStatusText {
  padding-bottom: 2px;
}
.sapUiHLayout .sapMObjStatus .sapMObjStatusIcon,
.sapUiHLayout .sapMObjStatus .sapMObjStatusTitle,
.sapUiHLayout .sapMObjStatus .sapMObjStatusText {
  padding-bottom: 2px;
}
.sapMObjectStatusLarge .sapMObjStatusTitle,
.sapMObjectStatusLarge .sapMObjStatusText,
.sapMObjectStatusLarge .sapMObjStatusIcon {
  font-size: 1.5rem;
  font-family: Arial, Helvetica, sans-serif;
  height: 2rem;
  display: inline-block;
  vertical-align: middle;
}
.sapMObjectStatusLarge .sapMObjStatusIcon {
  width: 2rem;
}
.sapMObjectStatusLarge .sapMObjStatusIcon > .sapUiIcon {
  vertical-align: baseline;
}
.sapMObjStatusText {
  word-break: break-word;
}
.sapMObjStatus > .sapMObjStatusTitle {
  color: #666666;
}
.sapMObjStatusNone .sapMObjStatusText {
  color: #000;
}
.sapMObjStatusError .sapMObjStatusText {
  color: #cc1919;
}
.sapMObjStatusWarning .sapMObjStatusText {
  color: #d14900;
}
.sapMObjStatusSuccess .sapMObjStatusText {
  color: #007833;
}
.sapMObjStatusInformation .sapMObjStatusText {
  color: #007cc0;
}
.sapMObjStatusNone .sapMObjStatusIcon {
  color: #007cc0;
}
.sapMObjStatusError .sapMObjStatusIcon {
  color: #cc1919;
}
.sapMObjStatusWarning .sapMObjStatusIcon {
  color: #d14900;
}
.sapMObjStatusSuccess .sapMObjStatusIcon {
  color: #007833;
}
.sapMObjStatusInformation .sapMObjStatusIcon {
  color: #007cc0;
}
.sapMObjStatusIndication01 .sapMObjStatusText,
.sapMObjStatusIndication01 .sapMObjStatusIcon {
  color: #9f1313;
}
.sapMObjStatusIndication02 .sapMObjStatusText,
.sapMObjStatusIndication02 .sapMObjStatusIcon {
  color: #cc1919;
}
.sapMObjStatusIndication03 .sapMObjStatusText,
.sapMObjStatusIndication03 .sapMObjStatusIcon {
  color: #d14900;
}
.sapMObjStatusIndication04 .sapMObjStatusText,
.sapMObjStatusIndication04 .sapMObjStatusIcon {
  color: #007833;
}
.sapMObjStatusIndication05 .sapMObjStatusText,
.sapMObjStatusIndication05 .sapMObjStatusIcon {
  color: #007cc0;
}
.sapMObjStatusIndication06 .sapMObjStatusText,
.sapMObjStatusIndication06 .sapMObjStatusIcon {
  color: #004990;
}
.sapMObjStatusIndication07 .sapMObjStatusText,
.sapMObjStatusIndication07 .sapMObjStatusIcon {
  color: #925ace;
}
.sapMObjStatusIndication08 .sapMObjStatusText,
.sapMObjStatusIndication08 .sapMObjStatusIcon {
  color: #ab218e;
}
.sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusText,
.sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusIcon {
  text-shadow: none;
}
.sapMObjStatusInverted .sapMObjStatusText,
.sapMObjStatusInverted .sapMObjStatusIcon {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
}
.sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
  font-size: 0.75rem;
  vertical-align: top;
}
.sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon {
  font-size: 0.75rem;
  vertical-align: top;
}
.sapMObjStatusInverted .sapMObjStatusIcon {
  height: 0.875rem;
}
.sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon {
  vertical-align: top;
}
.sapMObjStatusInverted.sapMObjectStatusLarge {
  vertical-align: top;
}
.sapMObjStatusInverted.sapMObjectStatusLarge .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjectStatusLarge .sapMObjStatusIcon {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  font-weight: normal;
  color: #fff;
  vertical-align: inherit;
}
.sapMObjStatusInverted.sapMObjectStatusLarge .sapMObjStatusText > .sapUiIcon,
.sapMObjStatusInverted.sapMObjectStatusLarge .sapMObjStatusIcon > .sapUiIcon {
  font-size: 1.25rem;
}
.sapMObjStatusInverted .sapMObjStatusText,
.sapMObjStatusInverted .sapMObjStatusIcon .sapMObjStatusIconOnly {
  padding: 0 0.25rem;
  border-radius: 0.25rem;
}
.sapMObjStatusInverted .sapMObjStatusIcon {
  padding: 0 0 0 0.25rem;
}
.sapMObjStatusInverted .sapMObjStatusIcon + .sapMObjStatusText {
  border-radius: 0 0.25rem 0.25rem 0;
}
.sapMObjStatusInverted .sapMObjStatusIcon {
  border-radius: 0.25rem 0 0 0.25rem;
}
.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon {
  background-color: #9f1313;
}
.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon {
  background-color: #cc1919;
}
.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon {
  background-color: #d14900;
}
.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon {
  background-color: #007833;
}
.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon {
  background-color: #007cc0;
}
.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon {
  background-color: #004990;
}
.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon {
  background-color: #925ace;
}
.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusIcon {
  background-color: #ab218e;
}
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusIcon {
  background-color: #cc1919;
  color: #fff;
}
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusIcon {
  background-color: #d14900;
  color: #fff;
}
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusIcon {
  background-color: #007833;
  color: #fff;
}
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusIcon {
  background-color: #007cc0;
  color: #fff;
}
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusIcon {
  background-color: #007cc0;
  color: #fff;
}
.sapMObjStatusIcon > .sapUiIcon {
  font-size: 1rem;
}
.sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon {
  font-size: 0.75rem;
  line-height: 1rem;
}
.sapUiTableCell .sapMObjStatus {
  line-height: inherit;
}
.sapUiTableCell .sapMObjStatusIcon {
  line-height: inherit;
  vertical-align: text-bottom;
}
.sapUiTableCell .sapMObjStatusIcon > .sapUiIcon {
  vertical-align: bottom;
}
.sapUiTableCell .sapMObjStatusText {
  line-height: inherit;
  vertical-align: middle;
}
.sapUiTableCell .sapMObjStatusText,
.sapUiTableCell .sapMObjStatusTitle {
  display: inline;
}
.sapMObjectStatusLarge .sapMObjStatusIcon > .sapUiIcon {
  font-size: 1.5rem;
  line-height: 2rem;
}
.sapMObjStatusIcon {
  padding-right: 0.25rem;
}
.sapMObjStatus > .sapMObjStatusTitle {
  padding-right: 0.25rem;
}
.sapUiTableCell .sapMObjStatus {
  font-size: 0.875rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.sapUiForm .sapMObjStatusIcon,
.sapUiForm .sapMObjStatusTitle,
.sapUiForm .sapMObjStatusText {
  display: inline-block;
  line-height: normal;
  -webkit-user-select: text;
  user-select: text;
}
/*
	FIX for 1580155978 and 1680267289.
	Fiori design guidelines say that statuses should be specially styled for forms
	and share looks with other text only controls.
*/
.sapUiForm.sapUiFormEdit .sapMObjStatus {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  line-height: normal;
}
.sapUiSizeCompact .sapUiForm.sapUiFormEdit .sapMObjStatus {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: normal;
}
/*
	FIX for 2715207
	Fiori design guidelines say that statuses should be specially styled for ObjectPage
	and share looks with other text only controls.
*/
.sapUxAPObjectPageContainer .sapMObjStatusNone:not(.sapMObjStatusInverted) .sapMObjStatusText,
.sapUxAPObjectPageHeaderContentItem .sapMObjStatusNone:not(.sapMObjStatusInverted) .sapMObjStatusText,
.sapMObjStatusNone:not(.sapMObjStatusInverted).sapUxAPObjectPageHeaderContentItem .sapMObjStatusText,
.sapUxAPObjectPageHeaderDetails .sapFDynamicPageHeaderContent .sapMObjStatusNone:not(.sapMObjStatusInverted) .sapMObjStatusText,
.sapUxAPObjectPageContainer .sapMObjStatusNone:not(.sapMObjStatusInverted) .sapMObjStatusIcon,
.sapUxAPObjectPageHeaderContentItem .sapMObjStatusNone:not(.sapMObjStatusInverted) .sapMObjStatusIcon,
.sapMObjStatusNone:not(.sapMObjStatusInverted).sapUxAPObjectPageHeaderContentItem .sapMObjStatusIcon,
.sapUxAPObjectPageHeaderDetails .sapFDynamicPageHeaderContent .sapMObjStatusNone:not(.sapMObjStatusInverted) .sapMObjStatusIcon {
  color: #333333;
}
.sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentItem .sapMObjStatus {
  vertical-align: text-bottom;
}
/* ============================================= */
/* FIX: CSS 0120061532 0001316230 2014 */
/* ============================================= */
.sapMLIBActive .sapMObjStatusNone .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusNone .sapMObjStatusIcon,
.sapMLIBActive .sapMObjStatusError .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusError .sapMObjStatusIcon,
.sapMLIBActive .sapMObjStatusWarning .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusWarning .sapMObjStatusIcon,
.sapMLIBActive .sapMObjStatusSuccess .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusSuccess .sapMObjStatusIcon {
  color: white;
}
/* Condensed size */
.sapUiSizeCondensed .sapUiTableCell .sapMObjStatus > .sapMObjStatusText {
  /*	line-height: 1rem; */
  vertical-align: middle;
  font-size: 0.875rem;
}
html.sap-desktop .sapMObjStatusActive:focus {
  outline: none;
}
.sapMObjStatusActive .sapMObjStatusText {
  pointer-events: auto;
}
.sapMObjStatusActive:hover > .sapMObjStatusText,
.sapMObjStatusActive:hover > .sapMObjStatusIcon > .sapUiIcon {
  text-decoration: underline;
  cursor: pointer;
}
.sapMObjStatusActive:focus .sapMObjStatusTitle {
  text-decoration: none;
}
.sapMObjStatusLink:hover .sapMObjStatusIcon > .sapUiIcon {
  cursor: pointer;
}
.sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusLink:hover .sapMObjStatusIcon:only-child > .sapUiIcon {
  text-decoration: underline;
  cursor: pointer;
}
.sapMObjStatusLink .sapMObjStatusIcon:only-child {
  padding-right: 0;
}
.sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly,
.sapMObjStatusInverted .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly {
  padding: 0 0.25rem;
  border-radius: 0.25rem 0.25rem;
}
.sapMObjStatusInverted .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted .sapMObjStatusLink:hover .sapMObjStatusIcon.sapMObjStatusIconOnly > .sapUiIcon {
  text-decoration: none;
}
.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:hover .sapMObjStatusIcon {
  background-color: #881010;
}
.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusIcon {
  background-color: #710e0e;
}
.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:hover .sapMObjStatusIcon {
  background-color: #b51616;
}
.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusIcon {
  background-color: #9f1313;
}
.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:hover .sapMObjStatusIcon {
  background-color: #c24400;
}
.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusIcon {
  background-color: #b23e00;
}
.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:hover .sapMObjStatusIcon {
  background-color: #005f28;
}
.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusIcon {
  background-color: #00451d;
}
.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:hover .sapMObjStatusIcon {
  background-color: #006ca7;
}
.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusIcon {
  background-color: #005b8d;
}
.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:hover .sapMObjStatusIcon {
  background-color: #003c77;
}
.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusIcon {
  background-color: #002f5d;
}
.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:hover .sapMObjStatusIcon {
  background-color: #8546c8;
}
.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusIcon {
  background-color: #7838bd;
}
.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:hover .sapMObjStatusIcon {
  background-color: #961d7c;
}
.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusIcon {
  background-color: #80196a;
}
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusIcon {
  background-color: #ac1515;
  color: #fff;
}
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusIcon {
  background-color: #9f1313;
  color: black;
}
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusIcon {
  background-color: #ad3d00;
  color: #fff;
}
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusIcon {
  background-color: #9e3700;
  color: black;
}
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusIcon {
  background-color: #005424;
  color: #fff;
}
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusIcon {
  background-color: #00451d;
  color: black;
}
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusIcon {
  background-color: #006ca7;
  color: #fff;
}
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusIcon {
  background-color: #005b8d;
  color: black;
}
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusIcon {
  background-color: #00659c;
  color: #fff;
}
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusIcon {
  background-color: #005b8d;
  color: black;
}
html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink {
  position: relative;
  display: inline-block;
}
.sapMObjStatusActive.sapMObjStatusInverted .sapMObjStatusText {
  vertical-align: top;
}
.sapMObjStatusActive.sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon {
  vertical-align: top;
}
html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
  pointer-events: none;
  display: block;
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  right: 1px;
  outline: 1px dotted #000;
}
html.sap-desktop .sapMObjStatusActive:focus.sapMObjectStatusLarge .sapMObjStatusLink::after {
  position: absolute;
  top: 0px;
  left: 1px;
  bottom: 0px;
  right: 1px;
  height: 2rem;
}
html.sap-desktop .sapMObjStatusActive:focus.sapMObjectStatusLarge.sapMObjStatusInverted .sapMObjStatusLink::after {
  position: absolute;
  top: 3px;
  left: 3px;
  bottom: 3px;
  right: 3px;
  height: 1.625rem;
  outline: 1px dotted #fff;
}
.sapMObjStatus .sapUiPseudoInvisibleText {
  font-size: 0px;
}
.sapMObjStatus .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
  display: none;
}
.sapMShowEmpty-CTX .sapMObjStatus .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
  display: inline-block;
}
html.sap-desktop .sapMListTblHasPopin .sapMObjStatusActive:focus .sapMObjStatusLink::after {
  pointer-events: none;
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 1px;
  bottom: 1px;
  right: 1px;
  outline: 1px dotted #000;
}
/* ======================================================== */
/* CSS for control sap.m/OverflowToolbarAssociativePopover  */
/* Base theme                                               */
/* ======================================================== */
.sapMOTAPopover:focus {
  outline: none;
}
.sapMOTAPopover .sapMBtn .sapMBtnInner {
  justify-content: flex-start;
}
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
  padding: 0.25rem 0.5rem;
  /* Disappear */
  /* All elements inside must have display block */
  /* Button, ToggleButton, OverflowToolbarButton */
  /* Select */
  /* SegmentedButton - select form */
  /* ComboBox */
  /* SearchField */
  /* Input */
  /* DateTimeInput */
  /* Menu Button */
}
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > .sapMOTAPHidden {
  display: none;
}
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > :not(.sapMOTAPHidden) {
  display: block;
}
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > .sapMTBSeparator.sapMTBSeparatorOverflowToolbar:first-child,
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > .sapMTBSeparator.sapMTBSeparatorOverflowToolbar:last-child {
  display: none;
}
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > button.sapMBtn {
  width: 100% !important;
  max-width: 100% !important;
  /* Button alignment */
}
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > button.sapMBtn > .sapMBtnInner {
  text-align: start;
}
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > div.sapMSlt {
  width: auto !important;
}
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > div.sapMSegBSelectWrapper {
  width: 100% !important;
}
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > div.sapMSegBSelectWrapper > div.sapMSlt {
  width: 100% !important;
  max-width: 100% !important;
}
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > div.sapMComboBox {
  width: auto !important;
  max-width: auto !important;
}
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > div.sapMSF {
  width: 100% !important;
  max-width: 100% !important;
}
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > div.sapMInput {
  width: 100% !important;
  max-width: 100% !important;
}
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > div.sapMDTI {
  width: 100% !important;
  max-width: 100% !important;
}
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > .sapMMenuBtn {
  max-width: 100% !important;
}
/* Compact mode overrides */
.sapUiSizeCompact .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
  padding: 0.1875rem 0.375rem;
}
/* Phone mode overrides */
html.sap-phone .sapMOTAPopover {
  overflow: hidden !important;
}
/* ======================================= */
/* CSS for control sap.m/P13nColumnsPanel  */
/* Base theme                              */
/* ======================================= */
.sapMP13nColumnsPanel {
  color: #000;
}
.sapMP13nColumnsPanel .sapMLIB.sapMLIBSelected,
.sapMP13nColumnsPanel .sapMLIB.sapMLIBSelected > td {
  background-color: transparent;
}
.sapMP13nColumnsPanel .sapMListBGTranslucent .sapMLIB.sapMListTblRow.sapMP13nColumnsPanelItemSelected,
.sapMP13nColumnsPanel .sapMListBGTranslucent .sapMLIB.sapMListTblRow.sapMP13nColumnsPanelItemSelected:focus,
.sapMP13nColumnsPanel .sapMListBGTranslucent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover).sapMListTblRow.sapMP13nColumnsPanelItemSelected,
.sapMP13nColumnsPanel .sapMListBGTranslucent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover).sapMListTblRow.sapMP13nColumnsPanelItemSelected:focus {
  background-color: #ecf6ea;
}
.sapMP13nColumnsPanel .sapMLIBActive .sapMText,
.sapMP13nColumnsPanel .sapMLIBActive .sapMListTblCell .sapMText {
  color: #333333;
}
.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg,
.sapMP13nColumnsPanel .sapMLIBActive.sapMLIB,
.sapMP13nColumnsPanel .sapMLIBActive.sapMLIB > td {
  background-color: transparent;
}
.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg,
.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbMarkChecked,
.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbBgDis,
.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbBgDis.sapMCbMarkChecked {
  border-color: #bfbfbf;
}
.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbMarkChecked::before {
  color: #44a12c;
}
html.sap-desktop .sapMP13nColumnsPanel .sapMLIBSelected:not(.sapMLIBActive):not(.sapMALI):hover,
html.sap-desktop .sapMP13nColumnsPanel .sapMLIBSelected:not(.sapMLIBActive):not(.sapMALI):hover > td {
  background-color: #f0f0f0;
}
/* ========================================= */
/* CSS for control sap.m/P13nConditionPanel  */
/* Base theme                                */
/* ========================================= */
.sapMConditionPanel .sapUiRespGridMedia-Std-Phone .floatRight {
  float: right;
}
.sapMConditionPanel .displayNone {
  display: none;
}
.sapMConditionPanel .conditionRootGrid > div + div .sapUiRespGridMedia-Std-Tablet {
  margin-top: 1rem;
}
.sapMConditionPanel .conditionRootGrid > div + div .sapUiRespGridMedia-Std-Phone {
  margin-top: 1rem;
}
.sapMConditionPanel .conditionAddBtnFloatRight {
  float: right;
}
.sapUiSizeCompact .sapMConditionPanel .conditionLabel {
  margin-top: 0.5rem;
}
.sapMConditionPanel .conditionLabel {
  margin-top: 1rem;
}
.sapMConditionPanel .sapMCb {
  display: block;
}
.sapMConditionPanel .sapMTB {
  border-bottom: 0px;
}
.sapMFilterPanel .sapMPanelWrappingDivTb {
  border-bottom: 0px;
}
.sapMFilterPanel .sapMTB {
  border-bottom: 0px;
}
.sapMConditionPanel div[class*="sapUiRespGrid"] > div[class*="sapUiRespGridSpan"] {
  min-height: 0px;
}
/* ================================= */
/* CSS for control sap.m/P13nDialog  */
/* Base theme                        */
/* ================================= */
.sapMP13nDialog {
  color: #000;
}
.sapMP13nDialog .sapMITBHead {
  margin: 0rem;
}
.sapMP13nDialog.sapMDialog > .sapMDialogSection {
  background-color: #f2f2f2;
}
.sapMP13nDialog .sapMBarLeft,
.sapMP13nDialog.sapMDialog .sapMBarLeft {
  padding-left: 0rem;
}
.sapMP13nDialog .sapMITH.sapMITBInLine .sapMITBHead {
  padding-top: 1.875rem;
}
.sapUiSizeCompact .sapMP13nDialog .sapMITH.sapMITBInLine .sapMITBHead {
  padding-top: 1.25rem;
}
.sapMP13nDialog .sapUiSizeCompact.sapMITH.sapMITBInLine .sapMITBHead {
  padding-top: 0.25rem;
}
.sapMP13nContainer .sapMITB {
  padding-top: 1.75rem;
}
.sapMP13nContainer .sapMITH {
  padding: 0;
}
.sapMP13nContainer .p13nContainerDefaultList .sapMLIB {
  padding: 1.5rem;
}
.sapMP13nQueryPanel .sapUiRespGrid.sapUiRespGridVSpace1 > div {
  margin-bottom: 0;
}
.sapMSelectionPanel.sapUiMDCAFLabelMarkingList tbody .sapMLabel > .sapMLabelColonAndRequired::before {
  content: attr(data-colon);
}
.sapMSelectionPanel tbody .sapMListTblSelCol {
  vertical-align: top;
}
.sapMSelectionPanel.SelectionPanelHover .sapMListTblCell {
  padding-top: 0;
  padding-bottom: 0;
}
.sapMSelectionPanel .sapMPanelContent li {
  align-items: start;
  display: flex;
}
.sapMSelectionPanel table tr > td {
  padding-left: 0.5rem;
}
.sapMSelectionPanel .sapMTableTH {
  padding-left: 0.5rem;
}
/* ====================================== */
/* CSS for control sap.m/P13nFilterPanel  */
/* Base theme                             */
/* ====================================== */
.sapMFilterPanel .compPadding {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}
.sapMFilterPanel .sapMPanelContent {
  padding: 0px;
  border-bottom-width: 0px;
}
.sapMFilterPanel .sapMPanelBGTranslucent {
  background-color: Transparent;
}
.sapMFilterPanel .sapUiRespGrid.sapUiRespGridVSpace1 > div {
  margin-bottom: 0px;
  margin-left: 0px;
}
.sapMFilterPanel .sapMPanelWrappingDiv {
  border-bottom: 0px;
}
.sapMFilterPanel .panelTopMargin {
  margin-top: 1rem;
}
.sapMFilterPanel .panelNoHeader .sapMPanelHdr {
  height: 0rem;
  border-bottom: 0px;
}
.sapMFilterPanel .sapMPanelContent:not(.sapMPanelBGTransparent) {
  border-bottom-width: 0px;
}
/* ==================================== */
/* CSS for control sap.m/P13nSortPanel  */
/* Base theme                           */
/* ==================================== */
.sapMSortPanel {
  width: 100%;
}
.sapMSortPanelContent {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.sapMGroupPanelContent {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
/* =========================== */
/* CSS for control sap.m/Page  */
/* Base theme                  */
/* =========================== */
.sapMPage,
.sapMPage > section {
  width: 100%;
  box-sizing: border-box;
}
.sapMPage {
  height: 100%;
  position: relative;
  isolation: isolate;
  /* makes sure the z-index stuff for headers/footer has no effect outside the Page; only works in the very newest browsers as of 03/2015 */
  z-index: 0;
  /* workaround for missing "isolation" support in most browsers; TODO: check when this can be removed */
}
.sapMPage > section {
  position: absolute;
  overflow-y: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sapMPage > section.sapMPageEnableScrolling {
  overflow-y: auto;
  will-change: scroll-position;
}
.sapMPage > section.sapMPageEnableScrolling .sapMPage > section {
  overflow-y: visible;
}
html[data-sap-ui-os^="bb"] .sapMPage > section.sapMPageEnableScrolling,
html[data-sap-ui-os^="iOS"] .sapMPage > section.sapMPageEnableScrolling {
  overflow-y: scroll;
}
/* Fix for a ToolBar set as headerContent */
html[data-sap-ui-browser^="ff"].sap-desktop .sapMPage > .sapMBar.sapMPageHeader .sapMBarContainer {
  display: initial;
}
html[data-sap-ui-browser^="ff"].sap-desktop .sapUiSizeCompact .sapMPage > .sapMBar.sapMPageHeader .sapMBarContainer {
  vertical-align: -moz-middle-with-baseline;
}
html[data-sap-ui-browser^="ff"].sap-desktop .sapMPage > .sapMTitle {
  font-size: 1rem;
}
/*
	* Workaround for IOS 7 - on orientation change to lanscape mode:
	* on the Ipad the footer is cut off.
	* on the phone, the header is cut off and if you open the nav Bar(clicking in the footer), the header will be cut off even more.
	* setting the body to fixed seems to work. We also tried it with absolute, but it does not work (tested only on ipad).
 */
@media (orientation: landscape) {
  html[data-sap-ui-os^="iOS7"][data-sap-ui-browser^="msf"] {
    padding: 0;
    margin: 0;
    bottom: 0;
  }
  html[data-sap-ui-os^="iOS7"][data-sap-ui-browser^="msf"] body {
    position: fixed;
    top: 0;
    bottom: 0;
  }
}
/* ============================================= */
/* CSS for displaying the Footer/Header controls at the correct position */
/* ============================================= */
.sapMPageFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  /* footer has to overlap the header if the page is very small (phone with open keyboard)*/
  z-index: 2;
  width: 100%;
}
.sapMPageFooter.sapMPageFloatingFooter {
  left: 0;
  right: 0;
}
.sapMPageFooter.sapUiHidden {
  bottom: auto;
}
.sapMPageFooter .sapMTB.sapMIBar {
  right: 0;
  border-bottom-width: 0;
}
.sapMPageWithFloatingFooter .sapMPageFooter .sapMIBar-CTX.sapMFooter-CTX.sapMTB {
  border-top-width: 0;
}
.sapMPageSubHeader,
.sapMPageHeader {
  /* header has to be on top of the Scroll container */
  z-index: 1;
}
.sapMPage.sapMPageBusyCoversAll > .sapUiLocalBusyIndicator {
  /* busyIndicator within page needs a z-index to render on top of header/footer */
  z-index: 3;
}
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapMPage.sapUiContentPadding > section {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMPage.sapUiResponsiveContentPadding > section,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapMPage.sapUiResponsiveContentPadding > section,
  .sapMPage.sapUiResponsiveContentPadding > section {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMPage.sapUiResponsiveContentPadding > section,
  .sapMPage.sapUiResponsiveContentPadding > section {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMPage.sapUiResponsiveContentPadding > section,
  .sapMPage.sapUiResponsiveContentPadding > section {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapMPage.sapUiResponsiveContentPadding > section {
  padding: 0;
}
.sapMSplitContainerDetail .sapMPage.sapUiResponsiveContentPadding > section {
  padding: 1rem;
}
.sapMPage.sapUiNoContentPadding > section {
  padding: 0;
}
/* Fiori 2.0 adaptation */
.sapF2CollapsedHeader > .sapMPageHeader {
  display: none;
}
.sapMPage.sapF2CollapsedHeader > .sapMPageHeader + section,
.sapMPage.sapF2CollapsedHeader > .sapMPageHeader + .sapUiHiddenPlaceholder + section {
  top: 0em;
}
.sapMPage.sapF2CollapsedHeader > .sapMPageHeader + .sapMPageSubHeader + section {
  top: 3rem;
}
.sapUiSizeCompact .sapF2CollapsedHeader.sapMPageWithHeader > section {
  top: 0rem;
}
.sapUiSizeCompact .sapF2CollapsedHeader.sapMPageWithHeader.sapMPageWithSubHeader > section {
  top: 2rem;
}
.sapUiSizeCompact .sapF2CollapsedHeader > .sapMPageHeader .sapMIBar {
  height: 0rem;
}
.sapMIBar .sapF2AdaptedTitle,
.sapMIBar .sapF2AdaptedNavigation {
  display: none;
}
/* page with footer */
.sapMPageWithFooter > section {
  bottom: 3rem;
}
.sapMPageWithFloatingFooter > .sapMPageFooter {
  border-radius: 0.25rem;
  margin: 0.5rem;
  width: calc(100% - 1rem);
  opacity: 0.9;
}
.sapMPageWithFloatingFooter > .sapMPageFooter .sapMIBar {
  border-radius: 0.25rem;
}
.sapMPageWithFloatingFooter.sapMPageWithFooter > section {
  bottom: 0;
}
.sapMPageWithFloatingFooter.sapMPageWithFooter > section:after {
  content: "";
  display: block;
  height: 0;
  width: 100%;
  margin-bottom: 4rem;
}
.sapUiSizeCompact .sapMPageWithFooter.sapMPageWithFloatingFooter > section {
  bottom: 0;
  padding-bottom: 3.5rem;
}
html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter .sapMPageFooterControlShow {
  -webkit-animation: bounceShow 0.35s forwards ease-in-out;
  animation: bounceShow 0.35s forwards ease-in-out;
}
html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter .sapMPageFooterControlHide {
  -webkit-animation: bounceHide 0.35s forwards ease-in-out;
  animation: bounceHide 0.35s forwards ease-in-out;
}
@-webkit-keyframes bounceShow {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
@keyframes bounceShow {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
@-webkit-keyframes bounceHide {
  0% {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
}
@keyframes bounceHide {
  0% {
    transform: translateY(-5%);
    opacity: 0.9;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
.sapMPageBgSolid {
  background-color: #f2f2f2;
}
/* page with header and subHeader */
.sapMPage > .sapMPageHeader + .sapMPageSubHeader + section {
  top: 6rem;
}
.sapMPage > .sapMPageHeader + .sapMPageSubHeader.sapMPageSubHeaderInfoBar + section {
  top: 5rem;
}
/* page with header */
.sapMPage > .sapMPageHeader + section,
.sapMPage > .sapMPageSubHeader + section,
.sapMPage > .sapMPageHeader + .sapUiHiddenPlaceholder + section {
  top: 3rem;
}
/* page app icon */
.sapMBar-CTX .sapMBarLeft > .sapMImg.sapMPageAppIcon {
  max-height: 1.375rem;
  max-width: 1.375rem;
  margin: 0.8125rem;
}
/* vertical scroll bar */
.sapMPage .sapMScrollbarV > div {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
/* sap.m.Shell + Tiles Page specific style */
@media (min-height: 3401px) {
  .sap-desktop .sapMShell .sapMPage.sapMPageHideHeaderWhenShellHeader header.sapMIBar {
    display: none;
  }
}
html.sap-tablet .sapUiFioriObjectPage > section,
html.sap-desktop .sapUiFioriObjectPage > section {
  padding-bottom: 1rem;
}
/* Compact size */
.sapUiSizeCompact {
  /* Header and footer have 2.5 rem */
  /* Subheader only 2 rem */
}
.sapUiSizeCompact .sapMPageWithHeader > section {
  top: 2.5rem;
}
.sapUiSizeCompact .sapMPageHeader .sapMIBar,
.sapUiSizeCompact .sapMPageFooter .sapMIBar {
  height: 2.5rem;
}
.sapUiSizeCompact .sapMPageHeader .sapMIBar .sapMBarLeft,
.sapUiSizeCompact .sapMPageFooter .sapMIBar .sapMBarLeft,
.sapUiSizeCompact .sapMPageHeader .sapMIBar .sapMBarRight,
.sapUiSizeCompact .sapMPageFooter .sapMIBar .sapMBarRight,
.sapUiSizeCompact .sapMPageHeader .sapMIBar .sapMBarPH,
.sapUiSizeCompact .sapMPageFooter .sapMIBar .sapMBarPH {
  height: 2.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.sapUiSizeCompact .sapMPageWithFooter > section {
  bottom: 2.5rem;
}
.sapUiSizeCompact .sapMPageWithSubHeader > section {
  top: 2rem;
}
.sapUiSizeCompact .sapMPageWithHeader.sapFShellBar-CTX > section {
  top: 3rem;
}
.sapUiSizeCompact .sapMPageWithHeader.sapMPageWithSubHeader.sapFShellBar-CTX > section {
  top: 5rem;
}
.sapUiSizeCompact .sapMPageWithHeader.sapMPageWithSubHeader > section {
  top: 4.5rem;
}
.sapUiSizeCompact .sapMPageWithHeader.sapMPageWithSubHeader .sapMPageSubHeader.sapMPageSubHeaderInfoBar + section {
  top: 4.5rem;
}
.sapUiSizeCompact .sapMBar-CTX .sapMBarLeft > .sapMImg.sapMPageAppIcon {
  max-height: 1rem;
  max-width: 1rem;
  margin: 0.5rem;
}
/*
	In order to skip adding that to each control we decided to move that on Popup level
	will-change property has been aded for performance improvements when having a huge scroll of the page (painting improvement)
	Usually the Popover/Dialog does not have that much of a content and the scrolling performance is good
*/
.sapMPopup-CTX .sapMPage > section.sapMPageEnableScrolling {
  will-change: unset;
}
/* =================================== */
/* CSS for control sap.m/PagingButton  */
/* Base theme                          */
/* =================================== */
.sapMPagingButton {
  display: inline-block;
}
/* ============================ */
/* CSS for control sap.m/Panel  */
/* Base theme                   */
/* ============================ */
.sapMPanel {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.sapMPanelHdr {
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  height: 3rem;
  line-height: 3rem;
  margin: 0;
  /*
	* To improve readability Mobile Safari automatically increases
	* the size of small text so let's disable this
	*/
  -webkit-text-size-adjust: none;
  font-weight: normal;
  font-size: 1.125rem;
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;
}
.sapMPanel .sapMPanelHdr,
.sapMPanel .sapMTB.sapMPanelHeaderTB {
  padding-left: 1rem;
  padding-right: 0.5rem;
}
.sapMPanel.sapMPanelExpandable .sapMPanelHdr,
.sapMPanel.sapMPanelExpandable .sapMTB.sapMPanelHeaderTB {
  padding-left: 0;
}
.sapUiSizeCompact .sapMPanel .sapMPanelHdr {
  line-height: 2rem;
  height: 2rem;
}
.sapMPanelContent {
  padding: 0.625rem 1rem 1.375rem 1rem;
  box-sizing: border-box;
  overflow: auto;
  white-space: normal;
  /* This is needed in order to remove the additional outline added by tabindex=-1*/
}
.sapMPanelContent:focus {
  outline: none;
}
.sapMPanelExpandablePart {
  clear: both;
}
.sapMPanelWrappingDiv,
.sapMPanelWrappingDivTb {
  position: relative;
  background-color: transparent;
}
.sapMPanelWrappingDiv > .sapMBtn,
.sapMPanelWrappingDivTb > .sapMBtn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.sapMPanelWrappingDiv .sapUiIcon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0.25rem;
  font-size: 1rem;
  cursor: inherit;
  color: #666666;
}
/* if Panel is expandable, we do not wish toolbar to come with own border */
.sapMPanelWrappingDivTb > .sapMTB {
  border-width: 0;
}
.sapMPanelWrappingDiv.sapMPanelWrappingDivExpanded {
  border-bottom-width: 0;
}
.sapMPanelWrappingDivTb.sapMPanelWrappingDivTbExpanded {
  border-bottom-width: 0;
}
html.sap-tablet .sapUiFioriObjectPage > section > .sapMPanel,
html.sap-desktop .sapUiFioriObjectPage > section > .sapMPanel {
  margin: 1rem 0;
  padding: 0 1rem;
  box-sizing: border-box;
}
.sapMPanel .sapMPanelWrappingDiv .sapMPanelHdr,
.sapMPanel .sapMPanelWrappingDivTb .sapMIBar.sapMTB {
  margin-left: 2.5rem;
}
.sapMPanel .sapMPanelWrappingDiv .sapMPanelHdr > :first-child,
.sapMPanel .sapMPanelWrappingDivTb .sapMIBar.sapMTB > :first-child {
  margin-left: 0;
}
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapMPanel.sapUiContentPadding > .sapMPanelContent {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMPanel.sapUiResponsiveContentPadding > .sapMPanelContent,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapMPanel.sapUiResponsiveContentPadding > .sapMPanelContent,
  .sapMPanel.sapUiResponsiveContentPadding > .sapMPanelContent {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMPanel.sapUiResponsiveContentPadding > .sapMPanelContent,
  .sapMPanel.sapUiResponsiveContentPadding > .sapMPanelContent {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMPanel.sapUiResponsiveContentPadding > .sapMPanelContent,
  .sapMPanel.sapUiResponsiveContentPadding > .sapMPanelContent {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapMPanel.sapUiResponsiveContentPadding > .sapMPanelContent {
  padding: 0;
}
.sapMSplitContainerDetail .sapMPanel.sapUiResponsiveContentPadding > .sapMPanelContent {
  padding: 1rem;
}
.sapMPanel.sapUiNoContentPadding > .sapMPanelContent {
  padding: 0;
}
.sapMPanelExpandable .sapMPanelWrappingDiv:focus {
  outline: 1px dotted #000;
  outline-offset: -0.1875rem;
}
.sapMPanelExpandable .sapMPanelWrappingDiv:hover {
  cursor: pointer;
}
.sapMPDFViewerLoading {
  visibility: hidden;
}
.sapMPDFViewerWrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.sapMPDFViewerContent {
  width: 100%;
  height: 100%;
  border: 0 none;
  outline: 0 none;
}
.sapMPDFViewerContent.sapMPDFViewerReducedContent {
  height: calc(100% - 3.5rem);
}
.sapMPDFViewerError {
  width: 100%;
  height: 100%;
}
.sapMPDFViewerError .sapMMessagePage {
  min-height: 300px;
}
.sapMPDFViewerError.sapMPDFViewerReducedContent {
  height: calc(100% - 3.5rem);
}
/* ======================================= */
/* CSS for control sap.m/PlanningCalendar  */
/* Base theme                              */
/* ======================================= */
.sapMPlanCal {
  background-color: #ffffff;
}
.sapMPlanCal > .sapMList .sapMListInfoTBar.sapMTB-Transparent-CTX.sapMTB {
  padding: 0;
}
.sapMPlanCal > .sapMList .sapMListInfoTBar.sapMTB-Transparent-CTX.sapMTB > :first-child {
  margin-left: 0;
}
.sapMPlanCalHead {
  width: 20%;
  height: 3rem;
}
.sapMPlanCalWithWeekNumbers .sapMPlanCalHead {
  height: 6rem;
}
.sapPCRelative.sapMPlanCalWithWeekNumbers .sapMPlanCalHead {
  height: 3rem;
}
.sapMPlanCalWithDayNamesLine .sapMPlanCalHead {
  height: 5rem;
}
.sapMPlanCalWithWeekNumbers.sapMPlanCalWithDayNamesLine .sapMPlanCalHead {
  height: 6rem;
}
.sapMPlanCalHead > .sapMTB.sapMIBar {
  padding-left: 0.875rem;
}
.sapUiSizeCompact .sapMPlanCal .sapUiCalNoNameLine .sapUiCalItem {
  height: 2rem;
}
.sapUiSizeCompact .sapMPlanCal .sapUiCalOneMonthDatesRow.sapUiCalNoNameLine .sapUiCalItem {
  height: 3rem;
}
.sapUiSizeCompact .sapMPlanCalHead {
  height: 2rem;
}
.sapUiSizeCompact .sapMPlanCalWithWeekNumbers .sapMPlanCalHead,
.sapUiSizeCompact .sapMPlanCalWithDayNamesLine .sapMPlanCalHead {
  height: 3rem;
}
.sapUiSizeCompact .sapMPlanCalWithWeekNumbers.sapMPlanCalWithDayNamesLine .sapMPlanCalHead {
  height: 6rem;
}
.sapUiSizeCompact .sapMPlanCal .sapUiCalNoNameLine .sapUiCalItem > .sapUiCalItemText {
  padding-top: 0;
  padding-left: 53%;
  line-height: inherit;
  text-align: start;
}
.sapUiSizeCompact .sapMPlanCal .sapUiCalOneMonthDatesRow.sapUiCalNoNameLine .sapUiCalItem > .sapUiCalItemText {
  padding-top: 1rem;
  padding-left: 0;
  text-align: center;
}
.sapUiSizeCompact .sapMPlanCal .sapUiCalItemNow > .sapUiCalItemText,
.sapUiSizeCompact .sapMPlanCal .sapUiCalNoNameLine .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText,
.sapUiSizeCompact .sapMPlanCal.sapUiCalNoNameLine .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText,
.sapUiSizeCompact .sapMPlanCal .sapUiCalNoNameLine .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText {
  line-height: 1.725rem;
}
.sapUiSizeCompact .sapMPlanCal .sapUiCalNoNameLine .sapUiCalItem > .sapUiCalDayName {
  left: 0;
  height: 100%;
  width: 53%;
  line-height: inherit;
  padding-top: 0;
  padding-right: 0.25rem;
  text-align: end;
  box-sizing: border-box;
}
.sapUiSizeCompact .sapMPlanCal .sapUiCalOneMonthDatesRow.sapUiCalNoNameLine .sapUiCalItem > .sapUiCalDayName {
  left: 0;
  height: 100%;
  width: 100%;
  line-height: inherit;
  padding-top: 0;
  padding-right: 0;
  text-align: center;
  box-sizing: border-box;
}
.sapUiSizeCompact .sapMPlanCal .sapMLIB.sapMLIBShowSeparator.sapMSLI {
  height: auto;
}
.sapMPlanCal > .sapMList .sapMPlanCalRowHead > .sapMLIB,
.sapMPlanCal > .sapMList .sapMPlanCalAppRow > .sapUiCalendarRow,
.sapMPlanCal > .sapMList .sapMPlanCalAppRow > div > .sapUiCalendarRow {
  background-color: transparent;
  display: block;
  border: none;
}
/* if Head is displayed next to CalendarRow, use head size as minimum */
.sapMPlanCal:not(.sapMPlanCalNoHead) > .sapMList > table > tbody > tr > td > .sapUiCalendarRow:not(.sapMPlanCalRowLarge) > .sapUiCalendarRowApps {
  min-height: 4rem;
}
/* if Head has 2 lines, CalendarRow must be large */
.sapMPlanCal:not(.sapMPlanCalNoHead) > .sapMList > table > tbody > tr > td > .sapUiCalendarRow.sapMPlanCalRowLarge > .sapUiCalendarRowApps {
  min-height: 4rem;
}
.sapMPlanCalHead > .sapMTB {
  border-bottom: none;
}
.sapMPlanCalHead > .sapMTB > .sapMSlt {
  -webkit-flex-grow: 1;
  -webkit-box-flex: 1;
  flex: auto;
  /* to make the select as big as possible */
}
.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapMBarChild.sapUiCalRow {
  width: 80%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapMBarChild.sapMPlanCalHead {
  margin-right: 0;
}
.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapUiCalRow {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapUiCalRow > .sapUiCalContent > .sapUiCalContentOver {
  bottom: 0;
}
.sapMPlanCal > .sapMList .sapMListTblCell.sapMPlanCalRowHead,
.sapMPlanCal > .sapMList .sapMListTblCell.sapMPlanCalAppRow {
  padding: 0;
}
/* Responsiveness */
.sapMPlanCal > .sapMList > table > tbody > tr > td > .sapMListTblSubCnt,
.sapMPlanCal > .sapMList > table > tbody > .sapMListTblSubRow > td {
  padding: 0;
}
.sapMPlanCal .sapMListTblSubCntRow {
  display: block;
}
.sapMPlanCal > .sapMList > table > tbody > tr > td > .sapMListTblSubCnt > .sapMListTblSubCntRow > .sapMListTblSubCntVal {
  margin: 0;
}
.sapMPlanCal .sapMSticky > .sapMTB-Transparent-CTX,
.sapMPlanCal .sapMSticky > .sapMListInfoTBarContainer {
  background-color: #ffffff;
}
.sapMPlanCal.sapMPlanCalNoHead > .sapMList .sapMListInfoTBar,
.sapMSize0.sapMPlanCal > .sapMList .sapMListInfoTBar,
.sapMSize1.sapMPlanCal > .sapMList .sapMListInfoTBar {
  display: block;
}
.sapMSize0.sapMPlanCal.sapPCRelative > .sapMList .sapMListInfoTBar,
.sapMSize1.sapMPlanCal.sapPCRelative > .sapMList .sapMListInfoTBar {
  display: flex;
}
.sapMPlanCal.sapMPlanCalNoHead > .sapMList .sapMListInfoTBar > .sapMPlanCalHead,
.sapMPlanCal.sapMPlanCalNoHead > .sapMList .sapMListInfoTBar > .sapUiCalRow,
.sapMSize0.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapMPlanCalHead,
.sapMSize0.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapUiCalRow,
.sapMSize1.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapMPlanCalHead,
.sapMSize1.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapUiCalRow {
  width: 100%;
}
.sapMSize0.sapMPlanCal.sapPCRelative > .sapMList .sapMListInfoTBar > .sapMPlanCalHead,
.sapMSize1.sapMPlanCal.sapPCRelative > .sapMList .sapMListInfoTBar > .sapMPlanCalHead {
  width: 20%;
}
.sapMSize0.sapMPlanCal.sapPCRelative > .sapMList .sapMListInfoTBar > .sapUiCalRow,
.sapMSize1.sapMPlanCal.sapPCRelative > .sapMList .sapMListInfoTBar > .sapUiCalRow {
  width: 80%;
}
.sapMPlanCal.sapMPlanCalNoHead > .sapMList .sapMListInfoTBar > .sapMPlanCalHead,
.sapMSize0.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapMPlanCalHead,
.sapMSize1.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapMPlanCalHead {
  height: auto;
}
.sapMPlanCal.sapMPlanCalNoHead.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapUiCalRow {
  width: calc(100% - 3rem);
}
.sapMPlanCal.sapMPlanCalNoHead.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapMCb {
  width: 3rem;
  margin: 0;
  vertical-align: bottom;
}
.sapMPlanCal.sapMPlanCalNoHead.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapMCb > .sapMCbLabel {
  visibility: hidden;
}
.sapUiSizeCompact .sapMPlanCal.sapMPlanCalNoHead.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapMCb {
  width: 2.25rem;
  margin-left: 0.25rem;
}
.sapMSize0.sapMPlanCal.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapMCb,
.sapMSize1.sapMPlanCal.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapMCb {
  width: auto;
  margin-left: 0;
}
.sapMSize0.sapMPlanCal.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapMCb > .sapMCbLabel,
.sapMSize1.sapMPlanCal.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapMCb > .sapMCbLabel {
  visibility: visible;
}
.sapMSize0.sapMPlanCal.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapUiCalRow,
.sapMSize1.sapMPlanCal.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapUiCalRow {
  width: 100%;
  display: block;
}
.sapMPlanCal .sapMListBGTransparent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover),
.sapMPlanCal .sapMListBGTranslucent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover),
.sapMPlanCal .sapMListBGSolid .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover) {
  background: transparent;
}
.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
  font-size: 1.375rem;
  height: 3rem;
  width: 3rem;
  line-height: 3rem;
  margin: 0 0.75rem 0 0;
}
.sapMPlanCal .sapMPlanCalRowHead .sapMLIBContent {
  position: relative;
}
.sapMPlanCal .sapMPlanCalRowHead :not(li) .sapMLIBContent {
  padding: 0.5rem 0;
}
.sapMPlanCal .sapMPlanCalRowHead .sapMSLIImg {
  max-width: 3rem;
  max-height: 3rem;
  width: auto;
  height: auto;
  margin: 0;
}
.sapMPlanCal .sapMPlanCalRowHead .sapMSLIDiv .sapMSLITitleOnly,
.sapMPlanCal .sapMPlanCalRowHead .sapMSLIDiv .sapMSLITitle {
  white-space: normal;
}
.sapMPlanCal .sapMPlanCalRowHead .sapMSLIThumbnail:not(.sapMSLIWrapping) > .sapMLIBContent > .sapMSLIDiv,
.sapMPlanCal .sapMPlanCalRowHead .sapMSLIImgIcon + .sapMSLIDiv {
  box-sizing: border-box;
  position: absolute;
  padding-left: calc(3rem + 0.75rem);
  width: 100%;
}
.sapMPlanCal .sapMPlanCalRowHead .sapMCLI .sapMObjLItem {
  display: revert;
  padding: 0;
  border-bottom: 0;
}
.sapMPlanCal .sapUiCalTimesRow,
.sapMPlanCal .sapUiCalDatesRow,
.sapMPlanCal .sapUiCalMonthsRow {
  flex: 1;
}
.sapMPlanCal .sapUiCalendarAppArrowIconLeft,
.sapMPlanCal .sapUiCalendarAppArrowIconRight,
.sapMPlanCal .sapUiCalendarRowAppsIntHeadIcon {
  position: relative;
}
.sapMPlanCal .sapUiCalendarAppContainer {
  display: flex;
  align-items: center;
}
.sapMPlanCal .sapUiCalendarAppContainerRight {
  flex: 1;
}
.sapMPlanCal .sapUiCalHead {
  display: flex;
  justify-content: center;
}
.sapMPlanCal .sapUiCalHead .sapUiCalHeadPrev,
.sapMPlanCal .sapUiCalHead .sapUiCalHeadNext {
  position: static;
}
.sapUiCalAppResizeGhost {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 1px;
  visibility: hidden;
  opacity: 0.01;
}
.sapUiDnDIndicatorHide {
  display: none !important;
}
.sapMPCSticky .sapMPCHead {
  top: 0;
}
.sapMPlanCal .sapUiCalMonthView .sapUiCalWeekNum {
  text-align: center;
}
.sapMPlanCal .sapMListTblCell.sapMPlanCalRowHead {
  vertical-align: top;
}
.sapMPlanCal .sapMIBar.sapMTB .sapMBarChild ~ .sapUiCalMonthView.sapMBarChild {
  margin: 0;
}
.sapMPCHead .sapMPCHeadActionsToolbar,
.sapMPCHead .sapMPCHeadNavToolbar {
  padding-left: 1rem;
  background-color: #ffffff;
}
.sapMPCHead .sapMPCHeadNavToolbar {
  border-bottom: none;
  flex-wrap: wrap;
  white-space: normal;
  min-height: 3rem;
}
.sapMPCHead .sapMPCHeadNavToolbar.sapMIBar {
  height: auto;
}
.sapUiSizeCompact .sapMPCHead .sapMPCHeadActionsToolbar {
  min-height: 3rem;
}
.sapUiSizeCompact .sapMPCHead .sapMPCHeadNavToolbar {
  min-height: 2rem;
}
.sapMIBar.sapMTB .sapMBarChild.sapUiCalMonthView {
  margin-left: 0;
}
/* ============================================= */
/* CSS for control sap.m/PlanningCalendarLegend  */
/* Base theme                                    */
/* ============================================= */
.sapMPlanCalLegend.sapUiUnifiedLegend hr {
  border-color: #e5e5e5;
}
.sapMPlanCalLegend .sapUiUnifiedLegendSquareColor.sapMPlanCalLegendAppCircle {
  border-radius: 1rem;
}
.sapMPlanCalLegendHeader {
  color: #333333;
  font-size: 0.875rem;
  padding-top: 0.5rem;
}
/* ============================== */
/* CSS for control sap.m/Popover  */
/* Base theme                     */
/* ============================== */
/* Forces the usage of compact arrow offset, because belize uses a compact arrow for all content densities. */
/* Buffer width for the scroll bar */
/* shared mixin for arrow shadow*/
.sapMPopover .sapContrastPlus.sapMBar,
.sapMPopover .sapContrastPlus .sapMBar,
.sapMPopover .sapContrast.sapMBar,
.sapMPopover .sapContrast .sapMBar {
  box-shadow: none;
}
.sapMPopover.sapMPopoverVerticalScrollIncluded .sapMPopoverScroll {
  width: calc(100% + 20px);
}
html[data-sap-ui-browser^="sf"] .sapMPopover.sapMPopoverVerticalScrollIncluded .sapMDialogSection {
  /* For Safari - allow the vertical scroll bar to overlap the right padding which we use to compensate for its width. This happens by default for other browsers. */
  overflow-y: overlay !important;
}
.sapMPopover .sapMIBar.sapMFooter-CTX,
.sapMPopover.sapMPopoverWithoutFooter .sapMPopoverCont {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.sapMPopover .sapMPopoverCont {
  box-sizing: border-box;
}
.sapMPopover .sapMIBar.sapMHeader-CTX {
  background-color: #ffffff;
  box-shadow: inset 0 -1px #dddddd;
}
.sapMPopover .sapMIBar.sapMSubHeader-CTX {
  background-color: #ffffff;
}
.sapMPopover.sapMPopoverWithoutBar .sapMPopoverCont,
.sapMPopover .sapMIBar.sapMHeader-CTX {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.sapMPopover {
  position: absolute;
  color: #000;
  min-width: 6.25rem;
  box-sizing: border-box;
  outline: none;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  background: #ffffff;
  border: none;
  box-shadow: 0 0.375rem 0.75rem 0 rgba(0, 0, 0, 0.3), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  min-height: 2rem;
}
html[data-sap-ui-animation='on'] .sapMPopover {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.sapMPopoverHeader .sapMTitle {
  font-size: 1rem;
}
.sapMPopover .sapMPopoverCont {
  overflow: hidden;
  position: relative;
  /* set margin to every side */
  margin: 0.4375em;
  background-color: #ffffff;
}
.sapMPopover .sapMPopoverScroll {
  /* 	width: 100%;  when set width to 100%, the horizontal scrolling will be disabled and this is done in the end of setArrowPosition method*/
  display: inline-block;
  vertical-align: middle;
  min-width: 100%;
  box-sizing: border-box;
}
.sapMPopover.sapUiPopupWithPadding .sapMPopoverScroll {
  padding: 1rem;
}
/* disable scrolling automatically for sap.m.Page sap.m.NavContainer sap.m.ScrollingContainer inside Popover */
.sapMPopoverVerScrollDisabled .sapMPopoverScroll {
  max-height: inherit;
  height: 100%;
}
/* disable scrolling automatically for sap.m.Page sap.m.NavContainer sap.m.ScrollingContainer inside Popover */
.sapMPopoverHorScrollDisabled .sapMPopoverScroll {
  display: block;
}
.sapMPopoverCont:focus {
  outline: none;
}
.sapMPopover.sapMPopoverTransparent {
  opacity: 0;
}
.sapMPopover.sapMPopoverOpaque {
  opacity: 1;
}
/* disable margin according to the header and footer availability */
.sapMPopoverWithBar.sapMPopoverWithFooter > .sapMPopoverCont {
  margin-bottom: 0;
  margin-top: 0;
}
/* disable margin according to the header and footer availability */
.sapMPopoverWithoutBar.sapMPopoverWithFooter > .sapMPopoverCont {
  margin-bottom: 0;
}
/* disable margin according to the header and footer availability */
.sapMPopoverWithBar.sapMPopoverWithoutFooter > .sapMPopoverCont {
  margin-top: 0;
}
.sapMPopoverWithoutBar.sapMPopoverNav > .sapMPopoverCont,
.sapMPopoverWithoutBar.sapMPopoverPage > .sapMPopoverCont,
.sapMActionSheetPopover > .sapMPopoverCont {
  margin: 0;
  background-color: transparent;
}
.sapMPopoverHeader > .sapMBar,
.sapMPopoverSubHeader > .sapMBar,
.sapMPopoverFooter > .sapMBar {
  width: auto;
}
.sapMPopoverWithoutBar.sapMPopoverNav .sapMPopoverCont .sapMPage {
  background-color: transparent;
}
.sapMPopover > .sapMPopoverCont .sapMPage > section {
  box-sizing: border-box;
  width: auto;
}
.sapMPopoverWithoutBar .sapMPage .sapMPopoverHeader,
.sapMPopoverWithoutBar .sapMPage .sapMPopoverSubHeader,
.sapMPopoverWithoutBar .sapMPage .sapMPopoverFooter {
  position: absolute;
}
.sapMPopoverHiddenFocusable {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.sapMPopoverArr {
  pointer-events: none;
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  overflow: hidden;
}
.sapMPopoverArr:after {
  content: " ";
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  background-color: #ffffff;
  transform: rotate(-45deg);
}
html[data-sap-ui-browser^="sf"] .sapMPopover {
  -webkit-transform: scale(1) translateZ(0px);
}
.sapMPopoverWithFooter .sapMPopoverArrDown:after {
  background-color: rgba(54, 62, 67, 0.96);
}
/* pointing upward arrow */
.sapMPopoverArrUp {
  /* offset */
  left: 20px;
  /* position */
  top: -0.5rem;
  height: 0.5625rem;
}
.sapMPopoverArrUp:after {
  margin: 0.1875rem 0 0 0.1875rem;
  box-shadow: -0.375rem 0.375rem 0.75rem 0 rgba(0, 0, 0, 0.3), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
/* pointing right arrow */
.sapMPopoverArrRight {
  /* offset */
  top: 1rem;
  /* position */
  right: -0.5625rem;
  width: 0.5625rem;
}
.sapMPopoverArrRight:after {
  margin: 0.1875rem 0 0 -0.375rem;
  box-shadow: -0.375rem -0.375rem 0.75rem 0 rgba(0, 0, 0, 0.3), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
/* pointing downward arrow */
.sapMPopoverArrDown {
  /* offset */
  left: 1rem;
  /* position */
  height: 0.5625rem;
}
.sapMPopoverArrDown:after {
  margin: -0.375rem 0 0 0.125rem;
  box-shadow: 0.375rem -0.375rem 0.75rem 0 rgba(0, 0, 0, 0.3), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
/* pointing left arrow */
.sapMPopoverArrLeft {
  /* position */
  left: -0.5625rem;
  top: -2rem;
  width: 0.5625rem;
  height: 1rem;
}
.sapMPopoverArrLeft:after {
  margin: 0.125rem 0 0 0.25rem;
  box-shadow: 0.375rem 0.375rem 0.75rem 0 rgba(0, 0, 0, 0.3), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
.sapMPopover.sapUiSizeCompact .sapMPopoverArrLeft:before,
.sapMPopover.sapUiSizeCompact .sapMPopoverArrRight:before {
  margin-top: -0.5rem;
  margin-left: 0.25rem;
  width: 1rem;
  height: 1rem;
}
.sapMPopover.sapUiSizeCompact .sapMPopoverArrRight:before {
  margin-left: -1.25rem;
}
.sapMPopover.sapUiSizeCompact .sapMPopoverArrUp:before,
.sapMPopover.sapUiSizeCompact .sapMPopoverArrDown:before {
  width: 1rem;
  height: 1rem;
  margin-left: -0.5rem;
}
.sapMPopover.sapUiSizeCompact .sapMPopoverArrDown:before {
  margin-top: -1.25rem;
}
.sapMPopover .sapUiRespGrid {
  width: 100%;
}
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapMPopover.sapUiContentPadding > .sapMPopoverCont > .sapMPopoverScroll {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMPopover.sapUiResponsiveContentPadding > .sapMPopoverCont > .sapMPopoverScroll,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapMPopover.sapUiResponsiveContentPadding > .sapMPopoverCont > .sapMPopoverScroll,
  .sapMPopover.sapUiResponsiveContentPadding > .sapMPopoverCont > .sapMPopoverScroll {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMPopover.sapUiResponsiveContentPadding > .sapMPopoverCont > .sapMPopoverScroll,
  .sapMPopover.sapUiResponsiveContentPadding > .sapMPopoverCont > .sapMPopoverScroll {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMPopover.sapUiResponsiveContentPadding > .sapMPopoverCont > .sapMPopoverScroll,
  .sapMPopover.sapUiResponsiveContentPadding > .sapMPopoverCont > .sapMPopoverScroll {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapMPopover.sapUiResponsiveContentPadding > .sapMPopoverCont > .sapMPopoverScroll {
  padding: 0;
}
.sapMSplitContainerDetail .sapMPopover.sapUiResponsiveContentPadding > .sapMPopoverCont > .sapMPopoverScroll {
  padding: 1rem;
}
.sapMPopover.sapUiNoContentPadding > .sapMPopoverCont > .sapMPopoverScroll {
  padding: 0;
}
.sapMPopoverResizeHandle {
  transform: rotate(270deg);
  position: absolute;
  top: -10px;
  right: -2px;
  cursor: ne-resize;
  z-index: 2;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.sapMPopoverResizing,
.sapMPopoverResizing * {
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}
.sapMPopover .sapMPopoverCont {
  background-color: #ffffff;
  margin: 0;
}
/* padding for title in header is removed because of ticket 0120031469 0004432742 2013*/
.sapMPopoverHeader .sapMBarMiddle > .sapMBarPH {
  box-sizing: border-box;
}
.sapMPopoverHeader .sapMBarMiddle > .sapMBarPH > .sapMLabel {
  display: inline-block;
}
/*for only two buttons in footer's contentMiddle aggregation*/
.sapMPopoverSpecialFooter .sapMBarMiddle {
  display: block;
  height: 100%;
  box-sizing: border-box;
}
.sapMPopoverSpecialFooter .sapMBarMiddle > .sapMBarPH {
  display: block;
  padding: 0;
}
.sapMPopoverSpecialFooter .sapMBarLeft,
.sapMPopoverSpecialFooter .sapMBarRight {
  display: none;
}
.sapMPopoverSpecialFooter .sapMBarMiddle > .sapMBarPH > .sapMBtn {
  width: 50%;
  padding-left: 0.25rem;
}
.sapMPopoverSpecialFooter .sapMBarMiddle > .sapMBarPH .sapMBtn:last-child {
  margin-left: 0;
}
.sapMPopoverSpecialFooter .sapMBarMiddle > .sapMBarPH .sapMBtn:first-child {
  padding-right: 0.25rem;
  padding-left: 0;
}
.sapMPopoverVerticalScrollIncluded .sapMPopoverCont {
  padding-right: 20px;
}
/* ======================================== */
/* CSS for control sap.m/ProgressIndicator  */
/* Base theme                               */
/* ======================================== */
.sapMPI {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  box-sizing: border-box;
  outline: none;
  background: #ffffff;
  width: 100%;
  height: 1.5rem;
  min-width: 6rem;
  min-height: 1rem;
  padding: 0;
  margin: 0.75rem 0;
  border: none;
  border-radius: 0.5rem;
  overflow: hidden;
}
.sapMPI.sapMPIHoverable:hover {
  cursor: pointer;
}
.sapMPIPopover {
  min-height: 1.375rem;
  /* Additional touch area for the close icon/button required by ACC standards*/
}
.sapMPIPopover .sapMPopoverScroll {
  padding-left: 0.5rem;
  display: flex !important;
  justify-content: space-between;
}
.sapMPIPopover .sapMText {
  align-self: center;
  margin: 0.25rem 0;
  word-break: break-all;
}
.sapMPIPopover .sapUiIcon {
  width: 1.4375rem;
  height: 1.375rem;
  line-height: 1.375rem;
  font-size: 0.6em;
  color: #666666;
  flex-shrink: 0;
  margin: 0.125rem;
}
.sapMPIPopover .sapUiIcon:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1.6875rem;
  height: 1.625rem;
}
.sapMPIBar,
.sapMPIBarRemaining {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  min-width: 0;
  -webkit-align-items: center;
  align-items: center;
}
.sapMPIBar {
  height: 100%;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.sapMPIValueMax .sapMPIBarRemaining {
  display: none;
}
.sapMPIBarRemaining {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}
.sapMPIBarDisabled {
  opacity: 0.5;
}
.sapMPI.sapMPIDisplayOnly {
  height: 1rem;
  min-width: 4rem;
  margin: 0;
}
.sapMPIText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #000;
}
.sapMPIDisplayOnly .sapMPIText {
  color: #000;
  font-size: 0.6875rem;
}
.sapMPITextLeft {
  color: #fff;
  padding-right: 0.5rem;
  display: none;
}
.sapMPITextRight {
  padding-left: 0.5rem;
}
.sapMPIValueGreaterHalf .sapMPITextRight {
  display: none;
}
.sapMPIValueGreaterHalf .sapMPITextLeft {
  display: inline-block;
}
.sapMPIAnimate .sapMPIText {
  display: none;
}
/* Progress Indicator Bar */
.sapMPIValueMax .sapMPIBar {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.sapMPIValueNormal .sapMPIBar {
  max-width: calc(100% - 0.5rem);
  min-width: 0.5rem;
}
.sapMPIBarNeutral {
  background: #007cc0;
}
.sapMPIBarPositive {
  background: #007833;
}
.sapMPIBarNegative {
  background: #cc1919;
}
.sapMPIBarCritical {
  background: #d14900;
}
.sapMPIBarInformation {
  background: #007cc0;
}
.sapMPIDisplayOnly:not(.sapMPIBarDisabled) .sapMPIBarNeutral {
  background: #000;
}
/* Progress Indicator Remaining Bar */
.sapMPIValueMin .sapMPIBarRemaining {
  border-radius: 0.5rem;
  border: 1px solid #bfbfbf;
}
/* Progress Indicator Value Text */
.sapMPIBarNeutral .sapMPIText.sapMPITextLeft {
  color: #fff;
}
.sapMPIBarPositive .sapMPIText.sapMPITextLeft {
  color: #fff;
}
.sapMPIBarNegative .sapMPIText.sapMPITextLeft {
  color: #fff;
}
.sapMPIBarCritical .sapMPIText.sapMPITextLeft {
  color: #fff;
}
.sapMPIBarInformation .sapMPIText.sapMPITextLeft {
  color: #fff;
}
.sapMPIBarInformation.sapMPIDisplayOnly .sapMPIText.sapMPITextLeft {
  color: #fff;
}
/* Compact */
.sapUiSizeCompact .sapMPI:not(.sapMPIDisplayOnly) {
  height: 1.125rem;
  margin: 0.4375rem 0;
}
/* Condensed */
.sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
  height: 1.125rem;
  margin: 0;
}
/* ==================================== */
/* CSS for control sap.m/PullToRefresh  */
/* Base theme                           */
/* ==================================== */
.sapMPullDown {
  position: relative;
  padding: 0.6rem 1rem 0;
  font-size: 0.875rem;
  overflow: hidden;
  cursor: pointer;
  color: #666666;
  background-color: #ffffff;
}
.sapMPullDownNontouch {
  min-height: 2rem;
  padding-bottom: 0.1875rem;
  padding-left: 0.8125rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sapMPullDownNontouch:focus {
  outline: 0.0625rem dotted #000;
  outline-offset: -0.1875rem;
}
.sapMPullDownTouch {
  min-height: 3rem;
  border-bottom: 1px solid #dddddd;
}
/* make place for the busy indicator */
.sapMPullDownTouch.sapMLoading:not(.sapMPullDownLogo) {
  padding-left: 4rem;
}
.sapMPullDownTouch.sapMPullDownLogo {
  padding-top: 4.125rem;
  height: 3.25rem;
  line-height: 3.75rem;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center 1rem;
  background-size: 5.5rem 2.75rem;
}
.sapMPullDownCI {
  display: block;
  width: 100%;
  height: 3.125rem;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
.sapMPullDownCIImg {
  max-height: 3.125rem;
}
/* Text */
.sapMPullDownTouch > .sapMPullDownText {
  font-weight: normal;
  font-size: 0.875rem;
  color: #333333;
}
.sapMPullDownTouch > .sapMPullDownText,
.sapMPullDownTouch > .sapMPullDownInfo {
  width: 100%;
  display: block;
  text-align: center;
  line-height: 1.3rem;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}
.sapMPullDownNontouch > .sapMPullDownText {
  margin: 0 0.5rem;
  text-transform: uppercase;
  vertical-align: middle;
}
.sapMPullDownInfo {
  vertical-align: middle;
  font-size: 0.75rem;
  color: #666666;
}
.sapMPullDownNontouch > .sapMPullDownIcon {
  /* circle arrows */
  vertical-align: middle;
}
.sapMPullDownNontouch > .sapMPullDownIcon::before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.125rem;
  content: '\e010';
}
/* Icon */
.sapMPullDown > .sapMPullDownIcon::before {
  display: inline-block;
  font-family: SAP-icons;
  speak: none;
  float: left;
}
.sapMPullDown.sapMLoading .sapMPullDownIcon::before {
  visibility: hidden;
}
.sapMPullDownTouch > .sapMPullDownIcon {
  position: absolute;
  left: 1rem;
  line-height: 1rem;
  bottom: 1.5rem;
}
.sapMPullDownTouch > .sapMPullDownIcon::before {
  /* animated arrow */
  font-size: 2em;
  color: #44a12c;
  content: '\e089';
  -webkit-transform-origin: center center;
  -webkit-transition-duration: 250ms;
  -webkit-transition-property: -webkit-transform;
  transfrom-origin: center center;
  transition-duration: 250ms;
  transition-property: transform;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.sapMPullDownTouch.sapMFlip .sapMPullDownIcon::before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
/* BusyIndicator */
.sapMPullDown .sapMPullDownBusy {
  display: none;
  position: absolute;
  left: 1rem;
  line-height: 1rem;
  bottom: 1rem;
}
.sapMPullDownNontouch .sapMPullDownBusy {
  bottom: 0.5rem;
}
.sapMPullDown.sapMLoading .sapMPullDownBusy {
  display: block;
}
/* ================================ */
/* CSS for control sap.m/QuickView  */
/* Base theme                       */
/* ================================ */
.sapMQuickView .sapMNav,
.sapMQuickViewCard .sapMNav {
  white-space: nowrap;
}
.sapMQuickViewCard .sapUiHLayoutChildWrapper a {
  margin-right: 1px;
}
.sapMQuickViewCard.sapMQuickViewCardNoScroll {
  height: 100%;
}
.sapMQuickViewPage .sapUiHLayout.sapUiHLayoutNoWrap .sapUiHLayoutChildWrapper {
  max-width: 100%;
}
.sapMQuickViewPage.sapMNavItem {
  vertical-align: top;
  display: inline-block;
}
.sapMQuickViewPage.sapMNavItem.sapMNavItemHidden {
  display: none;
}
.sapMQuickViewPage.sapMNavItem.sapMNavItemOffset {
  left: -100%;
}
.sapMQuickViewCard .sapMQuickViewPage.sapMNavItem {
  width: 100% !important;
}
html.sap-desktop .sapMQuickViewPage .sapUiForm .sapUiFormResGrid > div,
html.sap-tablet .sapMQuickViewPage .sapUiForm .sapUiFormResGrid > div {
  padding: 0;
  margin: 0;
}
.sapMQuickView.sapMPopover .sapMQuickViewPage.sapMScrollContScroll,
.sapMQuickView.sapMPopover .sapMQuickViewPage.sapMPage {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  padding-top: 3rem;
}
.sapMQuickView.sapMPopover .sapMQuickViewPage.sapMScrollContScroll,
.sapMQuickView.sapMPopover .sapMQuickViewPage.sapMPage.sapMQuickViewPageWithoutHeader,
.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewPage.sapMScrollContScroll,
.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewPage.sapMPage.sapMQuickViewPageWithoutHeader {
  padding-top: 0;
}
.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewPage.sapMScrollContScroll,
.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewPage.sapMPage {
  padding-top: 2.5rem;
}
html.sap-phone .sapMQuickViewPage.sapMNavItem.sapMPage {
  position: relative;
}
html.sap-desktop .sapMQuickViewPage.sapMPage > header,
html.sap-tablet .sapMQuickViewPage.sapMPage > header {
  position: absolute;
  height: 3rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 16px;
}
.sapUiSizeCompact .sapMQuickView.sapMPopover header.sapMBar {
  height: 2.5rem;
}
.sapMQuickViewPage.sapMPage > header .sapMBarRight .sapUiIcon {
  font-size: 1rem;
}
html.sap-desktop .sapMQuickViewPage > section,
html.sap-tablet .sapMQuickViewPage > section {
  position: static;
  height: 100%;
  padding: 1rem;
}
.sapMQuickViewCard .sapMQuickViewPage {
  padding: 0;
  box-sizing: border-box;
}
.sapMQuickViewPage .sapUiFormResGridCont > div {
  padding: 0;
}
.sapMQuickViewPage .sapUiVlt .sapMText {
  font-weight: normal;
}
.sapMQuickViewPage .sapUiFormResGrid.sapUiFormBackgrTranslucent > div {
  background-color: transparent;
}
.sapMQuickViewPage .sapUiSimpleForm .sapMTitle {
  margin-top: 1rem;
}
.sapMQuickViewPage .sapMFlexItem:first-child {
  width: 70%;
  display: inline-block;
}
.sapMQuickViewPage .sapMFlexItem:last-child {
  width: 30%;
  display: inline-block;
  font-family: SAP-icons;
  min-width: 3rem;
  text-align: right;
  left: -1px;
}
.sapMQuickViewPage .sapMQuickViewThumbnail {
  display: block;
  margin-right: 0.75rem;
}
.sapMQuickViewPage .sapUiHLayout {
  margin-bottom: 2rem;
}
.sapMQuickViewPage .sapUiHLayout,
.sapMQuickViewPage .sapUiVlt {
  display: block;
}
.sapMQuickViewCard .sapUiHLayoutChildWrapper:only-child {
  width: 100%;
}
html.sap-phone .sapMQuickViewPage .sapUiHLayout {
  margin: 1rem 0 0 0.75rem;
}
.sapMQuickViewPage .sapUiHLayoutChildWrapper + .sapUiHLayoutChildWrapper:last-child {
  width: calc(100% - 3.75rem);
}
.sapMQuickViewPage .sapUiVltCell {
  display: -webkit-box;
  display: flex;
}
.sapMQuickViewPage .sapUiVltCell:first-child {
  max-height: 2.25rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
.sapMQuickViewPage .sapUiVltCell + .sapUiVltCell span {
  width: 100%;
  line-height: 1.4rem;
  max-height: 2.8rem;
  overflow: hidden;
}
.sapMQuickViewPage .sapUiSimpleForm .sapUiIcon {
  width: 100%;
  text-align: right;
  outline: none;
}
.sapMQuickViewPage .sapUiSimpleForm .sapUiIcon:before {
  margin-right: 3px;
}
.sapMQuickViewPage div[class*="sapUiRespGrid"] > div[class*="sapUiRespGridSpan"] {
  overflow: visible;
}
.sapMQuickViewPage .sapMIBar-CTX .sapMTitle {
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
html.sap-desktop .sapMQuickViewHeader,
html.sap-tablet .sapMQuickViewHeader {
  font-size: 1rem;
}
.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewTitle {
  font-size: 0.875rem;
}
.sapMQuickViewPage h3,
.sapMQuickViewPage .sapUiForm .sapUiFormTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  color: #333333;
  padding-left: 0;
}
.sapMQuickViewPage .sapUiVltCell .sapMLnk {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  white-space: normal;
  color: #44a12c;
}
.sapMQuickViewPage .sapUiVltCell .sapMLnk:active {
  color: #44a12c;
}
.sapMQuickViewPage .sapUiVltCell .sapMLnk:visited {
  color: #44a12c;
}
.sapMQuickViewPage .sapUiVltCell .sapMLnkhover:not(.sapMLnkDsbl) {
  color: #44a12c;
}
.sapMQuickViewPage .sapUiHLayout h3 span {
  white-space: normal;
}
.sapMQuickViewPage .sapUiVlt .sapMText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  color: #666666;
}
.sapMQuickViewPage .sapMFlexItem:last-child {
  color: #666666;
}
.sapMQuickViewPage .sapUiIcon:focus,
html.sap-phone .sapMQuickViewPage .sapMLnk:focus {
  outline: none;
}
html.sap-phone .sapMPanel .sapMQuickViewCard {
  overflow-y: scroll;
}
html.sap-tablet.sap-ios .sapMPanel .sapMQuickViewCard {
  -webkit-overflow-scrolling: auto;
}
.sapMQuickViewPage .sapMPageEnableScrolling {
  outline: none;
}
/* Compact size */
.sapUiSizeCompact .sapMQuickViewPage.sapMPage > header.sapMPageHeader {
  height: 2.5rem;
}
/* ================================== */
/* CSS for control sap.m/RadioButton  */
/* Base theme                         */
/* ================================== */
.sapMRb {
  height: 3rem;
  float: left;
  clear: left;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  white-space: nowrap;
  max-width: 100%;
  display: flex;
}
.sapMRb > .sapMRbBLabel {
  padding-right: 0.125rem;
}
.sapMILI-CTX .sapMRb {
  float: right;
}
.sapMListTblCell > .sapMRb {
  float: inherit;
  display: inline-block;
  vertical-align: top;
}
.sapMRb .sapMRbB {
  height: 3rem;
  width: 3rem;
  display: inline-block;
  font-size: 1rem;
  /* override font size of the message dialog */
}
.sapMRb .sapMRbB:focus {
  outline: none;
}
.sapMRb .sapMRbB .sapMRbBOut {
  height: 100%;
  width: 100%;
  transform: translate(50%, 50%);
  margin: 0.825rem;
  padding: 1px;
  /* using padding here so that margin won't collide */
  stroke: #bfbfbf;
  fill: #ffffff;
}
.sapMRbSvg {
  height: 1.375rem;
  width: 1.375rem;
  margin: 0.825rem;
  overflow: visible;
}
.sapMRbBLabel {
  vertical-align: top;
  height: 3rem;
  line-height: 3rem;
  cursor: default;
}
.sapMRb:hover,
.sapMRbBLabel:hover {
  cursor: pointer;
}
.sapMRbB input {
  margin: 0;
  /* FF puts margin */
  -webkit-appearance: none;
  visibility: hidden;
}
.sapMRb:focus:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.625rem;
  bottom: 0.625rem;
  left: 0.625rem;
  right: 0.6875rem;
  pointer-events: none;
}
.sapMRbB .sapMRbBInn {
  transform: translate(50%, 50%);
  stroke: transparent;
  fill: none;
  -webkit-user-select: none;
  align-self: center;
	r: 22%;
}
.sapMRbHasLabel.sapMRb:focus:before {
  right: 0;
}
.sapMRbDis:focus:before {
  display: none;
}
.sapMRbSel .sapMRbBInn {
  fill: #44a12c;
  stroke: none;
}
.sapMLIBActive .sapMRbSel .sapMRbBInn {
  fill: white;
}
/* Read only */
.sapMRb.sapMRbRo .sapMRbBOut {
  stroke: #cccccc;
  fill: rgba(242, 242, 242, 0.5);
}
.sapMRb.sapMRbRo.sapMRbSel .sapMRbBInn {
  fill: #666666;
  stroke: none;
}
/* Align RadioButton in Form with other controls */
.sapUiForm.sapUiFormEdit-CTX .sapMRb > .sapMRbB {
  width: 2.3rem;
}
.sapUiForm.sapUiFormEdit-CTX .sapMRbSvg {
  margin-left: 0.125rem;
}
.sapUiForm.sapUiFormEdit-CTX .sapMRb:focus:before {
  left: 0;
}
/* Compact size */
.sapUiSizeCompact .sapMRb {
  height: 2rem;
}
.sapUiSizeCompact .sapMRbSvg {
  height: 1rem;
  width: 1rem;
  display: inline-block;
  overflow: visible;
  margin: 0.5rem;
}
.sapUiSizeCompact .sapMRb:focus:before {
  top: 0.325rem;
  bottom: 0.325rem;
  left: 0.325rem;
  right: 0.3875rem;
}
.sapUiSizeCompact .sapMRbB {
  height: 2rem;
  width: 2rem;
  font-size: 1rem;
  /* override font size of the message dialog */
}
.sapUiSizeCompact .sapMRbB .sapMRbBOut {
  height: 100%;
  width: 100%;
  border-width: 0.125rem;
  margin: 0.5rem;
  box-sizing: border-box;
}
.sapUiSizeCompact .sapMRbB .sapMRbBInn {
  height: 0.375rem;
  width: 0.375rem;
}
.sapUiSizeCompact .sapMRbBLabel {
  line-height: 2rem;
  height: 2rem;
}
.sapUiSizeCompact .sapMRbHasLabel.sapMRb:focus:before {
  right: 0;
}
.sapUiSizeCompact .sapUiForm.sapUiFormEdit-CTX .sapMRb > .sapMRbB {
  width: 1.625rem;
}
.sapUiSizeCompact .sapUiForm.sapUiFormEdit-CTX .sapMRbSvg {
  margin-left: 0.125rem;
}
.sapUiSizeCompact .sapUiForm.sapUiFormEdit-CTX .sapMRb:focus:before {
  left: 0;
}
html[dir="rtl"] .sapMRbB .sapMRbBInn,
html[dir="rtl"] .sapMRb .sapMRbB .sapMRbBOut {
  transform: translate(-50%, 50%);
}
/* Condensed size */
.sapUiSizeCondensed.sapUiTable .sapMRb,
.sapUiSizeCondensed .sapUiTable .sapMRb {
  height: 1.5rem;
  vertical-align: top;
}
.sapUiSizeCondensed.sapUiTable .sapMRbB,
.sapUiSizeCondensed .sapUiTable .sapMRbB {
  font-size: 1rem;
  /* override font size of the message dialog */
  height: 1.375rem;
  width: 1.375rem;
}
.sapUiSizeCondensed.sapUiTable .sapMRbB .sapMRbBOut,
.sapUiSizeCondensed .sapUiTable .sapMRbB .sapMRbBOut {
  height: 0.75rem;
  width: 0.75rem;
  border-width: 1px;
  margin: 0.375rem;
}
.sapUiSizeCondensed.sapUiTable .sapMRbB .sapMRbBInn,
.sapUiSizeCondensed .sapUiTable .sapMRbB .sapMRbBInn {
  height: 0.25rem;
  width: 0.25rem;
  margin: 0.0625rem;
}
.sapUiSizeCondensed.sapUiTable .sapUiTableDataCell > .sapUiTableCellInner > .sapMRb > .sapMRbB,
.sapUiSizeCondensed .sapUiTable .sapUiTableDataCell > .sapUiTableCellInner > .sapMRb > .sapMRbB {
  margin: 0 0.25rem;
  /* extra space in the condensed ULV */
}
.sapUiSizeCondensed.sapUiTable .sapMRbBLabel,
.sapUiSizeCondensed .sapUiTable .sapMRbBLabel {
  line-height: 1.5rem;
  height: 1.5rem;
}
/* ======================================= */
/* CSS for control sap.m/RadioButtonGroup  */
/* Base theme                              */
/* ======================================= */
.sapMRbG {
  display: inline-block;
}
.sapMRbG:focus {
  outline: none;
}
.sapMRbGTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.sapMRbGCol {
  -webkit-box-flex: 1;
  flex-grow: 1;
  vertical-align: top;
  min-width: 10px;
  margin-right: 0;
  padding: 1px;
  overflow: hidden;
  /* needed in Safari */
}
.sapMRbGDummy {
  -webkit-box-flex: 100;
  flex-grow: 100;
}
.sapMRbG > .sapMRb,
.sapMRbGCol > .sapMRb {
  float: left;
  clear: left;
  text-overflow: ellipsis;
}
.sapMRbG.sapMRbG1Row > .sapMRb {
  clear: none;
  padding: 1px;
}
.sapMRbGCol > .sapMRb {
  width: 100%;
  outline-offset: -1px;
}
.sapMRbG .sapMRbB {
  position: absolute;
  left: 0;
}
.sapMRbG .sapMRbHasLabel .sapMRbB {
  width: 3rem;
}
.sapMRbG .sapMRbBLabel {
  margin-left: 0;
  padding-left: 3rem;
  display: inline-block;
}
.sapMRbG .sapMRbHasLabel .sapMRbBOut {
  margin: 0.8125rem;
}
/* Right to left */
.sapMRbG[dir=rtl] .sapMRbB {
  right: 0;
}
.sapMRbG[dir=rtl] .sapMRbBLabel {
  padding-left: 0;
  padding-right: 3rem;
}
/* Align RadioButton in Form with other controls */
.sapUiForm.sapUiFormEdit-CTX .sapMRbG .sapMRbBLabel {
  padding-left: 2.3rem;
}
.sapUiForm.sapUiFormEdit-CTX .sapMRbG[dir=rtl] .sapMRbBLabel {
  padding-left: 0;
  padding-right: 2.3rem;
}
/* Compact Size */
.sapUiSizeCompact .sapMRbG .sapMRbHasLabel .sapMRbB {
  width: 2rem;
}
.sapUiSizeCompact .sapMRbG .sapMRbHasLabel .sapMRbBOut {
  margin: 0.5rem;
}
.sapUiSizeCompact .sapMRbG .sapMRbBLabel {
  padding-left: 2rem;
}
.sapUiSizeCompact .sapMRbG[dir=rtl] .sapMRbBLabel {
  padding-left: 0;
  padding-right: 2rem;
}
.sapUiSizeCompact .sapUiForm.sapUiFormEdit-CTX .sapMRbG .sapMRbBLabel {
  padding-left: 1.625rem;
}
.sapUiSizeCompact .sapUiForm.sapUiFormEdit-CTX .sapMRbG[dir=rtl] .sapMRbBLabel {
  padding-left: 0;
  padding-right: 1.625rem;
}
/* ================================== */
/* CSS for control sap.m/RangeSlider  */
/* Base theme                         */
/* ================================== */
.sapMSliderProgress {
  width: auto;
}
.sapMSliderProgress:focus {
  outline: none;
}
html.sap-desktop .sapMSliderProgress:focus:before {
  border: 1px dotted #000;
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  right: -2px;
  pointer-events: none;
}
.sapMSliderLabels {
  margin: 0.875rem -0.875rem 0 -0.875rem;
  height: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-left: -1.0625rem;
  margin-right: -1.406rem;
}
.sapMSliderRangeLabel {
  display: block;
  width: 1.75rem;
  font-size: 0.75rem;
  align-self: flex-end;
  text-align: center;
  direction: ltr;
}
/* overlap */
.sapMSliderHandle.sapMSliderHandleOverlap {
  background-color: #44a12c;
  border: #44a12c;
}
/* pressed */
.sapMSliderInner > .sapMSliderHandle.sapMSliderHandlePressed {
  background: #44a12c;
  border: 0.125rem solid #44a12c;
}
/* ============ */
/* compact size */
/* ============ */
.sapUiSizeCompact .sapMSliderLabels {
  margin: 0.5rem -0.6875rem 0 -0.6875rem;
}
.sapUiSizeCompact .sapMSliderRangeLabel {
  width: 1.375rem;
}
/* ====================================== */
/* CSS for control sap.m/RatingIndicator  */
/* Base theme                             */
/* ====================================== */
.sapMRI {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  padding: 0;
  margin: 0.8125rem 0;
}
html.sap-phone .sapMRI:focus,
html.sap-tablet .sapMRI:focus {
  outline: none;
}
.sapMRISelector {
  position: absolute;
  background: transparent;
  width: 100%;
  height: 100%;
}
.sapMRISel {
  float: left;
  display: block;
  overflow: hidden;
  padding: 0;
  margin: 0;
  color: #f0ab00;
  word-wrap: normal;
  white-space: nowrap;
}
.sapMRIUnsel {
  position: relative;
  float: right;
  color: #a5a5a5;
  word-wrap: normal;
  white-space: nowrap;
}
.sapMRIUnselWrapper {
  float: right;
  overflow: hidden;
}
.sapMRIHov {
  float: left;
  display: none;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  color: #d79900;
}
.sapMRIIconSel,
.sapMRIIconUnsel,
.sapMRIIconHov,
.sapMRIIconReadOnly {
  font-family: SAP-icons;
}
.sapMListTblCell > .sapMRI {
  margin: 0;
}
.sapUiSizeCondensed .sapUiTableDataCell > .sapUiTableCellInner > .sapMRI {
  box-sizing: content-box;
  padding: 0;
  margin: 0 0.5rem;
}
.sapUiRatingIndicatorXS .sapMRI .sapUiIcon,
.sapUiRatingIndicatorXS .sapMRI .sapMImg {
  padding-right: 1px;
  vertical-align: top;
}
.sapUiRatingIndicatorS .sapMRI .sapUiIcon,
.sapUiRatingIndicatorS .sapMRI .sapMImg {
  padding-right: 0.125rem;
  vertical-align: top;
}
.sapUiRatingIndicatorM .sapMRI .sapUiIcon,
.sapUiRatingIndicatorM .sapMRI .sapMImg {
  padding-right: 0.1875rem;
  vertical-align: top;
}
.sapUiRatingIndicatorL .sapMRI .sapUiIcon,
.sapUiRatingIndicatorL .sapMRI .sapMImg {
  padding-right: 0.25rem;
  vertical-align: top;
}
.sapMRI.sapUiRatingIndicatorXS .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorXS .sapMImg:last-child,
.sapMRI.sapUiRatingIndicatorS .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorS .sapMImg:last-child,
.sapMRI.sapUiRatingIndicatorM .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorM .sapMImg:last-child,
.sapMRI.sapUiRatingIndicatorL .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorL .sapMImg:last-child {
  padding-right: 0;
}
.sapMRIIcon {
  /* required for size calculation */
  height: 1.375rem;
  /* default size */
  overflow: hidden;
}
.sapMRIDisabled {
  outline: none;
  cursor: default;
}
.sapMRIDisplayOnly {
  outline: none;
  cursor: default;
  margin: 0;
}
.sapMRI .sapUiIcon,
.sapMRI .sapMImg {
  padding-right: 0.25rem;
}
.sapMRI .sapUiIcon:last-child,
.sapMRI .sapMImg:last-child {
  padding-right: 0;
}
/* Compact mode */
.sapUiSizeCompact .sapMRI {
  margin: 0.5rem 0;
}
.sapUiSizeCompact .sapMRI.sapMRIDisplayOnly {
  margin: 0;
}
.sapUiSizeCompact .sapMRIIcon {
  height: 1rem;
  /* default size for the compact mode */
}
/* Condensed mode */
.sapUiSizeCondensed .sapUiTableDataCell .sapMRI .sapUiIcon,
.sapUiSizeCondensed .sapUiTableDataCell .sapMRI .sapMImg {
  vertical-align: top;
}
.sapUiSizeCondensed .sapMRI .sapUiIcon,
.sapUiSizeCondensed .sapMRI .sapMImg {
  padding-right: 0;
}
.sapMRI.sapUiRatingIndicatorXS .sapUiIcon,
.sapMRI.sapUiRatingIndicatorXS .sapMImg {
  padding-right: 1px;
  vertical-align: top;
}
.sapMRI.sapUiRatingIndicatorS .sapUiIcon,
.sapMRI.sapUiRatingIndicatorS .sapMImg {
  padding-right: 0.125rem;
  vertical-align: top;
}
.sapMRI.sapUiRatingIndicatorM .sapUiIcon,
.sapMRI.sapUiRatingIndicatorM .sapMImg {
  padding-right: 0.1875rem;
  vertical-align: top;
}
.sapMRI.sapUiRatingIndicatorL .sapUiIcon,
.sapMRI.sapUiRatingIndicatorL .sapMImg {
  padding-right: 0.25rem;
  vertical-align: top;
}
.sapMRI.sapUiRatingIndicatorXS .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorS .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorM .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorL .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorXS .sapMImg:last-child,
.sapMRI.sapUiRatingIndicatorS .sapMImg:last-child,
.sapMRI.sapUiRatingIndicatorM .sapMImg:last-child,
.sapMRI.sapUiRatingIndicatorL .sapMImg:last-child {
  padding-right: 0;
}
.sapMRI.sapMRIDisplayOnly .sapMRIIconSel {
  color: #000;
}
/* ====================================== */
/* CSS for control sap.m/ScrollBar  */
/* Base theme                             */
/* ====================================== */
.sapMScrollBarTouch {
  -webkit-overflow-scrolling: auto;
}
.sapMScrollBarTouch ::-webkit-scrollbar {
  height: 7px;
  width: 7px;
  -webkit-appearance: none;
}
.sapMScrollBarTouch ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.sapMScrollBarOuterDiv {
  overflow: hidden;
  height: 100%;
  right: 0;
  position: absolute;
  z-index: 100;
}
html.sap-desktop.sapUiNativeScrollbars .sapMScrollBarOuterDiv {
  display: none;
}
.sapMScrollBarInnerDiv {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
}
.sapMScrollBarDistantSpan {
  position: absolute;
  top: -9000px;
  left: -9000px;
  visibility: hidden;
  line-height: normal;
}
/* ====================================== */
/* CSS for control sap.m/ScrollContainer  */
/* Base theme                             */
/* ====================================== */
.sapMScrollCont {
  overflow: hidden;
  position: relative;
  /* to make the iScroll scrollbars appear at the correct position, if enabled */
  outline: none;
}
.sapMScrollContV .sapMScrollContScroll {
  display: block;
  /* when there is only vertical scrolling, the whole available width should be consumed */
}
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapMScrollCont.sapUiContentPadding > .sapMScrollContScroll {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMScrollCont.sapUiResponsiveContentPadding > .sapMScrollContScroll,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapMScrollCont.sapUiResponsiveContentPadding > .sapMScrollContScroll,
  .sapMScrollCont.sapUiResponsiveContentPadding > .sapMScrollContScroll {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMScrollCont.sapUiResponsiveContentPadding > .sapMScrollContScroll,
  .sapMScrollCont.sapUiResponsiveContentPadding > .sapMScrollContScroll {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMScrollCont.sapUiResponsiveContentPadding > .sapMScrollContScroll,
  .sapMScrollCont.sapUiResponsiveContentPadding > .sapMScrollContScroll {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapMScrollCont.sapUiResponsiveContentPadding > .sapMScrollContScroll {
  padding: 0;
}
.sapMSplitContainerDetail .sapMScrollCont.sapUiResponsiveContentPadding > .sapMScrollContScroll {
  padding: 1rem;
}
.sapMScrollCont.sapUiNoContentPadding > .sapMScrollContScroll {
  padding: 0;
}
.sapMScrollCont:focus {
  outline-width: 0.0625rem;
  outline-color: #000;
  outline-style: dotted;
  outline-offset: 0.0625rem;
}
/* ================================== */
/* CSS for control sap.m/SearchField  */
/* Base theme                         */
/* ================================== */
.sapMSF {
  position: relative;
  -moz-user-modify: read-only;
  -webkit-user-modify: read-only;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  width: 100%;
  min-width: 7rem;
  height: 3rem;
  background: transparent;
  padding: 0.25rem 0;
}
.sapUiUfdShellHead .sapMSF {
  padding: 0;
}
.sapUiSizeCompact .sapUiUfdShellHead .sapMSF {
  padding: 0.25rem 0;
}
html.sap-desktop .sapMFocus > .sapMSFF::before {
  border: 1px dotted #000;
  position: absolute;
  content: " ";
  top: 1px;
  right: 1px;
  left: 1px;
  bottom: 1px;
  border-radius: unset;
  z-index: 2;
  pointer-events: none;
}
.sapMSFI[type="search"] {
  font-size: 0.88em;
  -webkit-appearance: none;
  box-sizing: border-box;
  width: 100%;
}
.sapMSFI[type="search"]::-webkit-search-decoration,
.sapMSFI[type="search"]::-webkit-search-results-decoration,
.sapMSFI[type="search"]::-webkit-search-results-button {
  -webkit-appearance: none;
}
.sapMSFI[type="search"]:focus {
  -webkit-appearance: none;
}
input.sapMSFI[type="search"]:focus {
  outline: none;
  outline-width: 0;
}
.sapMSFR {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 1.8em;
  height: 100%;
  background: transparent;
}
.sapMSplitContainerMaster .sapMSF {
  padding-right: 1px;
}
.sapMSFF {
  box-sizing: border-box;
  height: 2.5rem;
  line-height: 2.375rem;
  border: 1px solid #bfbfbf;
  background: #ffffff;
  vertical-align: top;
  width: 100%;
  position: relative;
  padding-left: 0.625rem;
  padding-right: 4.75rem;
}
.sapMSFF.sapMSFNS {
  /* no search button */
  padding-right: 2.375rem;
}
/* Block elements do not work with bar layout */
.sapMBar .sapMSF {
  display: inline-block;
}
.sapMSFF > form > input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sapMFocus > .sapMSFF {
  border-color: #44a12c;
}
:not(.sapMSFDisabled) > .sapMSFF:hover {
  border-color: #44a12c;
}
.sapMSFI {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  background: transparent;
  width: 100%;
  height: 2.375rem;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  text-indent: 0.125rem;
  vertical-align: top;
  text-overflow: ellipsis;
}
.sapMSFI[type='search'] {
  font-size: 0.875rem;
}
/* remove clear x button in webkit */
.sapMSFI[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}
/* custom buttons */
.sapMSFB {
  position: absolute;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  font-size: 1.125rem;
  color: #666666;
  text-align: center;
  cursor: pointer;
  margin: 0;
  padding: 0;
  right: 0;
  top: 0;
}
.sapMSFB::after {
  speak: none;
  font-weight: normal;
  font-family: 'SAP-icons';
  -webkit-font-smoothing: antialiased;
}
/* reset button */
.sapMSFR:not(.sapMSFNS) {
  right: 2.375rem;
}
.sapMSFR {
  visibility: hidden;
}
.sapMSFR::after {
  content: "\e1c7";
}
.sapMSFVal > .sapMSFF > .sapMSFR,
:not(.sapMSFVal):not(.sapMFocus) > .sapMSFReload > .sapMSFR {
  visibility: visible;
}
/* search icon in place of the reset button */
:not(.sapMSFVal) > .sapMSFReload > .sapMSFR::after {
  content: "\e00d";
}
/* search button */
.sapMSFS::after {
  content: "\e00d";
}
/* refresh icon in some cases */
:not(.sapMFocus) > .sapMSFReload > .sapMSFS::after {
  content: "\e010";
}
/*grouping is not allowed here*/
.sapMSFI::-webkit-input-placeholder {
  color: #707070;
  font-size: 0.875rem;
  font-style: italic;
}
.sapMSFI::-moz-placeholder {
  color: #707070;
  font-size: 0.875rem;
  font-style: italic;
  opacity: 1;
}
/* Compact size */
.sapUiSizeCompact {
  /* input */
  /* custom buttons */
}
.sapUiSizeCompact .sapMSF {
  height: 2rem;
  padding: 0.1875rem 0;
  min-width: 6rem;
}
.sapUiSizeCompact .sapMSFF {
  height: 1.625rem;
  line-height: 1.5rem;
  padding-left: 0.375rem;
  padding-right: 4rem;
}
.sapUiSizeCompact .sapMSFF.sapMSFNS {
  /* no search button */
  padding-right: 2.38rem;
}
.sapUiSizeCompact .sapMSFI {
  height: 1.5rem;
}
.sapUiSizeCompact .sapMSFB {
  width: 2rem;
  height: 1.5rem;
  font-size: 1rem;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 1.5rem;
}
.sapUiSizeCompact .sapMSFR:not(.sapMSFNS) {
  right: 2rem;
}
/* ====================================== */
/* CSS for control sap.m/SegmentedButton  */
/* Base theme                             */
/* ====================================== */
.sapMSegB {
  margin: 0;
  /*To override the native browser margin*/
  padding: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  border: none;
  white-space: nowrap;
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  vertical-align: top;
  position: relative;
}
.sapMSegB:focus {
  outline: none;
}
.sapMSegB .sapMSegBBtn {
  list-style: none;
  cursor: pointer;
  display: inline-block;
  padding: 0.25rem 0;
  outline: none;
}
.sapMSegB .sapMSegBBtn .sapMSegBBtnInner {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: center;
  vertical-align: text-bottom;
  box-sizing: border-box;
  font-size: 0.875rem;
  height: 2.5rem;
  line-height: 2.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-shadow: none;
  color: #44a12c;
  border: 1px solid #dedede;
  background-color: #ffffff;
}
.sapMSegB .sapMSegBBtn:not(.sapMSegBBtnMixed) .sapMImg {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.sapMSegB .sapMSegBBtn:not(.sapMSegBBtnMixed) .sapMBtnIcon {
  margin-right: 0;
}
.sapMBar .sapMSegB {
  margin-left: 0.25rem;
}
html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
  background: rgba(196, 196, 196, 0.5);
}
.sapMSegBBtn:focus .sapMSegBBtnInner {
  outline: none;
}
.sapMSegBBtn .sapUiIcon:focus {
  outline: none;
}
.sapMSegBBtn .sapMBtnIconLeft {
  position: relative;
}
/* style for icon and text usage */
.sapMSegB.sapMSegBIcons .sapMSegBBtn:not(.sapMSegBBtnMixed) .sapMSegBBtnInner {
  padding: 0;
  /*BCP: 1580200804*/
  margin-right: 0;
}
.sapMSegB.sapMSegBIcons .sapMSegBBtn.sapMSegBBtnMixed .sapMImg,
.sapMSegB.sapMSegBIcons .sapMSegBBtn.sapMSegBBtnMixed .sapUiIcon {
  padding-left: 0;
  padding-right: 0.5rem;
}
.sapMSegB img {
  margin: 0;
  pointer-events: none;
  /*To disable the save image menu on ios*/
  line-height: 2.375rem;
  max-height: 2.375rem;
  vertical-align: middle;
}
.sapMSegBBtn.sapMSegBBtnDis {
  cursor: default;
}
.sapMSegBBtn.sapMSegBBtnDis .sapMSegBBtnInner {
  text-shadow: none;
  opacity: 0.5;
}
.sapMSegBBtn:not(.sapMSegBBtnDis) .sapUiIcon {
  cursor: pointer;
}
.sapMSegBBtn.sapMSegBBtnSel .sapMSegBBtnInner {
  background: #44a12c;
  color: #fff;
  border-color: #44a12c;
}
.sapMSegBBtn.sapMSegBBtnSel .sapMSegBBtnInner .sapUiIcon {
  color: #fff;
}
.sapMSegBBtnSel:active .sapMSegBBtnInner,
.sapMSegBBtnFocusable.sapMBtnActive .sapMSegBBtnInner {
  background: #44a12c;
  color: #fff;
}
.sapMSegBBtnSel:active .sapMSegBBtnInner .sapUiIcon,
.sapMSegBBtnFocusable.sapMBtnActive .sapMSegBBtnInner .sapUiIcon {
  color: #fff;
}
html.sap-desktop .sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner,
html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
  background: #3c8d27;
}
.sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel .sapMSegBBtnInner {
  border-right: 1px solid #44a12c;
}
.sapMSegBBtn .sapUiIcon {
  font-size: 1.375rem;
  line-height: 2.375rem;
  width: 2.375rem;
  color: #666666;
  vertical-align: middle;
  text-align: center;
}
.sapMSegBFit {
  width: 100%;
}
.sapMFlexItem .sapMSegBFit,
.sapMOTB > .sapMSegBFit {
  width: auto;
}
/* Fix for mobile segmented button in header, footer or bar element */
html[data-sap-ui-os^="bb"] header .sapMSegB,
html[data-sap-ui-os^="Android4.1"][data-sap-ui-browser^="an"] header .sapMSegB,
html[data-sap-ui-os^="Android4.2"][data-sap-ui-browser^="an"] header .sapMSegB,
html[data-sap-ui-os^="Android4.3"][data-sap-ui-browser^="an"] header .sapMSegB,
html[data-sap-ui-os^="bb"] footer .sapMSegB,
html[data-sap-ui-os^="Android4.1"][data-sap-ui-browser^="an"] footer .sapMSegB,
html[data-sap-ui-os^="Android4.2"][data-sap-ui-browser^="an"] footer .sapMSegB,
html[data-sap-ui-os^="Android4.3"][data-sap-ui-browser^="an"] footer .sapMSegB,
html[data-sap-ui-os^="bb"] .sapMBar .sapMSegB,
html[data-sap-ui-os^="Android4.1"][data-sap-ui-browser^="an"] .sapMBar .sapMSegB,
html[data-sap-ui-os^="Android4.2"][data-sap-ui-browser^="an"] .sapMBar .sapMSegB,
html[data-sap-ui-os^="Android4.3"][data-sap-ui-browser^="an"] .sapMBar .sapMSegB {
  height: 1.5rem;
  line-height: 1.5rem;
  display: inline-block;
}
html[data-sap-ui-os^="iOS"] header .sapMSegB,
html[data-sap-ui-os^="iOS"] footer .sapMSegB,
html[data-sap-ui-os^="iOS"] .sapMBar .sapMSegB {
  line-height: 1.5rem;
  display: inline-block;
}
/* Compact size */
.sapUiSizeCompact .sapMSegB {
  height: 2rem;
  padding: 0;
}
.sapUiSizeCompact .sapMSegB .sapMSegBBtn {
  padding: 0.1875rem 0;
}
.sapUiSizeCompact .sapMSegB img {
  line-height: 1.5rem;
  height: 1.3rem;
  width: 1.3rem;
}
.sapUiSizeCompact .sapMSegBBtn .sapUiIcon {
  font-size: 1rem;
  line-height: 1.5rem;
  width: 1rem;
  vertical-align: top;
}
.sapUiSizeCompact .sapMSegBIcons:not(.sapMSegBBtnMixed) .sapMImg,
.sapUiSizeCompact .sapMSegBIcons:not(.sapMSegBBtnMixed) .sapUiIcon {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
}
.sapUiSizeCompact .sapMSegBIcons .sapMSegBBtn.sapMSegBBtnMixed .sapMImg,
.sapUiSizeCompact .sapMSegBIcons .sapMSegBBtn.sapMSegBBtnMixed .sapUiIcon {
  padding-left: 0;
  padding-right: 0;
}
.sapUiSizeCompact .sapMSegBBtn .sapMSegBBtnInner {
  height: 1.625rem;
  line-height: 1.5rem;
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
}
.sapUiSizeCompact .sapMSegBBtn:first-child .sapMSegBBtnInner {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.sapUiSizeCompact .sapMSegBBtn:last-child .sapMSegBBtnInner {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.sapUiSizeCompact .sapMSegB .sapMBtnIconLeft {
  margin-left: 0;
}
.sapUiSizeCompact .sapMSegB.sapMSegBIcons .sapMSegBBtnMixed img {
  padding: 0;
}
/* Android size compact fix */
html[data-sap-ui-os^="Android"] .sapUiSizeCompact .sapMSegBBtn .sapUiIcon {
  line-height: 1.6rem;
}
/* ============================= */
/* CSS for control sap.m/Select  */
/* Base theme                    */
/* ============================= */
/* ------------------------------ */
/* commons styles                 */
/* ------------------------------ */
.sapMSltPicker-CTX .sapMSelectList .sapMSelectListRow {
  height: auto;
  display: flex;
  box-sizing: border-box;
  word-break: break-all;
}
.sapMSltPicker-CTX .sapMSelectList .sapMSelectListRow .sapMSelectListFirstCell {
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
}
.sapMSltPicker-CTX .sapMSelectList .sapMSelectListRow .sapMSelectListLastCell {
  display: block;
  box-sizing: border-box;
}
.sapMSltPicker-CTX .sapMSelectList .sapMSelectListRow .sapMSelectListFirstCell,
.sapMSltPicker-CTX .sapMSelectList .sapMSelectListRow .sapMSelectListLastCell {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.sapMSltPicker-CTX .sapMSelectList .sapMSelectListRow .sapMSelectListFirstCell:empty,
.sapMSltPicker-CTX .sapMSelectList .sapMSelectListRow .sapMSelectListLastCell:empty {
  height: 2.5rem;
}
.sapMSltPicker-CTX .sapMSelectList.sapMSelectListWrappedItems .sapMSelectListItem.sapMSelectListItemWithIcon,
.sapMSltPicker-CTX .sapMSelectList.sapMSelectListWrappedItems .sapMSelectListRow.sapMSelectListItemWithIcon .sapMSelectListFirstCell {
  position: relative;
  padding-left: 2.25rem;
}
.sapMSltPicker-CTX .sapMSelectList.sapMSelectListWrappedItems .sapMSelectListItem.sapMSelectListItemWithIcon .sapMSelectListItemIcon,
.sapMSltPicker-CTX .sapMSelectList.sapMSelectListWrappedItems .sapMSelectListRow.sapMSelectListItemWithIcon .sapMSelectListFirstCell .sapMSelectListItemIcon {
  position: absolute;
  left: 1rem;
}
.sapMSltPicker-CTX .sapMSelectList.sapMSelectListWrappedItems .sapMSelectListItem {
  white-space: normal;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  line-height: 1rem;
  height: auto;
}
.sapMSltPicker-CTX .sapMSelectList.sapMSelectListWrappedItems .sapMSelectListItem:empty {
  height: 2.5rem;
}
.sapMSltPicker-CTX .sapMSelectList.sapMSelectListWrappedItems .sapMSelectListRow {
  display: table-row;
}
.sapMSltPicker-CTX .sapMSelectList.sapMSelectListWrappedItems .sapMSelectListRow .sapMSelectListFirstCell {
  white-space: normal;
}
.sapMSltPicker-CTX .sapMSelectList.sapMSelectListWrappedItems .sapMSelectListRow .sapMSelectListLastCell {
  vertical-align: top;
}
.sapMSltPicker-CTX .sapMSelectList.sapMSelectListWrappedItems .sapMSelectListRow .sapMSelectListCell {
  display: table-cell;
}
.sapMSltPicker-CTX:not(.sapMPickerWrappedItems) {
  max-width: 600px;
}
.sapMSltPicker-CTX:not(.sapMPickerWrappedItems) .sapMSelectList:not(.sapMSelectListWrappedItems) {
  max-width: 600px;
}
.sapMSltPicker-CTX:not(.sapMPickerWrappedItems) .sapMSelectList:not(.sapMSelectListWrappedItems) .sapMSelectListRow {
  max-width: 600px;
}
.sapMSltPicker-CTX .sapMSelectList:not(.sapMSelectListWrappedItems) .sapMSelectListFirstCell {
  width: 60%;
}
.sapMSltPicker-CTX .sapMSelectList:not(.sapMSelectListWrappedItems) .sapMSelectListLastCell {
  width: 40%;
}
.sapMSltPicker-CTX.sapMDialogPhone {
  max-width: 100%;
}
.sapMSltPicker-CTX.sapMDialogPhone .sapMSelectList:not(.sapMSelectListWrappedItems) {
  max-width: 100%;
}
.sapMSltPicker-CTX.sapMDialogPhone .sapMSelectList:not(.sapMSelectListWrappedItems) .sapMSelectListRow {
  max-width: 100%;
}
.sapUiSizeCompact .sapMSltPicker-CTX .sapMSelectList .sapMSelectListRow .sapMSelectListFirstCell,
.sapUiSizeCompact .sapMSltPicker-CTX .sapMSelectList .sapMSelectListRow .sapMSelectListLastCell {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.sapUiSizeCompact .sapMSltPicker-CTX .sapMSelectList .sapMSelectListRow .sapMSelectListFirstCell:empty,
.sapUiSizeCompact .sapMSltPicker-CTX .sapMSelectList .sapMSelectListRow .sapMSelectListLastCell:empty {
  height: 2rem;
}
.sapUiSizeCompact .sapMSltPicker-CTX .sapMSelectList.sapMSelectListWrappedItems .sapMSelectListItem {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.sapUiSizeCompact .sapMSltPicker-CTX .sapMSelectList.sapMSelectListWrappedItems .sapMSelectListItem:empty {
  height: 2rem;
}
.sapMSlt,
.sapMSlt > .sapMSltLabel {
  box-sizing: border-box;
}
.sapMSlt,
.sapMSltLabel,
.sapMSltArrow {
  display: inline-block;
}
.sapMSlt,
.sapMSltLabel {
  overflow: hidden;
}
.sapMSlt:not(.sapMSltDisabled),
.sapMSlt:not(.sapMSltDisabled) > .sapMSltLabel,
.sapMSltIconOnly:not(.sapMSltDisabled) .sapMSltIcon {
  cursor: pointer;
}
.sapMSlt.sapMSltReadonly {
  border-color: #cccccc;
  background: rgba(242, 242, 242, 0.5);
}
.sapMSlt.sapMSltReadonly .sapMSltArrow {
  display: none;
}
.sapMSlt > .sapMSltLabel,
.sapMSltArrow {
  height: 100%;
}
.sapMSlt > .sapMSltLabel,
.sapMSlt .sapMSelectListItemBase {
  padding: 0 0.625rem;
}
.sapMSltWithArrow > .sapMSltLabel,
.sapMSltWithArrow .sapMSelectListItemBase {
  padding: 0 3rem 0 0.625rem;
}
/* ------------------------------ */
/* field                          */
/* ------------------------------ */
.sapMSlt {
  position: relative;
  vertical-align: top;
  outline: none;
  height: 2.5rem;
  margin: 0.25rem 0 0.25rem 0;
  border: 1px solid #bfbfbf;
  background: #ffffff;
}
.sapMSltMinWidth {
  min-width: 5.125rem;
}
/* pressed */
.sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState) {
  border-color: #44a12c;
}
.sapMSltPressed.sapMSltIconOnly:not(.sapMSltDisabled) {
  background: #44a12c;
  text-shadow: none;
}
/* value state */
.sapMSltError {
  background: #ffffff;
  border-color: #e52929;
}
.sapMSltWarning {
  background: #ffffff;
  border-color: #f0ab00;
}
.sapMSltSuccess {
  background: #ffffff;
  border-color: #008a3b;
}
.sapMSltInformation {
  background: #ffffff;
  border-color: #44a12c;
}
/* ------------------------------ */
/* label                          */
/* ------------------------------ */
.sapMSlt > .sapMSltLabel {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  text-indent: 0;
  text-align: start;
  -webkit-user-select: none;
  -moz-user-select: none;
  line-height: 2.375rem;
  color: #000;
  font-style: normal;
  font-size: 0.875rem;
}
.sapMSltAutoAdjustedWidth > .sapMSltLabel {
  position: relative;
  vertical-align: top;
}
/* ------------------------------ */
/* icon                           */
/* ------------------------------ */
.sapMSltIcon {
  position: absolute;
  display: block;
  font-size: 1.375rem;
  line-height: 2.375rem;
  padding: 0 0.4375rem;
  color: #666666;
}
.sapMSltAutoAdjustedWidth .sapMSltIcon {
  position: relative;
}
/* pressed */
.sapMSltPressed > .sapMSltIcon {
  color: #fff;
}
/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */
.sapMSltArrow {
  position: absolute;
  text-align: center;
  width: 2.5rem;
  line-height: 2.5rem;
  top: 0;
  right: 0;
  color: #666666;
  font-size: 1rem;
}
.sapMSltArrow::before {
  font-family: "SAP-icons";
  speak: none;
  content: "\e1ef";
}
/* hover */
.sapMSltHoverable:not(.sapMSltPressed):hover > .sapMSltArrow {
  background: rgba(222, 222, 222, 0.5);
}
/* pressed */
.sapMSltPressed > .sapMSltArrow {
  background: #44a12c;
}
.sapMSltPressed > .sapMSltArrow::before {
  color: #fff;
}
/* ------------------------------ */
/* dropdown list                  */
/* ------------------------------ */
.sapMSlt > .sapMSelectList {
  visibility: hidden;
  position: relative;
  cursor: inherit;
  border: none;
  margin: 0;
  padding: 0;
  min-width: 6rem;
}
/* ------------------------------ */
/* table context                  */
/* ------------------------------ */
.sapUiTableCell .sapMSlt,
.sapUiSizeCondensed .sapUiTableCell .sapMSlt,
.sapUiSizeCompact .sapUiTableCell .sapMSlt {
  margin: 0;
}
.sapUiSizeCondensed .sapUiTableCell .sapMSlt:not(.sapMSltState) {
  border-color: transparent;
}
/* ---------------------------------------- */
/* value states commons styles adaptations  */
/* ---------------------------------------- */
.sapMSltLabelState,
.sapMSltArrowState {
  line-height: 2.25rem;
}
/* ====================================================== */
/* Select inside a Bar: header and sub-header contexts    */
/* ====================================================== */
.sapMSubHeader-CTX .sapMSltPressed > .sapMSltIcon {
  color: #fff;
}
.sapMHeader-CTX .sapMSltPressed,
.sapMSubHeader-CTX .sapMSltPressed {
  /* pressed selects arrow and icon look wrong with text-shadow */
  text-shadow: none;
}
.sapMHeader-CTX .sapMSltIconOnly.sapMSltHoverable:hover,
.sapMSubHeader-CTX .sapMSltIconOnly.sapMSltHoverable:hover {
  border-color: rgba(222, 222, 222, 0.5);
  background: rgba(222, 222, 222, 0.5);
}
.sapMHeader-CTX .sapMSltIconOnly:not(.sapMSltPressed),
.sapMSubHeader-CTX .sapMSltIconOnly:not(.sapMSltPressed) {
  border-color: transparent;
  background-color: transparent;
}
/* ------------------------------ */
/* icon                           */
/* ------------------------------ */
.sapMSubHeader-CTX .sapMSltPressed > .sapMSltIcon {
  color: #fff;
}
/* ====================================================== */
/* Select inside a Bar: footer context                    */
/* ====================================================== */
.sapMFooter-CTX .sapMSltIconOnly.sapMSltHoverable:not(.sapMSltPressed):hover {
  background: rgba(234, 234, 234, 0.1);
  border-color: transparent;
}
/* ------------------------------ */
/* icon                           */
/* ------------------------------ */
.sapMFooter-CTX .sapMSltIconOnly {
  background: transparent;
  border-color: transparent;
}
/* ------------------------------ */
/* label                          */
/* ------------------------------ */
.sapMIBar-CTX.sapMFooter-CTX .sapMSltArrow {
  text-shadow: none;
}
.sapMFooter-CTX .sapMSltLabel {
  text-shadow: none;
}
/* ------------------------------ */
/* picker                         */
/* ------------------------------ */
div.sapMSltPicker {
  border: none;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.2), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
div.sapMSltPicker.sapUiPopupWithPadding .sapMDialogScrollCont.sapMDialogStretchContent {
  height: 100%;
}
div.sapMSltPicker .sapMSltPickerValueState {
  padding: 0.5625rem 1rem;
  color: #000;
  font-size: 0.75rem;
  box-shadow: inset 0 -0.0625rem #dddddd;
}
div.sapMSltPicker .sapMSltPickerValueState.sapMSltPickerErrorState {
  background: #fbdfdf;
}
div.sapMSltPicker .sapMSltPickerValueState.sapMSltPickerSuccessState {
  background: #e0f1e7;
}
div.sapMSltPicker .sapMSltPickerValueState.sapMSltPickerWarningState {
  background: #fffcb5;
}
div.sapMSltPicker .sapMSltPickerValueState.sapMSltPickerInformationState {
  background: #e6f2f9;
}
div.sapMSltPicker .sapMSltPickerValueState.sapMSltPickerNoneState {
  display: none;
}
/* ------------------------------ */
/* dialog                         */
/* ------------------------------ */
div.sapMSltPicker .sapMDialogScrollCont {
  padding: 0;
}
.sap-phone .sapMSelectListTableLayout {
  display: inline;
}
.sap-phone .sapMSelectListWrappedItems.sapMSelectListTableLayout {
  display: table;
}
/* ================================================================================== */
/* CSS for control sap.m/Select.control Belize theme smaller sizes - common part      */
/* ================================================================================== */
/* ------------------------------ */
/* commons styles                 */
/* ------------------------------ */
.sapUiSizeCompact .sapMSltLabel,
.sapUiSizeCompact .sapMSlt .sapMSelectListItemBase,
.sapUiSizeCondensed .sapUiTableCell .sapMSltLabel,
.sapUiSizeCondensed .sapUiTableCell .sapMSlt .sapMSelectListItemBase {
  padding-right: 2.5rem;
  padding-left: 0.5rem;
}
.sapUiSizeCompact .sapMSlt > .sapMSltLabel,
.sapUiSizeCompact .sapMSlt > .sapMSltArrow {
  line-height: 1.5rem;
}
/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */
.sapUiSizeCompact .sapMSltArrow {
  width: 2rem;
}
/* ------------------------------ */
/* label and arrow commons styles */
/* ------------------------------ */
.sapUiSizeCompact .sapMSltLabelState,
.sapUiSizeCompact .sapMSltArrowState {
  line-height: 1.375rem;
}
/* ------------------------------ */
/* icon                           */
/* ------------------------------ */
.sapUiSizeCompact .sapMSltIcon {
  font-size: 1rem;
  line-height: 1.5rem;
}
.sapUiSizeCondensed .sapUiTableCell .sapMSltIcon {
  font-size: 1rem;
  line-height: 1.375rem;
  /* + 2*1px padding = 1.5rem */
}
/* ========================= */
/* compact size              */
/* ========================= */
/* ------------------------------ */
/* field                          */
/* ------------------------------ */
.sapUiSizeCompact .sapMSlt {
  height: 1.625rem;
  margin-top: 0.1875rem;
  margin-bottom: 0.1875rem;
}
/* ============================== */
/* condensed size (table context) */
/* ============================== */
/* ------------------------------ */
/* field                          */
/* ------------------------------ */
.sapUiSizeCondensed .sapUiTableCell .sapMSlt {
  height: 1.375rem;
  /* + 2*1px padding = 1.5rem */
}
/* ------------------------------ */
/* label                          */
/* ------------------------------ */
.sapUiSizeCondensed .sapUiTableCell .sapMSlt .sapMSltLabel {
  line-height: 1.375rem;
}
/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */
.sapUiSizeCondensed .sapUiTableCell .sapMSltArrow {
  line-height: 1.375rem;
}
.sapUiSizeCondensed .sapUiTableCell .sapMSltHoverable:not(.sapMSltState):hover {
  border-color: #44a12c;
}
/* ------------------------------ */
/* commons styles                 */
/* ------------------------------ */
.sapUiSizeCondensed .sapUiTableCell .sapMSltLabelState,
.sapUiSizeCondensed .sapUiTableCell .sapMSltArrowState {
  line-height: 1.25rem;
}
/* hidden focus element */
.sapMSltHiddenSelect {
  width: 100%;
  height: 100%;
  border: none;
}
/* =================================== */
/* CSS for control sap.m/SelectDialog  */
/* Base theme                          */
/* =================================== */
.sapMSelectDialog.sapMDialog .sapMDialogScrollCont {
  padding: 0px;
}
.sapMBusyIndicator.sapMSelectDialogBusyIndicator {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1rem;
  margin-left: -1rem;
  display: none;
}
.sapMSelectDialogListHide {
  display: none;
}
.sapMSelectDialog.sapMDialog .sapMDialogScroll {
  width: 100% !important;
}
.sapMSelectDialog.sapUiPopupWithPadding:not(.sapUiNoContentPadding) .sapMDialogScrollCont {
  padding: 0;
}
/* ================================= */
/* CSS for control sap.m/SelectList  */
/* Base theme                        */
/* ================================= */
/* ------------------------------ */
/* commons styles                 */
/* ------------------------------ */
.sapMSelectList,
.sapMSelectListItemBase {
  box-sizing: border-box;
}
/* disabled */
.sapMSelectListDisabled {
  pointer-events: none;
}
/* ------------------------------ */
/* list                           */
/* ------------------------------ */
.sapMSelectList {
  margin: 0;
  padding: 0;
  outline: none;
  list-style-type: none;
  background: #ffffff;
}
.sapMSelectListTableLayout {
  display: table;
  border-collapse: collapse;
}
/* ------------------------------ */
/* item                           */
/* ------------------------------ */
.sapMSelectListItemBase {
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #333333;
  font-size: 0.875rem;
  height: 2.5rem;
  cursor: pointer;
}
.sapMSelectListItem {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 1rem 0 1rem;
  line-height: 2.5rem;
}
.sapMSelectListItemIcon {
  padding-right: 0.4375rem;
}
li.sapMSelectListItemBaseInvisible {
  display: none;
}
/* elements inside the select effects the size of the browsers default dragging ghost element */
.sapUiDnDDragging .sapMSelectListItemBase + .sapMSelectListItemBase {
  display: none;
}
/* disabled */
.sapMSelectListItemBaseDisabled {
  cursor: unset;
}
/* hover */
.sapMSelectListItemBaseHoverable:hover {
  background: #f0f0f0;
}
/* hover selected */
.sapMSelectListItemBaseSelected.sapMSelectListItemBaseHoverable:hover {
  background-color: #e2f1df;
}
/* pressed and pressed selected */
:not(.sapMSelectListItemBaseDisabled).sapMSelectListItemBase.sapMSelectListItemBasePressed,
:not(.sapMSelectListItemBaseDisabled).sapMSelectListItemBase.sapMSelectListItemBasePressed.sapMSelectListItemBaseSelected {
  color: white;
  background: #44a12c;
}
/* focus */
html.sap-desktop .sapMSelectListItemBase:focus {
  outline: dotted 1px;
  outline-offset: -2px;
}
/* ------------------------------ */
/* row                            */
/* ------------------------------ */
.sapMSelectListRow {
  display: table-row;
}
/* ------------------------------ */
/* cell                           */
/* ------------------------------ */
.sapMSelectListCell {
  display: table-cell;
  vertical-align: middle;
  padding-left: 1rem;
}
.sapMSelectListLastCell {
  text-align: right;
  padding-right: 1rem;
}
/* ------------------------------ */
/* separator                      */
/* ------------------------------ */
.sapMSelectListSeparatorItem {
  border: 1px solid #e5e5e5;
}
/* compact size  */
/* ------------------------------ */
/* commons styles                 */
/* ------------------------------ */
.sapUiSizeCompact .sapMSelectListItemBase {
  height: 2rem;
}
.sapUiSizeCompact .sapMSelectListItem {
  line-height: 2rem;
}
.sapMSD .sapMDialogStretchContent {
  padding: 0px;
}
.sapMSD .sapMDialogStretchContent.sapMDialogScrollCont {
  height: 100%;
}
.sapMSD .sapMSDFirstActionGroup {
  border-top: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.sapMSD .sapMTB.sapMSDPageHeader {
  padding: 0px;
}
/* ========================================== */
/* CSS for control sap.m/SelectionDetailsItem */
/* Base theme                                 */
/* ========================================== */
.sapMSDItem {
  display: block;
  padding: 0px;
}
.sapMSDItem > .sapMLIBContent {
  padding: 0.5rem 0px;
  box-sizing: border-box;
  width: 100%;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.sapMSDItem .sapMSDItemLines {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  flex: 1 1;
  max-width: calc(100% - 3rem);
}
.sapMSDItem .sapMSDItemActions {
  width: 100%;
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
}
.sapMSDItem .sapMSDItemActions .sapMTB {
  border-bottom: none;
}
.sapMSDItem:not(.sapMLIBTypeNavigation) .sapMSDItemActions {
  -webkit-flex-basis: calc(100% + 2rem);
  flex-basis: calc(100% + 2rem);
}
.sapMSDItem .sapMLIBImgNav {
  cursor: pointer;
}
.sapMSDItemLine {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.sapMSDItem .sapMSDItemLineMarkerContainer {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 3rem;
  flex: 0 0 3rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
}
.sapMSDItem .sapMSDItemLineLabel,
.sapMSDItem .sapMSDItemLineValue {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  flex: 1 1;
  padding: 0.25rem;
  box-sizing: border-box;
  font-size: smaller;
  min-width: 0;
  word-wrap: break-word;
}
.sapMSDItem .sapMSDItemLineLabel {
  margin-right: 1rem;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sapMSDWrapLabels .sapMSDItem .sapMSDItemLineLabel {
  white-space: normal;
  text-overflow: clip;
}
.sapMSDItem .sapMSDItemLineValue {
  color: #333333;
}
.sapMSDItem .sapMSDItemLineValue.sapMSDItemLineBold {
  font-weight: bold;
}
.sapMSDItem .sapMSDItemLineUnit {
  font-weight: normal;
}
.sapMSDItem.sapMLIBActive .sapMSDItemLineLabel,
.sapMSDItem.sapMLIBActive .sapMSDItemLineValue,
.sapMSDItem.sapMLIBActive .sapMBtnText,
.sapMSDItem.sapMLIBActive .sapMBtnTransparent > .sapMBtnIcon {
  color: white;
  text-shadow: none;
}
/* =================================== */
/* CSS for control sap.m/SemanticPage  */
/* Base theme                          */
/* =================================== */
.sapMSemanticPage {
  height: 100%;
  width: 100%;
}
.sapUiSimpleFixFlex {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}
.sapUiSimpleFixFlex .sapUiSimpleFixFlexFixed {
  width: 100%;
  overflow: auto;
}
.sapUiSimpleFixFlex .sapUiSimpleFixFlexFixed.sapUiSimpleFixFlexFixedWrap {
  position: absolute;
  top: 0;
}
.sapUiSimpleFixFlex .sapUiSimpleFixFlexFlexContentContainer {
  flex: 1 1 auto;
  overflow: auto;
  width: 100%;
}
.sapUiSimpleFixFlex .sapUiSimpleFixFlexFlexContentContainer .sapUiSimpleFixFlexFlexContent {
  height: 100%;
  overflow: auto;
}
/* ================================ */
/* CSS for control sap.m/SuggestionsPopover  */
/* Base theme                       */
/* ================================ */
.sapMSuggestionsPopover .sapMListUl > .sapMLIB {
  height: 2.5rem;
}
.sapMSuggestionsPopover .sapMListUl > .sapMLIB.sapMGHLI {
  height: 2.75rem;
}
.sapMSuggestionsPopover .sapMListTbl .sapMLIB {
  height: 2.5rem;
}
.sapMSuggestionsPopover .sapMListTbl .sapMListTblHeader,
.sapMSuggestionsPopover .sapMListTbl .sapMLIB.sapMGHLI {
  height: 2.5rem;
}
.sapMSuggestionsPopover .sapMListTbl .sapMListTblHeader .sapMColumnHeader,
.sapMSuggestionsPopover .sapMListTbl .sapMLIB .sapMListTblCell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
div.sapMSuggestionsPopover {
  border: none;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.2), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
.sapMSuggestionsPopover.sapMPopover {
  max-width: calc(100% - 2rem);
  margin-left: 1rem;
  margin-right: 1rem;
}
.sapUiSizeCompact .sapMSuggestionsPopover .sapMListUl > .sapMLIB {
  height: 2rem;
}
.sapUiSizeCompact .sapMSuggestionsPopover .sapMListUl > .sapMLIB.sapMGHLI {
  height: 2.75rem;
}
.sapUiSizeCompact .sapMSuggestionsPopover .sapMListTbl .sapMLIB {
  height: 2rem;
}
.sapUiSizeCompact .sapMSuggestionsPopover .sapMListTbl .sapMListTblHeader,
.sapUiSizeCompact .sapMSuggestionsPopover .sapMListTbl .sapMLIB.sapMGHLI {
  height: 2rem;
}
.sapUiSizeCompact .sapMSuggestionsPopover .sapMListTbl .sapMListTblHeader .sapMColumnHeader,
.sapUiSizeCompact .sapMSuggestionsPopover .sapMListTbl .sapMLIB .sapMListTblCell {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.sapMDialog.sapMSuggestionsPopover .sapMDialogScroll .sapMDialogScrollCont {
  padding: 0;
}
.sapMInputSuggestionTableHidden {
  display: none;
}
.sapMSuggestionsPopover .sapMDLIValue {
  font-size: 0.875rem;
  color: #333333;
  padding-right: 1rem;
}
.sapMSuggestionsPopover .sapMLIBActive .sapMDLIValue {
  color: white;
}
.sapMSuggestionsPopover .sapMDLILabel {
  font-size: 0.875rem;
}
.sapMSuggestionsPopover .sapMSLITitleOnly {
  font-size: 0.875rem;
}
div.sapMSuggestionsPopover .sapMSuggestionsPopoverValueState {
  font-size: 0.75rem;
  line-height: normal;
  padding: 0.5625rem 1rem;
}
div.sapMSuggestionsPopover .sapMSuggestionsPopoverValueState.sapMSuggestionsPopoverErrorState {
  background: #fbdfdf;
  color: #000;
}
div.sapMSuggestionsPopover .sapMSuggestionsPopoverValueState.sapMSuggestionsPopoverInformationState {
  background: #e6f2f9;
}
div.sapMSuggestionsPopover .sapMSuggestionsPopoverValueState.sapMSuggestionsPopoverSuccessState {
  background: #e0f1e7;
  color: #000;
}
div.sapMSuggestionsPopover .sapMSuggestionsPopoverValueState.sapMSuggestionsPopoverWarningState {
  background: #fffcb5;
  color: #000;
}
div.sapMSuggestionsPopover .sapMSuggestionsPopoverValueState .sapMSuggestionsPopoverTitle.sapMTitle {
  padding-left: 0.75rem;
}
.sapMSuggestionsPopover .sapMSuggestionsPopoverNoneState {
  display: none;
}
.sapMValueStateHeaderRoot {
  width: auto;
  padding: 0.5625rem 1rem;
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 42;
}
html.sap-desktop .sapMValueStateHeaderRoot {
  width: 0;
}
.sapMPseudoFocus {
  outline-width: 0.0625rem;
  outline-style: dotted;
  outline-offset: -0.125rem;
  outline-color: initial;
}
.sapMValueStateHeaderText {
  display: inline-block;
  line-height: normal;
  white-space: pre-line;
  word-wrap: break-word;
  font-size: 0.75rem;
  color: #333333;
}
.sapMValueStateHeaderText .sapMFT {
  font-size: 0.75rem;
}
.sapMValueStateHeaderError,
.sapMSuggestionsPopoverErrorState .sapMPopoverHeader {
  background: #fbdfdf;
  color: #000;
}
.sapMValueStateHeaderInformation,
.sapMSuggestionsPopoverInformationState .sapMPopoverHeader {
  background: #e6f2f9;
}
.sapMValueStateHeaderSuccess,
.sapMSuggestionsPopoverSuccessState .sapMPopoverHeader {
  background: #e0f1e7;
  color: #000;
}
.sapMValueStateHeaderWarning,
.sapMSuggestionsPopoverWarningState .sapMPopoverHeader {
  background: #fffcb5;
  color: #000;
}
/* ============================ */
/* CSS for control sap.m/Shell  */
/* Base theme                   */
/* ============================ */
.sapMShell {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
}
.sapMShellBrandingBar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  z-index: 2;
  /* to lift it above the CenterBox shadow and SplitApp */
  background-color: #44a12c;
}
/* this "sapMBrandingBar-CTX" CSS class can be set by any container control that comes with its own branding bar, so any shell inside will not display its branding bar */
.sapMBrandingBar-CTX .sapMShellBrandingBar,
.sapUiUfdShell .sapMShellBrandingBar {
  display: none;
}
.sapMShellBG {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.sapMShellCentralBox {
  position: relative;
  height: 100%;
}
.sapMShellHeader {
  position: relative;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 0 16px;
  /* must be px because of calculations further below */
  -webkit-user-select: none;
  user-select: none;
}
.sapMShellHeaderText {
  display: none;
  cursor: default;
  position: relative;
}
.sapMShellLogo {
  display: none;
  position: relative;
  z-index: 1;
  /* above background image */
}
.sapMShellLogoImgAligner {
  display: none;
}
.sapMShellHeaderRight {
  display: none;
  position: relative;
}
.sapMShellContent {
  box-sizing: border-box;
  height: 100% !important;
  /* important because overwritten by SplitApp/App control */
  width: 100%;
  position: relative;
  margin: 0 auto;
}
/* modifications for taller screens */
@media (min-height: 3401px) {
  /* 1500px plus 96px for header */
  html.sap-desktop .sapMShellLogo {
    position: absolute;
    float: left;
    display: -webkit-flex;
    display: flex;
    height: 40px;
    margin: 0.75em;
    margin-left: 0;
  }
  html.sap-desktop .sapMShellLogoImg {
    margin: auto;
    max-width: 6rem;
    max-height: 40px;
  }
  html.sap-desktop .sapMShellHeader {
    display: block;
    position: relative;
    height: 4.25rem;
    color: #666666;
    border-bottom: 1px solid #dddddd;
  }
  html.sap-desktop .sapMShellHeaderText {
    display: inline-block;
    margin-top: 1.25rem;
    font-size: 1.75em;
    font-weight: lighter;
  }
  html.sap-desktop .sapMShellHeaderRight {
    display: inline-block;
    float: right;
    font-size: 0.875em;
    margin-top: 30px;
  }
  html.sap-desktop .sapMShellHeaderRightText {
    padding: 0.75em 0.57em;
    /* text size is 14px here... */
  }
  html.sap-desktop .sapMShellHeaderLogout {
    cursor: pointer;
    padding: 0.75em 0.57em;
    /* text size is 14px here... */
  }
  html.sap-desktop .sapMShellHeaderLogout:focus {
    outline: none;
  }
  html.sap-desktop .sapMShellHeaderLogout:active {
    background-color: #44a12c;
    color: black;
    outline: none;
  }
  html.sap-desktop .sapMShellContent {
    position: absolute;
    top: 68px;
    bottom: 0;
    height: auto !important;
    /* important because overwritten by SplitApp/App control */
  }
  .sapMShellHeader {
    border-top: 4px solid transparent;
  }
}
@media (min-height: 769px) and (max-width: 640px) {
  /* logo would appear above but the window is really slim */
  html.sap-desktop .sapMShellLogo {
    display: none;
  }
}
/* modifications for wider screens */
@media (min-width: 1280px) {
  html.sap-desktop .sapMShellLogo {
    margin-left: 1rem;
  }
  html.sap-desktop .sapMShellAppWidthLimited .sapMShellCentralBox {
    width: 1280px;
    margin-left: -640px;
    /*margin-left: -@_sap_m_Shell_AppWidthLimitBy2; [> @_sap_m_Shell_AppWidthLimit divided by 2 <]*/
    left: 50%;
    background-color: rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 1280px) {
  html.sap-desktop .sapMShellAppWidthLimited .sapMShellHeader {
    padding: 0;
  }
}
@media (min-width: 1480px) {
  html.sap-desktop .sapMShellAppWidthLimited .sapMShellLogo {
    position: absolute;
    opacity: 1;
    height: auto;
    width: 80px;
    text-align: center;
    display: block;
    right: 1280px;
    top: 0;
    margin: 0.75em;
    margin-left: 0;
  }
  html.sap-desktop .sapMShellAppWidthLimited .sapMShellLogoImg {
    max-width: 80px;
    max-height: 80px;
  }
}
@media (min-width: 1680px) {
  html.sap-desktop .sapMShellAppWidthLimited .sapMShellLogo {
    width: 160px;
    margin: 2rem;
  }
  html.sap-desktop .sapMShellAppWidthLimited .sapMShellLogoImg {
    max-width: 160px;
    max-height: 160px;
  }
}
.sapUiUfdShell .sapMShellHeader {
  border-top: none;
}
html.sap-desktop .sapMShellHeaderText {
  font-size: 1.375rem;
  color: #666666;
}
/* ============================================= */
/* CSS for control sap.m/SinglePlanningCalendar  */
/* Base theme                                    */
/* ============================================= */
.sapMPCHead,
.sapMSinglePCColumnHeader {
  position: -webkit-sticky;
  position: sticky;
  z-index: 3;
}
.sapMSinglePCStickyAll .sapMPCHead {
  top: 0;
}
.sapMSinglePCStickyNavBarAndColHeaders .sapMPCHead {
  top: -2.75rem;
}
.sapMSinglePCStickyNavBarAndColHeaders.sapMSinglePCActionsHidden .sapMPCHead {
  top: 0;
}
.sapUiSizeCompact .sapMSinglePCStickyNavBarAndColHeaders .sapMPCHead {
  top: -3rem;
}
html.sap-desktop .sapMSinglePC .sapUiCalItem:not(.sapUiCalItemSel):hover {
  background-color: #d8d8d8;
}
html.sap-desktop .sapMSinglePC .sapUiCalItem:not(.sapUiCalItemSel) :not(.sapUiCalWeekNum):hover {
  background-color: transparent;
}
.sapMSinglePCGridContent {
  background-color: #ffffff;
}
/* ================================================= */
/* CSS for control sap.m/SinglePlanningCalendarGrid  */
/* Base theme                                        */
/* ================================================= */
/*****************
	COLUMN HEADERS
*****************/
.sapMSinglePCColumnHeader {
  padding-left: 4rem;
  overflow: hidden;
}
.sapMSinglePCColumnHeader .sapUiCalItem:focus {
  outline: 0.0625rem dotted;
  outline-offset: -3px;
}
.sapMSinglePCColumnHeader .sapUiCalItem:focus .sapUiCalItemText {
  outline: none;
}
.sapMSinglePCColumnHeader .sapUiCalItem.sapUiCalItemNow {
  border: 0.125rem solid;
}
.sapMSinglePCColumnHeader .sapUiCalItem.sapUiCalItemNow:not(:focus) {
  outline-offset: -3px;
}
.sapMSinglePCColumnHeader .sapUiCalItem.sapUiCalItemNow .sapUiCalItemText,
.sapMSinglePCColumnHeader .sapUiCalItem.sapUiCalItemNow .sapUiCalItemSel.sapUiItemText {
  border: none;
  box-shadow: none;
}
.sapMSinglePCGrid.sapUiDnDDragging {
  opacity: 1;
}
/*****************
	GRID CONTENT
*****************/
/* ROW HEADERS */
.sapMSinglePCGridContent {
  display: flex;
  position: relative;
}
.sapMSinglePCGrid {
  cursor: default;
}
.sapMSinglePCRowHeaders {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
}
.sapMSinglePCRowHeader {
  flex: 1;
  transform: translateY(-0.5rem);
}
.sapMSinglePCRowHeaderHidden {
  visibility: hidden;
}
.sapMSinglePCRowHeaderAMPM,
.sapMSinglePCNowMarkerAMPM {
  font-size: 0.625rem;
}
.sapMSinglePCRowHeaderAMPM {
  top: -3px;
  position: relative;
}
/* GRID COLUMNS */
.sapMSinglePCColumns,
.sapMSinglePCBlockersColumns {
  flex: 1;
  display: flex;
}
.sapMSinglePCBlockersColumns {
  margin-left: 4rem;
  min-height: 1.75rem;
  position: relative;
}
.sapMSinglePCColumn,
.sapMSinglePCBlockersColumn {
  position: relative;
  flex: 1;
}
.sapMSinglePCRow,
.sapMSinglePCBlockersColumn {
  box-sizing: border-box;
  border: 0.0625rem solid;
  border-top-width: 0;
  height: 4.3125rem;
  position: relative;
  outline: none;
}
.sapMSinglePCBlockersColumn {
  border-top-width: 0.0625rem;
  border-bottom-width: 0.125rem;
  height: auto;
}
/* NOW MARKER */
.sapMSinglePCNowMarker {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  margin-top: -0.5rem;
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  pointer-events: none;
}
.sapMSinglePCNowMarkerHidden {
  display: none;
}
.sapMSinglePCRowHeader,
.sapMSinglePCNowMarkerText {
  box-sizing: border-box;
  display: block;
  padding-right: 0.5rem;
  text-align: end;
  width: 4rem;
}
.sapMSinglePCNowMarker::after {
  content: "";
  border-top: 0.125rem solid;
  flex: 1;
}
.sapMSinglePCColumnToday .sapMSinglePCRow::before {
  content: "";
  box-sizing: border-box;
  border: 0.063rem solid;
  border-bottom: none;
  border-top: none;
  position: absolute;
  height: calc(100% + 0.0625rem);
  width: 100%;
}
/* APPOINTMENTS */
.sapMSinglePCAppointments,
.sapMSinglePCBlockers {
  position: absolute;
  top: 0;
  right: 0.125rem;
  left: 0.125rem;
  bottom: 0;
  pointer-events: none;
}
.sapMSinglePCAppointments > .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps,
.sapMSinglePCBlockers > .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {
  z-index: 2;
}
.sapMSinglePCAppointments .sapUiCalendarApp.sapUiCalendarAppSel::after,
.sapMSinglePCBlockers .sapUiCalendarApp.sapUiCalendarAppSel::after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: 0;
  color: white;
  background-color: rgba(68, 161, 44, 0.9);
  border-radius: 0 0.125rem 0.125rem 0.125rem;
}
.sapMSinglePCAppointments .sapUiCalendarApp .sapUiCalendarAppCont .sapUiCalendarAppTitleWrapper,
.sapMSinglePCBlockers .sapUiCalendarApp .sapUiCalendarAppCont .sapUiCalendarAppTitleWrapper,
.sapMSinglePCAppointments .sapUiCalendarApp .sapUiCalendarAppCont .sapUiIcon,
.sapMSinglePCBlockers .sapUiCalendarApp .sapUiCalendarAppCont .sapUiIcon,
.sapMSinglePCAppointments .sapUiCalendarApp .sapUiCalendarAppCont .sapUiCalendarAppIcon,
.sapMSinglePCBlockers .sapUiCalendarApp .sapUiCalendarAppCont .sapUiCalendarAppIcon,
.sapMSinglePCAppointments .sapUiCalendarApp .sapUiCalendarAppCont .sapUiCalendarAppTitle,
.sapMSinglePCBlockers .sapUiCalendarApp .sapUiCalendarAppCont .sapUiCalendarAppTitle,
.sapMSinglePCAppointments .sapUiCalendarApp .sapUiCalendarAppCont .sapUiCalendarAppText,
.sapMSinglePCBlockers .sapUiCalendarApp .sapUiCalendarAppCont .sapUiCalendarAppText {
  z-index: 1;
}
.sapMSinglePCAppointments .sapMSinglePCAppointmentWrap:focus .sapUiCalendarAppCont::after,
.sapMSinglePCBlockers .sapMSinglePCAppointmentWrap:focus .sapUiCalendarAppCont::after {
  z-index: 1;
}
.sapMSpecialDaysInDayView .sapMSinglePCBlockers {
  top: 5px;
}
html.sap-desktop .sapMSinglePCBlockersRow > .sapMSinglePCBlockersColumns > .sapMSinglePCBlockersColumn:focus::after,
html.sap-desktop .sapMSinglePCGridContent .sapMSinglePCColumns .sapMSinglePCRow:focus::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0.0625rem dotted #000;
  pointer-events: none;
  z-index: 3;
}
html.sap-desktop .sapMSinglePCBlockers .sapUiCalendarApp.sapUiCalendarAppSel:hover::after,
html.sap-desktop .sapMSinglePCAppointments .sapUiCalendarApp.sapUiCalendarAppSel:hover::after {
  background-color: #337921;
}
html.sap-desktop .sapMSinglePCBlockers .sapUiCalendarApp:hover::after,
html.sap-desktop .sapMSinglePCAppointments .sapUiCalendarApp:hover::after {
  background-color: #f0f0f0;
}
.sapMSinglePCGrid .sapUiCalendarAppTitleWrapper,
.sapMSinglePCGrid .sapUiCalendarAppTitle,
.sapMSinglePCGrid .sapUiCalendarAppText {
  width: 100%;
  margin-right: 0.125rem;
}
.sapMSinglePCGrid .sapUiCalendarAppTitleWrapper + .sapUiCalendarAppArrowIconRight,
.sapMSinglePCGrid .sapUiCalendarAppTitle + .sapUiCalendarAppArrowIconRight,
.sapMSinglePCGrid .sapUiCalendarAppText + .sapUiCalendarAppArrowIconRight {
  margin-left: 0.25rem;
}
.sapMSinglePCAppointments .sapUiCalendarAppCont,
.sapMSinglePCBlockersColumns .sapUiCalendarAppCont {
  display: flex;
}
.sapMSinglePCAppointments .sapUiCalendarAppArrowIconRight,
.sapMSinglePCBlockersColumns .sapUiCalendarAppArrowIconRight {
  top: 0;
  right: 0;
  padding-right: 0.125rem;
}
.sapMSinglePCAppointments .sapUiCalendarAppArrowIconLeft,
.sapMSinglePCBlockersColumns .sapUiCalendarAppArrowIconLeft {
  top: 0;
  left: 0;
  padding-left: 0.25rem;
}
.sapMSinglePCAppointments .sapUiCalendarAppIcon,
.sapMSinglePCBlockersColumns .sapUiCalendarAppIcon {
  left: 0;
  margin-right: 0;
  padding-left: 0.375rem;
}
.sapMSinglePCBlockersColumns .sapUiCalendarAppCont {
  align-items: center;
}
.sapMSinglePCBlockersColumns .sapUiCalendarApp > .sapUiCalendarAppCont > .sapUiCalendarAppIcon {
  top: 0;
}
.sapMSinglePCBlockersColumns .sapUiCalendarAppIcon + .sapUiCalendarAppTitle {
  padding-left: 0.375rem;
}
.sapMSinglePCAppointments .sapUiCalendarAppArrowIconLeft,
.sapMSinglePCAppointments .sapUiCalendarAppArrowIconRight {
  padding-top: 0.25rem;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {
  box-sizing: border-box;
  padding: 0.0625rem;
  position: absolute;
  pointer-events: all;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps:focus {
  outline: none;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps:focus .sapUiCalendarAppCont:after {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  content: "";
  border: 0.0625rem dotted #000;
  pointer-events: none;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp {
  border-left: 0;
  position: relative;
  min-width: auto;
  margin-left: 0.25rem;
  height: calc(100% - 0.0625rem);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp > .sapUiCalendarAppCont,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp:active > .sapUiCalendarAppCont,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont {
  pointer-events: none;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitle {
  padding-top: 0.2rem;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp1 > .sapUiCalendarAppText,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp2 > .sapUiCalendarAppText,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp3 > .sapUiCalendarAppText,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp4 > .sapUiCalendarAppText,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp5 > .sapUiCalendarAppText,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp6 > .sapUiCalendarAppText,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp7 > .sapUiCalendarAppText,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp8 > .sapUiCalendarAppText,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp9 > .sapUiCalendarAppText,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp1 > .sapUiCalendarAppTitle,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp2 > .sapUiCalendarAppTitle,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp3 > .sapUiCalendarAppTitle,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp4 > .sapUiCalendarAppTitle,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp5 > .sapUiCalendarAppTitle,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp6 > .sapUiCalendarAppTitle,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp7 > .sapUiCalendarAppTitle,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp8 > .sapUiCalendarAppTitle,
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp9 > .sapUiCalendarAppTitle {
  white-space: pre-line;
  word-break: break-all;
  overflow: hidden;
  line-height: 1rem;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp3 {
  max-height: 3.25rem;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp2 {
  max-height: 2.3rem;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp1 {
  max-height: 1.2rem;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp4 {
  max-height: 4.25rem;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp5 {
  max-height: 5.2rem;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp6 {
  max-height: 6.25rem;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp7 {
  max-height: 7.5rem;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp8 {
  max-height: 8.3rem;
}
.sapUiSizeCompact .sapMSinglePCBlockersColumns .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp {
  height: 1.438rem;
}
.sapUiSizeCompact .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitle {
  padding-top: 0.1rem;
}
.sapUiSizeCompact .sapMSinglePCGrid .sapUiCalendarAppIcon {
  top: 0.1rem;
}
.sapMSinglePCBlockersColumns .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp {
  height: 2rem;
}
.sapMSinglePCBlockersColumns .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitle {
  padding-top: 0;
}
.sapUiCalendarAppCont .sapUiIcon .sapUiCalendarAppArrowIcon {
  font-size: 0.75rem;
  color: #666666;
}
.sapMSinglePCGrid .sapUiCalendarRowApps {
  position: absolute;
  min-height: auto;
  height: auto;
  overflow: visible;
}
.sapMSinglePCGrid .sapUiAppCreate {
  border-top: 2px solid #bfbfbf;
  border-bottom: 2px solid #bfbfbf;
  border-right: 2px solid #bfbfbf;
}
.sapMSinglePCColumnHeader.sapUiCalRow,
.sapMSinglePCColumnHeader.sapUiCalRow.sapUiCalNoNameLine .sapUiCalItem {
  height: 2.75rem;
}
.sapMSinglePC .sapUiCalNoNameLine .sapUiCalItem > .sapUiCalItemText {
  padding-top: 0.75rem;
}
.sapUiSizeCompact .sapMSinglePCColumnHeader.sapUiCalRow,
.sapUiSizeCompact .sapMSinglePCColumnHeader.sapUiCalRow .sapUiCalItem {
  height: 2rem;
}
.sapUiSizeCompact .sapMSinglePCColumnHeader .sapUiCalItem {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  text-align: start;
}
.sapUiSizeCompact .sapMSinglePCColumnHeader .sapUiCalItem .sapUiCalItemText,
.sapUiSizeCompact .sapMSinglePCColumnHeader .sapUiCalItem .sapUiCalDayName {
  padding: 0;
  line-height: 2rem;
  height: auto;
  position: static;
}
.sapUiSizeCompact .sapMSinglePCColumnHeader .sapUiCalItem .sapUiCalDayName {
  text-align: end;
  padding-right: 0.5rem;
}
.sapUiSizeCompact .sapMSinglePCRow {
  height: 3rem;
}
.sapUiSizeCompact .sapMSinglePCColumnHeader .sapUiCalItem:focus > .sapUiCalItemText {
  outline: none;
}
.sapMSinglePCGrid .sapUiCalendarAppIcon {
  min-width: 1rem;
  position: relative;
  top: 0.2rem;
}
.sapMSinglePCOverlay {
  position: absolute;
  height: 100%;
  width: 100%;
  visibility: hidden;
}
.sapMSinglePCOverlayDragging {
  z-index: 3;
  visibility: visible;
}
.sapMSinglePCPlaceholder {
  height: 2.15625rem;
}
.sapUiSizeCompact .sapMSinglePCPlaceholder {
  height: 1.5rem;
}
.sapMSinglePCBlockersColumns .sapMSinglePCOverlay {
  display: flex;
}
.sapMSinglePCBlockersColumns .sapMSinglePCPlaceholder {
  flex: 1;
  height: auto;
}
.sapMSinglePCAppointmentWrap::before {
  content: '';
  height: calc(100% - 0.1875rem);
  position: absolute;
  border-radius: 0.125rem 0 0 0.125rem;
  border-left: 0.3125rem solid;
  border-left-color: inherit;
  box-sizing: border-box;
  z-index: 1;
}
.sapMSinglePCAppointments .sapMSinglePCAppointmentWrap::before {
  height: calc(100% - 0.1875rem);
  min-height: 0.125rem;
}
.sapMSinglePCBlockers .sapMSinglePCAppointmentWrap::before {
  height: calc(100% - 0.3875rem);
}
.sapMSinglePCAppResizeHandleBottom,
.sapMSinglePCAppResizeHandleTop {
  width: 100%;
  height: 5px;
  cursor: row-resize;
  display: block;
  position: absolute;
  z-index: 1;
}
.sapMSinglePCAppResizeHandleBottom {
  bottom: 0;
}
.sapMSinglePCAppResizeHandleTop {
  top: 0;
}
.sapMSinglePCAppointments .sapUiCalendarAppType01.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType01.sapMSinglePCAppointmentWrap {
  border-left-color: #d58215;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType01.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType01.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(255, 246, 224, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType01.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType01.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType01.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType01.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #d58215;
}
.sapMSinglePCGrid .sapUiCalItemType01.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #d58215, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType01.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType01 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #d58215;
}
.sapMSinglePCAppointments .sapUiCalendarAppType02.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType02.sapMSinglePCAppointmentWrap {
  border-left-color: #d76060;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType02.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType02.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(254, 238, 229, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType02.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType02.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType02.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType02.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #d76060;
}
.sapMSinglePCGrid .sapUiCalItemType02.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #d76060, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType02.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType02 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #d76060;
}
.sapMSinglePCAppointments .sapUiCalendarAppType03.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType03.sapMSinglePCAppointmentWrap {
  border-left-color: #db1f77;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType03.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType03.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(247, 230, 230, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType03.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType03.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType03.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType03.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #db1f77;
}
.sapMSinglePCGrid .sapUiCalItemType03.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #db1f77, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType03.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType03 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #db1f77;
}
.sapMSinglePCAppointments .sapUiCalendarAppType04.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType04.sapMSinglePCAppointmentWrap {
  border-left-color: #9b3b3b;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType04.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType04.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(249, 239, 233, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType04.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType04.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType04.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType04.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #9b3b3b;
}
.sapMSinglePCGrid .sapUiCalItemType04.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #9b3b3b, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType04.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType04 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #9b3b3b;
}
.sapMSinglePCAppointments .sapUiCalendarAppType05.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType05.sapMSinglePCAppointmentWrap {
  border-left-color: #cf5db3;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType05.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType05.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(253, 242, 250, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType05.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType05.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType05.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType05.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #cf5db3;
}
.sapMSinglePCGrid .sapUiCalItemType05.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #cf5db3, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType05.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType05 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #cf5db3;
}
.sapMSinglePCAppointments .sapUiCalendarAppType06.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType06.sapMSinglePCAppointmentWrap {
  border-left-color: #478fd6;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType06.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType06.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(235, 243, 250, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType06.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType06.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType06.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType06.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #478fd6;
}
.sapMSinglePCGrid .sapUiCalItemType06.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #478fd6, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType06.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType06 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #478fd6;
}
.sapMSinglePCAppointments .sapUiCalendarAppType07.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType07.sapMSinglePCAppointmentWrap {
  border-left-color: #1193a2;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType07.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType07.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(242, 253, 253, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType07.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType07.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType07.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType07.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #1193a2;
}
.sapMSinglePCGrid .sapUiCalItemType07.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #1193a2, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType07.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType07 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #1193a2;
}
.sapMSinglePCAppointments .sapUiCalendarAppType08.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType08.sapMSinglePCAppointmentWrap {
  border-left-color: #8b9668;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType08.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType08.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(243, 249, 228, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType08.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType08.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType08.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType08.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #8b9668;
}
.sapMSinglePCGrid .sapUiCalItemType08.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #8b9668, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType08.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType08 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #8b9668;
}
.sapMSinglePCAppointments .sapUiCalendarAppType09.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType09.sapMSinglePCAppointmentWrap {
  border-left-color: #6c8b99;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType09.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType09.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(241, 243, 244, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType09.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType09.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType09.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType09.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #6c8b99;
}
.sapMSinglePCGrid .sapUiCalItemType09.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #6c8b99, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType09.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType09 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #6c8b99;
}
.sapMSinglePCAppointments .sapUiCalendarAppType10.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType10.sapMSinglePCAppointmentWrap {
  border-left-color: #892971;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType10.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType10.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(247, 237, 245, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType10.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType10.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType10.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType10.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #892971;
}
.sapMSinglePCGrid .sapUiCalItemType10.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #892971, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType10.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType10 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #892971;
}
.sapMSinglePCAppointments .sapUiCalendarAppType11.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType11.sapMSinglePCAppointmentWrap {
  border-left-color: #725a3a;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType11.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType11.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(255, 238, 198, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType11.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType11.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType11.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType11.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #725a3a;
}
.sapMSinglePCGrid .sapUiCalItemType11.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #725a3a, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType11.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType11 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #725a3a;
}
.sapMSinglePCAppointments .sapUiCalendarAppType12.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType12.sapMSinglePCAppointmentWrap {
  border-left-color: #bb2f2f;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType12.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType12.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(251, 223, 206, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType12.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType12.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType12.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType12.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #bb2f2f;
}
.sapMSinglePCGrid .sapUiCalItemType12.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #bb2f2f, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType12.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType12 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #bb2f2f;
}
.sapMSinglePCAppointments .sapUiCalendarAppType13.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType13.sapMSinglePCAppointmentWrap {
  border-left-color: #d51f1f;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType13.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType13.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(255, 220, 220, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType13.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType13.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType13.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType13.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #d51f1f;
}
.sapMSinglePCGrid .sapUiCalItemType13.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #d51f1f, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType13.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType13 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #d51f1f;
}
.sapMSinglePCAppointments .sapUiCalendarAppType14.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType14.sapMSinglePCAppointmentWrap {
  border-left-color: #8b714f;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType14.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType14.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(242, 226, 216, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType14.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType14.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType14.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType14.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #8b714f;
}
.sapMSinglePCGrid .sapUiCalItemType14.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #8b714f, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType14.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType14 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #8b714f;
}
.sapMSinglePCAppointments .sapUiCalendarAppType15.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType15.sapMSinglePCAppointmentWrap {
  border-left-color: #606190;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType15.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType15.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(240, 229, 238, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType15.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType15.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType15.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType15.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #606190;
}
.sapMSinglePCGrid .sapUiCalItemType15.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #606190, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType15.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType15 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #606190;
}
.sapMSinglePCAppointments .sapUiCalendarAppType16.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType16.sapMSinglePCAppointmentWrap {
  border-left-color: #597da1;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType16.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType16.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(231, 232, 234, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType16.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType16.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType16.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType16.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #597da1;
}
.sapMSinglePCGrid .sapUiCalItemType16.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #597da1, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType16.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType16 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #597da1;
}
.sapMSinglePCAppointments .sapUiCalendarAppType17.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType17.sapMSinglePCAppointmentWrap {
  border-left-color: #49797e;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType17.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType17.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(215, 234, 234, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType17.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType17.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType17.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType17.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #49797e;
}
.sapMSinglePCGrid .sapUiCalItemType17.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #49797e, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType17.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType17 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #49797e;
}
.sapMSinglePCAppointments .sapUiCalendarAppType18.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType18.sapMSinglePCAppointmentWrap {
  border-left-color: #687a33;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType18.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType18.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(230, 237, 209, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType18.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType18.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType18.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType18.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #687a33;
}
.sapMSinglePCGrid .sapUiCalItemType18.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #687a33, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType18.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType18 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #687a33;
}
.sapMSinglePCAppointments .sapUiCalendarAppType19.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType19.sapMSinglePCAppointmentWrap {
  border-left-color: #295989;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType19.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType19.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(207, 235, 247, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType19.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType19.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType19.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType19.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #295989;
}
.sapMSinglePCGrid .sapUiCalItemType19.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #295989, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType19.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType19 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #295989;
}
.sapMSinglePCAppointments .sapUiCalendarAppType20.sapMSinglePCAppointmentWrap,
.sapMSinglePCBlockers .sapUiCalendarAppType20.sapMSinglePCAppointmentWrap {
  border-left-color: #5154bd;
}
.sapMSinglePCBlockers.sapUiCalendarRowVisFilled > .sapUiCalendarAppType20.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont,
.sapMSinglePCAppointments.sapUiCalendarRowVisFilled > .sapUiCalendarAppType20.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: rgba(240, 247, 250, 0.9);
}
.sapMSinglePCGrid .sapUiCalItemType20.sapUiCalItem:hover {
  border-radius: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalItemType20.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
.sapMSinglePCGrid .sapUiCalItemType20.sapUiCalItem .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType20.sapUiCalItem:not(.sapUiCalItemSel) {
  box-shadow: inset 0 -0.25rem 0 #5154bd;
}
.sapMSinglePCGrid .sapUiCalItemType20.sapUiCalItem.sapUiCalItemSel {
  box-shadow: inset 0 -0.25rem 0 #5154bd, inset 0 -0.25rem white;
}
.sapMSinglePCGrid .sapUiCalItemType20.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText {
  box-shadow: none;
}
.sapMSinglePCGrid .sapUiCalItemType20 .sapMSinglePCBlockersColumn {
  box-shadow: inset 0 0.25rem 0 #5154bd;
}
/* ====================================================== */
/* CSS for control sap.m/SinglePlanningCalendarMonthGrid  */
/* Base theme                                             */
/* ====================================================== */
.sapMSPCMonthGrid > :not(.sapMSinglePCGridContent) {
  margin-left: 4rem;
}
.sapMSPCMonthGrid .sapMSinglePCGridContent {
  flex-direction: column;
}
.sapMSPCMonthWeek {
  display: flex;
}
.sapMSPCMonthWeek .sapMSPCMonthDays {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  position: relative;
}
.sapMSPCMonthGrid .sapMSPCMonthWeek .sapMSPCMonthDays > .sapMSinglePCBlockers {
  left: 0;
  right: 0;
}
.sapMSPCMonthWeek > .sapMSPCMonthWeekNumber {
  text-align: right;
  box-sizing: border-box;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  background-color: #f7f7f7;
}
.sapMSPCMonthDay {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  border-left: 0.0625rem solid #e5e5e5;
  border-top: 0.0625rem solid #e5e5e5;
  box-sizing: border-box;
  background-color: #ffffff;
  position: relative;
  outline: none;
}
.specialDateIndicator {
  width: 1.75rem;
  height: 0.188rem;
  border-radius: 0.125rem;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0.063rem;
}
.sapMSPCMonthGrid .sapMSPCMonthDayNames {
  display: flex;
}
.sapMSPCMonthGrid .sapMSPCMonthDayNames > .sapUiCalWH {
  flex: 1 1;
}
.sapMSPCMonthDay.nonWorkingTimeframe {
  background-color: #fafafa;
}
.sapMSPCMonthNowMarker {
  border: 0.125rem solid #ab218e;
  height: inherit;
}
.sapMSPCMonthNowMarker .sapMSPCMonthDayNumber {
  padding-top: 0.4rem;
}
html.sap-desktop .sapMSPCMonthDay.sapMSPCMonthDayToday:focus .sapMSPCMonthNowMarker::after {
  content: "";
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  right: 0.125rem;
  bottom: 0.125rem;
  border: 0.0625rem dotted #000;
  pointer-events: none;
  z-index: 3;
}
.sapMSPCMonthDay.sapMSPCMonthDayToday .specialDateIndicator {
  top: 0.125rem;
  right: 0.125rem;
}
.sapMSPCMonthDayNumber {
  text-align: end;
  height: 1.75rem;
  padding-top: 0.5rem;
  padding-right: 0.375rem;
  box-sizing: border-box;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
}
.sapMSPCMonthGrid .sapMSPCMonthLnkMore {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 0.125rem;
  text-align: end;
  height: 2.125rem;
  line-height: 2.125rem;
}
.sapMSPCMonthGrid .sapMSinglePCPlaceholder {
  height: 100%;
}
.sapMSPCMonthDay {
  height: 8.25rem;
  min-width: 2.3125rem;
}
.sapMSPCMonthWeek > .sapMSPCMonthWeekNumber {
  width: 4rem;
  max-width: 4rem;
  padding-top: 0.25rem;
  padding-right: 0.375rem;
}
.specialDateIndicator {
  width: 1.75rem;
  height: 0.188rem;
}
.sapMSPCMonthGrid .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp {
  height: 2rem;
}
.sapMSPCMonthGrid .sapMSinglePCBlockers .sapUiCalendarAppCont {
  display: flex;
  align-items: center;
}
.sapMSPCMonthGrid .sapUiCalendarAppIcon + .sapUiCalendarAppTitle,
.sapMSPCMonthGrid .sapUiCalendarAppIcon + .sapUiCalendarAppTitle + .sapUiCalendarAppText {
  padding-left: 0.375rem;
}
.sapMSPCMonthGrid .sapUiCalendarAppIcon {
  top: initial;
}
html.sap-desktop .sapMSPCMonthDay:not(.sapMSPCMonthDayToday):focus::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0.0625rem dotted #000;
  pointer-events: none;
  z-index: 3;
}
.sapUiSizeCompact .sapMSPCMonthDay {
  height: 7.875rem;
  min-width: 2.3125rem;
}
.sapUiSizeCompact .sapMSPCMonthDayNumber {
  height: 1.5rem;
  padding-top: 0.313rem;
}
.sapUiSizeCompact .sapMSPCMonthGrid .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp {
  height: 1.438rem;
}
.sapUiSizeCompact .sapMSPCMonthGrid .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitle {
  padding-top: 0.1rem;
}
.sapUiSizeCompact .sapMSPCMonthGrid .sapUiCalendarAppIcon {
  top: 0.1rem;
}
.sapUiSizeCompact .sapMSPCMonthGrid .sapMSPCMonthLnkMore {
  height: 1.563rem;
  line-height: 1.563rem;
}
html.sap-phone .sapMSPCMonthGrid > :not(.sapMSinglePCGridContent) {
  margin-left: 0;
}
html.sap-phone .sapMSPCMonthGrid .sapMSPCMonthWeek > .sapMSPCMonthWeekNumber {
  width: 0;
  max-width: 0;
  padding-left: 0;
  padding-right: 0;
}
html.sap-phone .sapMSPCMonthDays.sapMSPCMonthDaysMax0,
html.sap-phone .sapMSPCMonthDays.sapMSPCMonthDaysMax1,
html.sap-phone .sapMSPCMonthDays.sapMSPCMonthDaysMax2 {
  height: 6.125rem;
}
html.sap-phone .sapMSPCMonthDays.sapMSPCMonthDaysMax0 .sapMSPCMonthDay,
html.sap-phone .sapMSPCMonthDays.sapMSPCMonthDaysMax1 .sapMSPCMonthDay,
html.sap-phone .sapMSPCMonthDays.sapMSPCMonthDaysMax2 .sapMSPCMonthDay {
  height: 100%;
}
html.sap-phone .sapUiSizeCompact .sapMSPCMonthDays.sapMSPCMonthDaysMax0,
html.sap-phone .sapUiSizeCompact .sapMSPCMonthDays.sapMSPCMonthDaysMax1,
html.sap-phone .sapUiSizeCompact .sapMSPCMonthDays.sapMSPCMonthDaysMax2 {
  height: 4.675rem;
}
html.sap-phone .sapUiSizeCompact .sapMSPCMonthDays.sapMSPCMonthDaysMax0 .sapMSPCMonthDay,
html.sap-phone .sapUiSizeCompact .sapMSPCMonthDays.sapMSPCMonthDaysMax1 .sapMSPCMonthDay,
html.sap-phone .sapUiSizeCompact .sapMSPCMonthDays.sapMSPCMonthDaysMax2 .sapMSPCMonthDay {
  height: 100%;
}
html.sap-phone .sapUiSizeCompact .sapMSPCMonthDays.sapMSPCMonthDaysMax3 {
  height: 6.275rem;
}
html.sap-phone .sapUiSizeCompact .sapMSPCMonthDays.sapMSPCMonthDaysMax3 .sapMSPCMonthDay {
  height: 100%;
}
/* ============================= */
/* CSS for control sap.m/Slider  */
/* Base theme                    */
/* ============================= */
/* ------------------------------ */
/* Slider commons styles          */
/* ------------------------------ */
.sapMSlider {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
  height: 3.3125rem;
  padding: 1.406rem 1.0625rem;
  z-index: 0;
}
.sapMSliderInner {
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  z-index: 1;
}
.sapUiLocalBusy .sapMSliderInner {
  z-index: 0;
}
.sapMSliderInner,
.sapMSliderProgress {
  height: 0.188rem;
}
.sapMSliderProgress,
.sapMSliderHandle {
  position: absolute;
}
.sapMSliderHandle {
  display: block;
  outline: none;
}
.sapMSliderInput {
  display: none;
}
.sapMSliderTickmarks {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0.625rem;
  left: 1.0625rem;
  right: 1.0625rem;
  display: block;
  height: 1.75rem;
  z-index: 0;
}
.sapMSliderTick {
  display: inline-block;
  height: 1rem;
  border-left: 0.0625rem solid #bfbfbf;
  margin: 0.4375rem 0 0 -0.0625rem;
}
.sapMSliderTickLabel {
  display: inline-block;
  position: absolute;
  width: 0.0625rem;
  background-color: #bfbfbf;
  margin: 0 0 0 -0.0625rem;
}
.sapMSliderTickLabel:last-child {
  right: 0;
}
.sapMSliderLabel {
  font-size: 0.75rem;
  padding-top: 0.5rem;
  display: block;
  width: 5rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  top: 1.75rem;
  left: -2.5rem;
  direction: ltr;
}
/* slider progress bar */
.sapMSliderProgress {
  background: #44a12c;
}
.sapMSliderProgress:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 500%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* slider handle */
.sapMSliderHandle {
  margin-left: -1rem;
  top: -0.91rem;
  height: 1.75rem;
  width: 1.75rem;
  direction: ltr;
  /* some browsers like Samsung Galaxy S4 with Android 4.2 does not support the "border-radius" shorthand property
	but does support the long-hand properties for each corner like "border-top-left-radius" */
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.sapMSliderHandle:before {
  content: '';
  position: absolute;
  width: 100%;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
/* focus */
html.sap-desktop .sapMSliderHandle:focus {
  outline: 1px dotted #000;
  outline-offset: 0.0625rem;
}
/* ============ */
/* compact size */
/* ============ */
/* slider */
.sapUiSizeCompact {
  /* slider handle */
}
.sapUiSizeCompact .sapMSlider {
  height: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.sapUiSizeCompact .sapMSliderHandle {
  height: 1.375rem;
  width: 1.375rem;
  margin-left: -0.8125rem;
  top: -0.75rem;
}
.sapUiSizeCompact .sapMSliderTickmarks {
  height: 1rem;
}
.sapUiSizeCompact .sapMSliderLabel {
  padding-top: 0.3125rem;
  top: 1rem;
}
.sapUiSizeCompact .sapMSliderTick {
  margin-top: 0.125rem;
  height: 0.75rem;
}
/* ============================= */
/* CSS for control sap.m/SliderTooltip  */
/* Base theme */
/* ============================= */
/* ------------------------------ */
/* Slider Tooltip styles          */
/* ------------------------------ */
.sapMSliderTooltip {
  position: relative;
  display: block;
  flex-shrink: 0;
  height: 1.625rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  visibility: visible;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.2), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
}
.sapMSliderTooltipInput {
  height: 100%;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-align: center;
  outline: none;
  -moz-appearance: textfield;
}
.sapMSliderTooltipInput::-webkit-outer-spin-button,
.sapMSliderTooltipInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.sapMSliderTooltipNonEditable {
  pointer-events: none;
}
.sapMSliderTooltipInput:-webkit-inner-spin-button,
.sapMSliderTooltipInput:-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.sapMSliderTooltipErrorState {
  border: 2px solid;
}
/* ============================= */
/* CSS for control sap.m/SliderTooltipContainer  */
/* Base theme */
/* ============================= */
.sapMSliderTooltipContainer {
  display: flex;
  position: absolute;
  justify-content: space-between;
  transition-property: left, right;
}
.sapMSliderTooltipContainerDisabled {
  opacity: 0.5;
  pointer-events: none;
}
/* ================================ */
/* CSS for control sap.m/SlideTile  */
/* Base theme                       */
/* ================================ */
.sapMST {
  background: transparent;
  position: relative;
  display: inline-block;
  font-size: 0;
  border-radius: 0.25rem;
  outline: none;
  box-shadow: 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
.sapMST .sapMSTOverflowHidden {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
}
.sapMST.sapMSTScopeActions .sapMSTMoreIcon {
  height: 1rem;
  position: absolute;
  right: 0.75rem;
  bottom: 0.563rem;
  z-index: 1;
  color: #666666;
  pointer-events: none;
}
.sapMST.sapMSTScopeActions .sapMSTMoreIcon:focus {
  outline: none;
}
.sapMST.sapMSTScopeActions .sapMSTRemoveButton {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  padding: 0px;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  z-index: 3;
  border: 1px solid #bfbfbf;
  background-color: #f7f7f7;
  color: #333333;
  overflow: visible;
  /* The touch area has a different size and is slightly moved to the left and bottom */
}
.sapMST.sapMSTScopeActions .sapMSTRemoveButton .sapMBtnFocusDiv {
  display: none;
}
.sapMST.sapMSTScopeActions .sapMSTRemoveButton .sapMBtnInner {
  width: 100%;
  height: 100%;
  min-width: 0px;
  border-radius: 50%;
  border: none;
  outline-offset: -2px;
}
.sapMST.sapMSTScopeActions .sapMSTRemoveButton .sapMBtnIcon {
  font-size: 0.75rem;
  margin: 0px;
  width: 100%;
}
.sapMST.sapMSTScopeActions .sapMSTRemoveButton .sapMBtnIcon:before {
  position: relative;
  top: -0.125rem;
}
.sapMST.sapMSTScopeActions .sapMSTRemoveButton:focus > .sapMFocusable {
  outline: none;
  border-radius: 50%;
}
.sapMST.sapMSTScopeActions .sapMSTRemoveButton:before {
  content: "";
  color: #666666;
  position: absolute;
  top: -1px;
  bottom: -0.6875rem;
  left: -0.6875rem;
  right: -0.0625rem;
}
.sapMSTWrapper {
  position: absolute;
  left: 100%;
}
.sapMSTWrapper > .sapMGT,
html.sap-desktop .sapMSTWrapper > .sapMGT:hover,
html.sap-phone .sapMGTHvrOutln:active,
html.sap-tablet .sapMGTHvrOutln:active {
  box-shadow: none !important;
}
.sapMST.OneByOne {
  width: 11rem;
  height: 11rem;
}
.sapMST.TwoByOne {
  width: 22.5rem;
  height: 11rem;
}
.sapMST.Stretch {
  width: 11rem;
  height: 11rem;
}
.sapMGTTileStretch {
  height: 100%;
  width: 100%;
}
.sapMGTTileStretch .sapMGT {
  height: 100%;
  width: 100%;
}
.sapMSTFocusDiv {
  position: absolute;
  pointer-events: none;
  left: 1px;
  top: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: 0.125rem;
}
/* Bulleted indicator of multiple tiles*/
.sapMSTBulleted {
  position: absolute;
  text-align: center;
  bottom: 0.25rem;
  width: 100%;
  z-index: 1;
  cursor: pointer;
}
.sapMSTBulleted > span {
  display: inline-block;
  height: 0.375rem;
  width: 0.375rem;
  margin: 0 0.25rem;
  border-radius: 50%;
}
.sapMST .sapMSTIconClickTapArea {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  height: 2rem;
  width: 2rem;
  z-index: 3;
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
}
.sapMST .sapMSTIconDisplayArea {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  height: 2rem;
  width: 2rem;
  z-index: 1;
  opacity: 0.3;
  overflow: hidden;
  border-radius: 50%;
}
html.sap-desktop .sapMST .sapMSTIconClickTapArea:hover ~ .sapMSTIconDisplayArea {
  opacity: 0.6;
}
html.sap-desktop .sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~ .sapMSTIconDisplayArea {
  opacity: 1;
}
.sapMST .sapMSTIconNestedArea {
  right: 0.75rem;
  top: 0.75rem;
  line-height: 2rem;
  height: 2rem;
  z-index: 1;
  position: absolute;
}
.sapMST .sapMSTIconNestedArea .sapUiIcon {
  width: 2rem;
  line-height: inherit;
}
html.sap-phone .sapMST .sapMSTIconClickTapArea,
html.sap-tablet .sapMST .sapMSTIconClickTapArea {
  right: 0.25rem;
  top: 0.25rem;
  height: 3rem;
  width: 3rem;
}
html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTIconDisplayArea,
html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTIconNestedArea,
html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTBulleted {
  visibility: hidden;
}
.sapMTileSmallPhone.sapMST.OneByOne {
  width: 9.25rem;
  height: 9.25rem;
}
.sapMTileSmallPhone.sapMST.TwoByOne {
  width: 19rem;
  height: 9.25rem;
}
.sapMTileSmallPhone.sapMSTBulleted {
  bottom: 0.188rem;
}
/* ================================== */
/* CSS for control sap.m/SplitButton  */
/* Base theme                         */
/* ================================== */
.sapMSB {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.sapMSB .sapMSBInner .sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
  margin-right: 2.5rem;
}
.sapMSB .sapMSBArrow {
  position: absolute;
  top: 0;
  right: 0;
}
.sapMSB .sapMSBArrow .sapMBtnIcon {
  font-size: 0.75rem;
}
.sapMSB .sapMSBText .sapMBtnInner {
  text-align: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
.sapMSB.sapMBtnTransparent .sapMSBText:hover .sapMBtnInner {
  border-right-width: 0.0625rem;
  padding-right: 0.5rem;
}
.sapMTB-Transparent-CTX .sapMSB .sapMSBText:hover .sapMBtnDefault.sapMBtnInner {
  border-right-width: 0.0625rem;
  padding-right: 0.5rem;
}
.sapMSB .sapMSBArrow .sapMBtnInner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.sapMSB:focus {
  outline: none;
}
.sapMSB:focus .sapMSBInner::after {
  content: '';
  pointer-events: none;
  position: absolute;
}
.sapMSBTextIE.sapMSBText {
  padding-right: 2.5rem;
}
.sapUiSizeCompact .sapMSB .sapMSBInner .sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
  margin-right: 2rem;
}
.sapUiSizeCompact .sapMSBTextIE.sapMSBText {
  padding-right: 2rem;
}
.sapUiSizeCompact .sapMSB .sapMSBInner .sapMSBArrow .sapMBtnIconFirst {
  padding-left: 0;
  padding-right: 0;
}
.sapUiSizeCompact .sapMTB-Transparent-CTX .sapMSB .sapMSBText:hover .sapMBtnDefault.sapMBtnInner {
  padding-right: 0.375rem;
}
.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
  top: 0.3125rem;
  bottom: 0.3125rem;
  left: 0.0625rem;
  right: 0.0625rem;
  border: 0.0625rem dotted #000;
}
.sapUiSizeCompact .sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
  top: 0.25rem;
  bottom: 0.25rem;
}
/* ===================================== */
/* CSS for control sap.m/SplitContainer  */
/* Base theme                            */
/* ===================================== */
.sapMSplitContainer {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.sapMSplitContainerMaster {
  box-sizing: border-box;
  width: 20rem;
  float: left;
  left: 0;
  z-index: 1;
  background-color: #ffffff;
  border-right: 0.0625rem solid #dddddd;
}
.sapMSplitContainerDetail {
  box-sizing: border-box;
  height: 100%;
}
/* Default Master Animation Behavior */
.sapMSplitContainerStretchCompress > .sapMSplitContainerMaster,
.sapMSplitContainerShowHide:not(.sapMSplitContainerPortrait) > .sapMSplitContainerMaster,
.sapMSplitContainerPopover:not(.sapMSplitContainerPortrait) > .sapMSplitContainerMaster {
  border-radius: 0;
}
.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMaster,
.sapMSplitContainerHideMode > .sapMSplitContainerMaster {
  display: inline-block;
  position: absolute;
  transform: translate3d(-330px, 0, 0);
  transition: all 0ms;
  -webkit-transform: translate3d(-330px, 0, 0);
  -webkit-transition: all 0ms;
  z-index: 5;
  top: 0;
  height: 100%;
  box-shadow: 0 0.375rem 0.75rem 0 rgba(0, 0, 0, 0.3), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
  border-right: #dddddd;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}
.sapMSplitContainerPopover > .sapMPopoverCont > .sapMPopoverScroll > .sapMSplitContainerMaster {
  border-right: none;
}
.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerDetail,
.sapMSplitContainerHideMode > .sapMSplitContainerDetail,
.sapMSplitContainerPopover .sapMSplitContainerDetail {
  margin-left: 0;
}
.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMasterVisible,
.sapMSplitContainerHideMode > .sapMSplitContainerMasterVisible {
  transform: translate3d(0, 0, 0);
  transition: all 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 300ms;
}
.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMasterHidden,
.sapMSplitContainerHideMode > .sapMSplitContainerMasterHidden {
  transform: translate3d(-330px, 0, 0);
  transition: all 300ms;
  -webkit-transform: translate3d(-330px, 0, 0);
  -webkit-transition: all 300ms;
  box-shadow: 0 0.375rem 0.75rem 0 rgba(0, 0, 0, 0.3), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
  visibility: hidden;
}
.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMasterHidden.sapMSplitContainerNoTransition,
.sapMSplitContainerHideMode > .sapMSplitContainerMasterHidden.sapMSplitContainerNoTransition {
  transition: none;
  -webkit-transition: none;
}
.sapMSplitContainerPortrait.sapMSplitContainerStretchCompress > .sapMSplitContainerMaster {
  width: 320px !important;
  left: 0;
}
/* Keyframe Animations */
@-webkit-keyframes sapMSplitContainerSlidein {
  from {
    width: 0px;
  }
  to {
    width: 320px;
  }
}
@-webkit-keyframes sapMSplitContainerSlideout {
  from {
    width: 320px;
  }
  to {
    width: 0px;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.7;
  }
}
@keyframes sapMSplitContainerSlideout {
  from {
    width: 320px;
  }
  to {
    width: 0px;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.7;
  }
}
.sapMSplitContainerPortrait .sapMSplitContainerMasterBtnShow {
  display: block;
  animation: fadeIn 300ms;
  -webkit-animation: fadeIn 300ms;
}
.sapMSplitContainerPortrait .sapMSplitContainerMasterBtnHide {
  animation: fadeOut 150ms;
  -webkit-animation: fadeOut 150ms;
}
.sapMSplitContainerMasterBtnShow {
  display: block;
  animation: fadeIn 1ms;
  -webkit-animation: fadeIn 1ms;
}
.sapMSplitContainerMasterBtnHide {
  animation: fadeOut 5ms;
  -webkit-animation: fadeOut 5ms;
}
.sapMSplitContainerMasterBtnHidden {
  display: none;
}
.sapMSplitContainerMobile {
  width: 100%;
  height: 100%;
}
.sapMSplitContainer > .sapMSplitContainerDetail .sapMSplitContainerHiddenChild {
  display: none;
}
html[data-sap-ui-animation='off'] .sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMaster,
html[data-sap-ui-animation='off'] .sapMSplitContainerHideMode > .sapMSplitContainerMaster {
  transition: all 1ms;
}
html[data-sap-ui-animation='off'] .sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMasterVisible,
html[data-sap-ui-animation='off'] .sapMSplitContainerHideMode > .sapMSplitContainerMasterVisible {
  transition: all 1ms;
}
html[data-sap-ui-animation='off'] .sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMasterHidden,
html[data-sap-ui-animation='off'] .sapMSplitContainerHideMode > .sapMSplitContainerMasterHidden {
  transition: all 1ms;
}
html[data-sap-ui-animation='off'] .sapMSplitContainerPortrait .sapMSplitContainerMasterBtnShow {
  animation: fadeIn 5ms;
  -webkit-animation: fadeIn 5ms;
}
html[data-sap-ui-animation='off'] .sapMSplitContainerPortrait .sapMSplitContainerMasterBtnHide {
  animation: fadeOut 5ms;
  -webkit-animation: fadeOut 5ms;
}
.sapMSplitContainerMaster .sapMPageHeader {
  background-color: #ffffff;
  box-shadow: inset 0 -1px #dddddd;
}
/* footer separator has priority */
.sapMSplitContainerMaster footer {
  z-index: 6;
}
.sapMPopoverCont .sapMSplitContainerMaster:after {
  /* popover has its own border, do not show separator */
  display: none;
}
/* ======================================= */
/* CSS for control sap.m/StandardListItem  */
/* Base theme                              */
/* ======================================= */
.sapMSLI {
  height: 3rem;
}
.sapMSLI.sapMSLIThumbnail,
.sapMSLI.sapMSLINoIconInset,
.sapMSLI.sapMSLIWithDescription,
.sapMSLI.sapMSLINoTitleAdapt {
  height: 4rem;
}
.sapMSLI > .sapMLIBContent {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.sapMSLIDescriptionAndInfo {
  display: flex;
  overflow: hidden;
}
.sapMSLIDiv {
  display: flex;
  flex: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sapMSLIWithDescription > .sapMLIBContent > .sapMSLIDiv {
  flex-direction: column;
}
.sapMSLINoTitleAdapt:not(.sapMSLIWithDescription) .sapMSLIDiv {
  height: 2.5625rem;
}
.sapMSLITitle,
.sapMSLITitleOnly,
.sapMSLIDescription,
.sapMSLIDescriptionText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
}
.sapMSLIThumbnail:not(.sapMSLIWrapping) > .sapMLIBContent > .sapMSLIDiv,
.sapMSLIDescriptionText {
  padding-bottom: 0.125rem;
}
/* flex does not work in IE11 as expected, hence adding width 100% when only title is displayed */
.sapMSLIDiv:not(.sapMSLIInfoMiddle) > .sapMSLITitleOnly {
  width: 100%;
}
.sapMSLITitle,
.sapMSLITitleOnly {
  font-size: 1rem;
  color: #333333;
}
.sapMSLIDescription,
.sapMSLIDescriptionText {
  font-size: 0.875rem;
  color: #666666;
}
.sapMSLIWithDescription > .sapMLIBContent > .sapMSLIDiv > .sapMSLIDescription {
  padding-top: 0.5rem;
}
.sapMSLIImgIcon,
.sapMSLIImg,
.sapMSLIImgNoInsetIcon,
.sapMSLIImgNoInset {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  flex: none;
}
.sapMSLIImgIcon,
.sapMSLIImgNoInsetIcon {
  font-family: "SAP-icons";
  font-size: 1.375rem;
  color: #666666;
}
.sapMSLIImgNoInsetIcon,
.sapMSLIImgNoInset,
.sapMSLIImg {
  font-size: 2.5rem;
  margin-right: 0.75rem;
}
.sapMLIBActive .sapMSLIImgNoInsetIcon,
.sapMLIBActive .sapMSLIImgIcon,
.sapMLIBActive .sapMSLIExpandCollapse {
  color: white;
  text-shadow: none;
}
.sapMLIBActive .sapMSLIInfo:not(.sapMSLIInfoStateInverted) {
  text-shadow: none;
}
.sapMSLIDiv.sapMSLIInfoMiddle {
  flex-direction: row;
}
.sapMSLIInfo {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  margin: 0 0 0 1rem;
  font-size: 0.875rem;
}
.sapMSLIWrapping .sapMSLIInfo {
  white-space: normal;
  word-break: break-word;
}
.sapMSLIInfo:not(.sapMSLIInfoStateInverted) {
  text-shadow: none;
}
.sapMSLIInfoMiddle > .sapMSLIInfo {
  padding: 0;
}
/* The info is aligned right and therefore in RTL mode should be aligned on the left */
html[dir=rtl] .sapMSLIInfo {
  text-align: left;
}
.sapMSLIInfoNone {
  color: #000;
}
.sapMSLIInfoError {
  color: #cc1919;
}
.sapMSLIInfoWarning {
  color: #d14900;
}
.sapMSLIInfoSuccess {
  color: #007833;
}
.sapMSLIInfoInformation {
  color: #007cc0;
}
/* inverted info text */
.sapMSLIInfoStateInverted {
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  border-radius: 0.25rem;
  box-sizing: border-box;
  height: 0.875rem;
  line-height: calc(0.75rem - 0.0625rem);
}
.sapMSLIInfo.sapMSLIInfoStateInverted {
  padding: 0.0625rem 0.25rem;
  text-align: center;
}
.sapMSLIInfoStateInverted.sapMSLIInfoNone {
  background: #007cc0;
}
.sapMSLIInfoStateInverted.sapMSLIInfoError {
  background: #cc1919;
}
.sapMSLIInfoStateInverted.sapMSLIInfoWarning {
  background: #d14900;
}
.sapMSLIInfoStateInverted.sapMSLIInfoSuccess {
  background: #007833;
}
.sapMSLIInfoStateInverted.sapMSLIInfoInformation {
  background: #007cc0;
}
/* Wrapping */
.sapMSLI.sapMSLIWrapping {
  height: auto;
  min-height: 3rem;
}
.sapMSLIWithDescription.sapMSLIWrapping,
.sapMSLINoIconInset.sapMSLIWrapping,
.sapMSLINoTitleAdapt.sapMSLIWrapping {
  min-height: 5rem;
}
.sapMSLIWrapping .sapMSLITitle,
.sapMSLIWrapping .sapMSLITitleOnly,
.sapMSLIWrapping .sapMSLIDescription,
.sapMSLIWrapping .sapMSLIDescriptionText {
  white-space: normal;
  word-wrap: break-word;
}
.sapMSLINoTitleAdapt > .sapMLIBSelectS,
.sapMSLINoTitleAdapt > .sapMLIBSelectM,
.sapMSLIWithDescription > .sapMLIBSelectS,
.sapMSLIWithDescription > .sapMLIBSelectM,
.sapMSLIWrapping > .sapMLIBSelectS,
.sapMSLIWrapping > .sapMLIBSelectM,
.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImgIcon,
.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImg,
.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImgNoInsetIcon,
.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImgNoInset {
  align-self: unset;
  margin-top: unset;
}
.sapMSLIWrapping.sapMSLINoIconInset > .sapMLIBContent > .sapMSLIImgNoInsetIcon,
.sapMSLIWrapping.sapMSLINoIconInset > .sapMLIBContent > .sapMSLIImgNoInset,
.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImg {
  margin-top: 0.75rem;
}
.sapMSLIWrapping > .sapMLIBContent > .sapMSLIDiv {
  padding: 1rem 0;
}
.sapMSLINoTitleAdapt.sapMSLIWrapping > .sapMLIBContent > .sapMSLIDiv > .sapMSLITitleOnly {
  padding: 0;
}
.sapMSLIWrapping .sapMSLITitleOnly > .sapMSLIInfo,
.sapMSLIWrapping .sapMSLIDescriptionText > .sapMSLIInfo {
  float: right;
}
.sapMSLIExpandCollapse {
  color: #44a12c;
  cursor: pointer;
  padding: 0 1px;
}
.sapMSLIExpandCollapse:hover {
  color: #44a12c;
  text-decoration: underline;
}
.sapMSLIExpandCollapse:focus {
  outline: 1px dotted #000;
}
.sapMSLIImgIcon {
  margin-left: -0.75rem;
}
/* Compact size */
.sapUiSizeCompact .sapMSLI {
  height: 2rem;
}
.sapUiSizeCompact .sapMSLI.sapMSLIThumbnail,
.sapUiSizeCompact .sapMSLI.sapMSLINoIconInset,
.sapUiSizeCompact .sapMSLI.sapMSLIWithDescription,
.sapUiSizeCompact .sapMSLI.sapMSLINoTitleAdapt {
  height: 5rem;
}
.sapUiSizeCompact .sapMSLI.sapMSLIWrapping {
  height: auto;
  min-height: 2rem;
}
.sapUiSizeCompact .sapMSLI.sapMSLIWithDescription.sapMSLIWrapping,
.sapUiSizeCompact .sapMSLI.sapMSLINoIconInset.sapMSLIWrapping,
.sapUiSizeCompact .sapMSLI.sapMSLINoTitleAdapt.sapMSLIWrapping {
  min-height: 5rem;
}
.sapUiSizeCompact .sapMSLIThumbnail:not(.sapMSLIWrapping) > .sapMLIBContent > .sapMSLIDiv {
  padding: 0.25rem 0;
}
.sapUiSizeCompact .sapMSLITitle,
.sapUiSizeCompact .sapMSLITitleOnly {
  font-size: 0.875rem;
}
.sapUiSizeCompact .sapMSLIImgIcon {
  height: 2rem;
  line-height: 2rem;
  font-size: 1rem;
}
.sapUiSizeCompact .sapMSLI.sapMSLIWrapping > .sapMLIBSelectS,
.sapUiSizeCompact .sapMSLI.sapMSLIWrapping > .sapMLIBSelectM,
.sapUiSizeCompact .sapMSLI.sapMSLIWithDescription > .sapMLIBSelectS,
.sapUiSizeCompact .sapMSLI.sapMSLIWithDescription > .sapMLIBSelectM,
.sapUiSizeCompact .sapMSLI.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImgIcon {
  margin-top: 0.5rem;
}
/* ======================================= */
/* CSS for control sap.m/StandardTreeItem  */
/* Base theme                              */
/* ======================================= */
.sapMSTIIcon {
  margin: 0.5rem 0.75rem 0.5rem 0rem;
  color: #666666;
  font-size: 1rem;
  height: 1rem;
  width: 1rem;
  vertical-align: middle;
  flex-shrink: 0;
}
.sapMSTI > .sapMLIBContent {
  word-break: break-word;
}
/* =================================== */
/* CSS for control sap.m/StandardTile  */
/* Base theme                          */
/* =================================== */
.sapMStdTileTopRow {
  height: 4rem;
  padding: 1rem 1rem 0 1rem;
  margin-bottom: 1rem;
}
.sapMStdTileIconDiv {
  display: inline-block;
  float: left;
}
.sapMStdTileNumDiv {
  display: inline-block;
  float: right;
  width: 7.5rem;
  height: 4rem;
}
.sapMStdTileNum,
.sapMStdTileNumM,
.sapMStdTileNumS {
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
  line-height: 1em;
  font-family: 'Arial Narrow', HelveticaNeue-CondensedBold, Arial, sans-serif;
  font-stretch: condensed;
  /* for Firefox */
  color: #666666;
}
.sapMStdTileNum {
  font-size: 3rem;
  margin-top: -0.437rem;
}
.sapMStdTileNumM {
  font-size: 2.25rem;
  margin-top: -0.25rem;
}
.sapMStdTileNumS {
  font-size: 1.5rem;
  margin-top: -0.125rem;
}
.sapMStdTileNumUnit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  text-transform: uppercase;
  font-size: 0.875rem;
}
.sapMStdTileTitle {
  line-height: 1.4rem;
  vertical-align: top;
  text-align: left;
  font-size: 1rem;
  height: 4rem;
  width: 100%;
  overflow: hidden;
  word-break: break-word;
}
html[dir=rtl] .sapMStdTileTitle {
  text-align: right;
}
.sapMStdTileInfo {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  font-size: 0.875rem;
  margin-top: 2rem;
}
html[dir=rtl] .sapMStdTileNum,
html[dir=rtl] .sapMStdTileNumM,
html[dir=rtl] .sapMStdTileNumS,
html[dir=rtl] .sapMStdTileNumUnit,
html[dir=rtl] .sapMStdTileInfo {
  text-align: left;
}
.sapMStdTileBottomRow {
  height: 7rem;
  padding: 0 1rem 1rem 1rem;
}
.sapMStdTileMonitorType {
  margin-top: -2rem;
  padding-top: 2rem;
  background-color: #ffffff;
}
.sapMStdTileBottomRow .sapMStdTileMonitorType {
  height: 10rem;
}
html.sap-phone .sapMStdTileTopRow {
  height: 3rem;
  margin-bottom: 0;
}
html.sap-phone .sapMStdTileNumDiv {
  width: 5rem;
  height: 3rem;
}
html.sap-phone .sapMStdTileNumUnit {
  font-size: 0.75rem;
}
html.sap-phone .sapMStdTileBottomRow {
  height: 5rem;
}
html.sap-phone .sapMStdTileMonitorType {
  margin-top: -1rem;
  padding-top: 1rem;
}
html.sap-phone .sapMStdTileTitle {
  line-height: 1.2rem;
  font-size: 0.875rem;
  height: 4rem;
  margin-bottom: 0;
}
html.sap-phone .sapMStdTileInfo {
  height: 1rem;
  font-size: 0.75rem;
  width: 100%;
  margin-top: 0;
}
html.sap-phone .sapMStdTileNum {
  font-size: 2.375rem;
}
html.sap-phone .sapMStdTileNumM {
  font-size: 1.5rem;
}
html.sap-phone .sapMStdTileNumS {
  font-size: 1rem;
}
.sapMStdTileIconDiv,
.sapMStdTileTitle {
  color: #333333;
}
.sapMStdIconMonitor {
  color: #666666;
}
.sapMStdIconCreate {
  color: #666666;
}
.sapMStdTileNumUnit {
  color: #666666;
  text-transform: uppercase;
}
.sapMStdTileInfo {
  color: #666666;
}
.sapMStdTileInfoError {
  color: #cc1919;
}
.sapMStdTileInfoWarning {
  color: #d14900;
}
.sapMStdTileInfoSuccess {
  color: #007833;
}
.sapMTileActive-CTX .sapMStdIconCreate {
  opacity: 1;
}
.sapMTileActive-CTX .sapMStdTileInfoWarning,
.sapMTileActive-CTX .sapMStdTileInfoSuccess,
.sapMTileActive-CTX .sapMStdTileInfoError,
.sapMTileActive-CTX .sapMStdTileTitle,
.sapMTileActive-CTX .sapMStdTileNumUnit,
.sapMTileActive-CTX .sapMStdTileNum,
.sapMTileActive-CTX .sapMStdTileNumM,
.sapMTileActive-CTX .sapMStdTileNumS,
.sapMTileActive-CTX .sapMStdTileInfo,
.sapMTileActive-CTX .sapMStdTileMonitorType {
  color: #fff;
}
.sapMTileActive-CTX .sapMStdTileIconDiv,
.sapMTileActive-CTX .sapMStdIconMonitor,
.sapMTileActive-CTX .sapMStdIconCreate {
  color: #fff;
}
/* ================================ */
/* CSS for control sap.m/StepInput  */
/* Base theme                       */
/* ================================ */
.sapMStepInput {
  display: inline-block;
  width: 100%;
  outline: none;
}
.sapMStepInput .sapUiIcon:focus {
  outline: none;
}
.sapMStepInput .sapMStepInputIconDisabled {
  opacity: 0.5;
  pointer-events: none;
}
.sapMStepInput:focus .sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMStepInputReadOnly)::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border: 1px dotted #000;
  pointer-events: none;
}
/* ===================================== */
/* CSS for control sap.m/SuggestionItem  */
/* Base theme                            */
/* ===================================== */
.sapMSuggestionItemIcon {
  margin-right: 0.5rem;
  margin-left: -0.5rem;
}
/* ============================== */
/* CSS for control sap.m/Support  */
/* Base theme                     */
/* ============================== */
html.sap-phone .sapMSupport .sapMDialogScrollCont {
  padding: 0;
}
.sapMSupport .sapUiSupportLabel {
  font-weight: bold;
}
.sapMSupport .sapUiSupportTechInfoBorder {
  border: 1px solid #e5e5e5;
}
.sapMSupport .sapUiSupportTxtFld,
.sapMSupport .sapUiSupportBtn {
  border: 1px solid #bfbfbf;
  font-size: 14px;
  height: 22px;
  box-sizing: border-box;
  margin-left: 10px;
}
.sapMSupport .sapUiSupportTxtArea {
  width: 100%;
  height: 50px;
  margin-top: 5px;
  resize: none;
  box-sizing: border-box;
}
.sapMSupport .sapUiSupportPnlLbl {
  display: block;
}
.sapMSupport .sapUiSupportDiv {
  margin-top: 5px;
}
.sapMSupport .sapUiSupportTxtFld {
  background-color: #ffffff;
  padding: 1px;
}
.sapMSupport .sapUiSupportTxtFld:focus {
  outline: 1px dashed #000;
  outline-offset: 2px;
}
.sapMSupport .sapUiSupportBtn {
  background-color: #f7f7f7;
  border-color: #bfbfbf;
  padding-bottom: 3px;
  cursor: pointer;
}
.sapMSupport .sapUiSupportBtn:focus,
.sapMSupport .sapUiSupportBtn.sapUiSupportRunningTrace {
  outline: 1px dashed #000;
  outline-offset: 2px;
}
.sapMSupport .sapUiSupportBtn.sapUiSupportRunningTrace {
  cursor: default;
}
/* ============================= */
/* CSS for control sap.m/Switch  */
/* Base theme                    */
/* ============================= */
/* ------------------------------ */
/* Switch required variables      */
/* ------------------------------ */
/* ------------------------------ */
/* Switch common styles           */
/* ------------------------------ */
.sapMSwtText,
.sapMSwtHandle,
.sapMSwtInner {
  position: absolute;
}
.sapMSwtCont,
.sapMSwt {
  position: relative;
}
.sapMSwtText,
.sapMSwtAcceptReject .sapMSwtHandle {
  box-sizing: border-box;
}
/* ------------------------------ */
/* Switch container               */
/* ------------------------------ */
.sapMSwtCont {
  display: inline-block;
  vertical-align: top;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0.5rem 0 0.5rem 0;
}
.sapMSwtCont:not(.sapMSwtContDisabled) {
  cursor: pointer;
}
.sapMSwtCont > input {
  display: none;
}
/* ------------------------------ */
/* Switch                         */
/* ------------------------------ */
.sapMSwt {
  outline: none;
  width: 4rem;
  height: 2rem;
  /* use px instead of rem, borders sized in "rem" disappear when the page is zoomed out in Chrome. */
  border: 1px solid;
  /* 1px margin from left and right, so the outline doesn't get cropped when focuses */
  margin: 0 1px;
  /* note: some browsers like Samsung Galaxy S4 with Android 4.2 does not support the "border-radius" shorthand property
	but does support the long-hand properties for each corner like "border-top-left-radius" */
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  overflow: hidden;
}
/* background */
.sapMSwtOn:not(.sapMSwtAcceptReject) {
  background: #44a12c;
  border-color: #3c8d27;
}
.sapMSwtOff:not(.sapMSwtAcceptReject) {
  background: #f7f7f7;
  border-color: #bfbfbf;
}
/* hover */
.sapMSwt.sapMSwtHoverable:hover {
  background: #eaeaea;
}
.sapMSwt.sapMSwtHoverable:not(.sapMSwtAcceptReject):hover {
  border-color: #bfbfbf;
}
.sapMSwtHoverable.sapMSwtOn:not(.sapMSwtAcceptReject):hover {
  background: #3c8d27;
  border-color: #3c8d27;
}
/* focus */
.sapMSwtDisabled:focus {
  outline: none;
}
/* ------------------------------ */
/* Switch inner                   */
/* ------------------------------ */
.sapMSwtInner {
  width: 100%;
  height: 100%;
}
.sapMSwtOff > .sapMSwtInner {
  left: -2rem;
}
.sapMSwtOn > .sapMSwtInner {
  left: 0;
}
/* CSS transitions */
.sapMSwtTrans > .sapMSwtInner {
  -webkit-transition: left 0.125s ease-in-out;
  transition: left 0.125s ease-in-out;
}
html[dir=rtl] .sapMSwtTrans > .sapMSwtInner {
  -webkit-transition-property: right;
  transition-property: right;
}
/* ------------------------------ */
/* Switch text                    */
/* ------------------------------ */
.sapMSwtText {
  text-align: center;
  font-size: 0.75rem;
  width: 100%;
  line-height: 2rem;
}
.sapMSwtLabel {
  display: block;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
  width: 1.875rem;
  padding: 0 0.1875rem;
  text-transform: uppercase;
  line-height: inherit;
}
.sapMSwtOn .sapMSwtText {
  color: #fff;
}
.sapMSwtOff .sapMSwtText {
  color: #666666;
}
.sapMSwtTextOff {
  left: 2rem;
}
.sapMSwtLabelOff {
  float: right;
}
.sapMSwt.sapMSwtDefault.sapMSwtOff .sapMSwtTextOn .sapMSwtLabel,
.sapMSwt.sapMSwtDefault.sapMSwtOn .sapMSwtTextOff .sapMSwtLabel {
  width: 1.6rem;
}
/* ------------------------------ */
/* Switch handler                 */
/* ------------------------------ */
.sapMSwtHandle {
  display: block;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.5rem;
  height: 1.5rem;
  left: 2.25rem;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* background */
.sapMSwtOn .sapMSwtHandle {
  background: transparent;
  box-sizing: border-box;
  border: 2px solid #fff;
}
.sapMSwtOff .sapMSwtHandle {
  background: transparent;
  box-sizing: border-box;
  border: 2px solid #bfbfbf;
}
/* ====================================================== */
/* switch type "AcceptReject"                             */
/* ====================================================== */
/* ----------------------------------------- */
/* Switch type "AcceptReject" common styles  */
/* ----------------------------------------- */
/* background */
.sapMSwtAcceptReject.sapMSwtOn {
  border-color: #007833;
}
.sapMSwtAcceptReject.sapMSwtOff {
  border-color: #cc1919;
}
/* ------------------------------ */
/* Switch                         */
/* ------------------------------ */
/* background */
.sapMSwtAcceptReject.sapMSwt {
  background: #f7f7f7;
}
/* ------------------------------ */
/* Switch text                    */
/* ------------------------------ */
.sapMSwtAcceptReject .sapMSwtLabelOn::before,
.sapMSwtAcceptReject .sapMSwtLabelOff::before {
  font-family: 'SAP-icons';
  speak: none;
}
/* icon fonts */
.sapMSwtAcceptReject .sapMSwtLabel {
  font-size: 1rem;
}
.sapMSwtAcceptReject .sapMSwtLabelOn::before {
  content: "\e05b";
  color: #007833;
}
.sapMSwtAcceptReject .sapMSwtLabelOff::before {
  content: "\e03e";
  color: #cc1919;
}
/* ------------------------------ */
/* Switch handler                 */
/* ------------------------------ */
.sapMSwtAcceptReject .sapMSwtHandle {
  background: transparent;
  border-style: solid;
  border-width: 0.125rem;
}
.sapMSwtAcceptReject.sapMSwtOn .sapMSwtHandle {
  border-color: #007833;
}
.sapMSwtAcceptReject.sapMSwtOff .sapMSwtHandle {
  border-color: #cc1919;
}
/* ============ */
/* compact size */
/* ============ */
/* ------------------------------ */
/* Switch container               */
/* ------------------------------ */
.sapUiSizeCompact .sapMSwtCont {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
/* ------------------------------ */
/* Switch                         */
/* ------------------------------ */
.sapUiSizeCompact .sapMSwt {
  width: 3.5rem;
  height: 1.625rem;
}
/* ------------------------------ */
/* Switch text                    */
/* ------------------------------ */
.sapUiSizeCompact .sapMSwtText {
  line-height: 1.625rem;
}
/* ------------------------------ */
/* Switch handler                 */
/* ------------------------------ */
.sapUiSizeCompact .sapMSwtHandle {
  height: 1rem;
  width: 1rem;
}
/* =================================== */
/* CSS for control sap.m/TabContainer  */
/* Base theme                          */
/* =================================== */
.sapMTabContainer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.sapMTabContainer .sapMTabContainerContent {
  position: relative;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.sapMTabContainer .sapMTabContainerContent .sapMTabContainerInnerContent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapMTabContainer.sapUiContentPadding > .sapMTabContainerContent > .sapMTabContainerInnerContent {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMTabContainer.sapUiResponsiveContentPadding > .sapMTabContainerContent > .sapMTabContainerInnerContent,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapMTabContainer.sapUiResponsiveContentPadding > .sapMTabContainerContent > .sapMTabContainerInnerContent,
  .sapMTabContainer.sapUiResponsiveContentPadding > .sapMTabContainerContent > .sapMTabContainerInnerContent {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMTabContainer.sapUiResponsiveContentPadding > .sapMTabContainerContent > .sapMTabContainerInnerContent,
  .sapMTabContainer.sapUiResponsiveContentPadding > .sapMTabContainerContent > .sapMTabContainerInnerContent {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMTabContainer.sapUiResponsiveContentPadding > .sapMTabContainerContent > .sapMTabContainerInnerContent,
  .sapMTabContainer.sapUiResponsiveContentPadding > .sapMTabContainerContent > .sapMTabContainerInnerContent {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapMTabContainer.sapUiResponsiveContentPadding > .sapMTabContainerContent > .sapMTabContainerInnerContent {
  padding: 0;
}
.sapMSplitContainerDetail .sapMTabContainer.sapUiResponsiveContentPadding > .sapMTabContainerContent > .sapMTabContainerInnerContent {
  padding: 1rem;
}
.sapMTabContainer.sapUiNoContentPadding > .sapMTabContainerContent > .sapMTabContainerInnerContent {
  padding: 0;
}
.sapMTabContainer .sapMTabContainerContentTransparent {
  background-color: transparent;
}
.sapMTabContainer .sapMTabContainerContentList {
  background-color: #ffffff;
}
.sapMTabContainer .sapMTabContainerContentSolid {
  background-color: #f2f2f2;
}
.sapMTabContainer .sapMTabContainerContentStandard {
  background-color: #f2f2f2;
}
/* ============================ */
/* CSS for control sap.m/Table  */
/* Base theme                   */
/* ============================ */
.sapMListTbl {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.sapMTableDisableClearAll {
  opacity: 0.3;
  pointer-events: none;
}
.sapMListTbl .sapMLIB {
  display: table-row;
}
.sapMListTbl .sapMTableTH:focus,
.sapMListTbl td:focus {
  outline: none;
}
.sapMListTblCellNoData {
  text-align: center;
  white-space: pre-wrap;
}
.sapMListTblHeaderNone {
  height: 0;
}
.sapMListTblCellDup > .sapMListTblCellDupCnt {
  /* hide content visually but have it available for screen readers */
  position: absolute;
  clip: rect(0, 0, 0, 0);
  height: 0;
}
tr.sapMListTblHeaderNone > .sapMTableTH {
  border: 0;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.sapMListTblHeaderNone > .sapMListTblSelCol > .sapMCb,
.sapMListTblHeaderNone > .sapMListTblCell > * {
  display: none;
}
/**
 * For compatibility reasons text alignment should inherit from the table headers & cells.
 * Default value of textAlign property is Begin(not Initial) for the following controls
 * therefore they always set text-align as a style attribute in DOM, this blocks
 * alignment inheritance from the table headers & cells.
 */
.sapMColumnHeader > .sapMLabel,
.sapMColumnHeader > .sapMText,
.sapMListTblCell > .sapMSlt > .sapMSltLabel,
.sapMListTblCell > .sapMObjectNumber,
.sapMListTblCell > .sapMLabel,
.sapMListTblCell > .sapMText {
  text-align: inherit !important;
}
.sapMListTblNone {
  display: none;
}
.sapMListTblSelCol,
.sapMListTblCell,
.sapMListTblNavCol {
  vertical-align: middle;
}
.sapMListTblNavCol {
  width: 0;
  line-height: 3rem;
}
.sapMListTblUnreadCol {
  width: 1.74rem;
}
.sapMListTblSubCnt {
  display: block;
}
.sapMListTblSubCntRow {
  overflow: hidden;
}
.sapMListTblSubCntSpr,
.sapMListTblSubCntHdr,
.sapMListTblSubCntVal {
  display: inline-flex;
}
.sapMListTblSubCntValBlock {
  display: block;
}
.sapMListTblHighlightCol,
.sapMListTblNavigatedCol {
  width: 0;
  padding: 0;
}
.sapMListTblHighlightCol + .sapMListTblHeaderCell,
.sapMListTblHighlightCell + .sapMListTblCell {
  padding-left: 1rem;
}
.sapMListHighlight .sapMListTblHighlightCol {
  width: 0.4375rem;
  min-width: 0.4375rem;
}
.sapMListNavigated .sapMListTblNavigatedCol {
  width: 0.1875rem;
}
.sapMListTblHighlightCell,
.sapMListTblNavigatedCell {
  padding: 0;
  position: relative;
  overflow: hidden;
}
/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapMListTbl.sapUiContentPadding {
  padding: 1rem;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMListTbl.sapUiResponsiveContentPadding,
  .sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapMListTbl.sapUiResponsiveContentPadding,
  .sapMListTbl.sapUiResponsiveContentPadding {
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMListTbl.sapUiResponsiveContentPadding,
  .sapMListTbl.sapUiResponsiveContentPadding {
    padding: 1rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1024px) {
  .sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapMListTbl.sapUiResponsiveContentPadding,
  .sapMListTbl.sapUiResponsiveContentPadding {
    padding: 1rem 2rem;
    box-sizing: border-box;
  }
}
.sapMSplitContainerMaster .sapMListTbl.sapUiResponsiveContentPadding {
  padding: 0;
}
.sapMSplitContainerDetail .sapMListTbl.sapUiResponsiveContentPadding {
  padding: 1rem;
}
.sapMListTbl.sapUiNoContentPadding {
  padding: 0;
}
.sapMListTblNavCol,
.sapMListTblSelCol {
  padding: 0;
}
.sapMListTblUnreadCol {
  display: none;
}
.sapMListTbl {
  font-size: 0.875rem;
}
.sapMListTbl .sapMText,
.sapMListTbl .sapMLabel {
  font-size: 0.875rem;
  color: #333333;
  font-weight: normal;
}
.sapMListTbl .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon):not(.sapFAvatarTypeIcon) {
  font-size: 1rem;
}
.sapMListTblCell {
  padding: 0.875rem 0.5rem;
  font-size: 0.875rem;
  overflow: hidden;
  overflow: clip;
}
/* Ensuring that the row height is not smaller that 3rem in Cozy mode */
.sapMListTblRow {
  height: 48px;
}
.sapMListTblCell.sapMListTblCellNoData {
  font-size: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  line-height: 1.6;
  border-bottom: 1px solid #e5e5e5;
}
.sapMListTblNone:first-child + .sapMListTblCell {
  padding-left: 1rem;
}
.sapMListTblCell.sapMListTblCellNoData {
  padding-right: 1rem;
}
.sapMListTblSelCol,
.sapMListTblHasNav .sapMListTblNavCol {
  width: 3rem;
}
.sapMLIB.sapMListTblRow {
  border-bottom: 0;
}
.sapMListTblCell.sapMListTblCellDup {
  border-color: transparent;
}
/* table column header */
.sapMTableTH {
  background: #f7f7f7;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: middle;
}
/* backgound-clip is required in other browsers, so that focus outline is visible on all sides of the header row */
.sapMSticky .sapMListTblHeader:focus > .sapMTableTH {
  background-clip: padding-box;
}
/* sticky headerToolbar, infoToolbar and column headers */
.sapMSticky .sapMListTblHeader {
  position: sticky;
  z-index: 1;
}
/* .sapMSticky7 denotes that the headerToolbar, infoToolbar and column headers are sticky */
/* .sapMSticky6 denotes that the infoToolbar and column headers are sticky */
/* .sapMSticky5 denotes that the headerToolbar and column headers are sticky */
/* .sapMSticky4 denotes that only the column headers are sticky */
/* top: 0 sticky conditions : 1st sticky elements */
.sapMSticky4 .sapMListTblHeader,
.sapMSticky5 > .sapMListHdr,
.sapMSticky6 > .sapMListInfoTBarContainer,
.sapMSticky7 > .sapMListHdr {
  top: 0;
}
/* top: 2rem sticky conditions : 2nd sticky elements */
.sapMSticky6 .sapMListTblHeader {
  top: 2rem;
}
/* top: 3rem sticky conditions : 2nd sticky elements */
.sapMSticky5 .sapMListTblHeader,
.sapMSticky7 > .sapMListInfoTBarContainer {
  top: 48px;
}
/* top: 5rem conditions : 3rd sticky elements */
.sapMSticky7 .sapMListTblHeader {
  top: 50px;
}
/* busyIndicator should not block the toolbars if <table> is set busy */
.sapMSticky > .sapMListTbl > .sapUiLocalBusyIndicator {
  z-index: 1;
}
/* table footer */
.sapMListTblFooter > td {
  border-top: 1px solid #cccccc;
}
/* footer text should be bold */
.sapMListTblFooter .sapMText,
.sapMListTblFooter .sapMLabel {
  font-weight: bold;
}
.sapMListTblDummyCell {
  padding: 0;
}
.sapMTableLastColumn ~ .sapMListTblDummyCell {
  width: 0;
}
.sapMListTblDummyCell:last-child {
  background-color: #f2f2f2;
  border-left: 1px solid #e5e5e5;
}
:not(.sapMListHasGrowing):not(.sapMListShowSeparatorsInner):not(.sapMListShowSeparatorsNone) > .sapMTableTBody .sapMListTblRow:last-child > .sapMListTblDummyCell:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.sapMListTblHeader > .sapMListTblDummyCell:last-child {
  background-color: #f7f7f7;
}
.sapMListTblFooter > .sapMListTblDummyCell:last-child,
.sapMTableTBody > :not(:first-child) .sapMListTblDummyCell:last-child {
  border-top-color: transparent;
}
/* grid layout for popin row */
.sapMListTblSubCntGridSmall {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
  grid-column-gap: 1rem;
}
.sapMListTblSubCntGridLarge {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));
  grid-column-gap: 1rem;
}
.sapMListTblSubCntGridSmall > .sapMListTblSubCntRow,
.sapMListTblSubCntGridLarge > .sapMListTblSubCntRow {
  margin-top: 0.5rem;
}
.sapMTableTH > .sapMLnk,
.sapMTableTH > .sapMText,
.sapMTableTH > .sapMLabel,
.sapMTableTH > .sapMObjectNumber {
  vertical-align: middle;
}
/* Column header and column header content */
.sapMListTblCell.sapMListTblHeaderCell {
  padding: 0;
}
.sapMColumnHeader {
  display: flex;
  flex: 1 1 auto;
  padding: 0.875rem 0.5rem 1rem;
}
.sapMColumnHeaderText {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  font-size: 0.875rem;
}
.sapMColumnHeaderIcons {
  white-space: nowrap;
}
.sapMColumnHeaderIcons > .sapUiIcon {
  padding-left: 0.375rem;
}
.sapMListTblHighlightCol + .sapMListTblCell.sapMListTblHeaderCell {
  padding-left: 0.5rem;
}
.sapMColumnHeaderActive:hover {
  background-color: #f0f0f0;
}
.sapMColumnHeaderActive:focus {
  outline: 1px dotted #000;
  outline-offset: calc(-1px - 0.0625rem);
}
.sapMColumnHeaderActive:active {
  color: white;
  background-color: #44a12c;
  outline-color: #fff;
}
.sapMColumnHeaderActive:active > .sapMColumnHeaderContent {
  color: white;
}
.sapMColumnHeaderActive > .sapMColumnHeaderContent {
  cursor: default;
}
.sapMColumnHeaderFocusable:focus {
  outline: 1px dotted #000;
  outline-offset: calc(-1px - 0.0625rem);
}
/* sort icons */
[aria-sort=ascending] > .sapMColumnHeader::after,
[aria-sort=descending] > .sapMColumnHeader::after {
  font-family: "SAP-Icons";
  font-size: 0.875rem;
  font-weight: normal;
  align-self: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
[aria-sort=ascending] > .sapMColumnHeader::after {
  content: "\e1fd";
}
[aria-sort=descending] > .sapMColumnHeader::after {
  content: "\e1fc";
}
/* Focus border workaround for dummy column */
.sapMListTblDummyCell:last-child {
  pointer-events: none;
}
.sapMTableRowCustomFocus:focus {
  outline: none;
}
.sapMTableRowCustomFocus:focus .sapMListTblCell > :first-child {
  position: relative;
}
.sapMTableRowCustomFocus:focus > :not(.sapMListTblDummyCell:last-child) {
  position: relative;
}
.sapMTableRowCustomFocus:focus > :not(.sapMListTblDummyCell:last-child)::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
  top: 1px;
  bottom: 1px;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  margin-right: 1px;
}
.sapMTableRowCustomFocus:focus > .sapMTblFirstVisibleCell::before {
  border-left: 1px dotted #000;
  margin-left: 1px;
}
.sapMTableRowCustomFocus:focus > .sapMTblLastVisibleCell::before {
  border-right: 1px dotted #000;
  margin-right: 1px;
}
html[data-sap-ui-browser^='ff'] .sapMTableRowCustomFocus:focus > :not(.sapMListTblDummyCell)::before {
  margin-right: 0;
}
/********** COMPACT DESIGN ************/
/* overwite cell style */
.sapUiSizeCompact .sapMListTblCell {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.sapUiSizeCompact .sapMListTblCell.sapMListTblCellNoData {
  font-size: 0.875rem;
}
/* overwrite text control styles */
.sapUiSizeCompact .sapMListTblCell > .sapMLnk,
.sapUiSizeCompact .sapMListTblCell > .sapMText,
.sapUiSizeCompact .sapMListTblCell > .sapMLabel,
.sapUiSizeCompact .sapMListTblCell > .sapMObjectNumber,
.sapUiSizeCompact .sapMListTblCell > .sapMObjectIdentifier,
.sapUiSizeCompact .sapMListTblCell > .sapMObjStatus {
  vertical-align: middle;
  line-height: 1.4;
}
/* special class name to add margin to multiline contents */
/* deprecated - kept for compatibility reasons, but apps should use sapUiTinyMarginTopBottom instead */
.sapUiSizeCompact .sapMTableContentMargin {
  margin: 0.5rem 0;
}
/* navigation and selection columns are in the middle */
.sapUiSizeCompact .sapMListTblNavCol,
.sapUiSizeCompact .sapMListTblSelCol {
  line-height: 2rem;
  text-align: center;
}
/* decrease the navigation icon size */
.sapUiSizeCompact .sapMListTblNavCol > .sapMLIBImgNav {
  width: auto;
}
.sapUiSizeCompact .sapMListTblSelCol,
.sapUiSizeCompact .sapMListTblSelCol > .sapMLIBSelectM,
.sapUiSizeCompact .sapMListTblSelCol > .sapMLIBSelectS,
.sapUiSizeCompact .sapMListTblHasNav .sapMListTblNavCol {
  width: 2rem;
}
.sapUiSizeCompact .sapMListTblHasNav .sapMListTblNavCol:nth-last-child(2),
.sapUiSizeCompact .sapMListTblSelCol:nth-last-child(2),
.sapUiSizeCompact .sapMListTblHasNav .sapMTableRowCustomFocus .sapMListTblNavCol:nth-last-child(3),
.sapUiSizeCompact .sapMTableRowCustomFocus .sapMListTblSelCol:nth-last-child(3) {
  width: 2.5rem;
}
/* min height for the table rows */
.sapUiSizeCompact .sapMListTblRow {
  height: 2rem;
}
/* reset height of cells when no header is defined */
.sapMListTblHeaderNone > .sapMListTblCell {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
/* Column header and column header content */
.sapUiSizeCompact .sapMColumnHeader {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.sapUiSizeCompact .sapMListTblCell.sapMListTblHeaderCell {
  padding: 0;
}
.sapUiSizeCompact .sapMListTblHighlightCol + .sapMListTblCell.sapMListTblHeaderCell {
  padding-left: 0.5rem;
}
/* ======================================= */
/* CSS for control sap.m/TablePersoDialog  */
/* Base theme                              */
/* ======================================= */
.sapMPersoDialogFixedBar {
  position: relative;
}
.sapMPersoDialogFixedBar .sapMPersoDialogResetBtn {
  position: absolute;
  top: 0;
  right: 0;
}
.sapMPersoDialog {
  color: #000;
}
.sapMPersoDialog .sapMLIB.sapMLIBSelected,
.sapMPersoDialog .sapMLIB.sapMLIBSelected > td {
  background-color: transparent;
}
.sapMPersoDialog .sapMTableTBody:not(.sapMListTblHasPopin) > .sapMLIBSelected,
.sapMPersoDialog .sapMTableTBody.sapMListTblHasPopin > .sapMLIBSelected + .sapMListTblSubRow,
.sapMPersoDialog .sapMTableTBody:not(.sapMListTblHasPopin) > .sapMLIBSelected:last-child {
  box-shadow: inset 0px -0.0625rem #f0f0f0;
}
.sapMPersoDialog .sapMListBGTranslucent .sapMLIB.sapMListTblRow.sapMPersoDialogItemSelected,
.sapMPersoDialog .sapMListBGTranslucent .sapMLIB.sapMListTblRow.sapMPersoDialogItemSelected:focus,
.sapMPersoDialog .sapMListBGTranslucent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover).sapMListTblRow.sapMPersoDialogItemSelected,
.sapMPersoDialog .sapMListBGTranslucent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover).sapMListTblRow.sapMPersoDialogItemSelected:focus {
  background-color: #e2f1df;
  box-shadow: inset 0px -0.0625rem #e5e5e5;
}
.sapMPersoDialog .sapMLIBActive .sapMText,
.sapMPersoDialog .sapMLIBActive .sapMListTblCell .sapMText {
  color: #333333;
}
.sapMPersoDialog .sapMLIBActive .sapMCbBg,
.sapMPersoDialog .sapMLIBActive.sapMLIB,
.sapMPersoDialog .sapMLIBActive.sapMLIB > td {
  background-color: transparent;
}
.sapMPersoDialog .sapMLIBActive .sapMCbBg.sapMCbMarkChecked::before {
  color: #44a12c;
}
html.sap-desktop .sapMPersoDialog .sapMLIBSelected:not(.sapMLIBActive):not(.sapMALI):hover,
html.sap-desktop .sapMPersoDialog .sapMLIBSelected:not(.sapMLIBActive):not(.sapMALI):hover > td {
  background-color: #e2f1df;
}
.sapMPersoDialogFixedBar .sapMPersoDialogSelectAllCb > .sapMCbLabel {
  font-size: 1.125rem;
}
.sapUiSizeCompact .sapMPersoDialogFixedBar .sapMPersoDialogSelectAllCb > .sapMCbLabel {
  font-size: 0.975rem;
}
.sapUiSizeCompact .sapMTB-Transparent-CTX.sapMTB.sapMPersoDialogFixedBar > :first-child {
  margin-left: 1rem;
}
.sapMPersoDialogLI .sapMILILabel {
  max-width: none;
}
.sapMPersoDialogLI .sapMILIDiv {
  min-width: 5.875rem;
}
.sapMTB-Transparent-CTX.sapMTB.sapMPersoDialogFixedBar {
  padding-left: 0;
  border-bottom: 2px solid #dddddd;
}
.sapMTB-Transparent-CTX.sapMTB.sapMPersoDialogFixedBar > :first-child {
  margin-left: 1rem;
}
.sapMPersoDialogLIHeader {
  border-bottom: 0;
}
html.sap-tablet:not(.sap-combi) .sapMPersoDialog {
  min-width: 20rem;
}
/* ======================================== */
/* CSS for control sap.m/TableSelectDialog  */
/* Base theme                               */
/* ======================================== */
.sapMTableSelectDialog.sapMDialog .sapMDialogScrollCont {
  padding: 0;
}
.sapMBusyIndicator.sapMTableSelectDialogBusyIndicator {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1rem;
  margin-left: -1rem;
  display: none;
}
.sapMTableSelectDialogTableHide {
  display: none;
}
/* =============================== */
/* CSS for control sap.m/TabStrip  */
/* Base theme                      */
/* =============================== */
/* ============================================= */
/* Common style                                  */
/* ============================================= */
.sapMTabStrip {
  position: relative;
  height: 3rem;
  background: #f2f2f2;
  box-shadow: 0 0.125rem 0 0 #fff;
  box-sizing: border-box;
}
.sapMTabStrip .sapMTSLeftOverflowButtons {
  position: absolute;
  margin-left: 0.25rem;
  visibility: hidden;
  width: 3rem;
  z-index: 5;
  box-sizing: border-box;
  height: 100%;
  border-bottom: 2px solid transparent;
}
.sapMTabStrip .sapMTSLeftOverflowButtons::after {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -2px;
}
.sapMTabStrip .sapMTSTabsContainer {
  height: 100%;
  white-space: nowrap;
  position: absolute;
  left: 2.5rem;
  right: 7.5rem;
  overflow: hidden;
  outline: none;
}
.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs {
  float: left;
  height: 100%;
  margin-right: -999em;
}
.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  padding: 0 0 0 0.5rem;
  float: left;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: transparent;
  color: #333333;
  border-bottom: solid 0.125rem transparent;
}
.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem.sapMTabStripItemSelected {
  color: #333333;
  border-bottom: solid 0.125rem #44a12c;
}
.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem:focus {
  outline: none;
}
.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem:focus::before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border: 1px dotted #000;
}
.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem .sapMTabStripItemLabel {
  vertical-align: middle;
  font-size: 0.875rem;
}
.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem .sapMTSItemCloseBtnCnt {
  display: inline-block;
  width: 2rem;
  text-align: center;
  vertical-align: middle;
}
.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem .sapMTSItemCloseBtnCnt .sapMBtn {
  opacity: 1;
}
.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem.sapMTabStripItemModified .sapMTabStripItemModifiedSymbol:after {
  content: '*';
  vertical-align: middle;
}
.sapMTabStrip .sapMTSRightOverflowButtons {
  position: absolute;
  right: 5.5rem;
  visibility: hidden;
  width: 3rem;
  z-index: 5;
  box-sizing: border-box;
  height: 100%;
  border-bottom: 2px solid transparent;
}
.sapMTabStrip .sapMTSRightOverflowButtons .sapMBtn.sapMBtnBase {
  padding-left: 1rem;
}
.sapMTabStrip .sapMTSRightOverflowButtons::after {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -2px;
}
.sapMTabStrip .sapMTSTouchArea {
  height: 100%;
  position: absolute;
  right: 0.25rem;
}
.sapMTabStrip .sapMTSTouchArea .sapMTSAddNewTabBtn {
  margin-left: 0.5rem;
}
.sapMTSOverflowSelectListItem {
  vertical-align: middle;
}
.sapMTabStripItemAddText,
.sapMTabStripItemLabel {
  line-height: normal;
}
.sapMTSOverflowSelectListItem .sapMTabStripItemAddText,
.sapMTabStripItem .sapMTabStripItemAddText {
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
}
.sapMSelectListItemBase.sapMSelectListItemBasePressed.sapMTSOverflowSelectListItem .sapMTabStripSelectListItemCloseBtn .sapMBtnIcon,
.sapMSelectListItemBase.sapMSelectListItemBasePressed.sapMTSOverflowSelectListItem .sapMSelectListItemText .sapMTabContIcon.sapUiIcon,
.sapMSelectListItemBase.sapMSelectListItemBasePressed.sapMTSOverflowSelectListItem .sapMTabStripItemAddText {
  color: white;
}
.sapMTSTexts {
  display: inline-block;
  vertical-align: middle;
}
.sapMTabContIcon.sapUiIcon {
  font-size: 2rem;
  color: #44a12c;
  vertical-align: middle;
  padding-right: 0.5rem;
  cursor: pointer;
}
.sapMTabContIcon.sapMImg {
  height: 2rem;
  width: 2rem;
  vertical-align: middle;
  padding-right: 0.5rem;
}
/* ============================================= */
/* Phone                                         */
/* ============================================= */
html.sap-phone .sapMTabStrip .sapMSltWithArrow {
  visibility: visible;
  display: none;
}
html.sap-phone .sapMTabStrip .sapMTabStripItem {
  line-height: 2.5rem;
}
html.sap-phone .sapMTabStrip .sapMTabStripItem .sapMTSItemCloseBtnCnt {
  position: absolute;
  right: 0;
}
html.sap-phone .sapMTabStrip .sapMTSTabs,
html.sap-phone .sapMTabStrip .sapMTabStripItem {
  width: 100%;
}
html.sap-phone .sapMTabStrip.sapUiSelectable .sapMSltWithArrow {
  display: inline-block;
}
html.sap-phone .sapMTabContainer.sapUiShowAddNewButton .sapMTabStrip.sapUiSelectable .sapMTSTabsContainer {
  right: 5.8rem;
}
html.sap-phone .sapMTabContainer.sapUiShowAddNewButton .sapMTabStrip .sapMTSTabsContainer,
html.sap-phone .sapMTabContainer .sapMTabStrip.sapUiSelectable .sapMTSTabsContainer {
  right: 2.75rem;
}
html.sap-phone .sapMTabContainer .sapMTabStrip .sapMTSTabsContainer {
  right: 0rem;
}
/* ============================================= */
/* Other styles                                  */
/* ============================================= */
html[data-sap-ui-animation='on'] .sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem {
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
}
html[data-sap-ui-animation='on'] .sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem .sapMTSItemCloseBtnCnt .sapMBtn {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
html[dir=ltr] .sapMTabStrip .sapMTSLeftOverflowButtons,
html[dir=rtl] .sapMTabStrip .sapMTSRightOverflowButtons {
  background: linear-gradient(90deg, #f2f2f2 0%, #f2f2f2 75%, rgba(242, 242, 242, 0) 100%);
}
html[dir=ltr] .sapMTabStrip .sapMTSLeftOverflowButtons::after,
html[dir=rtl] .sapMTabStrip .sapMTSRightOverflowButtons::after {
  background: linear-gradient(90deg, #ebebeb 0%, #ebebeb 75%, rgba(235, 235, 235, 0) 100%);
}
html[dir=ltr] .sapMTabStrip .sapMTSRightOverflowButtons,
html[dir=rtl] .sapMTabStrip .sapMTSLeftOverflowButtons {
  background: linear-gradient(90deg, rgba(242, 242, 242, 0) 0%, #f2f2f2 25%, #f2f2f2 100%);
}
html[dir=ltr] .sapMTabStrip .sapMTSRightOverflowButtons::after,
html[dir=rtl] .sapMTabStrip .sapMTSLeftOverflowButtons::after {
  background: linear-gradient(90deg, rgba(235, 235, 235, 0) 0%, #ebebeb 25%, #ebebeb 100%);
}
html .sapMTabStripSelectListItemCloseBtn .sapMBtnInner {
  display: block;
  height: 1.625rem;
  min-width: 1.625rem;
  width: 1.625rem;
  padding: 0;
  margin: 0 auto;
}
.sapMTabStripSelectListItemCloseBtn .sapMBtnIcon {
  line-height: 1.45rem;
  width: 100%;
  height: 100%;
  font-size: 1rem;
}
/* ============================================= */
/* Form factor cozy                              */
/* ============================================= */
.sapUiSizeCozy .sapMTabStrip {
  height: 3rem;
}
.sapUiSizeCozy .sapMTabStrip .sapMTSLeftOverflowButtons {
  width: 3.5rem;
}
.sapUiSizeCozy .sapMTabStrip .sapMTSRightOverflowButtons {
  right: 5.75rem;
  width: 4rem;
}
/* ============================================= */
/* Form factor compact                           */
/* ============================================= */
.sapUiSizeCompact .sapMTabStrip {
  height: 2.5rem;
}
.sapUiSizeCompact .sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem {
  padding: 0 1rem;
  line-height: 2.5rem;
}
.sapUiSizeCompact .sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem .sapMTSItemCloseBtnCnt {
  width: 1.5rem;
  position: absolute;
  right: 0;
}
.sapUiSizeCompact .sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem .sapMTSItemCloseBtnCnt .sapMBtn {
  opacity: 0;
}
.sapUiSizeCompact .sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem.sapMTabStripItemSelected,
.sapUiSizeCompact .sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem:hover {
  padding: 0 1.5rem 0 0.5rem;
}
.sapUiSizeCompact .sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem.sapMTabStripItemSelected .sapMTSItemCloseBtnCnt .sapMBtn,
.sapUiSizeCompact .sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem:hover .sapMTSItemCloseBtnCnt .sapMBtn {
  opacity: 1;
}
.sapUiSizeCompact .sapMTabStrip .sapMTSTouchArea .sapMBtn,
.sapUiSizeCompact .sapMTabStrip .sapMTSLeftOverflowButtons .sapMBtn,
.sapUiSizeCompact .sapMTabStrip .sapMTSRightOverflowButtons .sapMBtn {
  height: 2.5rem;
}
.sapUiSizeCompact .sapMTabStrip .sapMTSTouchArea .sapMSlt {
  margin-top: 0.49375rem;
}
.sapUiSizeCompact .sapMTabContIcon.sapUiIcon {
  font-size: 1.5rem;
}
.sapUiSizeCompact .sapMTabContIcon.sapMImg {
  height: 1.5rem;
  width: 1.5rem;
}
/* ============================================= */
/* Visibility                                    */
/* ============================================= */
.sapMTSOverflowSelect,
.sapUiSizeCompact .sapMTSOverflowSelectListItem .sapMTabStripSelectListItemCloseBtn {
  visibility: hidden;
}
.sapMTSScrollable .sapMTSOverflowSelect,
.sapMTabStrip.sapMTSScrollForward .sapMTSRightOverflowButtons,
.sapMTabStrip.sapMTSScrollBack .sapMTSLeftOverflowButtons,
.sapUiSizeCompact .sapMTSOverflowSelectListItem.sapMSelectListItemBaseSelected .sapMTabStripSelectListItemCloseBtn,
.sapUiSizeCompact .sapMTSOverflowSelectListItem:hover .sapMTabStripSelectListItemCloseBtn {
  visibility: visible;
}
/* ============================================= */
/* Overflow Select                               */
/* ============================================= */
.sapMTSOverflowSelectLabelModified:after {
  content: '*';
  display: inherit;
}
.sapMTSOverflowSelectListItem {
  padding-right: 0.25rem;
}
.sapMTSOverflowSelectListItem .sapMSelectListItemText {
  height: 100%;
  float: left;
  margin: 0;
}
.sapMTSOverflowSelectListItem.sapMTSOverflowSelectListItemModified .sapMSelectListItemText:after {
  content: '*';
}
.sapMTSOverflowSelectListItem .sapMTabStripSelectListItemCloseBtn {
  height: 100%;
  width: 2.25rem;
  padding: 0;
  float: right;
}
.sapMTSOverflowSelectListItem .sapMTabStripSelectListItemCloseBtn .sapMBtnInner {
  display: block;
  height: 1.625rem;
  min-width: 1.625rem;
  width: 1.625rem;
  padding: 0;
  margin: 0 auto;
}
.sapMTSOverflowSelectListItem .sapMTabStripSelectListItemCloseBtn .sapMBtnIcon {
  line-height: 1.5rem;
  width: 100%;
  height: 100%;
  font-size: 1rem;
}
/* ============================================= */
/* Overflow Select compact form factor           */
/* ============================================= */
.sapUiSizeCompact .sapMTabStripSelectListItemCloseBtn {
  width: 2rem;
}
.sapUiSizeCompact .sapMTabStripSelectListItemCloseBtn .sapMBtnContent {
  line-height: 1.25rem;
}
.sapUiSizeCompact .sapMTabStripSelectListItemCloseBtn .sapMBtnInner {
  height: 1.25rem;
  min-width: 1.25rem;
  width: 1.25rem;
}
.sapUiSizeCompact .sapMTabStripSelectListItemCloseBtn .sapMBtnIcon {
  line-height: 1.15rem;
  font-size: 0.75rem;
}
.sapUiSizeCompact .sapMTabStripSelectListItemCloseBtn .sapMBtnInner.sapMBtnIconFirst {
  padding: 0;
}
.sapUiSizeCompact .sapMTabStripSelectListItemCloseBtn .sapMBtnInner.sapMBtnIconFirst .sapMBtnIcon {
  margin: 0;
  padding: 0;
}
.sapUiSizeCompact .sapMTSItemCloseBtnCnt .sapMBtn {
  height: 2.5rem;
}
.sapUiSizeCompact .sapMTSOverflowSelectListItem.sapMSelectListItemBase {
  height: 2.5rem;
}
.sapUiSizeCompact .sapMTSOverflowSelectListItem.sapMSelectListItem {
  line-height: 2.5rem;
}
/* =========================== */
/* CSS for control sap.m/Text  */
/* Base theme                  */
/* =========================== */
.sapMText {
  display: inline-block;
  box-sizing: border-box;
  white-space: pre-line;
  word-wrap: break-word;
  /* works only if browser knows the width */
  cursor: text;
  font-size: 0.875rem;
  font-family: Arial, Helvetica, sans-serif;
  line-height: normal;
  color: #000;
}
html[data-sap-ui-browser="sf10"] .sapUiVltCell .sapMText,
html[data-sap-ui-browser="sf10"] .sapuiVltCell .sapMText {
  display: block;
}
.sapMText.sapMTextMaxLineWrapper {
  overflow: hidden;
}
.sapMTextNoWrap,
.sapMTextMaxLine {
  overflow: hidden;
}
.sapMTextMaxLine {
  display: block;
}
.sapMTextNoWrap {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  /* overwrite */
}
.sapMTextRenderWhitespaceWrap {
  white-space: pre-wrap;
}
.sapMTextRenderWhitespace {
  white-space: pre;
}
.sapMTextLineClamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.sapMTextBreakWord {
  /* to break all words even browser does not know the width */
  word-break: break-all;
  word-break: break-word;
  /* Non standard for old webkits */
}
.sapMTextMaxWidth {
  max-width: 100%;
}
.sapMLIBActionable .sapMText {
  cursor: pointer;
}
/*Necessary to align vertically to labels */
.sapUiForm .sapMText {
  overflow: hidden;
}
.sapUiFormEdit .sapMText {
  display: block;
  min-height: 3rem;
  /* for empty text */
  line-height: 1.375rem;
  padding-top: 0.8125rem;
  padding-bottom: 0.8125rem;
}
.sapUiForm:not(.sapUiFormEdit) .sapMText {
  min-height: 1rem;
  /* for empty text */
}
.sapMLIBActive .sapMText,
.sapMLIBActive .sapMListTblCell .sapMText,
.sapMLIBActive .sapMListTblSubCntRow .sapMText {
  color: white;
}
.sapMLIBUnread .sapMText,
.sapMLIBUnread + .sapMListTblSubRow .sapMText {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
/* HorizontalLayout */
.sapUiHLayoutChildWrapper > .sapMText {
  vertical-align: text-bottom;
}
/* Transparent Toolbar Context*/
.sapMTB-Transparent-CTX .sapMText {
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: none;
  color: #333333;
}
/* Compact size */
.sapUiSizeCompact .sapUiFormEdit .sapMText {
  min-height: 2rem;
  /* for empty text */
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
/* Condensed size / Table Specifics */
.sapUiTableCell .sapMText {
  vertical-align: middle;
}
.sapUiSizeCondensed .sapUiTableDataCell .sapMText {
  line-height: 1.5rem;
}
.sapUiTableHeaderDataCell .sapMText,
.sapMColumnHeader .sapMText {
  font-weight: normal;
  font-size: 0.875rem;
}
.sapMText .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
  display: none;
}
.sapMShowEmpty-CTX .sapMText .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
  display: inline-block;
}
/* =============================== */
/* CSS for control sap.m/TextArea  */
/* Base theme                      */
/* =============================== */
/* uses sapMInputBase styles */
.sapMTextAreaInner {
  overflow: auto;
  /* remove scrollbars if not needed */
  -webkit-transform: none;
  /* transform is blocking scroll */
  resize: none;
  margin: 0;
}
.sapMTextArea .sapMInputBaseContentWrapper {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  width: 100%;
  line-height: 0;
  display: block;
}
.sapMTextArea .sapMTextAreaInner {
  -webkit-overflow-scrolling: touch;
  line-height: 1.4;
  height: 100%;
  width: 100%;
}
.sapMTextAreaWithCounter .sapMTextAreaCounter {
  float: right;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  color: #666666;
  padding: 0.3725rem 0.125rem 0.5rem;
}
.sapMTextAreaWithCounter .sapMInputBaseContentWrapper {
  height: calc(100% - 1.5rem);
}
.sapMTextAreaGrow {
  overflow: hidden;
  position: absolute;
  height: 100%;
  top: 0;
}
/* ensure that the mirror div has the same styles like the inner text area */
.sapMTextAreaMirror {
  /* should not grow more than screen size */
  max-height: calc(100vh - 6rem);
  white-space: pre-wrap;
  border: none;
  overflow: hidden;
  line-height: 1.4;
  visibility: hidden;
  word-break: break-word;
  font-size: 0.75em;
  padding: 0.625rem 0.75rem;
}
.sapMInputBase.sapMTextArea {
  height: auto;
  min-height: 2.5rem;
  min-width: 6rem;
}
.sapMInputBase.sapMTextArea .sapMTextAreaInner {
  line-height: 1.4;
  padding: 0.625rem 0.75rem;
  -webkit-overflow-scrolling: touch;
  /* IOS only */
}
.sapMInputBase.sapMTextArea .sapMInputBaseContentWrapperState .sapMTextAreaInner,
.sapMInputBase.sapMTextArea .sapMInputBaseContentWrapperState .sapMTextAreaMirror {
  padding: 0.5625rem 0.6875rem;
}
.sapMFocus.sapMTextArea .sapMInputBaseContentWrapper {
  outline: none;
}
.sapMFocus.sapMTextArea .sapMInputBaseContentWrapper .sapMInputBaseInner {
  outline: 1px dotted #000;
  outline-offset: -2px;
}
/**** Compact Size ****/
.sapUiSizeCompact .sapMInputBase.sapMTextArea {
  min-height: 1.625rem;
  margin: 0.1875rem 0;
}
.sapUiSizeCompact .sapMTextAreaWithCounter .sapMTextAreaCounter {
  padding-top: 0.3125rem;
}
.sapUiSizeCompact .sapMInputBase.sapMTextArea .sapMTextAreaInner,
.sapUiSizeCompact .sapMInputBase.sapMTextArea .sapMTextAreaMirror {
  padding: 0.1875rem 0.5rem;
}
.sapUiSizeCompact .sapMInputBase.sapMTextArea .sapMInputBaseContentWrapperState .sapMTextAreaInner,
.sapUiSizeCompact .sapMInputBase.sapMTextArea .sapMInputBaseContentWrapperState .sapMTextAreaMirror {
  padding: 0.125rem 0.4375rem;
}
/**
	Fix for iOS. When growing is enabled, the mirrored, hidden content should have pixel perfect proportions
	as the textarea. Otherwise, words could break differently and this would lead to inconsistent height.
	For some reason iOS devices need wider padding on left & right in order to have this consistency.
 */
html.sap-tablet[data-sap-ui-os*="iOS"] .sapMInputBase.sapMTextArea .sapMTextAreaMirror,
html.sap-phone[data-sap-ui-os*="iOS"] .sapMInputBase.sapMTextArea .sapMTextAreaMirror {
  padding-left: 15px;
  padding-right: 15px;
}
/* =========================== */
/* CSS for control sap.m/Tile  */
/* Base theme                  */
/* =========================== */
.sapMTile {
  display: inline-block;
  -webkit-transition-property: transform3d;
  -webkit-transition-duration: 0.2s;
  transition-property: transform3d;
  transition-duration: 0.2s;
  width: 12rem;
  height: 14rem;
  margin: 0.5rem;
  -webkit-touch-callout: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0.125rem;
  box-shadow: 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
  /*margin:0.6em;*/
  /* in case of some behavior problems uncomment this line, it was comment because the margin causes the blurring of the focus rectangle in IE9*/
}
.sapMTile * {
  /* FIXME!!! (star rule with any-parent selector...) */
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: -moz-none;
}
.sapMTCEditable .sapMTile {
  background-color: rgba(255, 255, 255, 0.5);
}
.sapMTile.sapMTileActive {
  background: #44a12c;
}
html.sap-phone .sapMTile {
  width: 8.5rem;
  height: 10rem;
  margin: 0.5rem;
}
html.sap-phone .sapMTileContent {
  width: 8.5rem;
  height: 10rem;
}
.sapMTileContent {
  overflow: hidden;
  width: 12rem;
  height: 14rem;
}
.sapMTileDrag {
  opacity: 0.8;
  z-index: 10;
  -webkit-transition-property: none;
  transition-property: none;
}
.sapMNavItemFlipping .sapMTile {
  opacity: 0.01;
}
.sapMTile:focus {
  outline: 1px dotted #000;
  position: relative;
}
.sapMTile .sapMTileDrag {
  opacity: 0.6;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
}
/* ================================== */
/* CSS for control sap.m/TileContent  */
/* Base theme                         */
/* ================================== */
.sapMTileCnt {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  height: 6.375rem;
  vertical-align: top;
  /* FrameType: Auto */
  /* FrameType: TwoByOne */
  /* FrameType: OneByOne */
}
.sapMTileCnt.sapMFrameTypeAuto {
  min-width: 9rem;
}
.sapMTileCnt.sapMFrameTypeTwoByOne {
  width: 100%;
}
.sapMTileCnt.sapMFrameTypeOneByOne {
  width: 100%;
}
/* Improved behaviour for TileContent in GenericTile */
.sapMGT .sapMTileCnt.sapMFrameTypeAuto:only-of-type {
  width: 100%;
}
.sapMGT .sapMTileCnt.sapMFrameTypeAuto:not(:only-of-type) {
  width: calc(50% - 0.25rem);
}
/* Footer CSS */
.sapMTileCntFtrTxt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  position: absolute;
  right: 0;
  left: 0;
  box-sizing: border-box;
  height: 1rem;
  bottom: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  line-height: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
}
.sapMGT .sapMTileCntFtrTxt {
  text-align: left;
}
html[dir=rtl] .sapMGT .sapMTileCntFtrTxt {
  text-align: right;
}
.sapMTileCntFooterTextColorNeutral {
  color: #666666;
}
.sapMTileCntFooterTextColorGood {
  color: #007833;
}
.sapMTileCntFooterTextColorError {
  color: #cc1919;
}
.sapMTileCntFooterTextColorCritical {
  color: #d14900;
}
html[dir=rtl] .sapMTileCntFtrTxt {
  text-align: left;
}
/* Content */
.sapMTileCntContent {
  overflow: visible;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.sapMTileCntContent > .sapMTcInnerMarker {
  vertical-align: bottom;
  line-height: normal;
}
.sapMTileCntContent {
  height: 3.875rem;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.sapMTileCnt + .sapMTileCnt {
  margin-left: 0.5rem;
}
.sapMTileCntContent > .sapMNwC {
  background-color: inherit;
}
.sapMTileCnt.News {
  height: 6.125rem;
  margin-top: 0.125rem;
  background-color: #ffffff;
}
.sapMTileCnt.News .sapMTileCntContent {
  padding-left: 1rem;
  padding-right: 1rem;
}
.sapMTileCnt.News .sapMTileCntFtrTxt {
  margin-left: 1rem;
  margin-right: 1rem;
}
.sapMTileCnt.News .sapMTileCntContent > .sapMTcInnerMarker {
  vertical-align: top;
}
.Stretch .sapMTileCnt.News {
  height: 100%;
}
.Stretch .sapMTileCnt.News .sapMTileCntFtrTxt {
  font-size: 0.75rem;
}
.sapMTileSmallPhone .sapMTileCnt {
  height: 5.5rem;
}
.sapMTileSmallPhone .sapMTileCntFtrTxt {
  height: 1.063rem;
  line-height: normal;
  bottom: 0.5rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-size: 0.75rem;
}
.sapMTileSmallPhone .sapMTileCntContent {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.sapMTileSmallPhone .sapMTileCnt.News {
  height: 5.25rem;
}
.sapMTileSmallPhone .sapMTileCnt.News .sapMTileCntContent {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.sapMTileSmallPhone .sapMTileCnt.News .sapMTileCntFtrTxt {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.sapMTileSmallPhone .sapMTileSmallPhone.Stretch .sapMTileCnt.News {
  height: 100%;
}
.sapMTileSmallPhone .sapMTileSmallPhone.Stretch .sapMTileFtrCnt > .sapMTileNavContainer {
  padding-bottom: 1rem;
}
/* ==================================== */
/* CSS for control sap.m/TileContainer  */
/* Base theme                           */
/* ==================================== */
.sapMTC {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: relative;
  overflow: hidden;
}
.sapMTC .sapMTCScrl {
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
}
.sapMTC:focus,
.sapMTC .sapMTCScroller:focus {
  outline: none;
}
.sapMTC .sapMTCCnt {
  height: 100%;
  width: 100%;
  overflow: visible;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
html.sap-tablet .sapMTC .sapMTCScrl,
html.sap-phone .sapMTC .sapMTCScrl {
  padding: 0;
}
.sapMTC.sapMTCEditable .sapMTCCnt {
  opacity: 1;
}
.sapMTC .sapMTCCnt.sapMTCAnim {
  -webkit-transition-property: -webkit-transform3d;
  -webkit-transition-duration: 0.4s;
  transition-property: transform3d;
  transition-duration: 0.4s;
}
.sapMTC .sapMTCPager {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 1.875rem;
  padding: 0.313rem;
  text-align: center;
}
.sapMTC .sapMTCPager SPAN {
  display: inline-block;
  background-color: #e5e5e5;
  border-radius: 0.25rem;
  height: 0.5rem;
  width: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1px;
  cursor: default;
}
.sapMTC .sapMTCBlind {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.2), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
.sapMTC .sapMTCPager SPAN.sapMTCActive {
  background-color: #666666;
}
.sapMTC .sapMTCScroller {
  position: absolute;
  display: none;
  top: 41%;
  border-radius: 50%;
  background-color: #f7f7f7;
  height: 3rem;
  width: 3rem;
  opacity: 0;
  cursor: default;
  -webkit-transition-property: opacity, left, right;
  -webkit-transition-duration: 0.4s;
  transition-property: opacity, left, right;
  transition-duration: 0.4s;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.2), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
  padding: 0.25rem;
  box-sizing: border-box;
}
.sapMTC .sapMTCScroller .sapMTCInner {
  background-color: #f7f7f7;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  font-family: "SAP-icons";
  font-size: 1.313rem;
  vertical-align: middle;
  color: #666666;
  padding-top: 0.5rem;
  box-sizing: border-box;
}
.sapMTC:hover .sapMTCScroller {
  opacity: 0.1;
}
.sapMTC:hover .sapMTCScroller:hover {
  opacity: 1;
}
.sapMTC .sapMTCScroller.sapMTCLeft {
  left: -100px;
}
.sapMTC .sapMTCScroller.sapMTCLeft .sapMTCInner::before {
  content: "\e067";
  padding-left: 0.813rem;
}
.sapMTC:hover .sapMTCScroller.sapMTCLeft {
  left: 1rem;
}
.sapMTC .sapMTCScroller.sapMTCRight {
  right: -100px;
}
.sapMTC:hover .sapMTCScroller.sapMTCRight {
  right: 1rem;
}
.sapMTC .sapMTCScroller.sapMTCRight .sapMTCInner::before {
  content: "\e066";
  padding-left: 1rem;
}
.sapMTC .sapMTile,
.sapMTC .sapMCustomTile {
  position: absolute;
  top: 0;
  left: 0;
}
html[dir=rtl] .sapMTC .sapMTile,
html[dir=rtl] .sapMTC .sapMCustomTile {
  left: auto;
  right: 0px;
}
html.sap-tablet .sapMTC .sapMTCScroller,
html.sap-phone .sapMTC .sapMTCScroller {
  display: none;
}
.sapMTC .sapMTCRemove {
  display: none;
}
.sapMTC.sapMTCEditable .sapMTile {
  cursor: move;
  box-shadow: 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
.sapMTC.sapMTCEditable .sapMTCRemove {
  position: absolute;
  display: block;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  font-family: "SAP-icons";
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
  box-sizing: border-box;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
  z-index: 1;
  cursor: default;
  background-color: #f7f7f7;
  border: 1px solid #bfbfbf;
  color: #666666;
}
html[data-sap-ui-browser^="ff"] .sapMTC.sapMTCEditable .sapMTile .sapMTCRemove {
  width: 2rem;
}
.sapMTC.sapMTCEditable .sapMTile .sapMTCNoRemove {
  height: 1.5rem;
  width: 1.563rem;
  margin-top: -0.5em;
  margin-left: -0.5em;
  z-index: 1;
  visibility: hidden;
}
.sapMTC.sapMTCEditable .sapMTCRemove:hover {
  background-color: #eaeaea;
}
.sapMTC.sapMTCEditable .sapMTCRemove:active {
  background-color: #44a12c;
  color: black;
}
.sapMTC.sapMTCEditable .sapMTCRemove::before {
  content: "\e03e";
}
/* use dir-specific rules to prevent mirroring in dir=rtl mode */
.sapMTC .sapMTCEdgeRight,
html[dir=rtl] .sapMTC .sapMTCEdgeLeft {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 100%;
  border-right: 0.125rem solid rgba(119, 211, 96, 0.6);
  opacity: 0.01;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(76%, #ffffff), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 76%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 76%, #ffffff 100%);
  /* W3C */
}
/* use dir-specific rules to prevent mirroring in dir=rtl mode */
.sapMTC .sapMTCEdgeLeft,
html[dir=rtl] .sapMTC .sapMTCEdgeRight {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5rem;
  height: 100%;
  border-left: 0.125rem solid rgba(119, 211, 96, 0.6);
  opacity: 0.01;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(24%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 24%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to right, #ffffff 0%, #ffffff 24%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
}
html.sap-phone .sapMTC .sapMTCEdgeLeft,
html.sap-phone .sapMTC .sapMTCEdgeRight {
  width: 1.25rem;
}
/* ================================= */
/* CSS for control sap.m/TimePicker  */
/* Base theme                        */
/* ================================= */
/* ======================================== */
/* TimePicker Input Field                   */
/* ======================================== */
/* ======================================== */
/* TimePicker Dropdown                      */
/* ======================================== */
.sapMTimePickerDropDown {
  overflow: hidden !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.2), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3) !important;
}
/* ======================================== */
/* COMPACT MODE STYLES                      */
/* ======================================== */
.sapUiSizeCompact {
  /* ======================================== */
  /* TimePicker Dropdown                      */
  /* ======================================== */
}
.sapUiSizeCompact .sapMTimePickerDropDown {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.2), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3) !important;
}
/* PHONE STYLES */
html.sap-phone {
  /* ======================================== */
  /* TimePicker Dropdown                      */
  /* ======================================== */
}
html.sap-phone .sapMTimePickerDropDown {
  /* This centers content in landscape & portrait mode */
}
html.sap-phone .sapMTimePickerDropDown .sapMDialogScrollCont {
  height: 100%;
  padding: 0;
}
/* DESKTOP STYLES */
html.sap-desktop .sapMValueStateHeaderRoot {
  margin-right: -12px;
}
/* ====================================== */
/* CSS for control sap.m/TimePickerInputs */
/* Base theme                             */
/* ====================================== */
.sapMTPInputsContainer {
  min-width: 12.5rem;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sapMTPInputsContainer > span {
  width: 0.75rem;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  color: #000;
}
/* ====================================== */
/* CSS for control sap.m/TimePickerClock  */
/* Base theme                             */
/* ====================================== */
.sapMTPClock {
  position: relative;
  width: auto;
  padding: 0.5625rem;
  outline: none;
  display: none;
}
.sapMTPClock.sapMTPCActive {
  display: block;
}
.sapMTPCDial {
  position: relative;
  width: auto;
  display: block;
  border-radius: 100%;
  background-color: #f7f7f7;
  text-align: center;
  z-index: 1;
}
.sapMTPCDial::before {
  content: attr(data-label);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  color: #666666;
  top: 2.75rem;
  left: 2.75rem;
  bottom: 2.75rem;
  right: 2.75rem;
  border-radius: 100%;
  z-index: 2;
}
.sapMTPCInner .sapMTPCDial::before {
  background-color: #f7f7f7;
}
.sapMTPCDial::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.sapMTPClockCover {
  position: absolute;
  top: 0.5625rem;
  left: 0.5625rem;
  bottom: 0.5625rem;
  right: 0.5625rem;
  border-radius: 100%;
  z-index: 10;
  touch-action: none;
}
.sapMTPCMidDot {
  display: block;
  box-sizing: border-box;
  width: 0.125rem;
  height: 0.1875rem;
  margin: 0 auto 0.375rem auto;
  border-radius: 100%;
  background-color: #bfbfbf;
}
.sapMTPCDot {
  display: block;
  box-sizing: border-box;
  width: 0.25rem;
  height: 0.3125rem;
  margin: 0 auto 0.25rem auto;
  border-radius: 100%;
  background-color: #bfbfbf;
}
.sapMTPCMarker {
  box-sizing: border-box;
  width: 0.25rem;
  height: 0.5625rem;
  margin: 0 auto;
  border-radius: 100%;
  background-color: #44a12c;
  border: 0.0625rem solid #44a12c;
}
.sapMTPCItem {
  position: absolute;
  top: 0px;
  left: 50%;
  display: inline-block;
  width: 2.75rem;
  height: 100%;
  z-index: 3;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sapMTPCItem.sapMTPCMarker {
  z-index: 4;
}
.sapMTPCNumber {
  box-sizing: border-box;
  display: inline-block;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 100%;
  line-height: 2.75rem;
  text-align: center;
  vertical-align: top;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  color: #000;
}
.sapMTPCNumber.sapMTPCNumberHover:not(.sapMTPCSelected) {
  background-color: #f0f0f0;
}
.sapMTPCInvisible {
  visibility: hidden;
}
.sapMTPCSelected {
  color: #fff;
  background-color: #44a12c;
  border: 0.0625rem solid #44a12c;
}
.sapUiSizeCompact .sapMTPCItem {
  width: 2rem;
}
.sapUiSizeCompact .sapMTPCNumber {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}
.sapMTPCDeg6 {
  transform: translate(-50%) rotate(6deg);
}
.sapMTPCDeg6 .sapMTPCNumber {
  transform: rotate(-6deg);
}
.sapMTPCDeg12 {
  transform: translate(-50%) rotate(12deg);
}
.sapMTPCDeg12 .sapMTPCNumber {
  transform: rotate(-12deg);
}
.sapMTPCDeg18 {
  transform: translate(-50%) rotate(18deg);
}
.sapMTPCDeg18 .sapMTPCNumber {
  transform: rotate(-18deg);
}
.sapMTPCDeg24 {
  transform: translate(-50%) rotate(24deg);
}
.sapMTPCDeg24 .sapMTPCNumber {
  transform: rotate(-24deg);
}
.sapMTPCDeg30 {
  transform: translate(-50%) rotate(30deg);
}
.sapMTPCDeg30 .sapMTPCNumber {
  transform: rotate(-30deg);
}
.sapMTPCDeg36 {
  transform: translate(-50%) rotate(36deg);
}
.sapMTPCDeg36 .sapMTPCNumber {
  transform: rotate(-36deg);
}
.sapMTPCDeg42 {
  transform: translate(-50%) rotate(42deg);
}
.sapMTPCDeg42 .sapMTPCNumber {
  transform: rotate(-42deg);
}
.sapMTPCDeg48 {
  transform: translate(-50%) rotate(48deg);
}
.sapMTPCDeg48 .sapMTPCNumber {
  transform: rotate(-48deg);
}
.sapMTPCDeg54 {
  transform: translate(-50%) rotate(54deg);
}
.sapMTPCDeg54 .sapMTPCNumber {
  transform: rotate(-54deg);
}
.sapMTPCDeg60 {
  transform: translate(-50%) rotate(60deg);
}
.sapMTPCDeg60 .sapMTPCNumber {
  transform: rotate(-60deg);
}
.sapMTPCDeg66 {
  transform: translate(-50%) rotate(66deg);
}
.sapMTPCDeg66 .sapMTPCNumber {
  transform: rotate(-66deg);
}
.sapMTPCDeg72 {
  transform: translate(-50%) rotate(72deg);
}
.sapMTPCDeg72 .sapMTPCNumber {
  transform: rotate(-72deg);
}
.sapMTPCDeg78 {
  transform: translate(-50%) rotate(78deg);
}
.sapMTPCDeg78 .sapMTPCNumber {
  transform: rotate(-78deg);
}
.sapMTPCDeg84 {
  transform: translate(-50%) rotate(84deg);
}
.sapMTPCDeg84 .sapMTPCNumber {
  transform: rotate(-84deg);
}
.sapMTPCDeg90 {
  transform: translate(-50%) rotate(90deg);
}
.sapMTPCDeg90 .sapMTPCNumber {
  transform: rotate(-90deg);
}
.sapMTPCDeg96 {
  transform: translate(-50%) rotate(96deg);
}
.sapMTPCDeg96 .sapMTPCNumber {
  transform: rotate(-96deg);
}
.sapMTPCDeg102 {
  transform: translate(-50%) rotate(102deg);
}
.sapMTPCDeg102 .sapMTPCNumber {
  transform: rotate(-102deg);
}
.sapMTPCDeg108 {
  transform: translate(-50%) rotate(108deg);
}
.sapMTPCDeg108 .sapMTPCNumber {
  transform: rotate(-108deg);
}
.sapMTPCDeg114 {
  transform: translate(-50%) rotate(114deg);
}
.sapMTPCDeg114 .sapMTPCNumber {
  transform: rotate(-114deg);
}
.sapMTPCDeg120 {
  transform: translate(-50%) rotate(120deg);
}
.sapMTPCDeg120 .sapMTPCNumber {
  transform: rotate(-120deg);
}
.sapMTPCDeg126 {
  transform: translate(-50%) rotate(126deg);
}
.sapMTPCDeg126 .sapMTPCNumber {
  transform: rotate(-126deg);
}
.sapMTPCDeg132 {
  transform: translate(-50%) rotate(132deg);
}
.sapMTPCDeg132 .sapMTPCNumber {
  transform: rotate(-132deg);
}
.sapMTPCDeg138 {
  transform: translate(-50%) rotate(138deg);
}
.sapMTPCDeg138 .sapMTPCNumber {
  transform: rotate(-138deg);
}
.sapMTPCDeg144 {
  transform: translate(-50%) rotate(144deg);
}
.sapMTPCDeg144 .sapMTPCNumber {
  transform: rotate(-144deg);
}
.sapMTPCDeg150 {
  transform: translate(-50%) rotate(150deg);
}
.sapMTPCDeg150 .sapMTPCNumber {
  transform: rotate(-150deg);
}
.sapMTPCDeg156 {
  transform: translate(-50%) rotate(156deg);
}
.sapMTPCDeg156 .sapMTPCNumber {
  transform: rotate(-156deg);
}
.sapMTPCDeg162 {
  transform: translate(-50%) rotate(162deg);
}
.sapMTPCDeg162 .sapMTPCNumber {
  transform: rotate(-162deg);
}
.sapMTPCDeg168 {
  transform: translate(-50%) rotate(168deg);
}
.sapMTPCDeg168 .sapMTPCNumber {
  transform: rotate(-168deg);
}
.sapMTPCDeg174 {
  transform: translate(-50%) rotate(174deg);
}
.sapMTPCDeg174 .sapMTPCNumber {
  transform: rotate(-174deg);
}
.sapMTPCDeg180 {
  transform: translate(-50%) rotate(180deg);
}
.sapMTPCDeg180 .sapMTPCNumber {
  transform: rotate(-180deg);
}
.sapMTPCDeg186 {
  transform: translate(-50%) rotate(186deg);
}
.sapMTPCDeg186 .sapMTPCNumber {
  transform: rotate(-186deg);
}
.sapMTPCDeg192 {
  transform: translate(-50%) rotate(192deg);
}
.sapMTPCDeg192 .sapMTPCNumber {
  transform: rotate(-192deg);
}
.sapMTPCDeg198 {
  transform: translate(-50%) rotate(198deg);
}
.sapMTPCDeg198 .sapMTPCNumber {
  transform: rotate(-198deg);
}
.sapMTPCDeg204 {
  transform: translate(-50%) rotate(204deg);
}
.sapMTPCDeg204 .sapMTPCNumber {
  transform: rotate(-204deg);
}
.sapMTPCDeg210 {
  transform: translate(-50%) rotate(210deg);
}
.sapMTPCDeg210 .sapMTPCNumber {
  transform: rotate(-210deg);
}
.sapMTPCDeg216 {
  transform: translate(-50%) rotate(216deg);
}
.sapMTPCDeg216 .sapMTPCNumber {
  transform: rotate(-216deg);
}
.sapMTPCDeg222 {
  transform: translate(-50%) rotate(222deg);
}
.sapMTPCDeg222 .sapMTPCNumber {
  transform: rotate(-222deg);
}
.sapMTPCDeg228 {
  transform: translate(-50%) rotate(228deg);
}
.sapMTPCDeg228 .sapMTPCNumber {
  transform: rotate(-228deg);
}
.sapMTPCDeg234 {
  transform: translate(-50%) rotate(234deg);
}
.sapMTPCDeg234 .sapMTPCNumber {
  transform: rotate(-234deg);
}
.sapMTPCDeg240 {
  transform: translate(-50%) rotate(240deg);
}
.sapMTPCDeg240 .sapMTPCNumber {
  transform: rotate(-240deg);
}
.sapMTPCDeg246 {
  transform: translate(-50%) rotate(246deg);
}
.sapMTPCDeg246 .sapMTPCNumber {
  transform: rotate(-246deg);
}
.sapMTPCDeg252 {
  transform: translate(-50%) rotate(252deg);
}
.sapMTPCDeg252 .sapMTPCNumber {
  transform: rotate(-252deg);
}
.sapMTPCDeg258 {
  transform: translate(-50%) rotate(258deg);
}
.sapMTPCDeg258 .sapMTPCNumber {
  transform: rotate(-258deg);
}
.sapMTPCDeg264 {
  transform: translate(-50%) rotate(264deg);
}
.sapMTPCDeg264 .sapMTPCNumber {
  transform: rotate(-264deg);
}
.sapMTPCDeg270 {
  transform: translate(-50%) rotate(270deg);
}
.sapMTPCDeg270 .sapMTPCNumber {
  transform: rotate(-270deg);
}
.sapMTPCDeg276 {
  transform: translate(-50%) rotate(276deg);
}
.sapMTPCDeg276 .sapMTPCNumber {
  transform: rotate(-276deg);
}
.sapMTPCDeg282 {
  transform: translate(-50%) rotate(282deg);
}
.sapMTPCDeg282 .sapMTPCNumber {
  transform: rotate(-282deg);
}
.sapMTPCDeg288 {
  transform: translate(-50%) rotate(288deg);
}
.sapMTPCDeg288 .sapMTPCNumber {
  transform: rotate(-288deg);
}
.sapMTPCDeg294 {
  transform: translate(-50%) rotate(294deg);
}
.sapMTPCDeg294 .sapMTPCNumber {
  transform: rotate(-294deg);
}
.sapMTPCDeg300 {
  transform: translate(-50%) rotate(300deg);
}
.sapMTPCDeg300 .sapMTPCNumber {
  transform: rotate(-300deg);
}
.sapMTPCDeg306 {
  transform: translate(-50%) rotate(306deg);
}
.sapMTPCDeg306 .sapMTPCNumber {
  transform: rotate(-306deg);
}
.sapMTPCDeg312 {
  transform: translate(-50%) rotate(312deg);
}
.sapMTPCDeg312 .sapMTPCNumber {
  transform: rotate(-312deg);
}
.sapMTPCDeg318 {
  transform: translate(-50%) rotate(318deg);
}
.sapMTPCDeg318 .sapMTPCNumber {
  transform: rotate(-318deg);
}
.sapMTPCDeg324 {
  transform: translate(-50%) rotate(324deg);
}
.sapMTPCDeg324 .sapMTPCNumber {
  transform: rotate(-324deg);
}
.sapMTPCDeg330 {
  transform: translate(-50%) rotate(330deg);
}
.sapMTPCDeg330 .sapMTPCNumber {
  transform: rotate(-330deg);
}
.sapMTPCDeg336 {
  transform: translate(-50%) rotate(336deg);
}
.sapMTPCDeg336 .sapMTPCNumber {
  transform: rotate(-336deg);
}
.sapMTPCDeg342 {
  transform: translate(-50%) rotate(342deg);
}
.sapMTPCDeg342 .sapMTPCNumber {
  transform: rotate(-342deg);
}
.sapMTPCDeg348 {
  transform: translate(-50%) rotate(348deg);
}
.sapMTPCDeg348 .sapMTPCNumber {
  transform: rotate(-348deg);
}
.sapMTPCDeg354 {
  transform: translate(-50%) rotate(354deg);
}
.sapMTPCDeg354 .sapMTPCNumber {
  transform: rotate(-354deg);
}
.sapMTPCDeg360 {
  transform: translate(-50%) rotate(360deg);
}
.sapMTPCDeg360 .sapMTPCNumber {
  transform: rotate(-360deg);
}
/* ====================================== */
/* CSS for control sap.m/TimePickerClocks */
/* Base theme                             */
/* ====================================== */
.sapMTPClocksContainer {
  margin: 0 auto;
  box-sizing: border-box;
  width: 20rem;
  height: 23.75rem;
  padding: 1rem;
  text-align: center;
}
.sapMTPCButtons {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1rem;
  width: 18rem;
}
.sapMTPCButtons .sapMBtn {
  width: 2.5625rem;
}
.sapMTPCButtons > span {
  width: 0.75rem;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  color: #000;
}
.sapMTPCClocks {
  display: block;
  text-align: center;
  width: 18rem;
  height: 18rem;
  touch-action: none;
}
.sapMTPClocksContainer > .sapMTPCButtons > div.sapMBtnBase.sapMBtn {
  box-sizing: border-box;
  display: inline-block;
}
.sapUiSizeCompact .sapMTPClocksContainer {
  width: 18.5rem;
  height: 21.5rem;
}
.sapUiSizeCompact .sapMTPCButtons {
  width: 16.5rem;
}
.sapUiSizeCompact .sapMTPCButtons .sapMBtn {
  width: 2.3125rem;
}
.sapUiSizeCompact .sapMTPCClocks {
  width: 16.5rem;
  height: 16.5rem;
}
/* ================================= */
/* CSS for control sap.m/TimePickerSliders  */
/* Base Styles                      */
/* ================================= */
.TPSliderItemHidden {
  display: none;
}
.sapMTimePickerContainer {
  width: 100%;
  height: 100%;
  min-width: 20rem;
  box-sizing: border-box;
  padding: 1rem;
  text-align: center;
  position: relative;
}
.sapMTimePickerContainer:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.sapMTimePickerContainer .sapMTimePickerContainerLabel {
  display: none;
  box-sizing: border-box;
}
.sapMTimePickerContainer .sapMTPDisabled {
  pointer-events: none;
}
.sapMTimePickerContainer .sapMTPColumn {
  display: inline-block;
  overflow: hidden;
  height: 3rem;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  margin-top: 2rem;
}
.sapMTimePickerContainer .sapMTPColumn .sapMTimePickerLabel {
  display: none;
  box-sizing: border-box;
  height: 2rem;
  line-height: 2rem;
  width: 4.5rem;
  text-align: center;
}
.sapMTimePickerContainer .sapMTPColumn .sapMTimePickerItemArrows {
  display: none;
  box-sizing: border-box;
}
.sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider {
  overflow: hidden;
  height: 100%;
  box-sizing: border-box;
}
.sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider .sapMTimePickerItem {
  height: 3rem;
  line-height: 3rem;
  width: 4.5rem;
  box-sizing: border-box;
}
.sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider .sapMTPPickerSelectionFrame {
  width: 4.5rem;
  height: 3rem;
  position: absolute;
  box-sizing: border-box;
  display: none;
}
.sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded {
  height: 100%;
  cursor: default;
  margin: 0;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerLabel {
  display: block;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerItemArrows {
  display: none;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider {
  height: calc(100% - 2rem);
  max-height: 100%;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTPPickerSelectionFrame {
  display: block;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues3 {
  height: 9rem;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues4 {
  height: 12rem;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues5 {
  height: 15rem;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues6 {
  height: 18rem;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues7 {
  height: 21rem;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues8 {
  height: 24rem;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues9 {
  height: 27rem;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues10 {
  height: 30rem;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues11 {
  height: 33rem;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues12 {
  height: 36rem;
}
.sapMTimePickerContainer .sapMTimePickerContainerLabel {
  font-size: 1rem;
  color: #ab218e;
}
.sapMTimePickerContainer .sapMTPColumn .sapMTimePickerLabel {
  font-size: 0.75rem;
  color: #666666;
  text-align: center;
  vertical-align: middle;
}
.sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider .sapMTimePickerItem {
  background: #44a12c;
  border: 1px solid #e5e5e5;
  font-size: 0.875rem;
  color: #fff;
  text-align: center;
}
.sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider .sapMTimePickerItem:hover {
  background: #44a12c;
  color: #fff;
}
.sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider .sapMTimePickerItem:active {
  background: #44a12c;
  color: #fff;
}
.sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider .sapMTimePickerItem:focus {
  outline: 1px dotted #fff;
  outline-offset: -3px;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTimePickerItem {
  background: #ffffff;
  color: #000;
  border: 1px solid #e5e5e5;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTimePickerItem:hover {
  background: #44a12c;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTimePickerItem:active {
  background: #44a12c;
  color: #fff;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTimePickerItem:focus {
  outline: 1px dotted #000;
  outline-offset: -3px;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTPPickerSelectionFrame {
  outline: 0.125rem solid #bfbfbf;
  outline-offset: -0.313rem;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTPPickerSelectionFrame:hover + ul > li.sapMTimePickerItem.sapMTimePickerItemSelected {
  background: #44a12c;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTPPickerSelectionFrame:active + ul > li.sapMTimePickerItem.sapMTimePickerItemSelected {
  background: #44a12c;
  color: #fff;
}
.sapMTimePickerContainer .sapMTPColumn:focus {
  outline: none;
}
.sapUiSizeCompact .sapMTimePickerContainer {
  padding: 0.5rem;
  margin: auto;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn {
  height: 2rem;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn .sapMTimePickerLabel {
  width: 4rem;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider .sapMTimePickerItem {
  height: 2rem;
  line-height: 2rem;
  width: 4rem;
  box-sizing: border-box;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider .sapMTPPickerSelectionFrame {
  width: 4rem;
  height: 2rem;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded {
  height: 100%;
  cursor: default;
  margin: 0;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerItemArrows {
  display: block;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider {
  height: calc(100% - 6rem);
  max-height: calc(100% - 6rem);
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues3 {
  height: 6rem;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues4 {
  height: 8rem;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues5 {
  height: 10rem;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues6 {
  height: 12rem;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues7 {
  height: 14rem;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues8 {
  height: 16rem;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues9 {
  height: 18rem;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues10 {
  height: 20rem;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues11 {
  height: 22rem;
}
.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues12 {
  height: 24rem;
}
.sap-phone .sapMTimePickerContainer {
  max-height: 38rem;
  height: 100%;
  padding: 1rem;
  box-sizing: border-box;
  margin: auto;
  text-align: center;
}
.sap-phone .sapMTimePickerContainer:before {
  display: none;
}
.sap-phone .sapMTimePickerContainer .sapMTimePickerContainerLabel {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  display: block;
  height: 2rem;
  line-height: 2rem;
  font-size: 1rem;
  color: #ab218e;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn {
  display: inline-block;
  height: 3rem;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
  box-sizing: border-box;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn .sapMTimePickerLabel {
  height: 2rem;
  width: 4.5rem;
  display: none;
  font-size: 0.75rem;
  color: #666666;
  text-align: center;
  vertical-align: middle;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn .sapMTimePickerItemArrows {
  display: none;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider .sapMTimePickerItem {
  height: 3rem;
  line-height: 3rem;
  width: 4.5rem;
  box-sizing: border-box;
  background: #44a12c;
  border: 1px solid #e5e5e5;
  font-size: 0.875rem;
  color: #fff;
  text-align: center;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider .sapMTimePickerItem:active {
  background: #44a12c;
  color: #fff;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider .sapMTimePickerItem:focus {
  outline: 1px dotted #fff;
  outline-offset: -3px;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider .sapMTPPickerSelectionFrame {
  width: 4.5rem;
  height: 3rem;
  position: absolute;
  display: none;
  box-sizing: border-box;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded {
  height: 100%;
  cursor: default;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerLabel {
  display: block;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerItemArrows {
  display: none;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider {
  height: calc(100% - 2rem);
  max-height: 100%;
  overflow: hidden;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTimePickerItem {
  height: 3rem;
  line-height: 3rem;
  width: 4.5rem;
  box-sizing: border-box;
  background: #ffffff;
  color: #000;
  border: 1px solid #e5e5e5;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTimePickerItem:active {
  background: #44a12c;
  color: #fff;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTimePickerItem:focus {
  outline: 1px dotted #000;
  outline-offset: -3px;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTPPickerSelectionFrame {
  display: block;
  outline: 0.125rem solid #bfbfbf;
  outline-offset: -0.313rem;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues3 {
  height: 9rem;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues4 {
  height: 12rem;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues5 {
  height: 15rem;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues6 {
  height: 18rem;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues7 {
  height: 21rem;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues8 {
  height: 24rem;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues9 {
  height: 27rem;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues10 {
  height: 30rem;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues11 {
  height: 33rem;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider.SliderValues12 {
  height: 36rem;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn:focus {
  outline: none;
}
/* ============================ */
/* CSS for control sap.m/Title  */
/* Base theme                   */
/* ============================ */
.sapMTitle {
  position: relative;
  display: inline-block;
  margin: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  font-weight: normal;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: text;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.sapMTitle.sapMTitleWrap {
  white-space: pre-line;
  word-wrap: break-word;
}
.sapMTitle.sapMTitleNoWrap {
  white-space: nowrap;
}
.sapMTitleMaxWidth {
  max-width: 100%;
}
/* Level Styling */
/* Level Auto*/
.sapMTitleStyleAuto {
  font-size: 1rem;
}
.sapMTB-Transparent-CTX > .sapMTitleTB.sapMTitleStyleAuto {
  font-size: 1.125rem;
}
/* Level H1 */
.sapMTitleStyleH1 {
  font-size: 1.625rem;
}
/* Level H2 */
.sapMTitleStyleH2 {
  font-size: 1.375rem;
}
/* Level H3 */
.sapMTitleStyleH3 {
  font-size: 1.25rem;
}
/* Level H4 */
.sapMTitleStyleH4 {
  font-size: 1.125rem;
}
/* Level H5 */
.sapMTitleStyleH5 {
  font-size: 1rem;
}
/* Level H6 */
.sapMTitleStyleH6 {
  font-size: 0.875rem;
}
.sapMIBar-CTX .sapMTitle {
  color: #666666;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.sapMTB-Transparent-CTX .sapMTitle {
  text-shadow: none;
}
.sapMIBar-CTX.sapMFooter-CTX .sapMTitle {
  color: #fff;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
/* DynamicPageTitle Heading-CTX */
.sapFDynamicPageTitleHeading-CTX > .sapMTitle {
  margin-top: 0;
}
/* Link in Title */
.sapMTitle .sapMLnk {
  font-size: inherit;
  vertical-align: middle;
}
/* =================================== */
/* CSS for control sap.m/ToggleButton  */
/* Base theme                          */
/* =================================== */
/************************************/
/* Common styles        */
/************************************/
/* toggled without context */
html.sap-desktop .sapMToggleBtnPressed,
.sapMToggleBtnPressed:not(.sapMBtnDisabled),
html.sap-desktop .sapMIBar-CTX .sapMToggleBtnPressed,
.sapMIBar-CTX .sapMToggleBtnPressed:not(.sapMBtnDisabled),
html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed,
.sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
  background-image: none;
  background-color: #44a12c;
  border-color: #44a12c;
  color: #fff;
  text-shadow: none;
}
html.sap-desktop .sapMToggleBtnPressed .sapUiIcon,
.sapMToggleBtnPressed:not(.sapMBtnDisabled) .sapUiIcon,
html.sap-desktop .sapMIBar-CTX .sapMToggleBtnPressed .sapUiIcon,
.sapMIBar-CTX .sapMToggleBtnPressed:not(.sapMBtnDisabled) .sapUiIcon,
html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed .sapUiIcon,
.sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled) .sapUiIcon {
  color: #fff;
}
html.sap-desktop .sapMToggleBtnPressed.sapMBtnReject,
.sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnReject,
html.sap-desktop .sapMIBar-CTX .sapMToggleBtnPressed.sapMBtnReject,
.sapMIBar-CTX .sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnReject,
html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed.sapMBtnReject,
.sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnReject {
  background-color: #cc1919;
  border-color: #cc1919;
  color: #fff;
}
html.sap-desktop .sapMToggleBtnPressed.sapMBtnReject .sapUiIcon,
.sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnReject .sapUiIcon,
html.sap-desktop .sapMIBar-CTX .sapMToggleBtnPressed.sapMBtnReject .sapUiIcon,
.sapMIBar-CTX .sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnReject .sapUiIcon,
html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed.sapMBtnReject .sapUiIcon,
.sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnReject .sapUiIcon {
  color: #fff;
}
html.sap-desktop .sapMToggleBtnPressed.sapMBtnAccept,
.sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnAccept,
html.sap-desktop .sapMIBar-CTX .sapMToggleBtnPressed.sapMBtnAccept,
.sapMIBar-CTX .sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnAccept,
html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed.sapMBtnAccept,
.sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnAccept {
  background-color: #007833;
  border-color: #007833;
  color: #fff;
}
html.sap-desktop .sapMToggleBtnPressed.sapMBtnAccept .sapUiIcon,
.sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnAccept .sapUiIcon,
html.sap-desktop .sapMIBar-CTX .sapMToggleBtnPressed.sapMBtnAccept .sapUiIcon,
.sapMIBar-CTX .sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnAccept .sapUiIcon,
html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed.sapMBtnAccept .sapUiIcon,
.sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnAccept .sapUiIcon {
  color: #fff;
}
html.sap-desktop .sapMToggleBtnPressed.sapMBtnAttention,
.sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnAttention,
html.sap-desktop .sapMIBar-CTX .sapMToggleBtnPressed.sapMBtnAttention,
.sapMIBar-CTX .sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnAttention,
html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed.sapMBtnAttention,
.sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnAttention {
  background-color: #b84000;
  border-color: #b84000;
  color: #fff;
}
html.sap-desktop .sapMToggleBtnPressed.sapMBtnAttention .sapUiIcon,
.sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnAttention .sapUiIcon,
html.sap-desktop .sapMIBar-CTX .sapMToggleBtnPressed.sapMBtnAttention .sapUiIcon,
.sapMIBar-CTX .sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnAttention .sapUiIcon,
html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed.sapMBtnAttention .sapUiIcon,
.sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled).sapMBtnAttention .sapUiIcon {
  color: #fff;
}
/*hover and down on toggled*/
.sapMBtn:hover .sapMBtnHoverable.sapMToggleBtnPressed,
.sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover,
.sapMTB-Transparent-CTX .sapMBtnHoverable.sapMToggleBtnPressed:hover {
  background-image: none;
  background-color: #3c8d27;
}
/* toggled - icon has to be adapted */
span.sapMBtnInner.sapMToggleBtnPressed .sapMBtnIcon,
span.sapMBtnInner.sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon,
html.sap-desktop .sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon {
  color: #fff;
}
/* Focus of toggled button */
.sapMBtn:focus > .sapMBtnInner.sapMToggleBtnPressed.sapMFocusable {
  outline-color: #fff;
}
/* hover and down on toggled button part 1*/
.sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive),
.sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover {
  background-color: #44a12c;
  border-color: #44a12c;
  color: #fff;
  text-shadow: none;
}
.sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnReject,
.sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover.sapMBtnReject {
  background-color: #881111;
  border-color: #9f1313;
  color: #fff;
}
.sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnAccept,
.sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover.sapMBtnAccept {
  background-color: #002b12;
  border-color: #00451d;
  color: #fff;
}
.sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnAttention,
.sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover.sapMBtnAttention {
  background-color: #9e3700;
  border-color: #b84000;
  color: #fff;
}
/* ============================ */
/* CSS for control sap.m/Token  */
/* Base theme                   */
/* ============================ */
.sapMToken {
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 0.875rem;
  padding-left: 0.375rem;
  height: 1.625rem;
  background: #f7f7f7;
  border: 1px solid #bfbfbf;
  border-radius: 0.125rem;
  color: #333333;
}
.sapMToken.sapMHiddenToken {
  display: none;
}
.sapMToken.sapMTokenReadOnly {
  padding: 0 0.375rem;
  color: #000;
}
html.sap-desktop .sapMToken:hover {
  background: #eaeaea;
  border: 1px solid #bfbfbf;
}
.sapMTokenText {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  line-height: 1.5rem;
  max-width: calc(100% -  1.5rem);
  box-sizing: border-box;
}
.sapMToken.sapMTokenTruncated .sapMTokenText {
  text-overflow: ellipsis;
}
.sapUiSizeCompact .sapMTokenText {
  max-width: calc(100%  -  1rem);
  font-size: 0.875rem;
}
.sapMTokenReadOnly .sapMTokenText,
.sapMTokenizerReadonly .sapMTokenText {
  max-width: 100%;
}
.sapMTokenIcon {
  vertical-align: top;
  display: inline-block;
  line-height: 1.5rem;
  padding: 0 0.5rem;
  color: #666666;
  font-size: 1rem;
  box-sizing: border-box;
  touch-action: none;
}
.sapUiSizeCompact .sapMToken {
  font-size: 0.75rem;
  padding-left: 0.25rem;
  height: 1.25rem;
}
.sapUiSizeCompact .sapMToken.sapMTokenReadOnly {
  padding: 0 0.25rem;
}
.sapUiSizeCompact .sapMTokenText {
  line-height: 1.125rem;
}
.sapUiSizeCompact .sapMTokenIcon {
  font-size: 0.75rem;
  padding: 0 0.25rem;
  line-height: 1.125rem;
}
html.sap-desktop .sapMToken.sapMTokenSelected:hover {
  background: #3c8d27;
  border: 1px solid #3c8d27;
}
.sapMTokenSelected,
.sapMToken.sapMTokenReadOnly.sapMTokenSelected {
  color: #fff;
  background: #44a12c;
  border: 1px solid #3c8d27;
}
.sapMTokenSelected .sapMTokenIcon {
  color: #fff;
}
.sapUiSizeCompact .sapMListTbl .sapMToken .sapUiIcon:not(.sapMLIBImgNav) {
  font-size: 0.75rem;
}
/* ================================ */
/* CSS for control sap.m/Tokenizer  */
/* Base theme                       */
/* ================================ */
.sapMTokenizer {
  padding-left: 6px;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  vertical-align: inherit;
}
html.sap-desktop .sapMTokenizer:focus {
  outline: 1px dotted #000;
  outline-offset: -3px;
}
.sapMTokenizer .sapMToken {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-right: 0.375rem;
  line-height: normal;
  vertical-align: middle;
}
.sapMTokenizer.sapMTokenizerReadonly .sapMToken {
  padding: 0 0.375rem;
}
.sapMTokenizer.sapMTokenizerReadonly .sapMTokenIcon {
  display: none;
}
.sapMTokenizer.sapMTokenizerReadonly .sapMTokenizerIndicator {
  color: #44a12c;
}
.sapMTokenizer.sapMTokenizerReadonly .sapMTokenizerIndicator:hover {
  color: #44a12c;
}
.sapMTokenizerClip {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  display: block;
  font-size: 1px;
  z-index: -1;
  color: transparent;
  background: transparent;
  overflow: hidden;
  border: none;
  padding: 0;
  resize: none;
  outline: none;
  -webkit-user-select: text;
  user-select: text;
}
.sapMTokenizerIndicator {
  display: inline-block;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 2rem;
  overflow: hidden;
  vertical-align: middle;
}
.sapUiSizeCompact .sapMTokenizer {
  padding-left: 0.25rem;
}
.sapUiSizeCompact .sapMTokenizer .sapMToken {
  height: 1.25rem;
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
  margin-right: 0.25rem;
  max-width: calc(100% - 0.25rem);
}
.sapUiSizeCompact .sapMTokenizerIndicator {
  line-height: 1.5rem;
}
.sapMTokenizerScrollContainer {
  display: inline-block;
  -moz-user-select: none;
  -webkit-user-select: none;
  height: 100%;
}
.sapMTokenizer.sapMTokenizerOneLongToken .sapMTokenizerScrollContainer {
  width: 100%;
  overflow: hidden;
}
.sapMTokenizer.sapMTokenizerOneLongToken .sapMTokenizerScrollContainer .sapMToken {
  width: calc(100% -  0.375rem);
}
.sapMTokenizerScrollContainerNoVisibleTokens {
  display: none;
}
/* ============================== */
/* CSS for control sap.m/Toolbar  */
/* Base theme                     */
/* ============================== */
.sapMIBar.sapMTB .sapMBarChild {
  margin-left: 0.25rem;
}
.sapMIBar.sapMTB .sapMBarChild ~ .sapMBarChild {
  margin: 0 0 0 0.5rem;
}
.sapMIBar.sapMTB .sapMBarChild:first-child[style*="width: 100%"] {
  margin-left: 0;
  padding-left: 0.25rem;
}
.sapMTB {
  white-space: nowrap;
  overflow: hidden;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  height: 3rem;
  background: transparent;
  padding-right: 0.25rem;
}
.sapMIBar.sapMTB .sapMTBHiddenElement {
  position: absolute;
  visibility: hidden;
}
.sapMTB:focus {
  outline: 0;
}
.sapMTBStandard {
  border-bottom: solid 0.0625rem #cccccc;
}
.sapMTBClear {
  border-bottom: none;
}
/* Transparent Toolbar Context */
.sapMTB-Transparent-CTX.sapMTB {
  padding-left: 0.75rem;
}
/* Info Toolbar Context */
.sapMIBar.sapMTB.sapMTB-Info-CTX {
  padding: 0 1rem 0 0.75rem;
}
.sapMIBar.sapMTB.sapMTB-Info-CTX > .sapUiIcon:first-child {
  padding: 1px;
}
/* Background and text colors for different states */
.sapMTB-Info-CTX > .sapUiIcon:focus {
  outline: 1px dotted #000;
  outline-offset: 0.0625rem;
}
.sapMTBActive,
.sapMTBActive > * {
  cursor: pointer;
}
.sapMTBShrinkItem:not(.sapMSF) {
  min-width: 2.5rem;
  /* default min-width value for the shrinkable items */
}
/* NewFlex */
.sapMTBNewFlex {
  display: -webkit-flex;
  display: flex;
}
.sapMTBNewFlex > * {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.sapMTBNewFlex > .sapMTBShrinkItem {
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}
/*** Toolbar inside of Form as Form- and Container- header ***/
.sapUiFormContainerToolbar > .sapMTB {
  border-bottom: none;
  padding: 0;
}
.sapUiGridHeader > .sapMTB > .sapMBarChild:first-child,
.sapUiGridTitle > th > .sapMTB > .sapMBarChild:first-child,
.sapUiFormResLayout.sapUiFormToolbar > .sapMTB > .sapMBarChild:first-child,
.sapUiRLContainer > .sapMTB > .sapMBarChild:first-child {
  margin-left: 0;
}
/* Solid Toolbar Context */
.sapMTB-Solid-CTX.sapMTB {
  background: #f7f7f7;
}
/* Info Toolbar Context */
.sapMTB-Info-CTX.sapMTB {
  background: #457aae;
  color: white;
  height: 2rem;
}
.sapMTB-Info-CTX.sapMTB .sapMText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sapMTB-Info-CTX.sapMTB > .sapMTitle {
  font-size: 0.875rem;
  text-shadow: none;
}
.sapMTB-Info-CTX.sapMTB.sapMTBActive:hover {
  background: #44a12c;
}
.sapMTB-Info-CTX.sapMTB.sapMTBActive:active {
  background: #44a12c;
}
/********** COMPACT DESIGN ************/
/* toolbar has 2rem height in compact mode */
.sapUiSizeCompact .sapMTB {
  height: 2rem;
}
/* class used to get a height of 3rem in compact mode */
.sapUiSizeCompact .sapMTB.sapMTBHeader-CTX {
  height: 48px;
}
/* default min-width value for the shrinkable items */
.sapUiSizeCompact .sapMTBShrinkItem:not(.sapMSF),
.sapUiSizeCondensed .sapUiTableCell .sapMTBShrinkItem {
  min-width: 2rem;
}
.sapFDynamicPageTitleContent-CTX .sapMTB {
  border-bottom: none;
}
/* ======================================= */
/* CSS for control sap.m/ToolbarSeparator  */
/* Base theme                              */
/* ======================================= */
.sapMTBSeparator {
  width: 0.0625rem;
  height: 2rem;
  background: #bfbfbf;
}
.sapMTBSeparator.sapMTBSeparatorOverflowToolbar {
  height: 0.0625rem;
  margin: 0.25rem 0.5rem;
  width: auto;
}
.sapUiSizeCompact .sapMTBSeparator {
  height: 1.5rem;
}
.sapUiSizeCompact .sapMTBSeparator.sapMTBSeparatorOverflowToolbar {
  height: 0.0625rem;
  margin: 0.1875rem 0.375rem;
}
/* ==================================== */
/* CSS for control sap.m/ToolbarSpacer  */
/* Base theme                           */
/* ==================================== */
.sapMTBSpacer {
  /* should never have padding/margin/border */
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  /* without height chrome ignores the element */
  height: 1px;
}
.sapMTBSpacerFlex {
  -webkit-flex-grow: 1;
  -webkit-box-flex: 1;
  flex: auto;
}
/* =================================== */
/* CSS for control sap.m/TreeItemBase  */
/* Base theme                          */
/* =================================== */
.sapMTreeItemBase {
  min-height: 40px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  padding-left: 0;
  color: #333333;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.sapMTreeItemBaseExpander {
  width: 48px;
  height: 40px;
  line-height: 40px;
  font-size: 1rem;
  color: #666666;
  flex-shrink: 0;
}
.sapMTreeItemBaseLeaf > .sapMTreeItemBaseExpander {
  opacity: 0;
  pointer-events: none;
}
.sapMLIBActive .sapMTreeItemBaseExpander {
  color: white;
}
.sapMListHighlight .sapMTreeItemBaseExpander {
  margin-left: 0.375rem;
}
.sapMTreeItemBaseChildren {
  background-color: #fafafa;
  border-bottom-color: transparent;
}
.sapMTIBWrapTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sapMTreeItemBase > .sapMLIBContent {
  display: flex;
  align-items: center;
}
.sapUiSizeCompact .sapMTreeItemBase {
  min-height: 1.5rem;
}
.sapUiSizeCompact .sapMTreeItemBaseWrapping {
  min-height: 1.5rem;
}
.sapUiSizeCompact .sapMTreeItemBaseExpander {
  font-size: 0.75rem;
  width: 2rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
/* ======================================= */
/* CSS for control sap.m/UploadCollection  */
/* Base theme                              */
/* ======================================= */
/* until the central focus concept is implemented, a workaround is built in sap.m.UploadCollection so that all focus frames are visible */
/* to remove the workaround the changes below are necessary: */
/* for .sapMLIB.sapMUCItem.sapMUCListSingleItem, .sapMLIB.sapMUCItem.sapMUCListFirstItem,.sapMLIB.sapMUCItem.sapMUCListLastItem, .sapMLIB.sapMUCItem.sapMUCListItem change padding-left from 0.9rem to 1rem    */
/* for .sapMUCFileName.sapMLnk delete margin-left:	0.1rem */
/* for .sapMUCItemIcon, .sapMUCItemImage change margin-right from 0.65rem to 0.75rem, delete margin-top: 0.1rem; margin-bottom:	0.1rem; margin-left: 0.1rem; */
/* for .sapMUCAttrContainer, .sapMUCStatusContainer delete margin-left: 0.1rem*/
/* List Header */
.sapMTB.sapMUCListHeader {
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.sapMTB.sapMUCListHeader > .sapMBarChild:first-child {
  margin-left: 0;
}
/* List with borders*/
.sapMLIB.sapMUCItem.sapMUCListSingleItem,
.sapMLIB.sapMUCItem.sapMUCListFirstItem,
.sapMLIB.sapMUCItem.sapMUCListLastItem,
.sapMLIB.sapMUCItem.sapMUCListItem {
  padding-left: 0.9rem;
  /* a workaround until the central focus concept is implemented( after that make it 1rem); 0.1rem gets the image/icon so that the left side of the keyboard frame is displayed */
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
  padding-right: 1rem;
}
/* List containing no borders */
.sapMListShowSeparatorsNone .sapMLIB.sapMUCListFirstItem,
.sapMListShowSeparatorsNone .sapMLIB.sapMUCListLastItem,
.sapMListShowSeparatorsNone .sapMLIB.sapMUCListItem {
  border-bottom-color: transparent;
  /* this is the central switch to have inner separators or not */
}
/* List containing no borders */
.sapMListShowSeparatorsNone .sapMLIB.sapMUCListLastItem,
.sapMListShowSeparatorsNone .sapMLIB.sapMUCListItem {
  padding-top: 0.5rem;
}
/* List containing no borders */
.sapMListShowSeparatorsNone .sapMLIB.sapMUCListFirstItem,
.sapMListShowSeparatorsNone .sapMLIB.sapMUCListItem {
  padding-bottom: 0.5rem;
}
/* List with a single item containing no borders */
.sapMListShowSeparatorsNone .sapMLIB.sapMUCListSingleItem {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
/* Item icon */
.sapMUCItemIconInactive,
.sapMUCItemIcon {
  font-size: 2.5rem;
}
.sapMImg.sapMUCItemImage {
  background-size: cover;
}
.sapMUCItemIconInactive,
.sapMUCItemIcon,
.sapMUCItemImage {
  height: 3rem;
  width: 3rem;
  margin-right: 0.75rem;
  /* because of the keyboard frame it should be margin and not padding */
  margin-top: 0.1rem;
  /* is needed so that keyboard frame is visible; after the central focus concept is implemented delete the margin */
  margin-bottom: 0.1rem;
  /* is needed so that keyboard frame is visible; after the central focus concept is implemented delete the margin */
  margin-left: 0.1rem;
  /* is needed so that keyboard frame is visible; after the central focus concept is implemented delete the margin */
  flex: none;
}
/*if no image is provided a standard placeholder is displayed */
.sapMUCItemPlaceholderInactive,
.sapMUCItemPlaceholder {
  line-height: 3rem;
}
/* Text: File name */
.sapMUCFileName.sapMLnk {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  white-space: nowrap;
  padding-top: 0.25rem;
  /* Padding top instead of padding bottom due to in-line placement with Objectmarker */
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 100;
  margin-left: 0.1rem;
}
.sapMUCObjectMarker {
  margin-left: 0.5rem;
}
.sapMUCObjectMarker.sapMObjectMarkerText:not(.sapMObjectMarkerIcon) {
  padding-top: 0.25rem;
}
.sapMUCObjectMarker.sapMObjectMarkerText,
.sapMUCObjectMarker.sapMObjectMarkerIcon.sapMObjectMarkerText .sapUiIcon {
  vertical-align: bottom;
}
.sapMUCObjectMarkerContainer {
  display: inline-block;
  position: absolute;
}
/*positioning of the Progress label */
.sapMLabel.sapMUCProgress {
  display: block;
  padding-top: 0.5rem;
}
/* Busy Indicator */
.sapMBusyIndicator.sapMUCloadingIcon {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 1.3rem;
  padding-left: 0.5rem;
  margin-top: 0rem;
}
.sapMBusyIndicator.sapMUCloadingIcon .sapMBusySvg {
  height: 2rem;
  width: 2rem;
}
/* No data indicator */
.sapMUCNoDataPage {
  padding: 1rem;
  text-align: center;
  background: #ffffff;
  display: block;
}
.sapMUCNoDataPage .sapUiIcon {
  color: rgba(102, 102, 102, 0.5);
}
.sapMUCNoDataPage .sapMUCNoDataText {
  padding: 1rem 0rem;
  line-height: 2rem;
  font-size: 1.375rem;
  color: #333333;
}
.sapMUCNoDataPage .sapMUCNoDataDescription {
  padding: 0rem 0rem 2rem 0rem;
  font-size: 1rem;
  color: #666666;
}
/* Drag && Drop */
.sapMUC {
  position: relative;
}
.sapMUC .sapMUCDragDropOverlay:not(.sapMUCDragDropOverlayHide) ~ .sapMList .sapMUCNoDataPage {
  visibility: hidden;
}
.sapMUC .sapMUCDragDropOverlay {
  position: absolute;
  top: 3rem;
  right: 0rem;
  left: 0rem;
  bottom: 0rem;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.sapMUC .sapMUCDragDropOverlay.sapMUCDragDropOverlayHide {
  display: none;
}
.sapMUC .sapMUCDragDropOverlay:after {
  display: block;
  content: "";
  position: absolute;
  top: 0rem;
  left: 0rem;
  bottom: 0rem;
  right: 0rem;
  margin: 0.5rem;
  border: 0.125rem dashed #bfbfbf;
}
.sapMUC .sapMUCDragDropOverlay .sapMUCDragDropIndicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sapMUC .sapMUCDragDropOverlay .sapMUCDragDropIndicator .sapUiIcon {
  position: relative;
  display: block;
  color: #666666;
  padding-bottom: 1rem;
}
.sapMUC .sapMUCDragDropOverlay .sapMUCDragDropIndicator .sapMText {
  position: relative;
  font-size: 1.125rem;
  color: #666666;
}
.sapMUC .sapMUCDragDropOverlay.sapMUCDropIndicator:after {
  background-color: rgba(68, 161, 44, 0.05);
  border: 0.125rem solid #44a12c;
}
.sapMUC .sapMUCDragDropOverlay.sapMUCDropIndicator .sapMUCDragDropIndicator .sapMText {
  color: #44a12c;
}
.sapMUC .sapMUCDragDropOverlay.sapMUCDropIndicator .sapMUCDragDropIndicator .sapUiIcon {
  color: #44a12c;
}
/* ************************************************************************************* */
/* local fixes: should be done by used simple controls                                   */
/* ************************************************************************************* */
.sapMTB.sapMUCListHeader .sapMBtnPaddingLeft {
  padding-left: 0rem;
}
.sapMUC .sapUiIcon:focus {
  outline-style: dotted;
  outline-width: 1px;
  /*suddenly there comes 3 px outline-width from the Icon control which is not in sync with other outlines of our control */
}
/* ************************************************************************************* */
.sapMUCListFirstItem > .sapMLIBContent,
.sapMUCListLastItem > .sapMLIBContent,
.sapMUCListSingleItem > .sapMLIBContent,
.sapMUCListItem > .sapMLIBContent {
  display: flex;
  padding: 0;
}
/*Container for a textContainer and a button container */
@media (min-width: 30rem) {
  .sapMUCTextButtonContainer {
    display: flex;
    width: 100%;
    min-width: 0;
    /* to avoid FF bug with flex*/
  }
}
.sapMUCTextButtonContainer {
  min-width: 0;
  /* to avoid FF bug with truncation */
  width: 100%;
  /* it is necessary for the file name truncation in IE10 */
}
/*text container holding the file name, a container for attributes and a container for statuses */
@media (min-width: 30rem) {
  .sapMUCTextContainer {
    flex: 10 10 auto;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    display: block;
  }
}
.sapMUCTextContainer.sapMUCEditMode {
  padding-top: 0rem;
}
.sapMUCTextContainer {
  width: 100%;
  white-space: nowrap;
  /* necessary for text ellipsis of the file name in FF */
  overflow: hidden;
}
/*display the attributes inline */
.sapMUCAttrContainer .sapMObjectAttributeDiv {
  display: inline;
}
/* display the statuses inline */
.sapMUCStatusContainer .sapMObjStatus {
  display: inline;
}
/* overwrite display: -webkit-box so that the text does not get truncated */
.sapMUCAttr .sapMTextMaxLine {
  display: initial;
  overflow: visible;
}
.sapMUCAttrContainer,
.sapMUCStatusContainer {
  padding-top: 0.375rem;
  font-weight: normal;
  line-height: normal;
  white-space: pre-line;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}
@media (min-width: 30rem) {
  /* !important is necessary here for overriding inline style of sap.m.input */
  .sapMUCEditBox > .sapMInputBaseInner {
    width: 60% !important;
  }
}
.sapMInputBase.sapMUCEditBox {
  margin-bottom: 0.1875rem;
}
@media (min-width: 30rem) {
  .sapMUCButtonContainer {
    white-space: nowrap;
    /* so that buttons are displayed in a row */
    padding-left: 1rem;
    padding-top: 0rem;
    align-self: flex-end;
    /* for buttons alignment at the bottom */
    flex: none;
  }
}
@media (max-width: 30rem) {
  .sapMUCButtonContainer {
    padding-top: 0.75rem;
  }
}
/* this padding is only needed if both buttons are displayed */
/* for the width less than 30 rem */
.sapMBtn.sapMUCFirstButton {
  padding-right: 0.5rem;
}
/* this padding is only needed if both buttons are displayed */
/* for the width >=30rem */
@media (min-width: 30rem) {
  .sapMBtn.sapMUCFirstButton {
    padding-right: 0.125rem;
  }
}
/* for compact form: for the width less than 30rem */
.sapUiSizeCompact .sapMBtn.sapMUCFirstButton {
  padding-right: 0.5rem;
}
/* for compact form: this padding is only needed if both buttons are displayed */
@media (min-width: 30rem) {
  .sapUiSizeCompact .sapMBtn.sapMUCFirstButton {
    padding-right: 0.125rem;
  }
}
.sapMUCButtonContainer > .sapMBtn {
  padding-top: 0rem;
  /* the padding of the sap.m.Button should be removed */
  padding-bottom: 0rem;
  /* the padding of the sap.m.Button should be removed */
  height: 2.5rem;
}
/*compact form */
.sapUiSizeCompact .sapMUCButtonContainer > .sapMBtn {
  height: 1.625rem;
}
.sapMUCSeparator {
  display: inline-block;
}
.sapMUCList .sapMLIB {
  align-items: center;
}
.sapMUCItem.sapMCLI > .sapMLIBSelectM {
  margin-top: -0.8125rem;
  margin-left: -0.875rem;
  margin-right: -0.125rem;
}
.sapUiSizeCompact .sapMUCItem > .sapMLIBSelectM {
  margin-left: -0.9rem;
  padding-top: 0.3rem;
  margin-right: -0.1rem;
}
.sapUiSizeCompact .sapMUCItem .sapMLIBSelectM {
  padding-left: 0.3rem;
}
.sapUiSizeCozy .sapMUCItem .sapMLIBSelectM {
  padding-left: 0;
}
/* Item Icon */
.sapMUCItemIcon {
  color: #666666;
}
/* Item Icon Inactive */
.sapMUCItemIconInactive {
  color: #666666;
}
/*if no image is provided a standard placeholder is displayed */
.sapMUCItemPlaceholder {
  color: #666666;
}
.sapMUCItemPlaceholderInactive {
  color: #666666;
}
/*if no link is provided the file name is displayed as an disabled link */
.sapMLnkDsbl.sapMUCFileName {
  color: #333333;
  text-decoration: none;
}
/* disabled state */
.sapMBtnDisabled.sapMUCDeleteBtn > .sapMBtnInner > .sapMBtnIcon {
  color: #666666;
}
.sapMUCAttrContainer {
  color: #666666;
}
/* Text: Filename */
.sapMUCFileName.sapMLnk {
  font-size: 1rem;
  /* it cannot be moved to base as the LESS constant is not known there */
}
.sapMUCAttrContainer,
.sapMUCStatusContainer {
  font-size: 0.875rem;
  /* it cannot be moved to base as the LESS constant is not known there */
}
/*for width > 30rem the buttons should be displayed as buttons of type transparent */
@media (min-width: 30rem) {
  .sapMUCButtonContainer > .sapMBtn > .sapMBtnInner {
    background-image: none;
    background-color: transparent;
    border-color: transparent;
    text-shadow: none;
  }
}
/* an edit and delete button in a hover state; it should look like a transparent button in a hover state */
@media (min-width: 30rem) {
  .sapMUCEditBtn:hover > .sapMBtnHoverable,
  .sapMUCDeleteBtn:hover > .sapMBtnHoverable {
    background-color: rgba(222, 222, 222, 0.5);
    border-color: rgba(222, 222, 222, 0.5);
  }
}
/*an edit and delete button in a pressed state; it should look like a transparent button in a pressed state */
@media (min-width: 30rem) {
  :not(.sapMBtnDisabled).sapMUCEditBtn > .sapMBtnActive,
  :not(.sapMBtnDisabled).sapMUCEditBtn:hover > .sapMBtnActive,
  :not(.sapMBtnDisabled).sapMUCDeleteBtn > .sapMBtnActive,
  :not(.sapMBtnDisabled).sapMUCDeleteBtn:hover > .sapMBtnActive {
    background-color: #44a12c;
    border-color: #44a12c;
  }
}
.sapMUSFileName {
  flex-shrink: 0;
}
.sapMUSObjectMarkerContainer {
  display: inline-block;
  flex: none;
}
.sapMUSProgressBox {
  min-width: 120px;
  padding-left: 1rem;
}
.sapMUSProgressIndicator {
  padding: 5px;
}
.sapMUSTextInnerContainer {
  display: flex;
}
/* ======================================== */
/* CSS for control sap.m/ValueStateMessage  */
/* Base theme                               */
/* ======================================== */
.sapMValueStateMessage {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-block;
  color: #000;
  font-size: 0.75rem;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0.3rem 0.625rem;
  min-width: 6rem;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sapMValueStateMessage .sapMFT {
  font-size: 0.75rem;
}
.sapMValueStateMessageError {
  background: #fbdfdf;
}
.sapMValueStateMessageWarning {
  background: #fffcb5;
}
.sapMValueStateMessageInformation {
  background: #e6f2f9;
}
/* ========================================= */
/* CSS for control sap.m/ViewSettingsDialog  */
/* Base theme                                */
/* ========================================= */
.sapMVSD.sapMDialog .sapMDialogScrollCont {
  padding: 0;
}
.sapMTB.sapMVSDFilterHeaderToolbar {
  padding-left: 0;
  padding-right: 1rem;
  width: 100%;
}
.sapMTB.sapMVSDFilterHeaderToolbar .sapMBarChild.sapMCb {
  margin-left: 0;
}
.sapMTB.sapMVSDFilterHeaderToolbar .sapMBarChild.sapMCb .sapMCbLabel {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sapMTB.sapMVSDFilterHeaderToolbar .sapMBarChild.sapMCb .sapMCbMark {
  white-space: normal;
}
.sapMVSD.sapUiPopupWithPadding .sapMDialogScrollCont.sapMDialogStretchContent {
  height: inherit;
}
.sapMSF.sapMVSDFilterSearchField,
.sapUiSizeCompact .sapMSF.sapMVSDFilterSearchField {
  padding: 0.25rem;
}
.sapUiSizeCompact .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
  height: 2rem;
  padding-left: 0.5rem;
}
.sapUiSizeCompact .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar .sapMLabel.sapMCbLabel {
  overflow: hidden;
  text-overflow: ellipsis;
}
.sapUiSizeCompact .sapMSF.sapMVSDFilterSearchField > .sapMSFF {
  height: 1.5rem;
}
html.sap-desktop .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar .sapMCb {
  outline: none;
  padding-right: 0.5rem;
}
.sapMSF.sapMVSDFilterSearchField {
  border-bottom: 1px solid #cccccc;
}
.sapMVSD .sapMTitle {
  font-size: 1rem;
  color: #666666;
}
.sapUiSizeCompact .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar .sapMLabel.sapMCbLabel {
  font-size: 0.875rem;
}
.sapUiSizeCompact .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar .sapMCb.sapMBarChild:only-child {
  padding-left: 2rem;
}
.sapUiSizeCozy .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar .sapMLabel.sapMCbLabel {
  font-size: 1rem;
}
.sapMVSD .sapMTB {
  padding: 0 1rem 0 0.5rem;
}
.sapMVSD .sapMLIB > .sapMLIBSelectS:first-child,
.sapMVSD .sapMLIB > .sapMLIBSelectM:first-child {
  margin-left: -0.6875rem;
}
.sapMVSD .sapMPageSubHeader .sapMVSDBar {
  padding-bottom: 0.25rem;
}
.sapMVSD .sapMTB.sapMVSDFilterHeaderToolbar .sapMBarChild.sapMCb {
  margin-left: 0.3125rem;
}
.sapMVSD .sapMPage > .sapMPageHeader + .sapMPageSubHeader + section {
  top: 5.75rem;
}
.sapUiSizeCompact .sapMVSD .sapMSFI {
  height: 1.375rem;
  line-height: 1.375rem;
}
.sapUiSizeCompact .sapMVSD .sapMSFB {
  height: 1.375rem;
  line-height: 1.375rem;
}
.sapUiSizeCompact .sapMVSD .sapMLIB > .sapMLIBSelectS:first-child,
.sapUiSizeCompact .sapMVSD .sapMLIB > .sapMLIBSelectM:first-child {
  margin-left: -0.5rem;
}
.sapUiSizeCompact .sapMVSD .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
  padding-left: 0.1875rem;
}
.sapUiSizeCompact .sapMVSD .sapMPage > .sapMPageHeader + .sapMPageSubHeader + section {
  top: 4.75rem;
}
/* =========================================== */
/* CSS for control sap.m/WheelSlider           */
/* Base Styles                                 */
/* =========================================== */
.sapMWS {
  display: inline-block;
  overflow: hidden;
  height: 3rem;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  margin-top: 2rem;
}
.sapMWS .sapMWSLabel {
  display: none;
  box-sizing: border-box;
  height: 2rem;
  line-height: 2rem;
  width: 4.5rem;
  font-size: 0.75rem;
  color: #666666;
  text-align: center;
  vertical-align: middle;
}
.sapMWS .sapMWSArrows {
  display: none;
  box-sizing: border-box;
}
.sapMWS .sapMWSInner {
  overflow: hidden;
  height: 100%;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.sapMWS .sapMWSInner .sapMWSItem {
  height: 3rem;
  line-height: 3rem;
  width: 4.5rem;
  box-sizing: border-box;
  background: #44a12c;
  border: 1px solid #e5e5e5;
  font-size: 0.875rem;
  color: #fff;
  text-align: center;
}
.sapMWS .sapMWSInner .sapMWSItem:hover {
  background: #44a12c;
  color: #fff;
}
.sapMWS .sapMWSInner .sapMWSItem:active {
  background: #44a12c;
  color: #fff;
}
.sapMWS .sapMWSInner .sapMWSItem:focus {
  outline: 1px dotted #fff;
  outline-offset: -3px;
}
.sapMWS .sapMWSInner .sapMWSSelectionFrame {
  width: 4.5rem;
  height: 3rem;
  position: absolute;
  box-sizing: border-box;
  display: none;
}
.sapMWS .sapMWSInner > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sapMWS.sapMWSExpanded {
  height: 100%;
  cursor: default;
  margin: 0;
}
.sapMWS.sapMWSExpanded .sapMWSLabel {
  display: block;
}
.sapMWS.sapMWSExpanded .sapMWSArrows {
  display: none;
}
.sapMWS.sapMWSExpanded .sapMWSInner {
  height: calc(100% - 2rem);
  max-height: 100%;
}
.sapMWS.sapMWSExpanded .sapMWSInner .sapMWSItem {
  background: #ffffff;
  color: #000;
  border: 1px solid #e5e5e5;
}
.sapMWS.sapMWSExpanded .sapMWSInner .sapMWSItem:hover {
  background: #44a12c;
}
.sapMWS.sapMWSExpanded .sapMWSInner .sapMWSItem:active {
  background: #44a12c;
  color: #fff;
}
.sapMWS.sapMWSExpanded .sapMWSInner .sapMWSItem:focus {
  outline: 1px dotted #000;
  outline-offset: -3px;
}
.sapMWS.sapMWSExpanded .sapMWSInner .sapMWSSelectionFrame {
  display: block;
  outline: 0.125rem solid #bfbfbf;
  outline-offset: -0.313rem;
}
.sapMWS.sapMWSExpanded .sapMWSInner .sapMWSSelectionFrame:hover + ul > li.sapMWSItem.sapMWSItemSelected {
  background: #44a12c;
}
.sapMWS.sapMWSExpanded .sapMWSInner .sapMWSSelectionFrame:active + ul > li.sapMWSItem.sapMWSItemSelected {
  background: #44a12c;
  color: #fff;
}
.sapMWS.sapMWSExpanded .sapMWSInner.SliderValues3 {
  height: 9rem;
}
.sapMWS.sapMWSExpanded .sapMWSInner.SliderValues4 {
  height: 12rem;
}
.sapMWS.sapMWSExpanded .sapMWSInner.SliderValues5 {
  height: 15rem;
}
.sapMWS.sapMWSExpanded .sapMWSInner.SliderValues6 {
  height: 18rem;
}
.sapMWS.sapMWSExpanded .sapMWSInner.SliderValues7 {
  height: 21rem;
}
.sapMWS.sapMWSExpanded .sapMWSInner.SliderValues8 {
  height: 24rem;
}
.sapMWS.sapMWSExpanded .sapMWSInner.SliderValues9 {
  height: 27rem;
}
.sapMWS.sapMWSExpanded .sapMWSInner.SliderValues10 {
  height: 30rem;
}
.sapMWS.sapMWSExpanded .sapMWSInner.SliderValues11 {
  height: 33rem;
}
.sapMWS.sapMWSExpanded .sapMWSInner.SliderValues12 {
  height: 36rem;
}
.sapMWS:focus {
  outline: none;
}
.sapUiSizeCompact .sapMWS {
  height: 2rem;
}
.sapUiSizeCompact .sapMWS .sapMWSLabel {
  width: 4rem;
}
.sapUiSizeCompact .sapMWS .sapMWSInner .sapMWSItem {
  height: 2rem;
  line-height: 2rem;
  width: 4rem;
  box-sizing: border-box;
}
.sapUiSizeCompact .sapMWS .sapMWSInner .sapMWSSelectionFrame {
  width: 4rem;
  height: 2rem;
}
.sapUiSizeCompact .sapMWS.sapMWSExpanded {
  height: 100%;
  cursor: default;
  margin: 0;
}
.sapUiSizeCompact .sapMWS.sapMWSExpanded .sapMWSArrows {
  display: block;
}
.sapUiSizeCompact .sapMWS.sapMWSExpanded .sapMWSInner {
  height: calc(100% - 6rem);
  max-height: calc(100% - 6rem);
}
.sapUiSizeCompact .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues3 {
  height: 6rem;
}
.sapUiSizeCompact .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues4 {
  height: 8rem;
}
.sapUiSizeCompact .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues5 {
  height: 10rem;
}
.sapUiSizeCompact .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues6 {
  height: 12rem;
}
.sapUiSizeCompact .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues7 {
  height: 14rem;
}
.sapUiSizeCompact .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues8 {
  height: 16rem;
}
.sapUiSizeCompact .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues9 {
  height: 18rem;
}
.sapUiSizeCompact .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues10 {
  height: 20rem;
}
.sapUiSizeCompact .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues11 {
  height: 22rem;
}
.sapUiSizeCompact .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues12 {
  height: 24rem;
}
.sap-phone .sapMWS {
  display: inline-block;
  height: 3rem;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
  box-sizing: border-box;
}
.sap-phone .sapMWS .sapMWSLabel {
  height: 2rem;
  width: 4.5rem;
  display: none;
  font-size: 0.75rem;
  color: #666666;
  text-align: center;
  vertical-align: middle;
}
.sap-phone .sapMWS .sapMWSArrows {
  display: none;
}
.sap-phone .sapMWS .sapMWSInner {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
.sap-phone .sapMWS .sapMWSInner .sapMWSItem {
  height: 3rem;
  line-height: 3rem;
  width: 4.5rem;
  box-sizing: border-box;
  background: #44a12c;
  border: 1px solid #e5e5e5;
  font-size: 0.875rem;
  color: #fff;
  text-align: center;
}
.sap-phone .sapMWS .sapMWSInner .sapMWSItem:active {
  background: #44a12c;
  color: #fff;
}
.sap-phone .sapMWS .sapMWSInner .sapMWSItem:focus {
  outline: 1px dotted #fff;
  outline-offset: -3px;
}
.sap-phone .sapMWS .sapMWSInner .sapMWSSelectionFrame {
  width: 4.5rem;
  height: 3rem;
  position: absolute;
  display: none;
  box-sizing: border-box;
}
.sap-phone .sapMWS.sapMWSExpanded {
  height: 100%;
  cursor: default;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSLabel {
  display: block;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSArrows {
  display: none;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSInner {
  height: calc(100% - 2rem);
  max-height: 100%;
  overflow: hidden;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSInner .sapMWSItem {
  height: 3rem;
  line-height: 3rem;
  width: 4.5rem;
  box-sizing: border-box;
  background: #ffffff;
  color: #000;
  border: 1px solid #e5e5e5;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSInner .sapMWSItem:active {
  background: #44a12c;
  color: #fff;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSInner .sapMWSItem:focus {
  outline: 1px dotted #000;
  outline-offset: -3px;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSInner .sapMWSSelectionFrame {
  display: block;
  outline: 0.125rem solid #bfbfbf;
  outline-offset: -0.313rem;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues3 {
  height: 9rem;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues4 {
  height: 12rem;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues5 {
  height: 15rem;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues6 {
  height: 18rem;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues7 {
  height: 21rem;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues8 {
  height: 24rem;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues9 {
  height: 27rem;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues10 {
  height: 30rem;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues11 {
  height: 33rem;
}
.sap-phone .sapMWS.sapMWSExpanded .sapMWSInner.SliderValues12 {
  height: 36rem;
}
.sap-phone .sapMWS:focus {
  outline: none;
}
/* =========================================== */
/* CSS for control sap.m/WheelSliderContainer  */
/* Base Styles                                 */
/* =========================================== */
.sapMWSContainer {
  width: 100%;
  height: 100%;
  min-width: 20rem;
  box-sizing: border-box;
  padding: 1rem;
  text-align: center;
  position: relative;
}
.sapMWSContainer:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.sapMWSContainer .sapMWSContainerLabel {
  display: none;
  box-sizing: border-box;
}
.sapMWSContainer .sapMWSContainerLabel {
  font-size: 1rem;
  color: #ab218e;
}
.sapUiSizeCompact .sapMWSContainer {
  padding: 0.5rem;
  margin: auto;
}
.sap-phone .sapMWSContainer {
  max-height: 38rem;
  height: 100%;
  padding: 1rem;
  box-sizing: border-box;
  margin: auto;
  text-align: center;
}
.sap-phone .sapMWSContainer:before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -0.25rem;
  vertical-align: middle;
}
.sap-phone .sapMWSContainer .sapMWSContainerLabel {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  display: block;
  height: 2rem;
  line-height: 2rem;
  font-size: 1rem;
  color: #ab218e;
}
/* ============================= */
/* CSS for control sap.m/Wizard  */
/* Base theme                    */
/* ============================= */
.sapMWizard {
  height: 100%;
  position: relative;
  counter-reset: steps-counter;
  overflow: hidden;
  background-color: transparent;
}
.sapMWizard .sapMWizardStepContainer {
  position: relative;
  height: calc(100% - 4rem);
  /* 4rem is the height of the Progress Navigator*/
  box-sizing: border-box;
  padding: 1rem;
}
.sapMWizard .sapMWizardStep {
  position: relative;
  padding-bottom: 2rem;
  display: none;
}
.sapMWizard .sapMWizardStepActivated {
  display: block;
}
.sapMWizard .sapMWizardLastActivatedStep {
  min-height: 100%;
}
.sapMWizard.sapMWizardModeScroll .sapMWizardStepTitle::before {
  counter-increment: steps-counter;
  content: counter(steps-counter) ". ";
}
.sapMWizard .sapMWizardNextButtonHidden {
  bottom: -3rem;
  opacity: 0;
  animation-name: hideWizardButton;
}
.sapMWizard .sapMWizardNextButtonVisible {
  bottom: 0rem;
  opacity: 1;
  animation-name: showWizardButton;
}
.sapMWizard .sapMDialogSection {
  height: auto;
}
.sapMWizard.sapMWizardBgStandard .sapMWizardStepContainer {
  background-color: #f2f2f2;
}
.sapMWizard.sapMWizardBgSolid .sapMWizardStepContainer {
  background-color: #f2f2f2;
}
.sapMWizard.sapMWizardBgTransparent .sapMWizardStepContainer {
  background-color: transparent;
}
.sapMWizard.sapMWizardBgList .sapMWizardStepContainer {
  background-color: #ffffff;
}
html[data-sap-ui-animation='on'] .sapMWizardNextButtonVisible,
html[data-sap-ui-animation='on'] .sapMWizardNextButtonVisible {
  animation-timing-function: linear;
  animation-duration: 0.4s;
}
@keyframes showWizardButton {
  from {
    opacity: 0;
    bottom: -3rem;
  }
  to {
    opacity: 1;
    bottom: 0rem;
  }
}
@keyframes hideWizardButton {
  from {
    opacity: 1;
    bottom: 0rem;
  }
  to {
    opacity: 0;
    bottom: -3rem;
  }
}
html.sap-desktop .sapMWizard .sapMWizardNextButtonVisible,
html.sap-tablet .sapMWizard .sapMWizardNextButtonVisible {
  display: block;
}
html.sap-phone .sapMWizard .sapMWizardNextButtonVisible {
  position: fixed;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: 3rem;
}
/* ============================================== */
/* CSS for control sap.m/WizardProgressNavigator  */
/* Base theme                                     */
/* ============================================== */
.sapMWizardProgressNav {
  box-sizing: border-box;
  height: 4rem;
  padding: 0.875rem 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: #ffffff;
  font-size: 0.875rem;
  box-shadow: 0 0.125rem 0 0 #fff;
}
.sapMWizardProgressNavList,
.sapMWizardProgressNavListVarying {
  display: table;
  table-layout: fixed;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 2rem;
}
.sapMWizardProgressNavStepContainer {
  display: inline-block;
  cursor: pointer;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.sapMWizardProgressNavStep {
  display: table-cell;
  position: relative;
  padding: 0 0.5rem;
}
.sapMWizardProgressNavStep:focus {
  outline: none;
}
.sapMWizardProgressNavStep:focus .sapMWizardProgressNavStepContainer {
  outline: 1px dotted #000;
  outline-offset: 1px;
}
.sapMWizardProgressNavStep::after {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 3rem;
  right: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  z-index: -1;
}
.sapMWizardProgressNavList .sapMWizardProgressNavStep:last-child::after {
  display: none;
}
.sapMWizardProgressNavListVarying .sapMWizardProgressNavStep:last-child::after {
  display: block;
  border-bottom-style: dashed;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepContainer::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0.125rem;
  bottom: -1.125rem;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] ~ .sapMWizardProgressNavStep > .sapMWizardProgressNavStepContainer {
  right: 0;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-active="true"] ~ .sapMWizardProgressNavStep > .sapMWizardProgressNavStepContainer {
  cursor: default;
  display: inline;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-active="true"] ~ .sapMWizardProgressNavStep:focus > .sapMWizardProgressNavStepContainer {
  outline: none;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] {
  width: 0.25rem;
  padding: 0;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] .sapMWizardProgressNavStepContainer {
  position: absolute;
  top: 0;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] .sapMWizardProgressNavStepTitleContainer {
  display: none;
}
.sapMWizardProgressNavList.sapMWizardProgressNavListNoTitles .sapMWizardProgressNavStep:last-child {
  width: 2rem;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] + .sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] {
  width: 0.25rem;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="true"] + .sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] {
  width: 2rem;
  padding-left: 0.5rem;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open-prev="true"],
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] + .sapMWizardProgressNavStep[data-sap-ui-wpn-step-open-prev="true"] {
  width: 2rem;
  padding-right: 0.75rem;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open-prev="true"]::after,
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] + .sapMWizardProgressNavStep[data-sap-ui-wpn-step-open-prev="true"]::after {
  left: 2.5rem;
}
.sapMWizardProgressNavStepCircle {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  color: #000;
  background: #ffffff;
  border-color: #ebebeb;
  font-size: 0.875rem;
}
.sapMWizardProgressNavStepCircle .sapUiIcon {
  font-size: 1rem;
}
.sapMSplitContainerDetail .sapMWizardProgressNav {
  padding: 0.875rem 1rem;
}
html.sap-phone .sapMWizardProgressNav {
  padding: 0.875rem 0.5rem;
}
.sapMWizardProgressNavStep:hover .sapMWizardProgressNavStepCircle {
  background: #44a12c;
}
.sapMWizardProgressNavStepIcon {
  font-size: 1rem;
  cursor: pointer;
}
.sapMWizardProgressNavStep::after {
  border-bottom-color: #ebebeb;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepContainer::after {
  background: #44a12c;
  height: 0.25rem;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepCircle {
  background: #44a12c;
  color: #fff;
}
.sapMWizardProgressNavStepTitleContainer {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  padding: 0 0.5rem;
  max-height: 3rem;
  overflow: hidden;
  max-width: calc(100% - 3rem);
  background: #ffffff;
}
.sapMWizardProgressNavStepTitle {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  max-height: 2rem;
  line-height: 1rem;
  font-size: 0.875rem;
  color: #333333;
  vertical-align: middle;
}
.sapMWizardProgressNavStepTitleOptional {
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 100%;
}
.sapMWizardProgressNavStepLabelOptional {
  display: table-row;
  font-size: 0.75rem;
  color: #666666;
  overflow: hidden;
}
/* ================================= */
/* CSS for control sap.m/WizardStep  */
/* Base theme                        */
/* ================================= */
.sapMWizardStep {
  box-sizing: border-box;
}
.sapMWizardStep .sapMWizardStepTitle {
  font-size: 1.25rem;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 1rem;
}
.sapMWizardStep .sapUiFormResLayout > div {
  background-color: inherit;
}
.sapMWizardStep .sapMWizardStepTitle {
  color: #333333;
}
/* import plugin less files */
.sapMPluginsColumnResizerContainer {
  position: relative;
}
.sapMPluginsColumnResizerResizing {
  cursor: col-resize;
}
.sapMPluginsColumnResizerResizable {
  border-right: 1px solid #e5e5e5;
}
.sapMPluginsColumnResizerHandle {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: -10000px;
  width: 0.1875rem;
  padding: 0 0.125rem;
  margin-left: -0.25rem;
  cursor: col-resize;
  background-clip: content-box;
  background-color: #009de0;
  -webkit-user-select: none;
  user-select: none;
}
.sapMPluginsColumnResizerHandleCircle {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: -0.4375rem;
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  border: 0.125rem solid #009de0;
  background: #ffffff;
  pointer-events: none;
  margin-top: -0.125rem;
}
.sapMPluginsColumnResizerSizeDetector {
  position: absolute;
  left: -1000px;
  visibility: hidden;
  display: flex;
  flex-direction: column;
}
.sapMPluginsPasteProviderMessage {
  outline: 0;
  padding: 2rem;
  font-size: 0.75em;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
}
.sapMPluginsPasteProviderShortCut {
  font-size: 0.9em;
  font-family: Arial, Helvetica, sans-serif;
}
.sapMPluginsPasteProviderHighlight {
  position: relative;
}
.sapMPluginsPasteProviderHighlight::after {
  content: "";
  background: rgba(68, 161, 44, 0.05);
  border: 0.125rem solid #44a12c;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  pointer-events: none;
}
/******************* 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 */
/* ============================= */
/* Shared CSS BlueCrystal theme  */
/* ============================= */
/* ===================================== */
/* CSS for control sap.m/ActionListItem  */
/* BlueCrystal theme                     */
/* ===================================== */
.sapMList .sapMLIB.sapMALI:focus {
  outline-offset: -0.2rem;
}
.sapMALI > .sapMLIBContent {
  line-height: 3rem;
}
.sapMALIText {
  color: #fff;
}
/* =================================== */
/* CSS for control sap.m/ActionSelect  */
/* BlueCrystal theme                   */
/* =================================== */
/* ----------------------------- */
/* button                        */
/* ----------------------------- */
.sapMActionSelectPicker .sapMBtn {
  text-shadow: 0 1px 0 #000;
}
.sapMActionSelectPicker .sapMBtnDisabled {
  opacity: 1;
}
.sapMActionSelectPicker .sapMBtnDisabled .sapMBtnContent {
  opacity: 0.5;
}
.sapMActionSelectPicker .sapMBtnInner {
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
/* override standard buttons inside the action select */
.sapMActionSelectPicker .sapMBtnDefault {
  color: black;
  background: rgba(54, 62, 67, 0.96);
  border-color: rgba(100, 114, 123, 0.96);
  /* override the default text-shadow */
  text-shadow: none;
}
html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtnDefault:not(.sapMBtnActive):hover {
  background: rgba(68, 78, 84, 0.96);
}
html.sap-desktop .sapMActionSelectPicker .sapMBtn:focus > .sapMBtnDefault {
  outline-color: #fff;
}
html.sap-desktop .sapMActionSelectPicker .sapMBtnFocusDiv {
  border-color: #fff;
}
/* ============================================================================ */
/* CSS for control sap.m/ActionSelect BlueCrystal theme compact/condensed sizes */
/* ============================================================================ */
/* ----------------------------- */
/* button                        */
/* ----------------------------- */
.sapUiSizeCompact.sapMActionSelectPicker .sapMBtn,
.sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner,
.sapUiTableDataCell .sapUiSizeCondensed.sapMActionSelectPicker .sapMBtn {
  height: 2rem;
}
.sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid rgba(100, 114, 123, 0.96);
}
.sapUiSizeCompact.sapMActionSelectPicker .sapMBtn {
  padding: 0;
}
.sapUiSizeCompact.sapMActionSelectPicker .sapMBtnContent {
  line-height: 2rem;
}
/* ================================== */
/* CSS for control sap.m/ActionSheet  */
/* BlueCrystal theme                  */
/* ================================== */
.sapMActionSheetButton > .sapMBtnInner.sapMBtnTransparent .sapUiIcon {
  color: #fff;
  text-shadow: none;
}
/* ====== BEGIN ====== */
/*Style for ActionSheet shown as a dialog sliding in from bottom*/
/* ====== ====== ===== */
.sapMDialog.sapMActionSheetDialog > section {
  background-color: rgba(54, 62, 67, 0.96);
}
.sapMActionSheetDialogWithTitle > section {
  box-shadow: 0px -20px 30px 2px rgba(0, 0, 0, 0.15);
}
.sapMActionSheetDialog .sapMBtnInner {
  color: #fff;
  text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  vertical-align: top;
}
.sapMActionSheetDialog .sapMBtnAccept > .sapMBtnInner,
.sapMActionSheetDialog .sapMBtnReject > .sapMBtnInner {
  border-bottom: none;
}
.sapMActionSheetDialog .sapMActionSheetButton.sapMActionSheetCancelButton > .sapMBtnInner {
  box-shadow: none;
  font-weight: normal;
  border-radius: 0;
  vertical-align: top;
}
.sapMActionSheetDialog.sapMDialogPhone .sapMIBar.sapMHeader-CTX {
  background: transparent;
  box-shadow: none;
  color: #fff;
  text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, 0.6);
}
.sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle > .sapMBarPH > .sapMDialogTitle {
  color: #fff;
  text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, 0.6);
}
/* ====== END ====== */
/*Style for ActionSheet shown as a dialog sliding in from bottom*/
/* ====== ====== ===== */
/* ====== BEGIN ====== */
/*Style for ActionSheet shown as a Popover*/
/* ====== ====== ===== */
.sapMActionSheetPopover.sapMPopover {
  background-color: rgba(54, 62, 67, 0.96);
}
.sapMActionSheetPopover.sapMPopover > .sapMPopoverArrDown:after {
  border-top-color: rgba(54, 62, 67, 0.96);
}
.sapMActionSheetPopover.sapMPopover > .sapMPopoverArrUp:after {
  border-bottom-color: rgba(54, 62, 67, 0.96);
}
.sapMActionSheetPopover.sapMPopover > .sapMPopoverArrLeft:after {
  border-right-color: rgba(54, 62, 67, 0.96);
}
.sapMActionSheetPopover.sapMPopover > .sapMPopoverArrRight:after {
  border-left-color: rgba(54, 62, 67, 0.96);
}
.sapMActionSheetPopover .sapMActionSheetButton {
  display: block;
  width: 100%;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.sapMActionSheetPopover .sapMBtnInner {
  color: #fff;
  text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  vertical-align: top;
}
html.sap-desktop .sapMActionSheetPopover .sapMActionSheet button.sapMActionSheetButton:hover .sapMBtnInner:not(.sapMBtnActive) {
  background: rgba(234, 234, 234, 0.1);
}
html.sap-phone .sapMActionSheetDialog .sapMDialogScroll {
  background-color: transparent;
}
.sapMActionSheetPopover.sapMPopover .sapMActionSheet button.sapMActionSheetButton > .sapMBtnInner.sapMBtnAccept,
.sapMActionSheetPopover.sapMPopover .sapMActionSheet button.sapMActionSheetButton > .sapMBtnInner.sapMBtnReject {
  border-bottom: none;
}
/* ====== END ====== */
/*Style for ActionSheet shown as a Popover*/
/* ====== ====== ===== */
/* ============================== */
/* CSS for control sap.m/BarBase  */
/* BlueCrystal theme              */
/* ============================== */
.sapMIBar.sapMHeader-CTX {
  background-color: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(0.33, #f2f2f2), color-stop(0.75, #f2f2f2), color-stop(1, #ededed));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #f2f2f2 33%, #f2f2f2 75%, #ededed 100%);
  background: linear-gradient(top, #f7f7f7 0%, #f2f2f2 33%, #f2f2f2 75%, #ededed 100%);
  color: #666666;
  background-color: #ffffff;
  filter: none;
  background-image: none;
}
/* ============================= */
/* CSS for control sap.m/Button  */
/* BlueCrystal theme             */
/* ============================= */
.sapMBtnInner {
  border-radius: 0.125rem;
  background-color: #f7f7f7;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(1, #f2f2f2));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
  background: linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
}
.sapMBtnTransparent {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
  color: #44a12c;
}
html.sap-desktop .sapMBtnTransparent > .sapMBtnIcon {
  color: #666666;
}
.sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable {
  background-color: rgba(222, 222, 222, 0.5);
  border-color: rgba(222, 222, 222, 0.5);
  color: #44a12c;
}
:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnActive,
:not(.sapMBtnDisabled):hover > .sapMBtnTransparent.sapMBtnActive {
  background-color: #44a12c;
  border-color: #44a12c;
  text-shadow: none;
}
.sapMIBar-CTX .sapMBtnInner {
  border-color: transparent;
}
.sapMBar .sapMBtnInner,
.sapMHeader-CTX .sapMBtnInner,
.sapMFooter-CTX .sapMBtnInner,
.sapMSubHeader-CTX .sapMBtnInner {
  background: transparent;
}
.sapMBar-CTX :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive,
.sapMBar-CTX :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnTransparent.sapMBtnHoverable.sapMBtnActive {
  color: black;
  border-color: #44a12c;
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable {
  background-color: rgba(222, 222, 222, 0.5);
  border-color: transparent;
  color: #44a12c;
}
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
  background-color: rgba(222, 222, 222, 0.5);
  border-color: transparent;
  color: #333333;
}
.sapMFooter-CTX .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
  background-color: rgba(234, 234, 234, 0.1);
  color: #fff;
}
.sapMFooter-CTX .sapMBtnTransparent :not(.sapMBtnDisabled) {
  color: #fff;
}
/* ---------------------------------------------------------------------*/
/* Custom focus outline:                                                */
/* ---------------------------------------------------------------------*/
html.sap-desktop .sapMBtn:focus > .sapMFocusable {
  outline: 0.0625rem dotted #000;
  outline-offset: -0.1875rem;
  /* see the global focus specification */
}
html.sap-desktop .sapMFooter-CTX .sapMBtn:focus > .sapMFocusable,
html.sap-desktop .sapMBtnInverted.sapMBtn:focus > .sapMFocusable,
html.sap-desktop .sapMBtn:focus > .sapMBtnActive.sapMFocusable {
  outline-color: #fff;
}
html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable {
  outline-color: #000;
}
.sapMTB-Transparent-CTX .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnReject):not(.sapMBtnActive) {
  border-color: transparent;
}
/* ---------------------------------------------------------------------*/
/* Disabled and active states:                                          */
/* ---------------------------------------------------------------------*/
.sapMBtnDisabled {
  opacity: 0.5;
}
/* ------------------------------------------------ */
/* Buttons in a Bar                                 */
/* (add separators, remove top/bottom border)       */
/* ------------------------------------------------ */
.sapMFooter-CTX .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
  text-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.5);
  border-color: transparent;
}
.sapMFooter-CTX span.sapMBtnInner.sapMBtnEmphasized {
  background-image: none;
  background-color: #CDDC00;
  border-color: #CDDC00;
  color: black;
  text-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.5);
}
.sapMFooter-CTX span.sapMBtnInner.sapMBtnEmphasized > .sapMBtnIcon {
  color: black;
}
.sapMFooter-CTX :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
  background-color: #44a12c;
  border-color: #44a12c;
  text-shadow: none;
}
/* Background and text colors for different states */
.sapMFooter-CTX span.sapMBtnInner,
.sapMIBar-CTX.sapMFooter-CTX .sapMBtnInner > .sapMBtnIcon {
  color: #fff;
  text-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.5);
}
.sapMBar-CTX :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent.sapMBtnActive > .sapMBtnContent {
  color: black;
}
/* ================================== */
/* CSS for control sap.m/Breadcrumbs  */
/* BlueCrystal theme                  */
/* ================================== */
.sapMBreadcrumbs .sapMBreadcrumbsCurrentLocation:focus,
.sapMBreadcrumbs .sapMSlt:focus {
  outline: 1px dotted #000;
  outline-offset: -1px;
}
.sapMBreadcrumbs .sapMSlt {
  background-color: transparent;
}
.sapMBreadcrumbs .sapMSltPressed > .sapMSltIcon:before {
  color: #666666;
}
/* =============================== */
/* CSS for control sap.m/Carousel  */
/* BlueCrystal theme               */
/* =============================== */
.sapMCrslControls.sapMCrslControlsTop,
.sapMCrslControlsNoArrows.sapMCrslControlsTop {
  background: transparent;
  border-color: transparent;
}
.sapMCrslControls.sapMCrslControlsBottom,
.sapMCrslControlsNoArrows.sapMCrslControlsBottom {
  background: transparent;
  border-color: transparent;
}
.sapMCrslBulleted > span {
  background-color: #cccccc;
}
/* Carousel controls: HUD */
.sapMCrslHud a {
  opacity: 0.5;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.2), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
.sapMCrsl .sapMCrslHud a:hover,
.sapMCrsl .sapMCrslHud a:focus {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.2), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
  border: 1px solid #bfbfbf;
}
.sapMCrsl .sapMCrslHud a:active {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.2), 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
}
.sapMCrsl:focus {
  outline: 1px dotted #000;
}
.sapMCrslPrev:focus,
.sapMCrslNext:focus,
.sapMCrslPrev .sapUiIcon:focus,
.sapMCrslNext .sapUiIcon:focus {
  outline: none;
}
html.sap-desktop .sapMCrslHud .sapMCrslPrev:focus::before,
html.sap-desktop .sapMCrslHud .sapMCrslNext:focus::before {
  content: "";
  position: absolute;
  top: -0.125rem;
  right: -0.125rem;
  bottom: -0.125rem;
  left: -0.125rem;
  pointer-events: none;
  border: 1px solid #fff;
}
html.sap-desktop .sapMCrslHud .sapMCrslPrev:focus::after,
html.sap-desktop .sapMCrslHud .sapMCrslNext:focus::after {
  content: "";
  position: absolute;
  top: -0.125rem;
  right: -0.125rem;
  bottom: -0.125rem;
  left: -0.125rem;
  pointer-events: none;
  border: 1px dotted #000;
}
/* =============================== */
/* CSS for control sap.m/CheckBox  */
/* BlueCrystal theme               */
/* =============================== */
.sapMCb.sapMCbWarn .sapMCbBg {
  background-color: #ffffff;
  border-color: #f0ab00;
}
.sapMCb.sapMCbWarn .sapMCbBg.sapMCbMarkChecked:before {
  color: #000000;
}
.sapMCb.sapMCbErr .sapMCbBg {
  background-color: #ffffff;
  border-color: #e52929;
}
.sapMCb.sapMCbErr .sapMCbBg.sapMCbMarkChecked:before {
  color: #e52929;
}
.sapUiForm .sapMCbBg {
  /* In forms, align left with '0.0625rem' ( the focus width) */
  left: 0.0625rem;
}
.sapMCbBg.sapMCbMarkChecked:before {
  color: #44a12c;
}
/* CheckBox focus */
.sapMCb:focus {
  outline: none;
}
html.sap-desktop .sapMCbBg:focus,
html.sap-desktop .sapMCbBg:active,
html.sap-desktop .sap-desktop .sapMCbBg.sapMCbBgDis:focus {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  outline: none;
}
html.sap-desktop .sapMCb:not(.sapMCbBgDis):not(.sapMCbHasLabel):focus > .sapMCbBg {
  outline-width: 1px;
  outline-style: dotted;
  outline-color: #000;
}
html.sap-desktop .sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6875rem;
  bottom: 0.6875rem;
  left: 0.6875rem;
  right: -1px;
  /* Cb in BC the outline should have offset 1px from the control */
  border: 0px dotted #000;
}
html.sap-desktop .sapUiForm .sapMCb:not(.sapMCbBgDis):focus:before {
  left: 0px;
  /* Cb in SimpleForm: left and right border adjustment */
  right: 1px;
}
html.sap-desktop .sapUiRespGrid .sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
  right: 0;
  /* in the Grid the outline on the right is not visible */
}
/* CheckBox in Footer Context */
.sapMFooter-CTX .sapMCb:not(.sapMCbBgDis):focus > .sapMCbBg,
.sapMFooter-CTX .sapMCb:not(.sapMCbBgDis) > .sapMCbBg:focus {
  outline-color: #fff;
}
.sapMLIBActive .sapMCbBg,
.sapMLIBActive .sapMCbBg.sapMCbMarkChecked,
.sapMLIBActive .sapMCbBg.sapMCbBgDis,
.sapMLIBActive .sapMCbBg.sapMCbBgDis.sapMCbMarkChecked {
  border-color: white;
}
.sapMLIBActive .sapMCbBg {
  background-color: #44a12c;
}
.sapMCbHoverable:hover {
  border-color: #44a12c;
  background: #ffffff;
}
.sapMCbBgDis {
  opacity: 0.5;
}
.sapMLIBActive .sapMActive .sapMCbBg.sapMCbActiveStateOff.sapMCbMarkChecked:before,
.sapMLIBActive .sapMCbBg:active.sapMCbActiveStateOff.sapMCbMarkChecked:before,
.sapMLIBActive .sapMCbBg.sapMCbMarkChecked:before,
.sapMLIBActive .sapMActive .sapMCbBg.sapMCbMarkChecked:before,
.sapMLIBActive .sapMCbBg:active.sapMCbMarkChecked:before,
.sapMLIBActive .sapMCbBg.sapMCbBgDis.sapMCbMarkChecked:before {
  color: white;
}
.sapMActive .sapMCbBg.sapMCbActiveStateOff.sapMCbMarkChecked:before,
.sapMCbBg:active.sapMCbActiveStateOff.sapMCbMarkChecked:before,
.sapMActive .sapMCbBg.sapMCbMarkChecked:before,
.sapMCbBg:active.sapMCbMarkChecked:before {
  color: #44a12c;
}
.sapMCbBg.sapMCbBgDis.sapMCbMarkChecked:before {
  color: rgba(68, 161, 44, 0.25);
}
/* Read only */
.sapMCbRo .sapMCbBg {
  border-color: #bfbfbf;
}
/* Compact size */
.sapUiSizeCompact .sapUiForm .sapMCbBg {
  /* In forms, align left with '0.0625rem' ( the focus width) */
  left: 0.0625rem;
}
html.sap-desktop .sapUiSizeCompact .sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
  top: 0.365rem;
  bottom: 0.365rem;
  left: 0.365rem;
}
html.sap-desktop .sapUiSizeCompact .sapUiSimpleForm .sapMCb:not(.sapMCbBgDis):focus:before {
  left: -0.0625rem;
}
/* ===================================== */
/* CSS for control sap.m/ColumnListItem  */
/* BlueCrystal theme                     */
/* ===================================== */
.sapMListBGTranslucent .sapMListTblSubRow {
  background: rgba(255, 255, 255, 0.8);
}
/* ================================= */
/* CSS for control sap.m/CustomTile  */
/* BlueCrystal theme                 */
/* ================================= */
.sapMCustomTile:focus {
  outline: 1px dotted #000;
}
/* ============================= */
/* CSS for control sap.m/Dialog  */
/* BlueCrystal theme             */
/* ============================= */
.sapMDialog {
  background: #fafafa;
  border: solid 1px #bfbfbf;
  border-radius: 2px;
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.15);
}
.sapMMessageDialog.sapMPopup-CTX > header.sapMDialogTitle {
  background-color: #ffffff;
}
.sapMDialog > header.sapMDialogTitle .sapUiIcon {
  color: #666666;
}
html.sap-desktop .sapMDialog > footer.sapMDialogActions {
  background-color: rgba(54, 62, 67, 0.96);
}
.sapMDialogWarning > header.sapMDialogTitle .sapUiIcon {
  color: #d14900;
}
.sapMDialogWarning > header .sapMIBar {
  box-shadow: inset 0 -0.0625rem #d14900;
}
.sapMDialogError > header.sapMDialogTitle .sapUiIcon {
  color: #cc1919;
}
.sapMDialogError > header .sapMIBar {
  box-shadow: inset 0 -0.0625rem #cc1919;
}
.sapMDialogSuccess > header.sapMDialogTitle .sapUiIcon {
  color: #007833;
}
.sapMDialogSuccess > header .sapMIBar {
  box-shadow: inset 0 -0.0625rem #007833;
}
.sapMDialogResizeHandler::before {
  color: #999999;
}
/* ================================== */
/* CSS for control sap.m/MessagePage  */
/* BlueCrystal theme                  */
/* ================================== */
/* MessagePage general styles */
.sapMMessagePage {
  background: rgba(255, 255, 255, 0.7);
}
.sapMMessagePage .sapMMessagePageInner .sapMMessagePageIcon.sapUiIcon::before {
  color: rgba(102, 102, 102, 0.2);
}
/* ============================== */
/* CSS for control sap.m/FlexBox  */
/* BlueCrystal theme              */
/* ============================== */
.sapMFlexBoxBGTranslucent {
  background-color: rgba(255, 255, 255, 0.8);
}
/* ================================== */
/* CSS for control sap.m/GenericTile  */
/* BlueCrystal theme                  */
/* ================================== */
html.sap-desktop .sapMGT:focus .sapMGTFocusDiv {
  border: 1px solid #ffffff;
}
html.sap-desktop .sapMGT:focus .sapMGTFocusDiv:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0.25rem;
  margin: -1px;
  border: 1px dotted #000;
}
.sapMGTBackgroundImage {
  border-color: rgba(221, 221, 221, 0.6);
}
html.sap-desktop .sapMGT:hover,
html.sap-phone .sapMGT:active,
html.sap-tablet .sapMGT:active {
  box-shadow: 0 0 0 0.125rem #fff;
  border-color: transparent;
}
html.sap-desktop .sapMGTBackgroundImage:hover,
html.sap-phone .sapMGTBackgroundImage:active,
html.sap-tablet .sapMGTBackgroundImage:active {
  box-shadow: 0 0 0 0.125rem #fff;
  border-color: rgba(221, 221, 221, 0.6);
}
.sapMGT {
  box-shadow: none;
}
.sapMGTFocusDiv {
  left: 1px;
  top: 1px;
  right: 1px;
  bottom: 1px;
}
/* ========================================== */
/* CSS for control sap.m/GroupHeaderListItem  */
/* BlueCrystal theme                          */
/* ========================================== */
.sapMList .sapMLIB.sapMGHLI {
  color: #004990;
  border-bottom: 1px solid rgba(0, 73, 144, 0.33);
}
/* ====================================== */
/* CSS for control sap.m/HeaderContainer  */
/* BlueCrystal theme                      */
/* ====================================== */
.sapMHdrCntrBtn > .sapMBtnInner {
  border: none;
}
.sapMHdrCntrBGTransparent {
  background-color: transparent;
}
.sapMHdrCntrBGTranslucent {
  background-color: rgba(255, 255, 255, 0.6);
}
/* ================================= */
/* CSS for control sap.m/IconTabBar  */
/* BlueCrystal theme                 */
/* ================================= */
/* Head Container */
.sapMITH {
  box-shadow: inset 0 -0.25rem 0 -0.125rem #dddddd;
}
/* Arrow */
.sapMITBSelected > .sapMITBContentArrow {
  border-bottom-color: #44a12c;
}
.sapMITBSelected.sapMITBFilterNeutral > .sapMITBContentArrow {
  border-bottom-color: #007cc0;
}
.sapMITBSelected.sapMITBFilterPositive > .sapMITBContentArrow {
  border-bottom-color: #007833;
}
.sapMITBSelected.sapMITBFilterNegative > .sapMITBContentArrow {
  border-bottom-color: #cc1919;
}
.sapMITBSelected.sapMITBFilterCritical > .sapMITBContentArrow {
  border-bottom-color: #d14900;
}
/* Content Container */
.sapMITBContainerContent {
  border-bottom: 1px solid #dddddd;
}
.sapMITB.sapMITBNoContentPadding > .sapMITBContainerContent,
.sapMITB.sapUiNoContentPadding > .sapMITBContainerContent {
  border-bottom: 0;
  border-top: 0;
}
/* Tab Filter Item */
.sapMITBTextOnly .sapMITBFilterDefault.sapMITBSelected > .sapMITBText {
  color: #337921;
}
.sapMITBTextOnly .sapMITBFilterNeutral > .sapMITBText {
  color: #007cc0;
}
.sapMITBTextOnly .sapMITBFilterPositive > .sapMITBText {
  color: #007833;
}
.sapMITBTextOnly .sapMITBFilterNegative > .sapMITBText {
  color: #cc1919;
}
.sapMITBTextOnly .sapMITBFilterCritical > .sapMITBText {
  color: #d14900;
}
.sapMITBFilterIcon {
  background: #ffffff;
  border: 1px solid #44a12c;
}
.sapMITBFilterDefault {
  color: #44a12c;
}
.sapMITBFilterNeutral {
  border-color: #007cc0;
  color: #007cc0;
}
.sapMITBFilterPositive {
  border-color: #007833;
  color: #007833;
}
.sapMITBFilterNegative {
  border-color: #cc1919;
  color: #cc1919;
}
.sapMITBFilterCritical {
  border-color: #d14900;
  color: #d14900;
}
.sapMITBSelected .sapMITBFilterDefault {
  background: #44a12c;
  color: #ffffff;
}
.sapMITBSelected .sapMITBFilterNeutral {
  background: #007cc0;
  color: #ffffff;
}
.sapMITBSelected .sapMITBFilterPositive {
  background: #007833;
  color: #ffffff;
}
.sapMITBSelected .sapMITBFilterNegative {
  background: #cc1919;
  color: #ffffff;
}
.sapMITBSelected .sapMITBFilterCritical {
  background: #d14900;
  color: #ffffff;
}
/* Tab Separator Item */
html.sap-desktop .sapMITBArrowScroll:hover,
html.sap-desktop .sapMITBArrowScroll:active {
  color: #44a12c;
}
/* Custom focus outline */
html.sap-desktop .sapMITBItem:focus .sapMITBFilterIcon,
html.sap-desktop .sapMITBTextOnly .sapMITBItem:focus .sapMITBText,
html.sap-desktop .sapMITBItem:focus.sapMITBAll {
  outline: 1px dotted #000;
}
/* ============================ */
/* CSS for control sap.m/Image  */
/* BlueCrystal theme            */
/* ============================ */
.sapMImgFocusable:focus {
  outline: 1px dotted #000;
}
/* ============================ */
/* CSS for control sap.m/Input  */
/* BlueCrystal theme            */
/* ============================ */
/* suggestion popup */
div.sapMInputSuggestionPopup {
  border: none;
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.5);
}
/* ================================ */
/* CSS for control sap.m/InputBase  */
/* Belize theme                     */
/* ================================ */
.sapMInputBaseInner {
  color: #000;
}
.sapMInputBaseContentWrapper {
  border: 1px solid #bfbfbf;
  background: #ffffff;
}
.sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState {
  border-width: 2px;
}
.sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState .sapMInputBaseIcon {
  line-height: 2.25rem;
}
.sapMInputBaseContentWrapper:hover:not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseDisabledWrapper):not(.sapMInputBaseReadonlyWrapper) {
  border-color: #44a12c;
}
.sapMInputBaseIcon {
  color: #666666;
}
.sapMInputBaseIcon:hover {
  background: rgba(222, 222, 222, 0.5);
}
.sapMInputBaseIcon:active {
  background-color: #44a12c;
  color: black;
}
.sapMInputBaseContentWrapperWarning {
  background: #ffffff;
  border-color: #f0ab00;
}
.sapMInputBaseContentWrapperSuccess {
  background: #ffffff;
  border-color: #008a3b;
}
.sapMInputBaseContentWrapperError {
  background: #ffffff;
  border-color: #e52929;
}
/*read only*/
.sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
  border: 1px solid #cccccc;
  background: rgba(242, 242, 242, 0.5);
}
/*disabled*/
.sapMInputBase .sapMInputBaseDisabledWrapper {
  border: 1px solid #bfbfbf;
  background: #ffffff;
}
/* focus and hover */
.sapMFocus:not(.sapMInputBaseReadonly):not(.sapMInputBaseReadonly):not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseDisabled):hover {
  border-color: #44a12c;
}
.sapMFocus .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseReadonlyWrapper) {
  border: 1px solid #44a12c;
}
/* List specific styles */
.sapMILI-CTX .sapMInputBaseContentWrapper,
.sapMILI-CTX .sapMInputBaseInner,
.sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
.sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
  text-align: right;
  background: transparent;
}
.sapMLIBActive .sapMInputBaseInner,
.sapMLIBActive .sapMInputBaseContentWrapper {
  color: white;
  background: transparent;
}
.sapMLIBActive .sapMInputDescriptionText {
  color: white;
}
.sapMLIBActive .sapMInputBaseInner::-webkit-input-placeholder {
  color: white;
}
/* note: the following three files are not in alphabetical order and should be imported after InputBase.less */
/* ======================================== */
/* CSS for control sap.m/ComboBoxTextField  */
/* BlueCrystal theme                        */
/* ======================================== */
/* =================================== */
/* CSS for control sap.m/ComboBoxBase  */
/* BlueCrystal theme                   */
/* =================================== */
/* ------------------------------ */
/* picker                         */
/* ------------------------------ */
div.sapMComboBoxBasePicker {
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.5);
  border: none;
}
.sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected {
  outline: 1px dotted #000;
  outline-offset: -2px;
}
/* ------------------------------ */
/* dialog                         */
/* ------------------------------ */
.sapMComboBoxBaseBar {
  box-shadow: none;
}
/* ============================ */
/* CSS for control sap.m/Label  */
/* BlueCrystal theme            */
/* ============================ */
.sapMIBar-CTX.sapMFooter-CTX .sapMLabel {
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
}
/* Transparent Toolbar Context*/
.sapMTB-Transparent-CTX .sapMLabel {
  text-shadow: 0 1px 0 #fff;
}
/* =========================== */
/* CSS for control sap.m/Link  */
/* BlueCrystal theme           */
/* =========================== */
.sapMLnkDsbl {
  opacity: 0.5;
  outline: none;
  cursor: default;
}
.sapMLIBActive .sapMLnk {
  color: white;
  text-decoration: underline;
}
.sapMLnkSubtle {
  color: #2b651c;
}
.sapMLnkSubtle:focus {
  color: #000;
}
/* =================================== */
/* CSS for control sap.m/ListItemBase  */
/* BlueCrystal theme                   */
/* =================================== */
.sapMListBGTransparent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover) {
  background: rgba(255, 255, 255, 0);
}
.sapMListBGTranslucent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover) {
  background: rgba(255, 255, 255, 0.8);
}
.sapMListBGSolid .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover) {
  background: #ffffff;
}
/* =================================== */
/* CSS for control sap.m/MessageStrip  */
/* BlueCrystal theme                   */
/* =================================== */
.sapMMsgStripCloseButton {
  color: rgba(0, 0, 0, 0.6);
}
.sapMMsgStripCloseButton:focus::after {
  border-color: #000;
}
.sapMMsgStripCloseButton::after {
  top: 1px;
  left: 1px;
  bottom: 1px;
  right: 1px;
  border: 1px dotted transparent;
}
.sapMMsgStripCloseButton:hover {
  color: #000;
}
/* ===================================== */
/* CSS for control sap.m/MessagePopover  */
/* BlueCrystal theme                     */
/* ===================================== */
.sapMMsgPopover .sapMSegB .sapMSegBBtn {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0.125rem;
  color: #333333;
}
.sapMMsgPopover .sapMSegB .sapMSegBBtn:hover {
  background-color: #eaeaea;
  color: #333333;
}
.sapMMsgPopover .sapMSegB .sapMSegBBtn:hover .sapMBtnIcon {
  color: #666666;
}
.sapMMsgPopover .sapMSegB .sapMSegBBtn:active {
  background-color: #44a12c;
  color: black;
}
.sapMMsgPopover .sapMSegB .sapMSegBBtn:active .sapMBtnIcon.sapUiIcon {
  color: black;
}
.sapMMsgPopover .sapMSegB .sapMSegBBtn.sapMSegBBtnSel {
  background-color: #44a12c;
  color: #fff;
}
.sapMMsgPopover .sapMSegB .sapMSegBBtn.sapMSegBBtnSel .sapMBtnIcon {
  color: #fff;
}
.sapMMsgPopover .sapMSegB .sapMSegBBtn.sapMSegBBtnSel:hover,
.sapMMsgPopover .sapMSegB .sapMSegBBtn.sapMSegBBtnSel:active {
  background-color: #3c8d27;
  color: #fff;
}
.sapMMsgPopover .sapMSegB .sapMSegBBtn.sapMSegBBtnSel:hover .sapMBtnIcon,
.sapMMsgPopover .sapMSegB .sapMSegBBtn.sapMSegBBtnSel:active .sapMBtnIcon {
  color: black;
}
.sapMMsgPopover .sapMMsgPopoverTitleText {
  font-size: 1.125rem;
  font-weight: bold;
}
.sapUiSizeCompact.sapMMsgPopover .sapMMsgPopoverTitleText {
  font-size: 0.875rem;
}
/* ===================================== */
/* CSS for control sap.m/MessagePopover  */
/* BlueCrystal theme                     */
/* ===================================== */
.sapMMsgView .sapMSegB .sapMSegBBtn {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0.125rem;
  color: #333333;
}
.sapMMsgView .sapMSegB .sapMSegBBtn:hover {
  background-color: #eaeaea;
  color: #333333;
}
.sapMMsgView .sapMSegB .sapMSegBBtn:hover .sapMBtnIcon {
  color: #666666;
}
.sapMMsgView .sapMSegB .sapMSegBBtn:active {
  background-color: #44a12c;
  color: black;
}
.sapMMsgView .sapMSegB .sapMSegBBtn:active .sapMBtnIcon.sapUiIcon {
  color: black;
}
.sapMMsgView .sapMSegB .sapMSegBBtn.sapMSegBBtnSel {
  background-color: #44a12c;
  color: #fff;
}
.sapMMsgView .sapMSegB .sapMSegBBtn.sapMSegBBtnSel .sapMBtnIcon {
  color: #fff;
}
.sapMMsgView .sapMSegB .sapMSegBBtn.sapMSegBBtnSel:hover,
.sapMMsgView .sapMSegB .sapMSegBBtn.sapMSegBBtnSel:active {
  background-color: #3c8d27;
  color: #fff;
}
.sapMMsgView .sapMSegB .sapMSegBBtn.sapMSegBBtnSel:hover .sapMBtnIcon,
.sapMMsgView .sapMSegB .sapMSegBBtn.sapMSegBBtnSel:active .sapMBtnIcon {
  color: black;
}
.sapMMsgView .sapMMsgViewTitleText {
  font-size: 1.125rem;
  font-weight: bold;
}
.sapUiSizeCompact .sapMMsgView .sapMMsgViewTitleText {
  font-size: 0.875rem;
}
/* =================================== */
/* CSS for control sap.m/MessageToast  */
/* BlueCrystal theme                   */
/* =================================== */
.sapMMessageToast {
  background: rgba(54, 62, 67, 0.96);
  color: #fff;
}
/* ================================= */
/* CSS for control sap.m/MultiInput  */
/* BlueCrystal theme                 */
/* ================================= */
/* =========================================== */
/* CSS for control sap.m/NotificationListItem  */
/* BlueCrystal theme                           */
/* =========================================== */
.sapMNLI-UnreadStatus {
  background: #007cc0;
}
.sapMNLI-CloseButton {
  border: none;
}
.sapUiSizeCompact .sapMNLG-CloseButton .sapMBtnInner {
  border: none;
}
.sapMNLI:focus::before {
  border: 1px dotted #000;
  position: absolute;
  content: " ";
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  z-index: 2;
  pointer-events: none;
}
/* ================================== */
/* CSS for control sap.m/NewsContent  */
/* BlueCrystal theme                  */
/* ================================== */
.sapMNwC {
  background-color: rgba(255, 255, 255, 0.8);
}
.sapMNwCCTxt .sapMText {
  color: #333333;
}
html.sap-desktop .sapMNwC:focus {
  outline: 1px dotted #000;
}
/* ====================================== */
/* CSS for control sap.m/ObjectAttribute  */
/* BlueCrystal theme                      */
/* ====================================== */
html.sap-desktop .sapMObjectAttributeActive:focus > .sapMText {
  outline: 1px dotted #000;
  outline-offset: -1px;
}
/*=========================================== */
/* Custom design for Responsive Object Header */
/*=========================================== */
.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:active,
.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
.sapMOHR .sapMObjectAttributeActive:focus .sapMObjectAttributeText {
  text-decoration: underline;
}
/*=========================================== */
/* Custom design for Static Object Header     */
/*=========================================== */
.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:active,
.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:hover {
  text-decoration: underline;
}
/* =================================== */
/* CSS for control sap.m/ObjectHeader  */
/* BlueCrystal theme                   */
/* =================================== */
.sapMOH.sapMOHBgTransparent,
.sapMOHC.sapMOHBgTransparent {
  background-color: transparent;
}
.sapMOH.sapMOHBgSolid,
.sapMOHC.sapMOHBgSolid {
  background-color: #ffffff;
  border-bottom: 0.063rem #dddddd;
}
.sapMOH.sapMOHBgTranslucent,
.sapMOHC.sapMOHBgTranslucent {
  background: rgba(255, 255, 255, 0.6);
}
a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
  text-decoration: underline;
}
.sapMOHTitleArrow > .sapUiIcon {
  outline-offset: -1px;
}
.sapMOHTitle.sapMOHTitleActive:focus {
  outline: none;
}
.sapMOHTitle.sapMOHTitleActive:focus > h1 span,
.sapMOHTitleIcon > .sapMOHIcon:focus,
.sapMOHTitleArrow .sapUiIcon:focus {
  outline: 1px dotted #000;
  outline-offset: -1px;
}
/*** styles for responsive object header ***/
.sapMOHR:not(.sapMOHRNoBorder) {
  border-bottom: 0.125rem solid #ebebeb;
  box-shadow: 0 0.125rem 0 0 #fff;
}
.sapMOHR.sapMOHRBgSolid,
.sapMOHR.sapMOHRBgTranslucent {
  background: #ffffff;
}
.sapMOHR.sapMOHRBgTransparent {
  background: transparent;
}
.sapMOHRTitleArrow .sapUiIcon:focus {
  outline: 1px dotted #000;
  outline-offset: -1px;
}
.sapMOHRIcon.sapMPointer:focus {
  outline: 1px dotted #000;
  outline-offset: -1px;
}
.sapMOHRTitleActive .sapMOHRTitleText:focus {
  outline: 1px dotted #000;
  outline-offset: -1px;
}
/* =================================== */
/* CSS for control sap.m/ObjectNumber  */
/* BlueCrystal theme                   */
/* =================================== */
.sapMObjectNumberStatusNone {
  color: #000;
}
/* ======================================================== */
/* CSS for control sap.m/OverflowToolbarAssociativePopover  */
/* BlueCrystal theme                                        */
/* ======================================================== */
html.sap-phone .sapMOTAPopover.sapMOTAPopoverNoShadowTop {
  box-shadow: 0px 16px 30px 2px rgba(0, 0, 0, 0.15);
}
html.sap-phone .sapMOTAPopover.sapMOTAPopoverNoShadowBottom {
  box-shadow: 0px -16px 30px 2px rgba(0, 0, 0, 0.15);
}
/* =========================== */
/* CSS for control sap.m/Page  */
/* BlueCrystal theme           */
/* =========================== */
.sapMPageBgSolid {
  background-color: #ffffff;
}
/* Branding line, covers any content under it (approved by UX) */
.sapMPageHeader::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  border-top: 0.25rem solid #44a12c;
  /* I don't know why it's 7 but I will definitely not change it because I fear I will break something */
  z-index: 7;
}
/* don't show branding bars in popovers */
.sapMPopover .sapMPageHeader::before {
  display: none;
}
/* Fiori 2.0 adaptation */
.sapMPage.sapF2Adapted > .sapMPageHeader .sapMIBar,
.sapMPage.sapF2Adapted > .sapMIBar.sapMSubHeader-CTX {
  background: transparent;
  box-shadow: none;
}
.sapMPageFooter .sapMIBar-CTX.sapMFooter-CTX.sapMTB {
  border-top: 1px solid rgba(100, 114, 123, 0.96);
}
/* ============================ */
/* CSS for control sap.m/Panel  */
/* BlueCrystal theme            */
/* ============================ */
.sapMPanelBGSolid {
  background-color: #ffffff;
}
.sapMPanelBGTranslucent {
  background-color: rgba(255, 255, 255, 0.8);
}
.sapMPanelBGTransparent {
  background-color: transparent;
}
/* if Panel is not expandable, we do wish header to come with own border */
.sapMPanel > .sapMPanelHdr,
.sapMPanelWrappingDiv,
.sapMPanelWrappingDivTb {
  border-bottom: 1px solid #cccccc;
}
.sapMPanelHdr {
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.sapMPanelContent:not(.sapMPanelBGTransparent) {
  border-bottom: 1px solid #dddddd;
}
/* ======================================= */
/* CSS for control sap.m/PlanningCalendar  */
/* BlueCrystal theme                       */
/* ======================================= */
/* show every second row in an other color */
.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(even):not(.sapMListTblSubRow),
.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3),
.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3),
.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMListTblSubRow:nth-child(4n) {
  background-color: #fafafa;
}
.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(even):not(.sapMListTblSubRow).sapMLIBHoverable:hover,
.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBHoverable:hover,
.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBHoverable:hover + .sapMListTblSubRow,
.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBHoverable:hover,
.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBHoverable:hover + .sapMListTblSubRow,
.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMListTblSubRow:nth-child(4n).sapMLIBHoverable:hover {
  background-color: #f0f0f0;
}
.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(even):not(.sapMListTblSubRow).sapMLIBSelected,
.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected,
.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected + .sapMListTblSubRow,
.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected,
.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected + .sapMListTblSubRow,
.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMListTblSubRow:nth-child(4n).sapMLIBSelected {
  background-color: #e6f3e3;
}
.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(even):not(.sapMListTblSubRow).sapMLIBSelected.sapMLIBHoverable:hover,
.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected.sapMLIBHoverable:hover,
.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected.sapMLIBHoverable:hover + .sapMListTblSubRow,
.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected.sapMLIBHoverable:hover,
.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected.sapMLIBHoverable:hover + .sapMListTblSubRow,
.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMListTblSubRow:nth-child(4n).sapMLIBSelected.sapMLIBHoverable:hover {
  background-color: #dff0dc;
}
/* Calendar overstyling */
html.sap-desktop .sapMPlanCal .sapUiCalItem:not(.sapUiCalItemSel):hover {
  background-color: #d8d8d8;
}
html.sap-desktop .sapMPlanCal .sapUiCalItemWeekEnd:not(.sapUiCalItemSel):hover {
  background-color: #cccccc;
}
html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hover {
  background-color: #e6e6e6;
}
html.sap-desktop .sapMPlanCal .sapUiCalItem:not(.sapUiCalItemSel) :not(.sapUiCalWeekNum):hover {
  background-color: transparent;
}
/* ============================== */
/* CSS for control sap.m/Popover  */
/* BlueCrystal theme              */
/* ============================== */
.sapMPopover {
  border: 1px #bfbfbf solid;
  box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.15);
}
.sapMPopover .sapMPopoverCont {
  background-color: transparent;
  margin: 0;
}
/* padding for title in header is removed because of ticket 0120031469 0004432742 2013*/
.sapMPopoverHeader .sapMBarMiddle > .sapMBarPH {
  box-sizing: border-box;
}
.sapMPopoverHeader .sapMBarMiddle > .sapMBarPH > .sapMLabel {
  display: inline-block;
}
/*for only two buttons in footer's contentMiddle aggregation*/
.sapMPopoverSpecialFooter .sapMBarMiddle {
  display: block;
  height: 100%;
  padding: 0 0.25rem;
  box-sizing: border-box;
}
.sapMPopoverSpecialFooter .sapMBarMiddle > .sapMBarPH {
  display: block;
  padding: 0;
}
.sapMPopoverSpecialFooter .sapMBarLeft,
.sapMPopoverSpecialFooter .sapMBarRight {
  display: none;
}
.sapMPopoverSpecialFooter .sapMBarMiddle > .sapMBarPH > .sapMBtn {
  width: 50%;
  padding-left: 0.25rem;
}
.sapMPopoverSpecialFooter .sapMBarMiddle > .sapMBarPH .sapMBtn:last-child {
  margin-left: 0;
}
.sapMPopoverSpecialFooter .sapMBarMiddle > .sapMBarPH .sapMBtn:first-child {
  padding-right: 0.25rem;
  padding-left: 0;
}
/*arrows*/
/* shared properties for arrow */
.sapMPopoverArr {
  display: block;
  border-style: solid;
  border-width: 16px;
  position: absolute;
  width: 0;
  height: 0;
  overflow: visible;
}
.sapMPopoverArr:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px;
  -webkit-transform: none;
  transform: none;
  background-color: transparent;
  border-color: transparent;
  margin: 0;
  box-shadow: none;
}
.sapMPopoverArrUp:after {
  border-bottom-color: #ffffff;
  bottom: -17px;
  left: -16px;
}
.sapMPopoverArrLeft:after {
  border-right-color: #ffffff;
  top: -16px;
  left: -15px;
}
.sapMPopoverArrDown:after {
  border-top-color: #ffffff;
  bottom: -15px;
  left: -16px;
  margin: 0;
}
.sapMPopoverArrRight:after {
  border-left-color: #ffffff;
  top: -16px;
  left: -17px;
}
.sapMPopoverCrossArr.sapMPopoverArrLeft:after {
  border-color: transparent;
  border-right-color: #bfbfbf;
  /* 	left: -16px; */
}
.sapMPopoverCrossArr.sapMPopoverArrLeft:after {
  border-color: transparent;
  border-right-color: #bfbfbf;
  /* 	left: -16px; */
}
/* pointing downward arrow */
.sapMPopoverArrDown {
  /* offset */
  left: 20px;
  /* position */
  bottom: -33px;
}
/* pointing upward arrow */
.sapMPopoverArrUp {
  /* offset */
  left: 20px;
  /* position */
  top: -33px;
}
/* pointing left arrow */
.sapMPopoverArrLeft {
  /* offset */
  top: 20px;
  /* position */
  left: -33px;
}
/* pointing right arrow */
.sapMPopoverArrRight {
  /* offset */
  top: 20px;
  /* position */
  right: -33px;
}
/*Arrow Down*/
.sapMPopoverArrDown {
  border-color: transparent;
  border-top-color: #bfbfbf;
}
.sapMPopoverArrDown:after {
  border-color: transparent;
  border-top-color: #ffffff;
  bottom: -15px;
  left: -16px;
}
.sapMPopoverWithFooter > .sapMPopoverArrDown {
  border-top-color: #bfbfbf;
}
.sapMPopoverWithFooter > .sapMPopoverArrDown:after {
  border-top-color: rgba(54, 62, 67, 0.96);
}
html.sap-desktop .sapMPopoverWithFooter > .sapMPopoverArrDown:after {
  border-top-color: rgba(54, 62, 67, 0.96);
}
/* Arrow Up */
.sapMPopoverArrUp {
  border-color: transparent;
  border-bottom-color: #bfbfbf;
}
.sapMPopoverArrUp:after,
.sapMPopoverWithoutBar.sapMPopoverNav.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after,
.sapMPopoverWithoutBar.sapMPopoverPage.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after {
  border-color: transparent;
  border-bottom-color: #f2f2f2;
  /* arrow content area when adjacent to Bar */
  bottom: -17px;
  left: -16px;
}
.sapMPopoverWithoutBar > .sapMPopoverArrUp:after {
  border-color: transparent;
  border-bottom-color: #ffffff;
}
/*Arrow Left*/
.sapMPopoverArrLeft {
  border-color: transparent;
  border-right-color: #bfbfbf;
}
/*Arrow Right*/
.sapMPopoverArrRight {
  border-color: transparent;
  border-left-color: #bfbfbf;
}
.sapMPopup-CTX .sapMPopoverHeader .sapMIBar.sapMHeader-CTX {
  background-color: #f2f2f2;
}
/* Compact size */
.sapMPopover.sapUiSizeCompact {
  /* 2.5rem height for header and footer in popover */
}
.sapMPopover.sapUiSizeCompact .sapMPopoverArr {
  border-width: 8px;
}
.sapMPopover.sapUiSizeCompact .sapMPopoverArr:after {
  border-width: 8px;
}
.sapMPopover.sapUiSizeCompact .sapMPopoverArrDown {
  left: 16px;
  bottom: -17px;
}
.sapMPopover.sapUiSizeCompact .sapMPopoverArrUp {
  left: 20px;
  top: -17px;
}
.sapMPopover.sapUiSizeCompact .sapMPopoverArrLeft {
  top: 16px;
  left: -17px;
}
.sapMPopover.sapUiSizeCompact .sapMPopoverArrRight {
  top: 16px;
  right: -17px;
}
.sapMPopover.sapUiSizeCompact .sapMPopoverArrDown:after {
  bottom: -7px;
  left: -8px;
}
.sapMPopover.sapUiSizeCompact .sapMPopoverArrUp:after,
.sapMPopover.sapUiSizeCompact .sapMPopoverWithoutBar.sapMPopoverNav.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after,
.sapMPopover.sapUiSizeCompact .sapMPopoverWithoutBar.sapMPopoverPage.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after {
  bottom: -9px;
  left: -8px;
}
.sapMPopover.sapUiSizeCompact .sapMPopoverArrLeft:after {
  top: -8px;
  left: -7px;
}
.sapMPopover.sapUiSizeCompact .sapMPopoverArrRight:after {
  top: -8px;
  left: -9px;
}
.sapMPopover.sapUiSizeCompact > div:first-of-type.sapMHeader-CTX,
.sapMPopover.sapUiSizeCompact > div:last-of-type.sapMFooter-CTX {
  height: 2.5rem;
}
.sapMPopover.sapUiSizeCompact > div:first-of-type.sapMHeader-CTX .sapMBarLeft,
.sapMPopover.sapUiSizeCompact > div:last-of-type.sapMFooter-CTX .sapMBarLeft,
.sapMPopover.sapUiSizeCompact > div:first-of-type.sapMHeader-CTX .sapMBarRight,
.sapMPopover.sapUiSizeCompact > div:last-of-type.sapMFooter-CTX .sapMBarRight,
.sapMPopover.sapUiSizeCompact > div:first-of-type.sapMHeader-CTX .sapMBarPH,
.sapMPopover.sapUiSizeCompact > div:last-of-type.sapMFooter-CTX .sapMBarPH {
  height: 2.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.sapMPopoverResizeHandle {
  color: #bfbfbf;
}
/* ==================================== */
/* CSS for control sap.m/PullToRefresh  */
/* BlueCrystal theme                    */
/* ==================================== */
.sapMPullDown {
  background-color: #f2f2f2;
}
/* ================================ */
/* CSS for control sap.m/QuickView  */
/* BlueCrystal theme                */
/* ================================ */
.sapMQuickViewPage .sapMQuickViewThumbnail {
  background-color: #f2f2f2;
  color: #bfbfbf;
}
html.sap-desktop .sapMQuickViewPage .sapUiIcon:focus {
  outline: 1px dotted #000;
  outline-offset: -1px;
}
.sapMQuickViewPage .sapUiVltCell:first-child {
  max-height: 2.375rem;
}
/* ================================== */
/* CSS for control sap.m/RadioButton  */
/* BlueCrystal theme                  */
/* ================================== */
.sapMRb:focus:before {
  border: 1px dotted #000;
}
.sapMRb:not(.sapMRbErr):not(.sapMRbWarn) .sapMRbHoverable:hover .sapMRbBOut {
  stroke: #44a12c;
  fill: #ffffff;
}
.sapMLIBActive .sapMRbSel .sapMRbBOut {
  fill: #44a12c;
  stroke: white;
}
.sapMLIBActive .sapMRb.sapMRbSel > .sapMRbHoverable:hover .sapMRbSvg .sapMRbBOut {
  stroke: white;
  fill: #44a12c;
}
.sapMLIBActive .sapMRb > .sapMRbB.sapMRbHoverable .sapMRbSvg .sapMRbBOut {
  stroke: white;
}
.sapMLIBActive .sapMRb > .sapMRbB.sapMRbHoverable:hover > .sapMRbSvg > .sapMRbBOut {
  stroke: white;
}
.sapMRbDis {
  opacity: 0.5;
}
.sapMRb.sapMRbRo .sapMRbBOut {
  stroke: #bfbfbf;
  fill: none;
}
.sapMRb.sapMRbRo.sapMRbSel .sapMRbBInn {
  fill: #666666;
  stroke: none;
}
/* Value states */
.sapMRbErr .sapMRbB .sapMRbBOut,
.sapMRbErr.sapMRbBTouched .sapMRbB .sapMRbBOut {
  stroke: #e52929;
  fill: #ffffff;
}
.sapMRbErr.sapMRbSel .sapMRbBInn,
.sapMRbErr.sapMRbSel.sapMRbRo .sapMRbBInn {
  fill: #e52929;
  stroke: none;
}
.sapMRbWarn .sapMRbB .sapMRbBOut {
  stroke: #f0ab00;
  fill: #ffffff;
}
.sapMRbWarn.sapMRbSel .sapMRbBInn,
.sapMRbWarn.sapMRbSel.sapMRbRo .sapMRbBInn {
  fill: #000000;
  stroke: none;
}
/* ============================================== */
/* CSS for control sap.m/RadioButtonGroup.control */
/* BlueCrystal theme                              */
/* ============================================== */
.sapUiRbG > .sapUiRb:focus,
.sapUiRbGCol > .sapUiRb:focus {
  outline: 1px dotted #000;
}
/* Read only */
.sapMRbGRo .sapMRb .sapMRbBOut {
  border-color: #bfbfbf;
}
/* ================================== */
/* CSS for control sap.m/RangeSlider  */
/* BlueCrystal theme                  */
/* ================================== */
/* overlap */
.sapMSliderHandle.sapMSliderHandleOverlap {
  border: 0.125rem solid #3c8d27;
}
/* pressed */
.sapMSliderInner > .sapMSliderHandle.sapMSliderHandlePressed {
  background: rgba(68, 161, 44, 0.3);
}
/* ====================================== */
/* CSS for control sap.m/RatingIndicator  */
/* BlueCrystal theme                      */
/* ====================================== */
/* ===================================== */
/* Less helper functions for gradients   */
/* ===================================== */
.sapMRIIconSel {
  color: #ffc32e;
  -webkit-text-stroke: 1px #e1a000;
}
.sapMRIIconUnsel {
  color: #cccccc;
  -webkit-text-stroke: 1px #bfbfbf;
}
/* gradients in combination with background-clip: text are not supported by ie, android < 4.2 or blackberry*/
.sapMRIGrd > .sapMRIIconSel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd671), color-stop(100%, #f0ab00));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffd671 0%, #f0ab00 100%);
  /* Chrome10+,Safari5.1+ */
  -webkit-background-clip: text;
  /* Chrome & Safari only */
  -webkit-text-fill-color: transparent;
  /* Chrome & Safari only */
}
.sapMRIGrd > .sapMRIIconUnsel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* Chrome10+,Safari5.1+ */
  -webkit-background-clip: text;
  /* Chrome & Safari only */
  -webkit-text-fill-color: transparent;
  /* Chrome & Safari only */
}
.sapMRIIconHov {
  color: #f0ab00;
  -webkit-text-stroke: 1px #e1a000;
}
/* Custom focus outline */
html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled) {
  outline: 1px dotted #000;
  outline-offset: -1px;
}
/* ================================================ */
/* CSS for control sap.m/ResponsivePopover.control  */
/* BlueCrystal theme                                */
/* ================================================ */
.sapMResponsivePopover.sapMDialog .sapMIBar.sapMPageHeader:before {
  border-top: none;
}
/* ================================== */
/* CSS for control sap.m/SearchField  */
/* BlueCrystal theme                  */
/* ================================== */
.sapMSFDisabled {
  opacity: 0.5;
}
.sapMSubHeader-CTX .sapMSFF,
.sapMFooter-CTX .sapMSFF {
  border-color: transparent;
}
/* custom buttons */
.sapMSFB:focus {
  outline: none;
}
.sapMBarChild > .sapMSFF > .sapMSFB {
  text-shadow: none;
}
.sapMFocus > .sapMSFF > .sapMSFB {
  color: #44a12c;
}
.sapMFocus > .sapMSFF > .sapMSFB:active {
  color: black;
}
.sapMSFB:hover {
  background-color: rgba(222, 222, 222, 0.5);
}
.sapMSFF > .sapMSFB:not(.sapMSFBF):active,
.sapMSFF > .sapMSFB.sapMSFBA {
  background-color: #44a12c;
  color: black;
}
.sapMFocus > .sapMSFF {
  border-color: #44a12c;
}
/* ==============================================*/
/* CSS for control sap.m/SegmentedButton.control */
/* BlueCrystal theme                             */
/* ==============================================*/
.sapMSegB {
  vertical-align: top;
  position: relative;
}
.sapMSegB .sapMSegBBtn {
  font-size: 0.875rem;
  height: 2.5rem;
  line-height: 2.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  text-shadow: none;
  color: #44a12c;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid transparent;
  background-color: #ffffff;
}
.sapMSegB .sapMSegBBtn:not(.sapMSegBBtnMixed) .sapMImg {
  padding-left: 1rem;
  padding-right: 1rem;
}
html.sap-desktop .sapMSegBBtnFocusable:hover {
  background: rgba(196, 196, 196, 0.5);
}
.sapMSegBBtn:last-child {
  border-right: 1px solid #dedede;
}
/* Custom focus outline: */
html.sap-desktop .sapMSegBBtnFocusable:focus {
  outline: none;
  border: 1px dotted #000;
}
html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:focus {
  outline: none;
  border: 1px dotted #fff;
}
html.sap-desktop .sapMSegBBtnFocusable:focus + .sapMSegBBtn {
  outline: none;
  border-left: 1px solid transparent;
}
html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:focus + .sapMSegBBtn {
  outline: none;
  border-left: 1px solid transparent;
}
html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel + .sapMSegBBtn:not(.sapMSegBBtnDis):focus {
  border-left: 1px dotted #000;
}
html.sap-desktop .sapMSegBBtnFocusable:last-child:focus {
  border-right: 1px dotted #000;
}
html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:last-child:focus {
  border-right: 1px dotted #fff;
}
html.sap-desktop .sapMFooter-CTX .sapMSegBBtnFocusable:focus {
  border-color: #fff;
}
html.sap-desktop .sapMFooter-CTX .sapMSegBBtnSel + .sapMSegBBtn:focus {
  border-left: 1px dotted #fff;
}
html.sap-desktop .sapMFooter-CTX .sapMSegBBtnFocusable.sapMSegBBtnSel + .sapMSegBBtn:not(.sapMSegBBtnSel):focus {
  border-left: 1px dotted #fff;
}
.sapMSegB.sapMSegBIcons .sapMSegBBtn:not(.sapMSegBBtnMixed) {
  padding: 0;
}
.sapMSegB.sapMSegBIcons .sapMSegBBtn.sapMSegBBtnMixed .sapMImg,
.sapMSegB.sapMSegBIcons .sapMSegBBtn.sapMSegBBtnMixed .sapUiIcon {
  padding-left: 0;
  padding-right: 0.5rem;
}
.sapMSegBBtn.sapMSegBBtnSel {
  background: #44a12c;
  color: #fff;
  border-color: #44a12c;
}
.sapMSegBBtn.sapMSegBBtnSel .sapUiIcon {
  color: #fff;
}
.sapMSegBBtnFocusable.sapMBtnActive {
  background: #44a12c;
  color: #fff;
}
.sapMSegBBtnFocusable.sapMBtnActive .sapUiIcon {
  color: #fff;
}
.sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel:hover,
.sapMSegBBtnFocusable.sapMBtnActive:hover {
  background: #3c8d27;
}
.sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel {
  border-right: 1px solid #44a12c;
}
.sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel + .sapMSegBBtn {
  border-left: 1px solid transparent;
}
.sapMSegB img {
  line-height: 2.375rem;
  max-height: 2.375rem;
  vertical-align: middle;
}
.sapMSegBBtn .sapUiIcon {
  font-size: 1.375rem;
  line-height: 2.375rem;
  width: 2.375rem;
  color: #666666;
  vertical-align: middle;
  text-align: center;
}
/* Footer */
.sapMFooter-CTX .sapMSegBBtn {
  background-color: transparent;
  color: #fff;
}
.sapMFooter-CTX .sapMSegBBtn:not(.sapMSegBBtnSel) {
  border-right: 1px solid transparent;
}
.sapMFooter-CTX .sapMSegBBtn:last-child {
  border-right: 1px solid #dedede;
}
.sapMFooter-CTX .sapMSegBBtn:hover {
  background: rgba(234, 234, 234, 0.1);
}
.sapMFooter-CTX .sapMSegBBtn .sapUiIcon {
  color: #fff;
}
.sapMFooter-CTX .sapMSegBBtn.sapMBtnActive,
.sapMFooter-CTX .sapMSegBBtn.sapMSegBBtnSel {
  background: #44a12c;
  color: #fff;
}
.sapMFooter-CTX .sapMSegBBtn.sapMBtnActive:hover,
.sapMFooter-CTX .sapMSegBBtn.sapMSegBBtnSel:hover {
  background: #3c8d27;
}
/* Compact size */
.sapUiSizeCompact .sapMSegBBtn {
  height: 1.625rem;
  line-height: 1.5rem;
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
}
.sapUiSizeCompact .sapMSegBBtn:first-child {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.sapUiSizeCompact .sapMSegBBtn:last-child {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.sapUiSizeCompact .sapMSegB img {
  line-height: 1.5rem;
  height: 1.3rem;
  width: 1.3rem;
}
.sapUiSizeCompact .sapMSegBBtn .sapUiIcon {
  font-size: 1rem;
  line-height: 1.5rem;
  width: 1rem;
  vertical-align: top;
}
.sapUiSizeCompact .sapMSegB .sapMBtnIconLeft {
  margin-left: 0;
}
.sapUiSizeCompact .sapMSegB.sapMSegBIcons .sapMSegBBtnMixed img {
  padding: 0;
}
.sapUiSizeCompact .sapMSegBIcons:not(.sapMSegBBtnMixed) .sapMImg,
.sapUiSizeCompact .sapMSegBIcons:not(.sapMSegBBtnMixed) .sapUiIcon {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
}
.sapUiSizeCompact .sapMSegBIcons .sapMSegBBtn.sapMSegBBtnMixed .sapMImg,
.sapUiSizeCompact .sapMSegBIcons .sapMSegBBtn.sapMSegBBtnMixed .sapUiIcon {
  padding-left: 0;
  padding-right: 0;
}
/* Android size compact fix */
html[data-sap-ui-os^="Android4.1"][data-sap-ui-browser^="an"] .sapUiSizeCompact .sapMSegBBtn img {
  margin-bottom: 0.128rem;
}
.sapMSegBBtn.sapMSegBtnLastVisibleButton {
  border-right: 1px solid #dedede;
}
/* ============================= */
/* CSS for control sap.m/Select  */
/* BlueCrystal theme             */
/* ============================= */
/* ------------------------------ */
/* field                          */
/* ------------------------------ */
/* hover and focus */
.sapMSltIconOnly.sapMSltHoverable:hover {
  background: #f0f0f0;
}
.sapMSltIconOnly.sapMSltHoverable:not(.sapMSltState):hover {
  border-color: #44a12c;
}
html.sap-desktop .sapMSlt:not(.sapMSltDisabled):not(.sapMSltState):focus {
  border-color: #44a12c;
}
.sapMSltHoverable:not(.sapMSltState):hover {
  border-color: #44a12c;
}
/* pressed and hover */
.sapMSltIconOnly.sapMSltPressed.sapMSltHoverable:not(.sapMSltState):hover {
  background: #3c8d27;
  border-color: #44a12c;
}
/* value state */
.sapMSltState {
  border-width: 2px;
}
/* disabled */
.sapMSltDisabled {
  opacity: 0.5;
}
/* ====================================================== */
/* Select inside a Bar: all contexts                      */
/* ====================================================== */
/* focus: in the footer all of the selects should get the outline */
html.sap-desktop .sapMHeader-CTX .sapMSltIconOnly:not(.sapMSltExpanded):focus,
html.sap-desktop .sapMSubHeader-CTX .sapMSltIconOnly:not(.sapMSltExpanded):focus,
html.sap-desktop .sapMFooter-CTX .sapMSlt:focus {
  outline: 1px dotted;
  outline-offset: -1px;
}
html.sap-desktop .sapMHeader-CTX .sapMSltPressed.sapMSltIconOnly:focus,
html.sap-desktop .sapMSubHeader-CTX .sapMSltPressed.sapMSltIconOnly:focus,
html.sap-desktop .sapMFooter-CTX .sapMSlt:focus {
  outline-color: #fff;
}
/* ====================================================== */
/* Select inside a Bar: footer context                    */
/* ====================================================== */
/* ------------------------------ */
/* label                          */
/* ------------------------------ */
.sapMFooter-CTX .sapMSltIcon {
  color: inherit;
}
/* ================================= */
/* CSS for control sap.m/SelectList  */
/* BlueCrystal theme                 */
/* ================================= */
/* selected */
.sapMSelectListItemBaseSelected {
  background: #ecf6ea;
}
.sapMSltPicker-CTX .sapMSelectListItemBaseSelected,
.sapMComboBoxBasePicker-CTX .sapMSelectListFocus .sapMSelectListItemBaseSelected {
  outline: 1px dotted #000;
  outline-offset: -2px;
}
/* disabled */
.sapMSelectListItemBaseDisabled {
  opacity: 0.5;
}
/* focus */
html.sap-desktop .sapMSelectListItemBase:focus {
  outline: 1px dotted #000;
  outline-offset: -2px;
}
/* ============================ */
/* CSS for control sap.m/Shell  */
/* BlueCrystal theme            */
/* ============================ */
@media (min-height: 3401px) {
  .sapMShellHeader {
    border-top: 4px solid #44a12c;
  }
}
/* background color class for Shell header */
.sapMShellBackgroundColorOnlyIfDefault {
  background-color: transparent;
  /* custom BG image... just hide the background */
}
html.sap-desktop .sapMShellCentralBox {
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.15);
}
/* ============================= */
/* CSS for control sap.m/Slider  */
/* BlueCrystal theme             */
/* ============================= */
/* slider */
.sapMSliderInner {
  background: #dddddd;
}
/* slider handle */
.sapMSliderHandle {
  background: rgba(255, 255, 255, 0.1);
  border: 0.125rem solid #999999;
}
/* hover */
html.sap-desktop .sapMSliderHandle:hover {
  background: rgba(217, 217, 217, 0.6);
}
/* pressed */
.sapMSliderPressed:not(.sapMSliderInnerDisabled) > .sapMSliderHandle {
  background: rgba(68, 161, 44, 0.3);
  border: 0.125rem solid #44a12c;
}
/* disabled */
.sapMSliderDisabled {
  opacity: 0.5;
}
/* ================================ */
/* CSS for control sap.m/SlideTile  */
/* BlueCrystal theme                */
/* ================================ */
html.sap-desktop .sapMST:focus .sapMSTFocusDiv {
  border: 1px solid #ffffff;
}
/* This part is used to achieve dotted white black interlace border*/
html.sap-desktop .sapMST:focus .sapMSTFocusDiv:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0.25rem;
  margin: -1px;
  border: 1px dotted #000;
}
/* Bulleted indicator of multiple tiles*/
.sapMSTBulleted > span {
  background-color: #c7c7c7;
  box-shadow: 0 0 0.25rem rgba(255, 255, 255, 0.3);
}
.sapMSTBulleted > span.sapMSTActive {
  background-color: #666666;
  box-shadow: 0 0 0.25rem rgba(255, 255, 255, 0.3);
}
.sapMST .sapMSTIconDisplayArea {
  background-color: #265918;
}
.sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~ .sapMSTIconDisplayArea {
  background-color: #44a12c;
}
/* ================================== */
/* CSS for control sap.m/SplitButton  */
/* BlueCrystal theme                  */
/* ================================== */
.sapMSB.sapMSBEmphasized:focus .sapMSBInner::after,
.sapMSB.sapMSBAccept:focus .sapMSBInner::after,
.sapMSB.sapMSBReject:focus .sapMSBInner::after,
.sapMIBar-CTX.sapMFooter-CTX .sapMSB:focus .sapMSBInner::after {
  border-color: #fff;
}
/* ===================================== */
/* CSS for control sap.m/SplitContainer  */
/* BlueCrystal theme                     */
/* ===================================== */
/* 4px border for the branding bar */
.sapMSplitContainerMaster:before {
  content: "";
  position: absolute;
  width: 0px;
  right: 0px;
  height: 0.25rem;
  top: 0;
  border-right: 1px solid #44a12c;
  z-index: 6;
}
/* reset the separator and branding bar when master is shown in an overlay */
.sapMSplitContainerShowHide.sapMSplitContainerPortrait > .sapMSplitContainerMaster:after,
.sapMSplitContainerHideMode > .sapMSplitContainerMaster:after,
.sapMSplitContainerShowHide.sapMSplitContainerPortrait > .sapMSplitcontainerMaster:before,
.sapMSplitContainerHideMode > .sapMSplitcontainerMaster:before {
  display: none;
}
.sapUiUfdShell .sapMSplitContainerMaster:before,
.sapUshellShell .sapMSplitContainerMaster:before {
  display: none;
}
.sapMPopoverCont .sapMSplitContainerMaster:before {
  display: none;
  /* do not show in a popover */
}
@media (min-height: 3401px) {
  /* Shell draws its own branding bar */
  .sap-desktop .sapMShell .sapMSplitContainerMaster:before {
    display: none;
  }
}
/* =================================== */
/* CSS for control sap.m/StandardTile  */
/* BlueCrystal theme                   */
/* =================================== */
.sapMStdTileIconDiv,
.sapMStdTileTitle {
  color: #44a12c;
}
.sapMStdIconCreate {
  opacity: 0.3;
}
.sapMStdTileMonitorType {
  background-color: #f2f2f2;
}
.sapMTCEditable .sapMStdTileMonitorType {
  background-color: rgba(242, 242, 242, 0.5);
}
.sapMStdTileMonitorType .sapMStdTileTitle {
  color: #333333;
}
.sapMTileActive-CTX .sapMStdTileMonitorType {
  background-color: transparent;
}
/* ============================= */
/* CSS for control sap.m/Switch  */
/* BlueCrystal theme             */
/* ============================= */
/* ------------------------------ */
/* Switch container               */
/* ------------------------------ */
/* focus */
html.sap-desktop .sapMSwtCont:focus > .sapMSwt {
  outline: 1px dotted #000;
}
/* ------------------------------ */
/* Switch                         */
/* ------------------------------ */
/* disabled */
.sapMSwtDisabled {
  opacity: 0.5;
}
/* =================================== */
/* CSS for control sap.m/TabContainer  */
/* BlueCrystal theme                   */
/* =================================== */
/* This selector covers the case when sap.m.TabContainer is first-child of sap.m.Page */
.sapMPage section .sapMTabContainer:first-child .sapMTabStrip {
  border-top: none;
}
/* ============================ */
/* CSS for control sap.m/Table  */
/* BlueCrystal theme            */
/* ============================ */
.sapMListBGTransparent .sapMListTblHeader,
.sapMListBGTransparent .sapMListTblFooter {
  background-color: rgba(255, 255, 255, 0);
}
.sapMListBGTranslucent .sapMListTblHeader,
.sapMListBGTranslucent .sapMListTblFooter {
  background-color: rgba(255, 255, 255, 0.8);
}
.sapMListBGSolid .sapMListTblHeader,
.sapMListBGSolid .sapMListTblFooter {
  background-color: #ffffff;
}
/* =============================== */
/* CSS for control sap.m/TabStrip  */
/* BlueCrystal theme               */
/* =============================== */
.sapMTabStrip {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  /* This class can override the default border-top style */
}
.sapMTabStrip.sapMTabStripTopBorderVisible {
  border-top: 1px solid #dddddd;
}
.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem {
  border-right: 1px solid #dddddd;
}
.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem.sapMTabStripItemSelected {
  background: #ffffff;
  border-right: 1px solid #dddddd;
}
.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem:hover {
  background: rgba(196, 196, 196, 0.5);
  border-right: 1px solid #dddddd;
}
.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem:active {
  background: #44a12c;
  border-right: 1px solid #dddddd;
}
.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem:first-child {
  border-left: 1px solid #dddddd;
}
/* =========================== */
/* CSS for control sap.m/Text  */
/* BlueCrystal theme           */
/* =========================== */
.sapMIBar-CTX.sapMFooter-CTX .sapMText {
  color: #fff;
}
/* =============================== */
/* CSS for control sap.m/TextArea  */
/* BlueCrystal theme               */
/* =============================== */
.sapMTextArea .sapMInputBaseReadonlyWrapper .sapMTextAreaInner {
  border: 1px solid #bfbfbf;
}
/* ================================== */
/* CSS for control sap.m/TileContent  */
/* BlueCrystal theme                  */
/* ================================== */
.sapMTileCnt.News {
  background-color: rgba(255, 255, 255, 0.8);
}
.sapMTileCnt.News .sapMTileCntFtrTxt {
  color: #666666;
}
/* ==================================== */
/* CSS for control sap.m/TileContainer  */
/* BlueCrystal theme                    */
/* ==================================== */
.sapMTC .sapMTCPager SPAN {
  background-color: #cccccc;
}
.sapMTC .sapMTCScroller:focus::before {
  border: 1px dotted #000;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
}
/* ================================= */
/* CSS for control sap.m/TimePicker  */
/* BlueCrystal theme                 */
/* ================================= */
/* ================================= */
/* CSS for control sap.m/TimePickerSliders  */
/* BlueCrystal theme                 */
/* ================================= */
.sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider .sapMTimePickerItem {
  border: 1px solid #ffffff;
}
.sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider .sapMTimePickerItem:hover {
  background: #337921;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTimePickerItem {
  background: #f2f2f2;
  border: 1px solid #ffffff;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTimePickerItem:hover {
  background: #d8d8d8;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTPPickerSelectionFrame {
  outline: 0.125rem solid #44a12c;
  outline-offset: -0.313rem;
}
.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTPPickerSelectionFrame:hover + ul > li.sapMTimePickerItem.sapMTimePickerItemSelected {
  background: #d8d8d8;
}
/* PHONE STYLES */
.sap-phone .sapMTimePickerContainer .sapMTPColumn .sapMTimePickerSlider .sapMTimePickerItem {
  border: 1px solid #ffffff;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTimePickerItem {
  background: #f2f2f2;
  border: 1px solid #ffffff;
}
.sap-phone .sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTimePickerSlider .sapMTPPickerSelectionFrame {
  outline: 0.125rem solid #44a12c;
  outline-offset: -0.313rem;
}
/* ============================ */
/* CSS for control sap.m/Title  */
/* BlueCrystal theme            */
/* ============================ */
.sapMTB-Transparent-CTX .sapMTitle {
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.sapMIBar-CTX.sapMFooter-CTX .sapMTitle {
  text-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.5);
}
/* ============================ */
/* CSS for control sap.m/Token  */
/* BlueCrystal theme            */
/* ============================ */
.sapMToken {
  border: 1px solid #dedede;
}
html.sap-desktop .sapMToken:hover {
  border: 1px solid #dddddd;
}
html.sap-desktop .sapMToken:focus {
  outline: 1px dotted #000;
  outline-offset: -3px;
}
html.sap-desktop .sapMToken.sapMTokenSelected:focus {
  outline: 1px dotted #fff;
}
/* ================================ */
/* CSS for control sap.m/Tokenizer  */
/* BlueCrystal theme                */
/* ================================ */
/* ------------------------------ */
/* Disabled                       */
/* ------------------------------ */
.sapMTokenizer.sapMTokenizerDisabled .sapMToken.sapMToken:hover,
.sapMTokenizer.sapMTokenizerDisabled .sapMToken.sapMToken:focus,
.sapMTokenizer.sapMTokenizerDisabled .sapMToken.sapMTokenSelected,
.sapMTokenizer.sapMTokenizerDisabled .sapMToken.sapMToken .sapMTokenIcon {
  background: #f7f7f7;
  cursor: default;
  color: #333333;
  outline: none;
  border-color: #dedede;
}
.sapMTokenizer.sapMTokenizerDisabled .sapMToken.sapMTokenText {
  color: #333333;
}
/* ============================== */
/* CSS for control sap.m/Toolbar  */
/* BlueCrystal theme              */
/* ============================== */
/* Info Toolbar Context */
.sapMTB-Info-CTX.sapMTB {
  height: 2rem;
  padding: 0 0.25rem 0 0.5rem;
  border-bottom: 1px solid #e5e5e5;
}
html.sap-desktop .sapMTB-Info-CTX.sapMTBActive:focus {
  outline: 1px dotted #fff;
  outline-offset: -0.125rem;
}
/* ======================================= */
/* CSS for control sap.m/ToolbarSeparator  */
/* BlueCrystal theme                       */
/* ======================================= */
.sapMFooter-CTX > .sapMTBSeparator {
  background: rgba(100, 114, 123, 0.96);
}
/* ======================================= */
/* CSS for control sap.m/UploadCollection  */
/* BlueCrystal theme                       */
/* ======================================= */
.sapMLIB.sapMUCListSingleItem,
.sapMLIB.sapMUCListFirstItem,
.sapMLIB.sapMUCListLastItem,
.sapMLIB.sapMUCListItem {
  border-bottom-color: #e5e5e5;
}
/*if no image is provided a standard placeholder is displayed */
.sapMUCItemPlaceholderInactive,
.sapMUCItemPlaceholder {
  background-color: #f2f2f2;
}
/* regular and hover state */
.sapMUCDeleteBtn > .sapMBtnInner > .sapMBtnIcon {
  color: #cc1919;
}
/* ======================================== */
/* CSS for control sap.m/ValueStateMessage  */
/* BlueCrystal theme                        */
/* ======================================== */
.sapMValueStateMessage {
  border-width: 0;
}
/* ========================================= */
/* CSS for control sap.m/ViewSettingsDialog  */
/* BlueCrystal theme                         */
/* ========================================= */
.sapMTB.sapMVSDFilterHeaderToolbar {
  background-color: #f7f7f7;
  border-bottom: 1px solid #dddddd;
}
.sapMTB.sapMVSDFilterHeaderToolbar .sapMBarChild.sapMCb .sapMCbLabel {
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 1.125rem;
}
.sapMSF.sapMVSDFilterSearchField .sapMSFF {
  border: none;
}
.sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar .sapMCb:focus::before {
  border: 0.0625rem dotted #000;
  pointer-events: none;
}
html.sap-desktop .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar .sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
  content: '';
  position: absolute;
  top: 0.625rem;
  right: 0.25rem;
  bottom: 0.625rem;
  left: 0.625rem;
}
html.sap-desktop .sapUiSizeCompact .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar .sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
  content: '';
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  bottom: 0.25rem;
  left: 0.25rem;
}
/* ============================= */
/* CSS for control sap.m/Wizard  */
/* BlueCrystal theme             */
/* ============================= */
.sapMWizard {
  background-color: rgba(255, 255, 255, 0.8);
}
/* ============================================== */
/* CSS for control sap.m/WizardProgressNavigator  */
/* BlueCrystal theme                              */
/* ============================================== */
.sapMWizardProgressNav {
  background: #ffffff;
  border-color: #dddddd;
}
.sapMWizardProgressNavStep:hover .sapMWizardProgressNavStepCircle {
  background: #eaeaea;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-active="true"]:hover .sapMWizardProgressNavStepCircle {
  background: #44a12c;
}
.sapMWizardProgressNavStepCircle {
  color: #333333;
  background: #ffffff;
  border-color: #44a12c;
}
.sapMWizardProgressNavStepTitle {
  background: #ffffff;
}
.sapMWizardProgressNavStepTitle:hover {
  color: #1a1a1a;
}
.sapMWizardProgressNavStep::after {
  border-bottom-color: #44a12c;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-active="true"] {
  /* all steps after the active one have inactive style */
  /* all separators after (and including) the active step have inactive style */
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-active="true"] ~ .sapMWizardProgressNavStep .sapMWizardProgressNavStepCircle {
  color: #666666;
  background: #f7f7f7;
  border-color: #dedede;
}
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-active="true"]::after,
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-active="true"] ~ .sapMWizardProgressNavStep::after {
  border-bottom-color: #dedede;
}
.sapMBtnIcon {
  color: grey;
}
/******************* FILE /UI5/sap/m/themes/nextfarming/library.less *******************/
* {
  text-shadow: none;
}
.sapMLIB.farmfactsAttentionHighlight {
  background-color: #CDDC00;
}
.sapMITBTextOnly .sapMITBFilterDefault > .sapMITBText {
  color: black;
}
span.sapMBtnInner.sapMBtnAccept {
  background-color: #44a12c;
}
.sapMPageHeader::before {
  border-top: 0.25rem solid #44a12c;
}
span.sapMBtnInner.sapMBtnEmphasized {
  color: black;
  background-color: #CDDC00;
  border-color: transparent;
}
.sapMIBar-CTX.sapMFooter-CTX,
html.sap-desktop .sapMIBar.sapMFooter-CTX {
  background-color: #44a12c;
}
.sapUiUfdShellHeadBegin .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSep > span {
  color: #44a12c;
}
.sapMList .sapMLIB.sapMGHLI {
  color: #44a12c;
  border-bottom: 1px solid #44a12c;
}
div.sapMListHdr {
  color: #666666;
}
div.sapMPanelHdr {
  color: #666666;
}
.sapUiUfdShellHeadUsrItmName {
  color: #44a12c;
}
.sapUiUfdShellHeadUsrItmImg {
  color: #44a12c;
}
.sapMFooter-CTX span.sapMBtnInner,
.sapMIBar-CTX.sapMFooter-CTX .sapMBtnIcon {
  color: black !important;
  text-shadow: none;
}
.sapMFooter-CTX .sapMBtnInner,
.sapMSubHeader-CTX .sapMBtnInner,
span.sapMBtnInner.sapMBtnAccept {
  color: black !important;
  background: #CDDC00;
}
.sapMIBar-CTX .sapMBtnDisabled .sapMBtnInner {
  background: #44a12c;
}
.sapMTB-Info-CTX.sapMTB {
  color: black;
  background: #44a12c;
}
.sapMTB-Info-CTX.sapMTBActive:hover {
  background: #44a12c;
}
.sapMFF .sapMTB-Info-CTX.sapMTB > .sapMBtn:hover {
  background-color: #44a12c;
}
.sapMFooter-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive) {
  color: black;
  background-color: #F5F8CC;
  border-color: #F5F8CC;
}
.sapMFooter-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive) {
  color: black;
  background-color: #F5F8CC;
  border-color: #F5F8CC;
}
.sapMFooter-CTX .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
  color: black;
  background-color: #F5F8CC;
  border-color: #F5F8CC;
}
.sapMFooter-CTX span.sapMBtnInner:hover > .sapMBtnIcon {
  color: black;
}
.sapMLIBHoverable:hover {
  background-color: rgba(205, 220, 0, 0.1);
}
.sapMTile {
  border: 4px solid #CDDC00;
  border-radius: 0px;
  width: 12rem;
  height: 12rem;
}
.sapMTile:hover {
  border: 4px solid #44a12c;
}
.sapMTileContent {
  width: 12rem;
  height: 12rem;
}
.sapMStdTileTopRow {
  margin-bottom: 0rem;
  padding: 2.5rem 1rem 0 3.4rem;
  height: 5rem;
}
.sapMTC {
  background-size: 50%;
}
.sapMStdTileIconDiv .sapUiIcon {
  font-size: 5rem !important;
}
.sapMCbBg.sapMCbMarkChecked:before {
  color: #44a12c;
}
.sapMTile:focus {
  outline: none;
}
.sapUiIcon:focus {
  outline: none;
}
html.sap-desktop .sapMBtn:focus > .sapMFocusable {
  outline: none;
}
.sap-desktop .sapMITBItem:focus .sapMITBFilterIcon,
.sap-desktop .sapMITBTextOnly .sapMITBItem:focus .sapMITBText,
.sap-desktop .sapMITBItem:focus.sapMITBAll {
  outline: none;
}
.sap-desktop .sapMITBItem:hover > .sapMITBContentArrow {
  border-bottom-color: #CDDC00;
}
.sapUiUfdShellHeadItm:focus > span {
  border: 0px solid white !important;
}
.sapMCb:not(.sapMCbBgDis):focus > .sapMCbBg,
.sapMCb:not(.sapMCbBgDis) > .sapMCbBg:focus {
  outline: none;
}
.sapUiUfdShellHeadItm > span,
.sapUiUfdShellHeadUsrItm {
  color: #44a12c !important;
}
span.sapMBtnInner.sapMBtnAccept {
  border-color: #CDDC00;
}
.sapUiUfdShellHeadItm:active > span,
.sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSel > span,
.sapUiUfdShellHeadItm:active:hover > span,
.sapUiMedia-Std-Desktop .sapUiUfdShellHeadUsrItm:hover:active > *,
.sapUiUfdShellHeadUsrItm:active > * {
  color: white !important;
}
.sapMWizard .sapMWizardNextButton {
  bottom: 0rem;
  opacity: 0;
}
.sapMWizard .sapMWizardNextButtonVisible {
  bottom: 0rem;
  opacity: 1;
}
.sapUiSizeCompact .sapMTextArea > .sapMTextAreaInner {
  height: 100%;
}
.sapUiUfdShellHead > div > div.sapUiUfdShellCntnt > .sapMTB {
  border-bottom: 1px solid #44a12c;
}
.sapUiUfdShellHead > div > div.sapUiUfdShellCntnt > .sapMTB > div.sapMHBox > div.sapMFlexItem > .sapMBtn > .sapMBtnInner > .sapMBtnIcon,
.sapUiUfdShellHead > div > div.sapUiUfdShellCntnt > .sapMTB > .sapMBtn > .sapMBtnInner > .sapMBtnIcon,
.sapUiUfdShellHead > div > div.sapUiUfdShellCntnt > .sapMTB > .sapMBtn > .sapMBtnInner > .sapMBtnContentRight {
  color: #44a12c;
}
.sapUiUfdShellHead > div > div.sapUiUfdShellCntnt > .sapMTB > div.sapMHBox > div.sapMFlexItem > .sapMBtn > .sapMBtnInner.sapMBtnActive > .sapMBtnIcon,
.sapUiUfdShellHead > div > div.sapUiUfdShellCntnt > .sapMTB > .sapMBtn > .sapMBtnInner.sapMBtnActive > .sapMBtnIcon,
.sapUiUfdShellHead > div > div.sapUiUfdShellCntnt > .sapMTB > .sapMBtn > .sapMBtnInner.sapMBtnActive > .sapMBtnContentRight {
  color: white;
}
span.sapMText.sapThemePositiveText {
  color: #44a12c;
}
span.sapMText.sapThemeNegativeText {
  color: #E63223;
}
.whitespaceUnset {
  white-space: unset;
}
html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarContainer {
  display: inline-block;
}
.quickFilter > div > span {
  padding: 0.5rem 0 0 0.5rem;
}
.growManagementMsgStrip {
  margin: 0.75em;
  margin-bottom: 0;
}
.growManagementMsgStrip *:hover {
  cursor: pointer;
}
.growManagementMsgStripPopoverBG {
  background-color: #44a12c;
}
.cropGroupHeader {
  font-size: 18px !important;
}
.inputObjektAdditionalText {
  position: absolute;
  right: 0px;
  padding: 15px 0px;
  text-align: center;
  height: 17px;
  width: 60px;
}
.sapMInputBaseContentWrapperError {
  background: #fff;
  border-color: #e00;
}
.sapMITBSelected .sapMITBContentArrow {
  border-bottom-color: #44a12c;
}
.sapMITBTextOnly .sapMITBFilterDefault.sapMITBSelected .sapMITBText {
  color: #44a12c;
}
.sapTntNavLIItemSelected .sapTntNavLIItem:hover,
.sapTntNavLIItemSelected.sapTntNavLIItem.sapTntNavLIGroup:hover,
.sapTntNavLIItemSelected.sapTntNavLIGroupItem.sapTntNavLIGroupItem:hover {
  background-color: #44a12c !important;
}
.sapUiSizeCompact .sapMSegB .sapMSegBBtn {
  padding: 0;
}
.sapMSegB .sapMSegBBtn .sapMSegBBtnInner {
  border: none;
}
.sapMTB-Info-CTX.sapMTB .sapMText {
  color: white;
}
:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive {
  color: white;
}
:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive .sapMBtnIcon {
  color: white;
}
button.sapMBtn.exportAssistantDownloadButton span.sapMBtnActive bdi {
  color: white !important;
}
.sapMITBHead {
  margin-top: 1rem;
}
.erntejahrSelektor .sapMBtnInner.sapMBtnActive .sapMBtnCustomIcon {
  color: white;
}
.sapMGTHdrContent {
  height: 4rem;
  padding-top: 0.625rem;
  padding-left: 0.94rem;
  padding-right: 0.94rem;
}

.sapMTB-Info-CTX .sapMLabel {
  font-style: italic;
  font-size: 0.875rem;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
}

.sapMDialog.sapMDialogWithSubHeader:not(.sapMDialog-NoHeader):not(.sapMDialog-NoFooter) {
  max-height: calc(100% - 3rem * 3 - 7%) !important;
}

.sapMDialog:not(.sapMDialog-NoHeader):not(.sapMDialog-NoFooter):not(.sapMDialogWithSubHeader) {
  max-height: calc(100% - 3rem * 2 - 7%) !important;
}
/*# sourceMappingURL=library.css.map */