/**
* Copyright (c) 2013 SAP AG, All Rights Reserved
* Theming Engine 1.11.0
* data:{"sModified":"2015-09-27T09:00:58-02:00"}
*/
/*!
 * ${copyright}
 */
/*!
 * ${copyright}
 */
/******************* FILE /Base/baseLib/baseTheme/base.less (Version 11.1.34) *******************/
/******************* FILE /Base/baseLib/sap_belize_hcw/base.less (Version 11.1.34) *******************/
/* ======================================== */
/* CSS for control sap.ui.unified/Calendar  */
/* Base theme                               */
/* ======================================== */
.sapUiCal {
  background: none repeat scroll 0 0 white;
  overflow: hidden;
  position: relative;
  outline: none;
  display: inline-block;
  white-space: initial;
  /* To not inherit */
  box-sizing: border-box;
  text-align: center;
  padding: 1rem 0.5rem 0 0.5rem;
}
.sapUiCalInt {
  box-sizing: border-box;
}
/* calendar should have only a border if on popup */
.sapUiCal.sapUiShd {
  border: 0.0625rem solid #000;
  width: 20.125rem;
}
/*** HEADER ***/
.sapUiCalHead {
  width: 100%;
  position: relative;
  text-align: center;
  display: block;
  height: 2.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  background-color: white;
}
.sapUiCal:not(.sapUiCalInt) > .sapUiCalHead {
  max-width: 40rem;
}
.sapUiCalTwoMonthsTwoColumnsJaZh:not(.sapUiCalInt) > .sapUiCalHead,
.sapUiCalTwoMonthsTwoColumns:not(.sapUiCalInt) > .sapUiCalHead {
  max-width: 100%;
  text-align: left;
}
.sapUiCalHead > button,
.sapUiCalCancel {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  color: #000;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  height: 2.5rem;
  padding: 0;
  font-size: 0.875rem;
}
.sapUiCalHeadB {
  vertical-align: top;
  width: 5.75rem;
}
.sapUiCalHeadBAddText {
  width: 100%;
  float: left;
  color: #000;
  font-size: 0.625rem;
}
.sapUiCalHead .sapUiCalHeadPrev,
.sapUiCalHead .sapUiCalHeadNext,
.sapUiCalHead .sapUiCalHeadToday {
  position: absolute;
  width: 2.5rem;
}
.sapUiCalHead .sapUiCalHeadNext {
  right: 0.5rem;
}
.sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadPrev,
.sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadNext,
.sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadToday {
  position: initial;
  width: 2rem;
}
.sapUiSizeCompact .sapUiCalHead .sapUiCalHeadPrev,
.sapUiSizeCompact .sapUiCalHead .sapUiCalHeadNext,
.sapUiSizeCompact .sapUiCalHead .sapUiCalHeadToday {
  width: 2rem;
}
.sapUiSizeCompact .sapUiCalHead .sapUiCalHeadNext {
  right: 0.25rem;
}
.sapUiSizeCompact .sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadPrev,
.sapUiSizeCompact .sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadNext,
.sapUiSizeCompact .sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadToday {
  width: 1.5rem;
}
.sapUiCalHeadPrev {
  left: 0.5rem;
}
.sapUiCalHead.sapUiCalHeaderWithTodayButton {
  display: flex;
  justify-content: space-evenly;
}
/* no default (browser) outline, if device needs focus visualization its defined later */
.sapUiCalHead > button:focus,
.sapUiCalCancel:focus {
  outline: none;
}
/* hover and focus makes only sense on desktops. On mobile devices it's not needed */
html.sap-desktop .sapUiCalHead > button:focus,
html.sap-desktop .sapUiCalCancel:focus {
  background-color: #cddc00;
  color: #fff;
}
html.sap-desktop .sapUiCalHead > button:hover,
html.sap-desktop .sapUiCalCancel:hover {
  background-color: #cddc00;
  color: #fff;
}
/* once for desktop to overwrite focus and once for all devices needed */
.sapUiCalHead > button:active,
.sapUiCalCancel:active,
html.sap-desktop .sapUiCalHead > button:active,
html.sap-desktop .sapUiCalHead > button:active > .sapUiCalHeadBAddText,
html.sap-desktop .sapUiCalCancel:active {
  background-color: #cddc00;
  color: #fff;
}
.sapUiCalHead > button.sapUiCalDsbl {
  cursor: default;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
html.sap-desktop .sapUiCalHead > button.sapUiCalDsbl:focus,
.sapUiCalHead > button.sapUiCalDsbl:hover,
.sapUiCalHead > button.sapUiCalDsbl:active {
  background-color: rgba(0, 0, 0, 0);
  color: #000;
}
/*** days, months, years ***/
.sapUiCalMonthView {
  vertical-align: top;
}
.sapUiCalMonthView,
.sapUiCalDatesRow {
  white-space: nowrap;
}
.sapUiCalMonthView,
.sapUiCalMonthPicker,
.sapUiCalYearPicker {
  width: 14em;
  display: inline-block;
  width: 19rem;
  /* +1rem padding left and right = 320 px*/
}
.sapUiCalMonthView,
.sapUiCalMonthPicker,
.sapUiCalYearPicker,
.sapUiCalRow {
  background-color: white;
}
.sapUiCal .sapUiCalMonthView,
.sapUiCal .sapUiCalRow {
  box-sizing: border-box;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 1rem;
}
.sapUiCalInt > .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiCalInt > .sapUiCalContent > .sapUiCalYearPicker {
  width: inherit;
}
.sapUiCalHeadText {
  text-align: center;
  height: 2rem;
  line-height: 2rem;
  color: #000;
}
.sapUiCalContentSingle .sapUiCalHeadText {
  text-align: left;
  margin-left: 12.5%;
}
.sapUiCalRow .sapUiCalHeadText {
  float: left;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  whitespace: nowrap;
}
.sapUiCalRow div > .sapUiCalHeadText:last-child {
  float: none;
  /* if not set, in IE the item line is displayed in the same line */
}
.sapUiCalWH,
.sapUiCalItem {
  display: block;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.sapUiCalMonthView .sapUiCalWH,
.sapUiCalMonthView .sapUiCalItem {
  width: 12.5%;
}
.sapUiCalMonthView.sapUiCalNoWeekNum .sapUiCalWH,
.sapUiCalMonthView.sapUiCalNoWeekNum .sapUiCalItem {
  width: 14.2857%;
}
.sapUiCalItemText {
  width: 100%;
  height: 100%;
  display: inline-block;
  box-sizing: border-box;
}
.sapUiCalItem,
.sapUiCalWeekNum {
  height: 3rem;
  line-height: 2.875rem;
  font-size: 0.875rem;
}
.sapUiCalWeekNum {
  width: 12.5%;
  color: #000;
  font-size: 0.75rem;
  cursor: default;
}
.sapUiCalWH {
  color: #000;
  white-space: nowrap;
  height: 2rem;
  line-height: 1.875rem;
  font-size: 0.75rem;
}
.sapUiCalItem {
  color: #000;
  background-color: #f7f7f7;
}
.sapUiCalItemDsbl {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(242, 242, 242, 0.5);
}
.sapUiCalWeekNum {
  clear: left;
  float: left;
  text-align: center;
}
.sapUiCalMonthView.sapUiCalNoWeekNum .sapUiCalFirstWDay {
  clear: left;
}
.sapUiCalMonthView.sapUiCalNoWeekNum .sapUiCalWH.sapUiCalFirstWDay {
  margin-left: 0;
}
.sapUiCalItemOtherMonth {
  color: #666;
}
.sapUiCalMulti .sapUiCalItemOtherMonth {
  visibility: hidden;
}
.sapUiCalItemNow {
  color: #cddc00;
}
.sapUiCalItemWeekEnd {
  background-color: #dddddd;
}
.sapUiCalItemWeekEnd.sapUiCalItemDsbl {
  background-color: rgba(229, 229, 229, 0.5);
}
.sapUiCalItemSel {
  background-color: #44a12c;
}
.sapUiCalContent {
  position: relative;
  text-align: center;
  min-height: 17rem;
}
.sapUiCalInt .sapUiCalContent {
  min-height: 8.875rem;
}
.sapUiCalContentOver {
  background-color: #000;
  opacity: 0.15;
  filter: alpha(opacity=60);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  outline: 0 none;
}
.sapUiCalContent > .sapUiCalMonthPicker,
.sapUiCalContent > .sapUiCalYearPicker,
.sapUiCalTimeInt > .sapUiCalContent > .sapUiCalDatesRow {
  position: absolute;
  top: 18px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
}
.sapUiCalTimeInt > .sapUiCalContent > .sapUiCalDatesRow .sapUiCalWH {
  display: none;
}
/* Day names inside day */
.sapUiCalNoNameLine.sapUiCalMonthView .sapUiCalItem,
.sapUiCalNoNameLine.sapUiCalDatesRow .sapUiCalItem {
  height: 3rem;
  position: relative;
}
.sapUiCalNoNameLine .sapUiCalItem > .sapUiCalDayName {
  position: absolute;
  top: 0;
  right: 0;
  height: 33%;
  width: 100%;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  line-height: 100%;
}
.sapUiCalNoNameLine .sapUiCalItem > .sapUiCalDayName {
  color: inherit;
}
.sapUiCalItemTextAmPm {
  font-size: 11px;
  vertical-align: top;
}
.sapUiCalCancel {
  display: none;
  /* cancel button only visible on phones */
  position: absolute;
}
/* 2 calendar types */
.sapUiCalMonthSecType .sapUiCalItem {
  position: relative;
}
.sapUiCalMonthSecType .sapUiCalItem > .sapUiCalItemSecText {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 33%;
  width: 50%;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  line-height: 100%;
}
/* Day, Month and YearPicker on popup */
.sapUiCalMonthView[data-sap-ui-popup],
.sapUiCalMonthPicker[data-sap-ui-popup],
.sapUiCalYearPicker[data-sap-ui-popup] {
  padding: 1rem;
}
/* tablet(large) size is default */
.sapUiCal:not(.sapUiCalInt) {
  width: 20rem;
  min-width: 20rem;
}
.sapUiCalMulti:not(.sapUiCalInt) {
  width: 39rem;
  /* to display 2 months side by side as default */
}
/* calendar should have only a border if on popup */
.sapUiCal[data-sap-ui-popup] {
  box-shadow: 0 0.625rem 2rem 0 rgba(255, 255, 255, 0.5), 0 0 0 2px #000;
}
html.sapUiMedia-Std-Phone .sapUiCalHeadB0 {
  width: 3rem;
  /* do not overflow buttons on phone */
}
.sapUiCalHeadBFirst {
  margin-right: 0.25rem;
}
.sapUiCalHeadBLast {
  margin-left: 0.25rem;
}
.sapUiCalMulti .sapUiCalHeadB1,
.sapUiCalMonthInt .sapUiCalHeadB2,
.sapUiCalMulti .sapUiCalHeadB3,
.sapUiCalIntLarge .sapUiCalHeadB3,
.sapUiCalMonthInt .sapUiCalHeadB4 {
  width: 12.5rem;
  margin-right: 0.5rem;
}
.sapUiCalIntLarge .sapUiCalHeadB1 {
  width: auto;
  width: 12.5rem;
}
.sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB1,
.sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB2,
.sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB3,
.sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB4,
.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB1,
.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB2,
.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB3,
.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB4 {
  width: 5.75rem;
}
.sapUiCal.sapUiCalMulti:not(.sapUiCalTwoMonthsTwoColumnsJaZh) .sapUiCalHead .sapUiCalHeadPrev + .sapUiCalHeadB2 {
  width: 12.5rem;
}
.sapUiCal .sapUiCalHead .sapUiCalHeadB2.sapUiCalSingleYearButton,
.sapUiCal .sapUiCalHead .sapUiCalHeadB4.sapUiCalSingleYearButton {
  width: 12rem;
}
.sapUiCal .sapUiCalHead .sapUiCalHeadB3 + .sapUiCalHeadB4.sapUiCalSingleYearButton {
  width: 5.75rem;
}
.sapUiCal .sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadB2.sapUiCalSingleYearButton,
.sapUiCal .sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadB4.sapUiCalSingleYearButton {
  width: 11.5rem;
}
.sapUiCal .sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadBPlaceholder {
  width: 12rem;
}
.sapUiCal.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB2.sapUiCalSingleYearButton,
.sapUiCal.sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB2.sapUiCalSingleYearButton {
  margin-left: calc(25% - 5.75rem);
}
.sapUiCal.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB2 + .sapUiCalHeadB4,
.sapUiCal.sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB2 + .sapUiCalHeadB4 {
  margin-left: 6.25rem;
}
.sapUiCalHeadBPlaceholder {
  width: inherit;
}
.sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB2,
.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB1 {
  margin-left: calc(25% - 6rem);
}
.sapUiSizeCompact .sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB4,
.sapUiSizeCompact .sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB3,
.sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB4:not(.sapUiCalSingleYearButton),
.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB3 {
  margin-left: 6.25rem;
}
.sapUiCalItemNow > .sapUiCalItemText {
  border: 0.125rem solid #000;
}
.sapUiCalContent > .sapUiCalMonthPicker,
.sapUiCalContent > .sapUiCalYearPicker {
  top: 0;
  padding: 2rem 0 1rem 0;
  background-color: white;
}
.sapUiCalInt > .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiCalInt > .sapUiCalContent > .sapUiCalYearPicker {
  margin-left: 0;
  left: 0;
  padding-bottom: 0;
}
.sapUiCalTimeInt > .sapUiCalContent > .sapUiCalDatesRow {
  top: 0;
  padding: 0 0.5rem 0 0.5rem;
  margin: 0;
}
.sapUiCalTimeInt > .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiCalTimeInt > .sapUiCalContent > .sapUiCalYearPicker,
.sapUiCalMonthInt > .sapUiCalContent > .sapUiCalYearPicker {
  padding-top: 0;
}
.sapUiCalInt.sapUiCalIntHead > .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiCalInt.sapUiCalIntHead > .sapUiCalContent > .sapUiCalYearPicker {
  padding-top: 4rem;
}
.sapUiCalTimeInt.sapUiCalIntHead > .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiCalTimeInt.sapUiCalIntHead > .sapUiCalContent > .sapUiCalYearPicker,
.sapUiCalTimeInt.sapUiCalIntHead > .sapUiCalContent > .sapUiCalDatesRow,
.sapUiCalMonthInt.sapUiCalIntHead > .sapUiCalContent > .sapUiCalYearPicker {
  padding-top: 2rem;
}
.sapUiCalMulti > .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiCalMulti > .sapUiCalContent > .sapUiCalYearPicker {
  top: 1rem;
  bottom: auto;
  padding: 1rem;
  margin-left: -10rem;
}
.sapUiCalWidth:not(.sapUiCalInt):not(.sapUiCalMulti) > .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiCalWidth:not(.sapUiCalInt):not(.sapUiCalMulti) > .sapUiCalContent > .sapUiCalYearPicker,
.sapUiSizeCompact .sapUiCalWidth:not(.sapUiCalInt):not(.sapUiCalMulti) > .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiSizeCompact.sapUiCalWidth:not(.sapUiCalInt):not(.sapUiCalMulti) > .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiSizeCompact .sapUiCalWidth:not(.sapUiCalInt):not(.sapUiCalMulti) > .sapUiCalContent > .sapUiCalYearPicker,
.sapUiSizeCompact.sapUiCalWidth:not(.sapUiCalInt):not(.sapUiCalMulti) > .sapUiCalContent > .sapUiCalYearPicker {
  box-sizing: border-box;
  width: 100%;
  margin-left: 0;
}
/* Day names inside day */
.sapUiCalNoNameLine .sapUiCalItem > .sapUiCalItemText {
  padding-top: 1rem;
  line-height: 2rem;
}
.sapUiCalNoNameLine .sapUiCalItem.sapUiRelativeCalItem > .sapUiCalItemText {
  line-height: 3rem;
  padding-top: 0;
}
.sapUiSizeCompact .sapMPlanCal .sapUiCalNoNameLine .sapUiCalItem.sapUiRelativeCalItem > .sapUiCalItemText {
  padding-left: 25%;
}
.sapUiCalNoNameLine .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText {
  line-height: 1.85rem;
}
.sapUiCalNoNameLine .sapUiCalItem > .sapUiCalDayName {
  line-height: 1rem;
  height: 1rem;
  font-size: 0.75rem;
  padding-top: 0.375rem;
}
.sapUiCalNoNameLine .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalDayName {
  color: #fff;
}
.sapUiCalItemTextAmPm {
  line-height: 2.8rem;
  font-size: 0.625rem;
}
/* 2 calendar types */
.sapUiCalMonthSecType .sapUiCalItem > .sapUiCalItemText {
  line-height: 2.125rem;
  vertical-align: top;
}
.sapUiCalMonthSecType .sapUiCalItem > .sapUiCalItemSecText {
  font-size: 0.625rem;
  height: 1rem;
  line-height: 1rem;
  padding-right: 0.313rem;
  padding-bottom: 0.313rem;
  box-sizing: border-box;
}
.sapUiCalMonthSecType .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemSecText {
  color: #fff;
}
.sapPCRelative .sapUiCalRowWeekNumbers {
  margin-top: 0;
}
.sapUiCalRowWeekNumbers {
  clear: left;
  font-size: 0.875rem;
  text-align: left;
  line-height: 3rem;
  height: 3rem;
  margin-top: -0.25rem;
}
.sapUiCalRowWeekNumber {
  box-sizing: border-box;
  height: 3rem;
  border-width: 0.0625rem;
  border-style: solid;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  user-select: none;
  cursor: default;
}
.sapPCRelative .sapUiCalRowWeekNumber {
  border-bottom-width: 0;
}
.sapUiCalHeadSecondMonth .sapUiCalHeadNext,
.sapUiCalHeadSecondMonth .sapUiCalHeadPrev {
  display: none;
}
/*** compact mode (desktop size) ***/
.sapUiSizeCompact .sapUiCal,
.sapUiSizeCompact.sapUiCal {
  padding: 0.5rem 0.25rem 0 0.25rem;
}
.sapUiSizeCompact .sapUiCal:not(.sapUiCalInt),
.sapUiSizeCompact.sapUiCal:not(.sapUiCalInt) {
  width: 17rem;
  min-width: 17rem;
}
.sapUiSizeCompact .sapUiCal.sapUiShd,
.sapUiSizeCompact.sapUiCal.sapUiShd {
  width: 17.125rem;
}
.sapUiSizeCompact .sapUiCalMulti:not(.sapUiCalInt),
.sapUiSizeCompact.sapUiCalMulti:not(.sapUiCalInt) {
  width: 33.5rem;
  /* to display 2 months side by side as default */
}
.sapUiSizeCompact .sapUiCalHead {
  height: 2rem;
  padding: 0;
}
.sapUiSizeCompact .sapUiCalHead > button {
  height: 2rem;
}
.sapUiSizeCompact .sapUiCalMonthView,
.sapUiSizeCompact .sapUiCalMonthPicker,
.sapUiSizeCompact .sapUiCalYearPicker {
  width: 16rem;
}
.sapUiSizeCompact .sapUiCal .sapUiCalMonthView,
.sapUiSizeCompact.sapUiCal .sapUiCalMonthView,
.sapUiSizeCompact .sapUiCal .sapUiCalRow,
.sapUiSizeCompact.sapUiCal .sapUiCalRow {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 0.5rem;
}
.sapUiSizeCompact .sapUiCal .sapUiCalHeadPrev,
.sapUiSizeCompact.sapUiCal .sapUiCalHeadPrev {
  left: 0.25rem;
}
.sapUiSizeCompact .sapUiCalHeadB {
  width: 4.25rem;
}
.sapUiSizeCompact .sapUiCalHeadBFirst {
  margin-right: 0.25rem;
}
.sapUiSizeCompact .sapUiCalHeadBLast {
  margin-left: 0.25rem;
}
.sapUiSizeCompact .sapUiCalHeadB1,
.sapUiSizeCompact .sapUiCalHeadB3 {
  width: 6.25rem;
}
.sapUiSizeCompact .sapUiCalMulti .sapUiCalHeadB3,
.sapUiSizeCompact.sapUiCalMulti .sapUiCalHeadB3,
.sapUiSizeCompact .sapUiCalIntLarge .sapUiCalHeadB3,
.sapUiSizeCompact.sapUiCalIntLarge .sapUiCalHeadB3,
.sapUiSizeCompact .sapUiCalMonthInt .sapUiCalHeadB4,
.sapUiSizeCompact.sapUiCalMonthInt .sapUiCalHeadB4 {
  width: 12.5rem;
}
.sapUiSizeCompact .sapUiCalIntLarge .sapUiCalHeadB1,
.sapUiSizeCompact.sapUiCalIntLarge .sapUiCalHeadB1 {
  width: auto;
  min-width: 12.5rem;
}
.sapUiSizeCompact .sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB1,
.sapUiSizeCompact.sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB1,
.sapUiSizeCompact .sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB2,
.sapUiSizeCompact.sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB2,
.sapUiSizeCompact .sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB3,
.sapUiSizeCompact.sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB3,
.sapUiSizeCompact .sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB4,
.sapUiSizeCompact.sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB4,
.sapUiSizeCompact .sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB1,
.sapUiSizeCompact.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB1,
.sapUiSizeCompact .sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB2,
.sapUiSizeCompact.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB2,
.sapUiSizeCompact .sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB3,
.sapUiSizeCompact.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB3,
.sapUiSizeCompact .sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB4,
.sapUiSizeCompact.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB4 {
  width: 5.75rem;
}
.sapUiSizeCompact .sapUiCalItem,
.sapUiSizeCompact .sapUiCalWeekNum {
  height: 2rem;
  line-height: 1.875rem;
}
.sapUiSizeCompact .sapUiCalInt.sapUiCalOneMonthInt .sapUiCalItem {
  height: 3rem;
  line-height: 2.875rem;
}
.sapUiSizeCompact .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiSizeCompact .sapUiCalContent > .sapUiCalYearPicker {
  top: 0;
  padding: 2rem 0.25rem 0.5rem 0.25rem;
}
.sapUiSizeCompact .sapUiCalTimeInt > .sapUiCalContent > .sapUiCalDatesRow {
  margin: 0;
}
.sapUiSizeCompact .sapUiCalTimeInt > .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiSizeCompact .sapUiCalTimeInt > .sapUiCalContent > .sapUiCalYearPicker,
.sapUiSizeCompact .sapUiCalMonthInt > .sapUiCalContent > .sapUiCalYearPicker {
  padding-top: 0;
}
.sapUiSizeCompact .sapUiCalInt > .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiSizeCompact .sapUiCalInt > .sapUiCalContent > .sapUiCalYearPicker {
  margin-left: 0;
}
.sapUiSizeCompact .sapUiCalMulti > .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiSizeCompact.sapUiCalMulti > .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiSizeCompact .sapUiCalMulti > .sapUiCalContent > .sapUiCalYearPicker,
.sapUiSizeCompact.sapUiCalMulti > .sapUiCalContent > .sapUiCalYearPicker {
  top: 1.5rem;
  padding: 0.5rem;
  margin-left: -8.5rem;
}
/* Day names inside day */
.sapUiSizeCompact .sapUiCalInt:not(.sapUiCalOneMonthInt) .sapUiCalNoNameLine .sapUiCalItem > .sapUiCalItemText {
  padding-top: 0;
  padding-left: 50%;
  line-height: inherit;
  text-align: start;
}
.sapUiSizeCompact .sapUiCalItemNow > .sapUiCalItemText,
.sapUiSizeCompact .sapUiCalInt:not(.sapUiCalOneMonthInt) .sapUiCalNoNameLine .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText,
.sapUiSizeCompact.sapUiCalNoNameLine .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText,
.sapUiSizeCompact .sapUiCalNoNameLine .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText {
  line-height: 1.625rem;
}
.sapUiSizeCompact .sapUiCalInt:not(.sapUiCalOneMonthInt) .sapUiCalNoNameLine .sapUiCalItem > .sapUiCalDayName {
  left: 0;
  height: 100%;
  width: 50%;
  line-height: inherit;
  padding-top: 0;
  padding-right: 0.5rem;
  text-align: end;
  box-sizing: border-box;
}
.sapUiSizeCompact .sapUiCalItemTextAmPm {
  line-height: 1.8rem;
}
/* 2 calendar types */
.sapUiSizeCompact .sapUiCalMonthSecType .sapUiCalItem > .sapUiCalItemText {
  line-height: 1rem;
  padding-right: 0.375rem;
}
.sapUiSizeCompact .sapUiCalMonthSecType .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText {
  line-height: 1rem;
}
.sapUiSizeCompact .sapUiCalMonthSecType .sapUiCalItem > .sapUiCalItemSecText {
  height: 0.75rem;
  line-height: 0.75rem;
  padding-right: 0.25rem;
  padding-bottom: 1rem;
}
.sapUiSizeCompact .sapUiCalRowWeekNumbers {
  line-height: 2rem;
  height: 2rem;
}
.sapUiSizeCompact .sapUiCalRowWeekNumber {
  height: 2rem;
}
.sapUiSizeCompact .sapUiCal:not(.sapUiCalInt) .sapUiCalContent {
  min-height: 13rem;
}
.sapUiSizeCompact .sapUiCalInt .sapUiCalContent {
  min-height: 6.5rem;
}
/*** Phone ***/
/* make calendar full-screen if on popup (DatePicker), but not if stand alone */
html.sap-phone [data-sap-ui-popup] .sapUiCal > .sapUiCalContent > .sapUiCalMonthPicker,
html.sap-phone [data-sap-ui-popup] .sapUiCal > .sapUiCalContent > .sapUiCalYearPicker {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0.5rem;
  /* use padding instead of margin because of 100% width including padding */
  padding-right: 0.5rem;
  padding-bottom: 1rem;
}
html.sap-phone [data-sap-ui-popup] .sapUiCal > .sapUiCalContent > .sapUiCalMonthPicker,
html.sap-phone [data-sap-ui-popup] .sapUiCal > .sapUiCalContent > .sapUiCalYearPicker {
  left: 0;
}
.sapUiCal.sapUiCalMulti.sapUiCalTwoMonthsTwoColumns .sapUiCalHead.sapUiCalHeaderWithTodayButton {
  justify-content: space-evenly;
}
.sapUiCal.sapUiCalMulti.sapUiCalTwoMonthsTwoColumns .sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadBPlaceholder {
  width: 100%;
}
.sapUiCal.sapUiCalMulti.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB.sapUiCalHeadB1 {
  margin-right: 0.25rem;
}
.sapUiCal.sapUiCalMulti.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB.sapUiCalHeadB4 {
  margin-left: 0.25rem;
}
.sapUiCal.sapUiCalMulti.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB.sapUiCalHeadB2.sapUiCalHeadBFirst {
  margin-left: 0.25rem;
  margin-right: calc(25% - 6rem);
}
.sapUiCal.sapUiCalMulti.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB.sapUiCalHeadB3.sapUiCalHeadBLast {
  margin-right: 0.25rem;
  margin-left: calc(25% - 6rem);
}
.sapUiCal.sapUiCalMulti.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB.sapUiCalHeadB2.sapUiCalSingleYearButton,
.sapUiCal.sapUiCalMulti.sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB.sapUiCalHeadB4.sapUiCalSingleYearButton {
  width: 12rem;
  margin-left: calc(25% - 6rem);
}
.sapUiCal.sapUiCalMulti.sapUiCalTwoMonthsTwoColumns .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiCal.sapUiCalMulti.sapUiCalTwoMonthsTwoColumns .sapUiCalContent > .sapUiCalYearPicker {
  left: 50%;
}
.sapUiCal.sapUiCalMulti .sapUiCalContent > .sapUiCalMonthPicker,
.sapUiCal.sapUiCalMulti .sapUiCalContent > .sapUiCalYearPicker {
  left: 50%;
}
.sapUiSizeCompact .sapUiCal .sapUiCalHead .sapUiCalHeadB2.sapUiCalSingleYearButton,
.sapUiSizeCompact .sapUiCal .sapUiCalHead .sapUiCalHeadB4.sapUiCalSingleYearButton {
  width: 11rem;
}
.sapUiSizeCompact .sapUiCal .sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadB2.sapUiCalSingleYearButton,
.sapUiSizeCompact .sapUiCal .sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadB4.sapUiCalSingleYearButton {
  width: 10.5rem;
}
.sapUiSizeCompact .sapUiCal .sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadBPlaceholder {
  width: 11rem;
}
/* ==================================================== */
/* CSS for control sap.ui.unified/CalendarDateInterval  */
/* Base theme                                           */
/* ==================================================== */
.sapUiCalInt:not(.sapUiCalWithDayNamesLine):not(.sapUiCalWithWeekNumbers) .sapUiCalContent {
  min-height: 3.875rem;
}
.sapUiCalInt.sapUiCalWithDayNamesLine:not(.sapUiCalWithWeekNumbers) .sapUiCalContent {
  min-height: 5.875rem;
}
.sapUiCalInt.sapUiCalWithWeekNumbers:not(.sapUiCalWithDayNamesLine) .sapUiCalContent {
  min-height: 3.875rem;
}
/* ============================================== */
/* CSS for control sap.ui.unified/CalendarLegend  */
/* Base theme                                     */
/* ============================================== */
.sapUiUnifiedLegend {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  font-weight: normal;
  padding: 0.75rem;
  background-color: white;
}
.sapUiUnifiedLegendItems {
  column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  /* Firefox */
  -webkit-column-gap: 0.5rem;
  /* Safari and Chrome */
}
.sapUiUnifiedLegendDescription {
  display: inline-block;
  line-height: 1rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  /* width is 100% without the width and margin of sapUiUnifiedLegendSquare
	(the square in front of the legend description) */
  width: calc(100% - 28px);
  cursor: default;
}
.sapUiUnifiedLegendSquare {
  display: inline-block;
  vertical-align: top;
  height: 16px;
  width: 16px;
  margin: 4px 8px 4px 4px;
  background: white;
}
.sapUiUnifiedLegendSquareColor {
  height: 14px;
  width: 14px;
  margin: 1px;
  background: #f2f2f2;
  border: 1px solid #000;
  box-sizing: border-box;
}
.sapUiUnifiedLegendSquareSelected {
  height: 10px;
  width: 10px;
  background: white;
  border: 2px solid #000;
}
/*** compact mode (desktop size) ***/
.sapUiSizeCompact .sapUiUnifiedLegend,
.sapUiSizeCompact.sapUiUnifiedLegend {
  padding: 0.5rem;
}
.sapUiSizeCompact .sapUiUnifiedLegendItems,
.sapUiSizeCompact.sapUiUnifiedLegendItems {
  column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  /* Firefox */
  -webkit-column-gap: 0.5rem;
  /* Safari and Chrome */
}
.sapUiSizeCompact .sapUiUnifiedLegendSquare {
  margin: 2px 8px 2px 2px;
}
.sapUiSizeCompact .sapUiUnifiedLegendDescription {
  line-height: 12px;
}
/*** items and colors ***/
.sapUiUnifiedLegendToday > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  height: 10px;
  width: 10px;
  background-color: white;
  border: 2px solid #000;
  box-sizing: content-box;
}
.sapUiUnifiedLegendSelected > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #44a12c;
}
.sapUiUnifiedLegendWorkingDay > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #f7f7f7;
}
.sapUiUnifiedLegendNonWorkingDay > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #dddddd;
}
.sapUiUnifiedLegend hr {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  border-width: 0 0 1px 0;
}
.sapMDialog-CTX .sapUiUnifiedLegend,
.sapMPopup-CTX .sapUiUnifiedLegend {
  padding: 1rem;
}
.sapUiUnifiedLegendNonWorkingDay > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #eaeaea;
}
.sapUiCalLegDayType01 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #d58215;
}
.sapUiCalLegDayType02 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #d76060;
}
.sapUiCalLegDayType03 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #db1f77;
}
.sapUiCalLegDayType04 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #9b3b3b;
}
.sapUiCalLegDayType05 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #cf5db3;
}
.sapUiCalLegDayType06 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #478fd6;
}
.sapUiCalLegDayType07 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #1193a2;
}
.sapUiCalLegDayType08 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #8b9668;
}
.sapUiCalLegDayType09 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #6c8b99;
}
.sapUiCalLegDayType10 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #892971;
}
.sapUiCalLegDayType11 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #725a3a;
}
.sapUiCalLegDayType12 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #bb2f2f;
}
.sapUiCalLegDayType13 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #d51f1f;
}
.sapUiCalLegDayType14 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #8b714f;
}
.sapUiCalLegDayType15 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #606190;
}
.sapUiCalLegDayType16 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #597da1;
}
.sapUiCalLegDayType17 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #49797e;
}
.sapUiCalLegDayType18 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #687a33;
}
.sapUiCalLegDayType19 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #295989;
}
.sapUiCalLegDayType20 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #5154bd;
}
/* =========================================== */
/* CSS for control sap.ui.unified/CalendarRow  */
/* Base theme                                  */
/* =========================================== */
r .sapUiCalendarRow {
  background-color: white;
  border: 0.0625rem solid #ffffff;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sapUiCalendarRowApps {
  position: relative;
  /*	min-height: 3rem;*/
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.sapUiCalendarAppText,
.sapUiCalendarAppDescription {
  font-size: 0.75rem;
}
.sapUiCalendarRowWithHead > .sapUiCalendarRowApps {
  width: 80%;
  line-height: normal;
  display: inline-block;
  min-height: 5rem;
}
html.sapUiMedia-Std-Phone .sapUiCalendarRowWithHead > .sapUiCalendarRowApps {
  width: 100%;
}
/* intervals */
.sapUiCalendarRowAppsInt {
  min-height: 100%;
  height: 100%;
  /* to inherit to subintervals - to be overwritten for fix heights*/
  border-width: 0 0.0625rem 0 0.0625rem;
  border-style: solid;
  border-color: #ffffff;
  box-sizing: border-box;
  float: left;
  cursor: default;
}
.sapUiCalendarRowAppsSubInt {
  height: calc(100% - 1.75rem);
  border-width: 0 0.0625rem 0 0;
  border-style: solid;
  border-color: #ffffff;
  box-sizing: border-box;
  float: left;
}
.sapUiCalendarRowAppsIntNoHead > .sapUiCalendarRowAppsSubInt {
  height: 100%;
}
.sapUiCalendarRowAppsInt > .sapUiCalendarRowAppsSubInt:last-child {
  border-right: none;
}
.sapMListTblRow:not(.sapMLIBSelected) .sapUiCalendarRowAppsNoWork,
.sapMListTblSubRow:not(.sapMLIBSelected) .sapUiCalendarRowAppsNoWork {
  background-color: #f7f7f7;
}
.sapUiCalendarRowAppsIntHead {
  height: 1.5rem;
  line-height: 1.3rem;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  cursor: default;
  border-radius: 0.125rem;
}
.sapUiCalendarRowApps > .sapUiCalendarRowAppsIntHead {
  position: absolute;
  top: 0;
  width: auto;
}
.sapUiCalendarRowAppsIntHeadFirst {
  border: 0.0625rem solid #000;
  border-left: 0.25rem solid #d9d9d9;
}
.sapUiCalendarRowAppsIntHeadIcon {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  padding-left: 0.375rem;
  font-size: 1rem;
  vertical-align: middle;
  color: #000;
}
.sapUiCalendarRowAppsIntHeadTitle {
  white-space: nowrap;
  padding-left: 0.375rem;
  padding-top: 0.05rem;
  box-sizing: border-box;
}
.sapUiCalendarRowAppsIntHeadText {
  display: none;
  /* only title displayed in header */
}
/* Appointments */
.sapUiCalendarApp {
  box-sizing: border-box;
  position: absolute;
  height: 3rem;
  color: #000;
  background-color: white;
  border-left: 0.25rem solid #d9d9d9;
  outline: none;
  cursor: pointer;
  overflow: hidden;
  margin-bottom: 0.25rem;
  border-radius: 0.125rem;
}
.sapUiCalendarAppHeight3 {
  height: 4.25rem;
}
.sapUiCalendarAppHeight2 {
  height: 3rem;
}
.sapUiCalendarAppHeight1 {
  height: 1.375rem;
  line-height: 0.5rem;
}
.sapUiCalendarApp.sapUiCalendarAppHeight1.sapUiCalendarAppTitleOnly {
  line-height: 0.5rem;
}
.sapUiSizeCompact .sapUiCalendarApp {
  min-width: 2rem;
}
.sapUiSizeCozy .sapUiCalendarApp {
  min-width: 3rem;
}
.sapUiSizeCompact .sapUiCalendarAppHalfColumnRounding .sapUiCalendarApp,
.sapUiCalendarAppHalfColumnRounding .sapUiCalendarApp {
  min-width: 1rem;
}
/* Removes the empty space in the cell that is below an appointment.
Use it only if there's one appointment per day for a row that doesn't have interval headers set. */
.sapMPlanCal.sapUiCalendarAppFitVertically .sapUiCalendarApp {
  height: 4rem;
  margin-bottom: 0;
  line-height: 3rem;
}
.sapUiCalendarRowAppsRedHeight > .sapUiCalendarRowApps > .sapUiCalendarApp.sapUiCalendarAppTitleOnly {
  height: 1.375rem;
}
/* dummy app to calculate minimal size and other things */
.sapUiCalendarAppDummy {
  width: 2rem;
}
.sapUiCalendarAppCont {
  box-sizing: border-box;
  position: relative;
  border: 0.0625rem solid #d9d9d9;
  border-left: none;
  /* don't use padding here, because the DIV can't be smaller than the min size of it's paddings.... */
  height: 100%;
  width: 100%;
}
.sapUiCalendarAppSmall > .sapUiCalendarAppCont > .sapUiCalendarAppTitle,
.sapUiCalendarAppSmall > .sapUiCalendarAppCont > .sapUiCalendarAppText {
  padding-right: 0;
  /* if min-width no padding right to show ellipsis */
}
html.sap-desktop .sapUiCalendarApp:hover:not(:active),
html.sap-desktop .sapUiCalendarApp:focus:not(:active) > .sapUiCalendarAppCont {
  background-color: #cddc00;
}
html.sap-desktop .sapUiCalendarApp:hover:not(:active) > .sapUiCalendarAppCont {
  border-color: #cddc00;
}
.sapUiCalendarApp.sapUiCalendarAppSel {
  color: #fff;
  background-color: #44a12c;
}
html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active),
html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active) > .sapUiCalendarAppCont {
  background-color: #337921;
}
.sapUiCalendarApp.sapUiCalendarAppTent > .sapUiCalendarAppCont {
  border-style: dashed;
  border-color: #cddc00;
  border-left: none;
}
.sapUiCalendarAppIcon {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 1rem;
  position: relative;
  top: 0.375rem;
  left: 0.375rem;
  margin-right: 0.375rem;
  color: #000;
}
.sapUiCalendarAppHeight1 .sapUiCalendarAppIcon {
  top: 0.063rem;
}
.sapUiCalendarAppArrowIcon,
.sapUiCalendarRow .sapUiCalendarAppArrowIconLeft,
.sapUiCalendarRow .sapUiCalendarAppArrowIconRight {
  top: calc(50% - 0.5rem);
  color: #000;
  height: 0.75rem;
}
.sapUiCalendarRow .sapUiCalendarAppCont,
.sapUiCalendarRow .sapUiCalendarIntervalHeaderCont {
  height: 100%;
  display: flex;
}
.sapUiCalendarRow .sapUiCalendarAppArrowIconLeft {
  left: 0.375rem;
  margin-right: 0.375rem;
}
.sapUiCalendarRow .sapUiCalendarAppArrowIconRight {
  right: 0.375rem;
  margin-left: 0.375rem;
}
.sapUiCalendarRow .sapUiCalendarAppCont .sapUiCalendarAppArrowIconLeft,
.sapUiCalendarRow .sapUiCalendarAppCont .sapUiCalendarAppArrowIconRight {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.sapUiCalendarRow .sapUiCalendarIntervalHeaderCont > .sapUiCalendarAppArrowIconLeft,
.sapUiCalendarRow .sapUiCalendarIntervalHeaderCont > .sapUiCalendarAppArrowIconRight {
  top: 0.3rem;
}
.sapUiCalendarRow .sapUiCalendarAppTitleOnly > .sapUiCalendarAppCont .sapUiCalendarAppIcon,
.sapUiCalendarRow .sapUiCalendarRowAppsIntHead .sapUiCalendarRowAppsIntHeadIcon {
  top: calc(50% - 0.5rem);
}
.sapUiCalendarIntervalHeaderCont > .sapUiCalendarAppArrowIconLeft.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon):not(.sapUiCalendarAppIcon),
.sapUiCalendarIntervalHeaderCont > .sapUiCalendarAppArrowIconRight.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon):not(.sapUiCalendarAppIcon),
.sapUiCalendarAppCont .sapUiCalendarAppArrowIconLeft.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon):not(.sapUiCalendarAppIcon),
.sapUiCalendarAppCont .sapUiCalendarAppArrowIconRight.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon):not(.sapUiCalendarAppIcon) {
  font-size: 0.75rem;
}
.sapUiCalendarApp.sapUiCalendarAppTitleOnly {
  line-height: 2.25rem;
}
.sapUiCalendarRowAppsRedHeight > .sapUiCalendarRowApps > .sapUiCalendarApp.sapUiCalendarAppTitleOnly {
  line-height: 1rem;
}
.sapUiCalendarAppTitle,
.sapUiCalendarAppText {
  white-space: nowrap;
  padding-left: 0.375rem;
  box-sizing: border-box;
}
.sapUiCalendarAppDescription {
  white-space: nowrap;
  padding-left: 0.375rem;
  box-sizing: border-box;
  width: calc(98%);
  margin-right: 0.375rem;
  display: inline-block;
  overflow: hidden;
}
.sapUiCalendarAppTitleWrapper,
.sapUiCalendarRowAppsIntHeadTitle,
.sapUiCalendarAppTitle,
.sapUiCalendarAppText {
  width: calc(100% - 2px);
  margin-right: 0.375rem;
  display: inline-block;
  overflow: hidden;
}
.sapUiCalendarAppIcon + .sapUiCalendarAppTitle,
.sapUiCalendarAppIcon + .sapUiCalendarAppTitle + .sapUiCalendarAppText {
  padding-left: 1.75rem;
}
.sapUiCalendarAppTitle {
  font-size: 0.875rem;
  color: #333333;
  padding-top: 0.375rem;
}
.sapUiCalendarApp.sapUiCalendarAppTitleOnly > .sapUiCalendarAppCont .sapUiCalendarAppTitle {
  padding-bottom: 0.375rem;
}
.sapUiCalendarRowAppsRedHeight > .sapUiCalendarRowApps > .sapUiCalendarApp.sapUiCalendarAppTitleOnly > .sapUiCalendarAppCont .sapUiCalendarAppTitle {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.sapUiCalendarAppText,
.sapUiCalendarAppDescription {
  float: left;
  color: #000;
  padding-bottom: 0.375rem;
}
.sapUiCalendarRow .sapUiCalendarAppText,
.sapUiCalendarRow .sapUiCalendarAppDescription {
  padding-bottom: 0.25rem;
}
.sapUiCalendarRowNow {
  border-left: 0.0625rem solid #cddc00;
  border-right: 0.0625rem solid #cddc00;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
}
.sapUiCalendarAppContainer {
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}
.sapUiCalendarAppContainer > .sapUiCalendarAppContainerLeft {
  margin: 0 1rem 0 0;
  float: left;
  display: inline-block;
  padding: 0.5rem 0;
  line-height: 0.875rem;
  width: 6rem;
}
.sapUiCalendarAppContainer > .sapUiCalendarAppContainerLeft > div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.sapUiCalendarAppContainer > .sapUiCalendarAppContainerRight {
  margin-right: 1rem;
  height: 100%;
}
.sapUiCalendarAppContainer > .sapUiCalendarAppContainerRight > .sapUiCalendarApp {
  position: relative;
  margin: 0 1rem 0 0;
}
.sapUiCalendarAppContainer > .sapUiCalendarAppContainerRight > .sapUiCalendarApp:not(.sapUiCalendarAppSel):not(:active) {
  background-color: transparent;
}
.sapUiCalendarAppContainer > .sapUiCalendarAppContainerRight > .sapUiCalendarApp > .sapUiCalendarAppCont {
  border: none;
}
.sapUiCalendarAppContainer > .sapUiCalendarAppContainerRight > .sapUiCalendarApp > .sapUiCalendarAppCont > .sapUiCalendarAppTitle {
  text-overflow: ellipsis;
}
.sapUiCalendarAppContainer > .sapUiCalendarAppContainerRight > .sapUiCalendarRowAppsIntHead {
  margin: 0 1rem 0 0;
  width: auto;
}
.sapUiCalendarMonthRowAppsS.sapUiCalendarRowAppsInt {
  border: 0;
  background-color: transparent;
}
.sapUiCalendarMonthRowAppsS.sapUiCalendarRowAppsInt .sapUiCalendarRowNow {
  border-color: transparent;
}
.sapMPlanCal .sapUiCalMonthView {
  width: 100%;
}
.sapMPlanCal .sapUiCalendarNoApps {
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  vertical-align: middle;
  border-top: 0.0625rem solid #ffffff;
}
.sapUiCalendarRowAppsPlaceholder {
  min-height: 100%;
  height: 100%;
  box-sizing: border-box;
  float: left;
  cursor: default;
  z-index: 100;
}
.sapUiCalendarAppDragging {
  z-index: 2;
}
.sapUiCalendarRowAppsOverlay {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.sapUiCalendarRowAppsOverlayDragging {
  z-index: 2;
  display: block;
}
.sapUiCalendarAppResizeHandle {
  width: 10px;
  height: 100%;
  cursor: col-resize;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.sapUiCalDatesRow.sapUiCalRow .sapUiCalItem.sapUiRelativeCalItem .sapUiCalItemText:active {
  background-color: #cddc00;
  color: #fff;
}
.sapUiAppCreate.sapUiCalendarApp.sapUiCalendarAppType01 {
  border-width: 0.0625rem 0.0625rem 0.0625rem 0.25rem;
  opacity: 0.8;
  padding: 0.375rem;
  font-size: 0.875rem;
}
/* colors for types */
.sapUiCalendarAppType01.sapUiCalendarApp,
.sapUiCalendarAppType01.sapUiCalendarApp:active {
  border-left-color: #d58215;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType01.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #fff6e0;
}
.sapUiCalendarRowAppsIntHeadType01.sapUiCalendarRowAppsIntHead {
  background-color: #fff6e0;
}
.sapUiCalendarRowAppsIntHeadType01.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #d58215;
}
.sapUiCalendarAppType02.sapUiCalendarApp,
.sapUiCalendarAppType02.sapUiCalendarApp:active {
  border-left-color: #d76060;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType02.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #feeee5;
}
.sapUiCalendarRowAppsIntHeadType02.sapUiCalendarRowAppsIntHead {
  background-color: #feeee5;
}
.sapUiCalendarRowAppsIntHeadType02.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #d76060;
}
.sapUiCalendarAppType03.sapUiCalendarApp,
.sapUiCalendarAppType03.sapUiCalendarApp:active {
  border-left-color: #db1f77;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType03.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #f7e6e6;
}
.sapUiCalendarRowAppsIntHeadType03.sapUiCalendarRowAppsIntHead {
  background-color: #f7e6e6;
}
.sapUiCalendarRowAppsIntHeadType03.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #db1f77;
}
.sapUiCalendarAppType04.sapUiCalendarApp,
.sapUiCalendarAppType04.sapUiCalendarApp:active {
  border-left-color: #9b3b3b;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType04.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #f9efe9;
}
.sapUiCalendarRowAppsIntHeadType04.sapUiCalendarRowAppsIntHead {
  background-color: #f9efe9;
}
.sapUiCalendarRowAppsIntHeadType04.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #9b3b3b;
}
.sapUiCalendarAppType05.sapUiCalendarApp,
.sapUiCalendarAppType05.sapUiCalendarApp:active {
  border-left-color: #cf5db3;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType05.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #fdf2fa;
}
.sapUiCalendarRowAppsIntHeadType05.sapUiCalendarRowAppsIntHead {
  background-color: #fdf2fa;
}
.sapUiCalendarRowAppsIntHeadType05.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #cf5db3;
}
.sapUiCalendarAppType06.sapUiCalendarApp,
.sapUiCalendarAppType06.sapUiCalendarApp:active {
  border-left-color: #478fd6;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType06.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #ebf3fa;
}
.sapUiCalendarRowAppsIntHeadType06.sapUiCalendarRowAppsIntHead {
  background-color: #ebf3fa;
}
.sapUiCalendarRowAppsIntHeadType06.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #478fd6;
}
.sapUiCalendarAppType07.sapUiCalendarApp,
.sapUiCalendarAppType07.sapUiCalendarApp:active {
  border-left-color: #1193a2;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType07.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #f2fdfd;
}
.sapUiCalendarRowAppsIntHeadType07.sapUiCalendarRowAppsIntHead {
  background-color: #f2fdfd;
}
.sapUiCalendarRowAppsIntHeadType07.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #1193a2;
}
.sapUiCalendarAppType08.sapUiCalendarApp,
.sapUiCalendarAppType08.sapUiCalendarApp:active {
  border-left-color: #8b9668;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType08.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #f3f9e4;
}
.sapUiCalendarRowAppsIntHeadType08.sapUiCalendarRowAppsIntHead {
  background-color: #f3f9e4;
}
.sapUiCalendarRowAppsIntHeadType08.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #8b9668;
}
.sapUiCalendarAppType09.sapUiCalendarApp,
.sapUiCalendarAppType09.sapUiCalendarApp:active {
  border-left-color: #6c8b99;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType09.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #f1f3f4;
}
.sapUiCalendarRowAppsIntHeadType09.sapUiCalendarRowAppsIntHead {
  background-color: #f1f3f4;
}
.sapUiCalendarRowAppsIntHeadType09.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #6c8b99;
}
.sapUiCalendarAppType10.sapUiCalendarApp,
.sapUiCalendarAppType10.sapUiCalendarApp:active {
  border-left-color: #892971;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType10.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #f7edf5;
}
.sapUiCalendarRowAppsIntHeadType10.sapUiCalendarRowAppsIntHead {
  background-color: #f7edf5;
}
.sapUiCalendarRowAppsIntHeadType10.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #892971;
}
.sapUiCalendarAppType11.sapUiCalendarApp,
.sapUiCalendarAppType11.sapUiCalendarApp:active {
  border-left-color: #725a3a;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType11.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #ffeec6;
}
.sapUiCalendarRowAppsIntHeadType11.sapUiCalendarRowAppsIntHead {
  background-color: #ffeec6;
}
.sapUiCalendarRowAppsIntHeadType11.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #725a3a;
}
.sapUiCalendarAppType12.sapUiCalendarApp,
.sapUiCalendarAppType12.sapUiCalendarApp:active {
  border-left-color: #bb2f2f;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType12.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #fbdfce;
}
.sapUiCalendarRowAppsIntHeadType12.sapUiCalendarRowAppsIntHead {
  background-color: #fbdfce;
}
.sapUiCalendarRowAppsIntHeadType12.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #bb2f2f;
}
.sapUiCalendarAppType13.sapUiCalendarApp,
.sapUiCalendarAppType13.sapUiCalendarApp:active {
  border-left-color: #d51f1f;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType13.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #ffdcdc;
}
.sapUiCalendarRowAppsIntHeadType13.sapUiCalendarRowAppsIntHead {
  background-color: #ffdcdc;
}
.sapUiCalendarRowAppsIntHeadType13.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #d51f1f;
}
.sapUiCalendarAppType14.sapUiCalendarApp,
.sapUiCalendarAppType14.sapUiCalendarApp:active {
  border-left-color: #8b714f;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType14.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #f2e2d8;
}
.sapUiCalendarRowAppsIntHeadType14.sapUiCalendarRowAppsIntHead {
  background-color: #f2e2d8;
}
.sapUiCalendarRowAppsIntHeadType14.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #8b714f;
}
.sapUiCalendarAppType15.sapUiCalendarApp,
.sapUiCalendarAppType15.sapUiCalendarApp:active {
  border-left-color: #606190;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType15.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #f0e5ee;
}
.sapUiCalendarRowAppsIntHeadType15.sapUiCalendarRowAppsIntHead {
  background-color: #f0e5ee;
}
.sapUiCalendarRowAppsIntHeadType15.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #606190;
}
.sapUiCalendarAppType16.sapUiCalendarApp,
.sapUiCalendarAppType16.sapUiCalendarApp:active {
  border-left-color: #597da1;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType16.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #e7e8ea;
}
.sapUiCalendarRowAppsIntHeadType16.sapUiCalendarRowAppsIntHead {
  background-color: #e7e8ea;
}
.sapUiCalendarRowAppsIntHeadType16.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #597da1;
}
.sapUiCalendarAppType17.sapUiCalendarApp,
.sapUiCalendarAppType17.sapUiCalendarApp:active {
  border-left-color: #49797e;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType17.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #d7eaea;
}
.sapUiCalendarRowAppsIntHeadType17.sapUiCalendarRowAppsIntHead {
  background-color: #d7eaea;
}
.sapUiCalendarRowAppsIntHeadType17.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #49797e;
}
.sapUiCalendarAppType18.sapUiCalendarApp,
.sapUiCalendarAppType18.sapUiCalendarApp:active {
  border-left-color: #687a33;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType18.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #e6edd1;
}
.sapUiCalendarRowAppsIntHeadType18.sapUiCalendarRowAppsIntHead {
  background-color: #e6edd1;
}
.sapUiCalendarRowAppsIntHeadType18.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #687a33;
}
.sapUiCalendarAppType19.sapUiCalendarApp,
.sapUiCalendarAppType19.sapUiCalendarApp:active {
  border-left-color: #295989;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType19.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #cfebf7;
}
.sapUiCalendarRowAppsIntHeadType19.sapUiCalendarRowAppsIntHead {
  background-color: #cfebf7;
}
.sapUiCalendarRowAppsIntHeadType19.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #295989;
}
.sapUiCalendarAppType20.sapUiCalendarApp,
.sapUiCalendarAppType20.sapUiCalendarApp:active {
  border-left-color: #5154bd;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType20.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #f7edf5;
}
.sapUiCalendarRowAppsIntHeadType20.sapUiCalendarRowAppsIntHead {
  background-color: #f7edf5;
}
.sapUiCalendarRowAppsIntHeadType20.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #5154bd;
}
/* =============================================== */
/* CSS for control sap.ui.unified/ContentSwitcher  */
/* Base theme                                      */
/* =============================================== */
.sapUiUfdCSwitcher {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sapUiUfdCSwitcher > section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Unanimated */
.sapUiUfdCSwitcherContent {
  display: none;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
}
.sapUiUfdCSwitcherVisible {
  display: block;
}
/* Fade animation */
.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationFade > section {
  display: block;
  opacity: 0;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  transition: opacity 500ms ease 0s;
}
.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationFade .sapUiUfdCSwitcherVisible {
  display: block;
  opacity: 1;
  z-index: 1;
}
/* Slide over Left animation  */
.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationSlideOver > section {
  display: block;
  left: -100%;
  top: 0%;
  width: 100%;
  height: 100%;
  transition: left 500ms ease 0ms, right 500ms ease 0ms;
}
.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationSlideOver .sapUiUfdCSwitcherVisible {
  display: block;
  left: 0;
}
.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationSlideOver section.sapUiUfdCSwitcherContent1.visible {
  transition: left 0ms ease 500ms, right 0ms ease 500ms;
  left: 0;
}
/* Slide Right animation */
.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationSlideRight > section {
  display: block;
  left: -100%;
  z-index: 1;
  transition: left 0ms ease 500ms, right 0ms ease 500ms;
}
.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationSlideRight .sapUiUfdCSwitcherVisible {
  display: block;
  left: 0;
  z-index: 2;
  transition: left 500ms ease 0ms, right 500ms ease 0ms;
}
/* Zoom Out animation */
.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationZoomOut > section {
  display: block;
  left: 50%;
  top: 50%;
  width: 0%;
  height: 0%;
  z-index: 1;
  opacity: 0;
  transition: left 500ms ease 0ms, right 500ms ease 0ms, top 500ms ease 0ms, width 500ms ease 0ms, height 500ms ease 0ms, z-index 0ms ease 500ms, opacity 500ms ease 0ms;
}
.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationZoomOut .sapUiUfdCSwitcherVisible {
  display: block;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 1;
  transition: left 0ms ease 0ms, right 0ms ease 0ms, top 0ms ease 0ms, width 0ms ease 0ms, height 0ms ease 0ms, z-index 0ms ease 500ms;
}
/* Zoom Out animation */
.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationZoomIn > section {
  display: block;
  left: 50%;
  top: 50%;
  width: 0%;
  height: 0%;
  z-index: 1;
  opacity: 0;
  transition: left 0ms ease 500ms, right 0ms ease 500ms, top 0ms ease 500ms, width 0ms ease 500ms, height 0ms ease 500ms, opacity 0ms ease 500ms, z-index 0ms ease 0ms;
}
.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationZoomIn .sapUiUfdCSwitcherVisible {
  display: block;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 1;
  transition: left 500ms ease 0ms,
						right 500ms ease 0ms,
						top 500ms ease 0ms,
						width 500ms ease 0ms,
						height 500ms ease 0ms,
						opacity 500ms ease 0ms;
}
/* Rotate Animation */
.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationRotate > section {
  display: block;
  left: 50%;
  top: 50%;
  width: 0%;
  height: 0%;
  z-index: 1;
  opacity: 0;
  transition: left 0ms linear 500ms, right 0ms linear 500ms, top 0ms linear 500ms, width 0ms linear 500ms, height 0ms linear 500ms, opacity 0ms linear 500ms, transform 0ms linear 500ms, z-index 0ms linear 0ms;
  -webkit-transition: left 0ms linear 500ms, right 0ms linear 500ms, top 0ms linear 500ms, width 0ms linear 500ms, height 0ms linear 500ms, opacity 0ms linear 500ms, -webkit-transform 0ms linear 500ms, z-index 0ms linear 0ms;
}
.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationRotate .sapUiUfdCSwitcherVisible {
  display: block;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 1;
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transition: left 500ms linear 0ms,
						right 500ms linear 0ms,
						top 500ms linear 0ms,
						width 500ms linear 0ms,
						height 500ms linear 0ms,
						opacity 500ms linear 0ms,
						transform 500ms linear 0ms;
  -webkit-transition: left 500ms linear 0ms, right 500ms linear 0ms, top 500ms linear 0ms, width 500ms linear 0ms, height 500ms linear 0ms, opacity 500ms linear 0ms, -webkit-transform 500ms linear 0ms;
}
/* =========================================== */
/* CSS for control sap.ui.unified/ColorPicker  */
/* Base theme                                  */
/* =========================================== */
.sapUiColorPicker-ColorPickerMatrix {
  padding-bottom: 0.2rem;
}
.sapUiColorPicker-ColorPickerMatrix:not(.sapUiColorPicker-Large).sapUiColorPicker-ColorPickerMatrix.sapUiColorPickerHSL .hideForHSL,
.sapUiColorPicker-ColorPickerMatrix:not(.sapUiColorPicker-Large).sapUiColorPicker-ColorPickerMatrix:not(.sapUiColorPickerHSL) .hideForHSV:not(.sapUnifiedA) {
  display: none;
}
.sapUiColorPicker-ColorPickerMatrix:not(.sapUnifiedColorPicker) {
  max-width: 300px;
  min-width: 270px;
}
.sapUiColorPicker-ColorPickerMatrix:not(.sapUnifiedColorPicker) .sapUiVlt:first-child,
.sapUiColorPicker-ColorPickerMatrix:not(.sapUnifiedColorPicker) .sapUiVlt:last-child {
  margin-left: 0.5rem;
}
.sapUiColorPicker-ColorPickerMatrix:not(.sapUnifiedColorPicker) .sapUiCPUnitLabel {
  display: none;
}
.sapUiColorPicker-ColorPickerMatrix:not(.sapUnifiedColorPicker) .sapUiColorPicker-swatches {
  margin-left: 0.6rem;
}
.sapUiColorPicker-ColorPickerMatrix:not(.sapUnifiedColorPicker) .sapUiColorPicker-ColorPickerInputFieldsLeft,
.sapUiColorPicker-ColorPickerMatrix:not(.sapUnifiedColorPicker) .sapUiColorPicker-ColorPickerInputFieldsRight {
  margin-top: 5px;
  margin-left: 2px;
  margin-right: 4px;
}
.sapUiColorPicker-ColorPickerMatrix:not(.sapUnifiedColorPicker) .sapUiColorPicker-ColorPickerOldColor,
.sapUiColorPicker-ColorPickerMatrix:not(.sapUnifiedColorPicker) .sapUiColorPicker-ColorPickerNewColor {
  margin-top: 5px;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker {
  max-width: 100%;
  min-width: 12.5rem;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerBox {
  cursor: default;
  max-height: 16rem;
  height: 16rem;
  width: 16rem;
  border: 1px solid #000;
  margin: 0 0 0.75rem 0;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerBox:after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerNewColor,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerOldColor {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-color: #000;
  background-color: #fff;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-swatches {
  margin: 0;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerHexField {
  margin-top: 0.75rem;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerHexField.sapMInputBase {
  width: calc(100% - 3rem);
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerInputFieldsRight .sapMInputBaseInner,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerInputFieldsLeft .sapMInputBaseInner {
  width: 2.688rem;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker.sapUiRespGridMedia-Std-Phone .sapUiRespGridSpanS12 .sapUiColorPicker-RBRow,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker.sapUiRespGridMedia-Std-Phone .sapUiRespGridSpanS12 .sapUiColorPicker-swatches {
  text-align: center;
  width: 100%;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerCircle {
  position: absolute;
  box-sizing: border-box;
  width: 13px;
  height: 13px;
  border: 1px solid #fff;
  border-radius: 6px;
  pointer-events: none;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerCircle:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  border: 1px solid #000;
  border-radius: 6px;
  pointer-events: none;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerSlider .sapMSliderInner,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerAlphaSlider .sapMSliderInner {
  border: solid #000 1px;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-swatches > div:first-child,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-swatches > div:nth-child(2) {
  background-image: url(img/ColorPicker/Alphaslider_BG.png);
  margin: 0.5rem 0 0.25rem 0;
}
.sapUiColorPicker-ColorPickerMatrix.sapUiRespGrid.sapUiRespGridHSpace1 {
  padding: 0;
}
.sapUiColorPicker-ColorPickerMatrix input.sapUiColorPicker-ColorPickerInputFieldsRight,
.sapUiColorPicker-ColorPickerMatrix input.sapUiColorPicker-ColorPickerInputFieldsLeft {
  width: 3em;
}
html[data-sap-ui-browser^="ie"] .sapMPopover .sapUiColorPicker-ColorPickerMatrix {
  overflow-x: hidden;
}
.sapUiColorPicker-ColorPickerBox {
  float: left;
  margin: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  position: relative;
  cursor: crosshair;
  display: inline-block;
  width: 105px;
  height: 105px;
  background-color: none;
  background-image: url(img/ColorPicker/GradientBox.png);
  background-size: 100%;
  background-image: -webkit-linear-gradient(left, #000000, rgba(0, 0, 0, 0)), -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  background-image: -moz-linear-gradient(left, #000000, rgba(0, 0, 0, 0)), -moz-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  background-image: linear-gradient(left, #000000, rgba(0, 0, 0, 0)), linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  background-image: -ms-linear-gradient(left, #000000, rgba(0, 0, 0, 0)), -ms-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  -moz-user-select: none;
  -webkit-user-select: none;
}
.sapUiColorPicker-ColorPickerMatrix:not(.sapUnifiedColorPicker) .sapUiColorPicker-ColorPickerBox > .sapUiColorPicker-ColorPickerCircle {
  position: absolute;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-radius: 5px;
  pointer-events: none;
}
.sapUiColorPicker-ColorPickerOldColor {
  width: 20px;
  height: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  background-color: #ffffff;
}
.sapUiColorPicker-ColorPickerNewColor {
  margin-left: 6px;
  width: 20px;
  height: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  background-color: #ffffff;
}
.sapUiColorPicker-ColorPickerMatrix .sapUiHLayoutChildWrapper {
  vertical-align: middle;
}
.sapUiColorPicker-ColorPickerMatrix .sapUiMltPadRight {
  padding-right: 0px;
}
.sapUiColorPicker-ColorPickerMatrix .sapUiMltPadRight .sapUiVlt {
  padding-left: 5px;
}
.sapUiColorPicker-ColorPickerMatrix .sapUiMltPadRight .sapUiVlt.sapUiColorPicker-ColorPickerLastColumn {
  padding-left: 13px;
}
.sapUiColorPicker-ColorPickerLabels:not(.sapMLabelNoText) {
  margin-top: 5px;
  width: 1.1em;
}
.sapUiColorPicker-ColorPickerHexField.sapUiTf:not(.sapUiTfInner) {
  margin-top: 5px;
  margin-left: 2px;
  width: 5em;
}
.sapUiColorPicker-ColorPickerSlider.sapUiSliHori .sapUiSliGrip {
  background-color: transparent;
  height: 12px;
  top: -3px;
}
.sapUiColorPicker-ColorPickerAlphaSlider.sapUiSliHori .sapUiSliGrip {
  background-color: transparent;
  height: 12px;
  top: -3px;
}
.sapUiColorPicker-ColorPickerSlider.sapUiSliHori .sapUiSliGrip:focus {
  background-color: transparent;
}
.sapUiColorPicker-ColorPickerAlphaSlider.sapUiSliHori .sapUiSliGrip:focus {
  background-color: transparent;
}
.sapUiColorPicker-ColorPickerSlider.sapUiSliHori .sapUiSliBar,
.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerSlider .sapMSliderInner {
  height: 10px;
  background-image: url(img/ColorPicker/ColorBar.png);
  background-size: 100%;
  background-image: -webkit-linear-gradient(left, #FF0000, #FFFF00, #00FF00, #00FFFF, #0000FF, #FF00FF, #FF0000);
  background-image: -moz-linear-gradient(left, #FF0000, #FFFF00, #00FF00, #00FFFF, #0000FF, #FF00FF, #FF0000);
  background-image: -ms-linear-gradient(left, #FF0000, #FFFF00, #00FF00, #00FFFF, #0000FF, #FF00FF, #FF0000);
  background-image: linear-gradient(left, #FF0000, #FFFF00, #00FF00, #00FFFF, #0000FF, #FF00FF, #FF0000);
  background-color: none;
  margin: 0;
}
.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerAlphaSlider .sapMSliderProgress,
.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerSlider .sapMSliderProgress {
  background-color: transparent;
}
.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerAlphaSlider .sapMSliderHandle,
.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerSlider .sapMSliderHandle {
  margin-top: 0.25rem;
}
.sapUiColorPicker-ColorPickerAlphaSlider.sapUiSliHori .sapUiSliBar,
.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerAlphaSlider .sapMSliderInner {
  height: 10px;
  background-image: url(img/ColorPicker/Alphaslider_BG.png);
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 100%), url(img/ColorPicker/Alphaslider_BG.png);
  /* Chrome10+,Safari5.1+ */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000000 100%), url(img/ColorPicker/Alphaslider_BG.png);
  /* W3C */
  background-color: none;
  margin: 0px;
}
.sapUiColorPicker-ColorPickerMatrix .sapUiSli.sapUiSliHori {
  padding: 3px 0 0 0;
  height: 10px;
}
/* AdvancedMode ColorPicker */
.sapUiColorPickerHSL .sapUiColorPicker-ColorPickerBox {
  background-size: 100%;
  background-image: -webkit-linear-gradient(left, #000000, rgba(0, 0, 0, 0), #ffffff), -webkit-linear-gradient(top, rgba(128, 128, 128, 0), #808080);
  background-image: -moz-linear-gradient(left, #000000, rgba(0, 0, 0, 0), #ffffff), -moz-linear-gradient(top, rgba(128, 128, 128, 0), #808080);
  background-image: linear-gradient(left, #000000, rgba(0, 0, 0, 0), #ffffff), linear-gradient(top, rgba(128, 128, 128, 0), #808080);
  background-image: -ms-linear-gradient(left, #000000, rgba(0, 0, 0, 0), #ffffff), -ms-linear-gradient(top, rgba(128, 128, 128, 0), #808080);
  -moz-user-select: none;
  -webkit-user-select: none;
}
.sapUiColorPickerHSL .sapUiColorPicker-ColorPickerMatrix .sapUiMltPadRight .sapUiVlt {
  padding-left: 0;
}
.sapUiColorPickerHSL .sapUiColorPicker-swatches {
  margin-left: 18px;
  margin-right: 16px;
}
.sapUiColorPickerHSL .sapUiColorPickerHSL-RB .sapUiRb {
  margin-left: 10px;
  margin-right: 0;
}
.sapUiColorPickerHSL .sapUiColorPickerHSL-RB .sapUiRb:first-child {
  margin-left: 8px;
  margin-right: 0;
}
.sapUiColorPickerHSL .sapUiColorPicker-Arrow {
  margin-left: 6px;
  margin-top: 0px;
  font-size: 12px;
}
.sapUiColorPickerHSL .sapUiColorPicker-ColorPickerOldColor {
  margin-top: 0;
  border-right: 0;
}
.sapUiColorPickerHSL .sapUiColorPicker-ColorPickerNewColor {
  margin-top: 0;
}
.sapUiColorPickerHSL .sapUiColorPicker-swatches > div:nth-child(2),
.sapUiColorPickerHSL .sapUiColorPicker-swatches > div:first-child {
  background-image: url(img/ColorPicker/Swatch_BG.png);
  background-position: 100%;
  background-repeat: initial;
}
.sapUiColorPickerHSL .sapUiSliBar {
  background-image: url(img/ColorPicker/Alphaslider_BG.png);
}
/* needed for the Theme Designer, to overwrite the current style "box-sizing: border-box;" of all div's */
.sapUiColorPicker-ColorPickerMatrix:not(.sapUnifiedColorPicker) div {
  box-sizing: content-box;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker {
  padding: 1rem 1rem 0.5rem 1rem;
  width: 16.13rem;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerSlider,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerAlphaSlider {
  padding: 10px 0;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerSlider .sapMSliderInner,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerAlphaSlider .sapMSliderInner {
  height: 1.625rem;
  border: 1px solid #000;
  border-radius: 0;
  box-sizing: border-box;
  /* pressed */
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerSlider .sapMSliderInner.sapMSliderPressed:not(.sapMSliderInnerDisabled ) > .sapMSliderHandle,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerAlphaSlider .sapMSliderInner.sapMSliderPressed:not(.sapMSliderInnerDisabled ) > .sapMSliderHandle {
  border-color: #000000;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerSlider .sapMSliderHandle,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerAlphaSlider .sapMSliderHandle {
  width: 0.6875rem;
  box-shadow: inset 0 0 0 0.125rem #fff;
  top: -0.45rem;
  margin-left: -0.5rem;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerSlider .sapMSliderHandle:hover,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerAlphaSlider .sapMSliderHandle:hover {
  background-color: transparent;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerAlphaSlider .sapMSliderInner {
  background-repeat: inherit;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiCPComparisonWrapper {
  vertical-align: super;
  display: inline-block;
  background-image: url(img/ColorPicker/Alphaslider_BG.png);
  background-position: 100%;
  margin: 0.75rem 0 0.25rem 0;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiCPComparisonWrapper .sapUiColorPicker-ColorPickerOldColor,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiCPComparisonWrapper .sapUiColorPicker-ColorPickerNewColor {
  width: 3.313rem;
  height: 2.5rem;
  box-sizing: border-box;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker:not(.sapUiCPPhone) .sapUiCPComparisonWrapper {
  background-repeat: initial;
  height: 40px;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiCPHexWrapper {
  display: inline-block;
  width: calc(100% - 11.5625rem);
  text-align: right;
  height: 2.5rem;
  color: #000;
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
  line-height: 2.5rem;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiCPHexWrapper .sapUiCPHexText {
  font-size: 0.875rem;
  vertical-align: 1.188rem;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerInputFieldsLeft,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerInputFieldsRight {
  flex-grow: 4;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerInputFieldsLeft .sapMInputBaseContentWrapper,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerInputFieldsRight .sapMInputBaseContentWrapper {
  min-width: auto;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerInputFieldsLeft .sapMInputBaseInner,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerInputFieldsRight .sapMInputBaseInner {
  padding: 0;
  min-width: 2rem;
  text-align: center;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiCPEmptyDiv {
  width: 1rem;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiCPPercentSymbol {
  font-size: 0.75rem;
  line-height: 3rem;
  width: 0.9375rem;
  padding-left: 1px;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerOldColor {
  border-right: none;
  margin-right: 0;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerNewColor {
  border-left: none;
  margin-left: 0;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerHexField.sapMInputBase {
  width: 4.6875rem;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerHexField.sapMInputBase .sapMInputBaseInner {
  text-align: center;
  padding: 0;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiCPRGBText,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiCPHSLVText {
  display: flex;
  font-size: 14px;
  color: #000;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiCPText {
  flex-grow: 1;
  text-align: center;
  width: 1.875rem;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerInputFieldsLeft {
  padding-bottom: 0;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker.sapUiCPPhone {
  width: 100%;
  box-sizing: border-box;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerBox {
  width: 100%;
  height: auto;
  max-height: none;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker.sapUiCPPhone .sapMSliderInner {
  max-width: 100%;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker.sapUiCPPhone .sapUiCPPhoneContent {
  display: inline-block;
  white-space: normal;
  width: 100%;
  position: relative;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker.sapUiCPPhone .sapUiCPPhoneContent .sapUiCPSlidersPhone {
  padding-right: 3.438rem;
}
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker.sapUiCPPhone .sapUiCPPhoneContent .sapUiCPComparisonWrapperPhone {
  display: grid;
  position: absolute;
  right: 0;
  top: 0;
}
.sapUiColorPicker-Default.sapUnifiedColorPicker .sapUiCPDefaultWrapper {
  position: relative;
}
.sapUiColorPicker-Default.sapUnifiedColorPicker .sapUiCPDefaultWrapper .sapUiCPDefaultRGB,
.sapUiColorPicker-Default.sapUnifiedColorPicker .sapUiCPDefaultWrapper .sapUiCPDefaultHSLV,
.sapUiColorPicker-Default.sapUnifiedColorPicker .sapUiCPDefaultWrapper .sapUiCPHSLVText,
.sapUiColorPicker-Default.sapUnifiedColorPicker .sapUiCPDefaultWrapper .sapUiCPRGBText {
  display: flex;
  width: calc(100% - 1.875rem);
}
.sapUiColorPicker-Default.sapUnifiedColorPicker .sapUiCPDefaultWrapper .sapMBtn {
  position: absolute;
  right: 0;
  top: 0;
}
.sapUiColorPicker-Default.sapUnifiedColorPicker .sapUiCPDefaultWrapper .sapMBtn .sapMBtnIcon {
  transform: rotate(90deg);
}
.sapUiColorPicker-Default.sapUnifiedColorPicker:not(.sapUiCPDisplayRGB) .sapUiCPDefaultRGB,
.sapUiColorPicker-Default.sapUnifiedColorPicker:not(.sapUiCPDisplayRGB) .sapUiCPRGBText,
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPDisplayRGB .sapUiCPDefaultHSLV,
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPDisplayRGB .sapUiCPHSLVText {
  display: none;
}
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPDisplayRGB.sapUiCPHexVisible .sapUiCPDefaultRGB,
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPDisplayRGB.sapUiCPHexVisible .sapUiCPRGBText,
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPDisplayRGB.sapUiCPHexVisible .sapUiCPDefaultHSLV,
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPDisplayRGB.sapUiCPHexVisible .sapUiCPDefaultHSLV {
  display: none;
}
.sapUiColorPicker-Default.sapUnifiedColorPicker:not(.sapUiCPPhone) .sapMBtn .sapMBtnInner {
  min-width: 1.625rem;
  width: 1.625rem;
}
.sapUiColorPicker-Default.sapUnifiedColorPicker:not(.sapUiCPPhone) .sapMBtn .sapMBtnInner .sapMBtnIcon {
  width: 1.625rem;
}
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerHexField.sapMInputBase,
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone .sapUiCPDefaultRGB,
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone .sapUiCPDefaultHSLV,
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone .sapUiCPHSLVText,
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone .sapUiCPRGBText {
  width: calc(100% - 3.438rem);
}
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone .sapUiCPDefaultWrapper .sapUiCPHexText {
  text-align: center;
  font-size: 14px;
  color: #000;
  padding-right: 3.438rem;
}
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerHexField {
  margin-top: 0.25rem;
}
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone.sapUiCPHideHex .sapUiColorPicker-ColorPickerHexField,
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone.sapUiCPHideHex .sapUiCPDefaultWrapper .sapUiCPHexText {
  display: none;
}
.sapUiColorPicker-Simplified.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerNewColor,
.sapUiColorPicker-Simplified.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerOldColor {
  height: 2.9rem;
}
.sapUiColorPicker-Simplified.sapUnifiedColorPicker.sapUiCPPhone .sapUiCPPhoneContent .sapUiColorPicker-ColorPickerHexField {
  width: calc(100% - 3.438rem);
}
.sapUiColorPicker-Simplified.sapUnifiedColorPicker.sapUiCPPhone .sapUiCPPhoneContent .sapUiCPHexWrapper {
  width: calc(100% - 3.438rem);
  text-align: center;
  margin-top: 0;
}
:not(.sapUiColorPicker-Large).sapUnifiedColorPicker:not(.sapUiCPPhone) .sapUiColorPicker-ColorPickerHexField {
  float: right;
}
:not(.sapUiColorPicker-Large).sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerOldColor,
:not(.sapUiColorPicker-Large).sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerNewColor {
  width: 2.5rem;
}
:not(.sapUiColorPicker-Large).sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerNewColor {
  border-left: 1px solid #000;
  border-top: none;
  margin-top: 0;
}
:not(.sapUiColorPicker-Large).sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerOldColor {
  border-right: 1px solid #000;
  border-bottom: none;
}
.sapUiColorPicker-Large .sapUiCPRB {
  margin-left: -0.7rem;
}
.sapUiColorPicker-Large .sapUiCPHSLV {
  display: flex;
}
.sapUiColorPicker-Large .sapUiCPHSLV > div:last-child {
  visibility: hidden;
}
.sapUiColorPicker-Large .sapUiCPRGBA {
  display: flex;
}
.sapUiColorPicker-Large .sapUiCPRGBA > div:last-child:not(.ColorPickerInputFieldsLeft) {
  top: 2rem;
}
.sapUiColorPicker-Large .sapUiCPHSLVText {
  padding-left: 2.375rem;
}
.sapUiColorPicker-Large .sapUiCPHSLVText span:nth-child(7) {
  margin-top: -2rem;
}
.sapUiColorPicker-Large .sapMRbG :last-child {
  top: calc(12px * 1.38);
}
.sapUiColorPicker-Large .sapMRbG {
  display: block;
}
.sapUiColorPicker-Large .sapUiColorPicker-ColorPickerHexField {
  float: right;
}
.sapUiColorPicker-Large.sapUiCPPhone .sapUiCPComparisonWrapper {
  height: 2.5rem;
}
.sapUiSizeCompact .sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerHexField {
  margin-top: 0.2rem;
}
.sapUiSizeCompact .sapUnifiedColorPicker.sapUiCPPhone .sapUiCPComparisonWrapper {
  margin-top: 0.5rem;
}
.sapUiSizeCompact .sapUnifiedColorPicker.sapUiCPPhone .sapUiCPComparisonWrapper .sapUiColorPicker-ColorPickerOldColor,
.sapUiSizeCompact .sapUnifiedColorPicker.sapUiCPPhone .sapUiCPComparisonWrapper .sapUiColorPicker-ColorPickerNewColor {
  width: 2rem;
}
.sapUiSizeCompact .sapUnifiedColorPicker .sapMSliderHandle {
  width: 0.6875rem;
}
.sapUiSizeCompact .sapUnifiedColorPicker .sapUiColorPicker-ColorPickerSlider {
  margin-bottom: 0.5rem;
}
.sapUiSizeCompact .sapUnifiedColorPicker .sapUiColorPicker-ColorPickerSlider,
.sapUiSizeCompact .sapUnifiedColorPicker .sapUiColorPicker-ColorPickerAlphaSlider {
  padding-top: 0.5rem;
}
.sapUiSizeCompact .sapUnifiedColorPicker .sapUiColorPicker-ColorPickerSlider .sapMSliderInner,
.sapUiSizeCompact .sapUnifiedColorPicker .sapUiColorPicker-ColorPickerAlphaSlider .sapMSliderInner {
  height: 1.25rem;
}
.sapUiSizeCompact .sapUnifiedColorPicker:not(.sapUiCPPhone) .sapUiCPComparisonWrapper {
  height: 1.5rem;
}
.sapUiSizeCompact .sapUnifiedColorPicker:not(.sapUiCPPhone) .sapUiCPComparisonWrapper .sapUiColorPicker-ColorPickerOldColor,
.sapUiSizeCompact .sapUnifiedColorPicker:not(.sapUiCPPhone) .sapUiCPComparisonWrapper .sapUiColorPicker-ColorPickerNewColor {
  height: 1.5rem;
}
.sapUiSizeCompact .sapUnifiedColorPicker .sapMInputBaseContentWrapper {
  height: 1.625rem;
}
.sapUiSizeCompact .sapUnifiedColorPicker.sapUiColorPicker-Default .sapUiCPPercentSymbol,
.sapUiSizeCompact .sapUnifiedColorPicker.sapUiColorPicker-Large .sapUiCPPercentSymbol {
  line-height: 2rem;
}
.sapUiSizeCompact .sapUnifiedColorPicker .sapUiCPHexWrapper {
  height: 1.625rem;
  line-height: 1.625rem;
  margin: 0.75rem 0 0.1875rem 0;
}
.sapUiSizeCompact .sapUnifiedColorPicker .sapUiCPHexWrapper .sapUiCPHexText {
  vertical-align: 0.75rem;
}
.sapUiSizeCompact .sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone .sapUiCPComparisonWrapper {
  margin-top: 0.5rem;
}
.sapUiSizeCompact .sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerOldColor {
  width: 2rem;
  height: 1.97rem;
}
.sapUiSizeCompact .sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerNewColor {
  width: 2rem;
  height: 1.97rem;
}
.sapUiSizeCompact .sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone .sapMBtn {
  margin-left: 1.6rem;
}
.sapUiSizeCompact .sapUiColorPicker-Default.sapUnifiedColorPicker:not(.sapUiCPPhone) .sapMBtn .sapMBtnInner {
  width: 1.375rem;
  min-width: 1.375rem;
}
.sapUiSizeCompact .sapUiColorPicker-Default.sapUnifiedColorPicker:not(.sapUiCPPhone) .sapMBtn .sapMBtnInner .sapMBtnIcon {
  height: 1.188rem;
  width: 0.6875rem;
}
.sapUiSizeCompact .sapUiColorPicker-Large.sapUnifiedColorPicker.sapUiCPPhone .sapUiCPComparisonWrapper {
  height: 1.5rem;
}
.sapUiSizeCompact .sapUiColorPicker-Large.sapUnifiedColorPicker.sapUiCPPhone .sapUiCPComparisonWrapper .sapUiColorPicker-ColorPickerNewColor,
.sapUiSizeCompact .sapUiColorPicker-Large.sapUnifiedColorPicker.sapUiCPPhone .sapUiCPComparisonWrapper .sapUiColorPicker-ColorPickerOldColor {
  height: 1.5rem;
  width: 3.313rem;
}
.sapUiSizeCompact .sapUiColorPicker-Large.sapUnifiedColorPicker .sapUiCPRB {
  margin-left: -0.4rem;
}
.sapUiSizeCompact .sapUiColorPicker-Large.sapUnifiedColorPicker .sapUiCPRGBA > div:last-child:not(.ColorPickerInputFieldsLeft) {
  top: 1.563rem;
}
.sapUiSizeCompact .sapUiColorPicker-Large.sapUnifiedColorPicker .sapUiCPHSLVText span:nth-child(7) {
  margin-top: -1.5rem;
}
.sapUiSizeCompact .sapUiColorPicker-Large.sapUnifiedColorPicker .sapUiCPHSLVText {
  padding-left: 1.6875rem;
}
.sapUiSizeCompact .sapUiColorPicker-Large.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerNewColor,
.sapUiSizeCompact .sapUiColorPicker-Large.sapUnifiedColorPicker .sapUiColorPicker-ColorPickerOldColor {
  margin-bottom: 0.1875rem;
}
.sapUiSizeCompact .sapUiColorPicker-Simplified.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerNewColor,
.sapUiSizeCompact .sapUiColorPicker-Simplified.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerOldColor {
  height: 2.25rem;
}
.sapUiPopupWithPadding.sapUiCPDialog .sapMDialogScrollCont {
  padding: 0;
}
/* ======================================== */
/* CSS for control sap.ui.unified/Currency  */
/* Base theme                               */
/* ======================================== */
.sapUiUfdCurrency {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 0.875rem;
  font-family: Arial, Helvetica, sans-serif;
  line-height: normal;
}
.sapUiUfdCurrencyAlign {
  text-align: right;
}
.sapUiUfdCurrencyValue,
.sapUiUfdCurrencyCurrency {
  display: inline-block;
  vertical-align: middle;
}
.sapUiUfdCurrencyValue {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.sapUiUfdCurrencyCurrency {
  text-align: end;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 3rem;
  font-family: lucida console, monospace;
}
.sapUiUfdCurrency .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
  display: none;
}
.sapMShowEmpty-CTX .sapUiUfdCurrency .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
  display: inline-block;
  text-align: end;
}
.sapUiTableDataCell .sapUiUfdCurrency {
  vertical-align: middle;
}
/* ============================================ */
/* CSS for control sap.ui.unified.FileUploader  */
/* Base theme                                   */
/* ============================================ */
.sapUiFup {
  display: inherit;
}
.sapUiFup.sapUiFupDisabled {
  pointer-events: none;
}
.sapUiFup .sapMBtn {
  z-index: 1;
}
.sapUiFupInp .sapUiFUM {
  top: 2px;
}
.sapUiFupGroup {
  display: table;
}
.sapUiFupGroup > div {
  display: table-row;
}
.sapUiFupGroup > div > div {
  display: table-cell;
  vertical-align: top;
}
.sapUiFup > form {
  display: inline-block;
}
.sapUiFup > form > div {
  position: relative;
  display: inline-block;
}
.sapUiFupInputMask {
  /* the element masking the real (but hidden) file input, so the clickable area has exactly the same size as the visible control */
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.sapUiFup.sapUiFupDisabled .sapUiFupInputMask {
  cursor: default;
}
.sapUiFup.sapMBarChild {
  height: 3rem;
}
.sapUiSizeCompact .sapUiFup.sapMBarChild {
  height: 2rem;
}
.sapUiSizeCompact .sapUiFupInputMask {
  height: 1.625rem;
}
.sapUiCFUM .sapUiFupInputMask,
.sapUiSizeCompact .sapUiCFUM .sapUiFupInputMask {
  height: 1.5rem;
  margin-top: 0;
}
.sapUiFupInputMask > input {
  /* the real, but hidden file input */
  position: absolute;
  opacity: 0;
  top: 0px;
  bottom: 0px;
  cursor: pointer;
  left: -4em;
  /* avoid the input field behind the file chooser */
  font-size: 500px;
  /* to make the field high enough for most themes; for themes with very large fonts this needs to be increased further */
  width: 5000px;
}
.sapUiFupInputMask > input[disabled],
.sapUiFupInputMask > input:disabled {
  cursor: default;
}
html[data-sap-ui-browser^="sf"] .sapUiFupInputMask > input,
html[data-sap-ui-browser^="cr"] .sapUiFupInputMask > input {
  position: relative;
  left: auto;
  opacity: 0.01;
}
html[data-sap-ui-browser^="cr"] .sapUiFupInputMask > input {
  float: right;
}
.sapUiFup:not(.sapUiFupButtonOnly) .sapUiFupGroup > div > div:last-child {
  padding-left: 4px;
}
.sapUiFup:hover .sapUiBtnS.sapUiBtnStdFocus {
  background-color: #cddc00;
}
.sapUiFup:active .sapUiBtnS {
  background-color: #cddc00;
}
.sapUiFup:active .sapUiBtnS.sapUiBtnNorm {
  border-color: #cddc00;
}
.sapUiFup:hover .sapMBtnHoverable {
  background-image: none;
  background-color: #cddc00;
}
.sapUiFup:hover .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive) {
  background-color: #cddc00;
  border-color: #2b7d2b;
}
.sapUiFup:active .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive) {
  background-color: #2b7d2b;
  border-color: #2b7d2b;
}
.sapUiFup:hover .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive) {
  background-color: #cddc00;
  border-color: #bb0000;
}
.sapUiFup:active .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive) {
  background-color: #bb0000;
  border-color: #bb0000;
}
.sapUiFup:hover .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive) {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}
.sapUiFup:active .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive) {
  background-color: #cddc00;
  border-color: #cddc00;
  text-shadow: none;
}
.sapUiFup:hover .sapMBtnTransparent.sapMBtnHoverable {
  background-color: rgba(124, 133, 0, 0.5);
  border-color: rgba(124, 133, 0, 0.5);
}
.sapMFooter-CTX .sapUiFup:hover .sapMBtnHoverable:not(.sapMBtnActive),
.sapMTB-Transparent-CTX .sapUiFup:hover .sapMBtnInner.sapMBtnHoverable:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnReject):not(.sapMBtnActive) {
  background-color: rgba(124, 133, 0, 0.5);
}
.sapMFooter-CTX .sapUiFup:hover .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive) {
  background-color: #cddc00;
  border-color: #2b7d2b;
}
.sapMFooter-CTX .sapUiFup:hover .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive) {
  background-color: #cddc00;
  border-color: #bb0000;
}
.sapMFooter-CTX .sapUiFup:hover .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive) {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}
.sapUiFup:active .sapMBtnInner,
.sapUiFup:active .sapMBtnTransparent.sapMBtnHoverable,
.sapMTB-Transparent-CTX .sapUiFup:active .sapMBtnInner.sapMBtnTransparent.sapMBtnHoverable:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnReject):not(.sapMBtnActive) {
  background-image: none;
  background-color: #cddc00;
  border-color: #cddc00;
  color: #fff;
  text-shadow: none;
}
.sapUiFup:active .sapMBtnInner .sapMBtnIcon,
.sapUiFup:active .sapUiFupGroup .sapMBtn > span.sapMBtnInner.sapMBtnAccept > .sapMBtnIcon,
.sapUiFup:active .sapUiFupGroup .sapMBtn > span.sapMBtnInner.sapMBtnReject > .sapMBtnIcon {
  color: #fff;
}
.sapMIP {
  margin: 0.5rem;
}
.sapMIP .sapMIPRow {
  height: 2.5rem;
  line-height: 2.5rem;
}
.sapMIP .sapMIPRow .sapMIPItem {
  width: 4rem;
  height: 2.5rem;
  line-height: 2.5rem;
}
.sapMIP .sapUiCalHead {
  padding-bottom: 0.5rem;
}
html.sap-desktop .sapMIP .sapUiCalItem:focus > .sapUiCalItemText,
html.sap-desktop .sapMIP .sapUiCalItem:focus,
html.sap-desktop .sapMIP .sapUiCalItemSel.sapUiCalItemSelBetween:focus {
  outline: 0.0625rem dotted #000;
  outline-offset: -0.25rem;
}
html.sap-desktop .sapMIP .sapUiCalItemSel:focus {
  outline-color: #fff;
  background-color: #44a12c;
}
html.sap-desktop .sapMIP .sapUiCalItemSel:active {
  outline-color: #fff;
  background-color: #44a12c;
  color: #fff;
}
/* ==================================== */
/* CSS for control sap.ui.unified/Menu  */
/* Base theme                           */
/* ==================================== */
.sapUiMnu {
  /* initially hidden off the screen */
  position: absolute;
  top: -10000px;
  display: block;
  min-width: 80px;
  background-color: white;
  cursor: default;
  outline: none;
  overflow: hidden;
  padding: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  padding: 0px;
  min-width: 5rem;
  color: #333333;
  box-shadow: 0 0.125rem 1rem 0 rgba(255, 255, 255, 0.4), 0 0 0 2px #000;
  border-radius: 0.25rem;
}
.sapUiMnu:focus {
  outline: none;
}
.sapUiMnuLst {
  padding: 0;
  margin: 0;
  display: block;
  cursor: default;
  color: #333333;
  font-size: 0.875rem;
  font-family: Arial, Helvetica, sans-serif;
}
.sapUiMnuItm {
  display: block;
  height: 2rem;
  line-height: 2rem;
  white-space: nowrap;
  position: relative;
}
.sapUiMnuItm:not(.sapUiMnuItmDsbl) {
  cursor: pointer;
}
.sapUiMnuItm:focus {
  outline: 1px dotted #000;
  outline-offset: -3px;
}
/* TODO remove after the end of support for Internet Explorer */
html[data-sap-ui-browser*='ie'] .sapUiMnuItm:focus {
  outline: none;
}
html[data-sap-ui-browser*='ie'] .sapUiMnuItm:focus::before {
  content: "";
  border: 0;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  pointer-events: none;
  border: 1px dashed #000;
}
.sapUiMnuItm.sapUiMnuItmDsbl,
.sapUiMnuItm.sapUiMnuTfItm.sapUiMnuItmDsbl .sapUiMnuTfItemLbl,
.sapUiMnuItm.sapUiMnuTfItm.sapUiMnuItmDsbl.sapUiMnuItmHov .sapUiMnuTfItemLbl {
  color: #666;
}
.sapUiMnuItm.sapUiMnuItmHov {
  color: #333333;
  background-color: #cddc00;
}
.sapUiMnuItm.sapUiMnuTfItm.sapUiMnuItmHov .sapUiMnuTfItemLbl {
  color: #333333;
}
.sapUiMnuItmL,
.sapUiMnuItmIco,
.sapUiMnuItmTxt,
.sapUiMnuItmSCut,
.sapUiMnuItmSbMnu,
.sapUiMnuItmR {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  overflow: hidden;
  outline: none;
}
.sapUiMnuItmSCut,
.sapUiMnuItmSbMnu,
.sapUiMnuItmR {
  position: absolute;
  top: 0px;
}
.sapUiMnuItmL {
  width: 0;
}
.sapUiMnuItmIco {
  text-align: center;
  width: 2rem;
  color: #000;
}
.sapUiMnuItmIco > .sapUiIcon {
  line-height: 2rem;
}
.sapUiMnuItmIco > .sapUiIcon {
  cursor: inherit;
}
.sapUiMnu .sapUiMnuItmIco .sapUiIcon {
  font-size: 1rem;
}
.sapUiMnuItmIco > img {
  max-width: 16px;
  max-height: 16px;
  vertical-align: middle;
}
.sapUiMnuItmDsbl > .sapUiMnuItmIco > img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco {
  width: 0px;
  display: none;
}
.sapUiMnuItmTxt {
  white-space: nowrap;
  padding-right: 2.5rem;
}
.sapUiMnuItm.sapUiMnuTfItm > .sapUiMnuItmTxt {
  padding-right: 5px;
}
.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemLbl {
  vertical-align: top;
  margin-right: 5px;
  line-height: 2rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sapUiMnuItm.sapUiMnuTfItm > .sapUiMnuItmTxt > .sapUiMnuTfItemWrppr {
  position: absolute;
  right: 5px;
  top: 0;
  width: 22ex;
  display: inline-block;
}
.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf {
  box-sizing: border-box;
  vertical-align: top;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  -webkit-appearance: none;
  /*Needed for safari mobile*/
  border: 1px solid #000;
  -webkit-border-radius: 0px;
  /*Needed for safari mobile*/
  background-color: #fff;
  color: #333333;
  width: 100%;
  outline: none;
  /* remove Webkit glow effect */
}
.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf:focus {
  background-color: #fff;
  border-color: #000;
}
.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}
.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf.sapUiMnuTfItemTfDsbl {
  /* Avoid text selection in disabled TextFields */
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf.sapUiMnuTfItemTfEnbl.sapUiMnuTfItemTfErr {
  border-color: #fff;
  background-color: #cddc00;
}
.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf.sapUiMnuTfItemTfEnbl.sapUiMnuTfItemTfWarn {
  border-color: #000;
  background-color: #fff;
}
.sapUiMnuTfItmStretch {
  display: inline-block;
  width: 22ex;
  height: 1px;
}
.sapUiMnuNoSbMnu > .sapUiMnuItm > .sapUiMnuItmTxt {
  padding-right: 7px;
  /*2+5*/
}
.sapUiMnuItmSCut {
  white-space: nowrap;
  right: 22px;
  width: 0px;
  display: none;
}
.sapUiMnuItmSbMnu {
  right: 0;
  width: 2rem;
  text-align: center;
  font-size: 0.75rem;
}
.sapUiMnuItmSbMnu > div:after {
  content: "\e066";
  font-family: 'SAP-icons';
  outline: none;
}
.sapUiMnuNoSbMnu > .sapUiMnuItm > .sapUiMnuItmSbMnu {
  width: 0px;
  display: none;
}
.sapUiMnuItmR {
  width: 2px;
  right: 0px;
}
.sapUiMnuDiv {
  position: relative;
  height: 0.125rem;
}
.sapUiMnuDiv > hr {
  display: inline-block;
  margin: 0;
  position: absolute;
  left: 5px;
  right: 5px;
  margin-top: 1px;
  margin-bottom: 1px;
  border-width: 0;
  border-top: 1px solid #000;
  height: 1px;
  color: #000;
}
.sapUiMnuDivL,
.sapUiMnuDivR {
  display: inline-block;
  position: absolute;
  width: 5px;
  height: 100%;
}
.sapUiMnuDivR {
  right: 0;
}
.sapUiMnuDivL {
  left: 0;
}
.sapUiMnu.sapUiMnuScroll {
  overflow-x: none;
  overflow-y: auto;
}
.sapUiMnu.sapUiMnuScroll .sapUiMnuItmR {
  width: 1.5rem;
}
.sapUiMnuItm.sapUiMnuItmSubMnuOpen,
.sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov {
  background-color: #44a12c;
}
.sapUiMnuItm.sapUiMnuItmHov:active {
  color: #fff;
  background-color: #cddc00;
}
.sapUiMnuItm.sapUiMnuItmDsbl.sapUiMnuItmHov,
.sapUiMnuItm.sapUiMnuItmDsbl.sapUiMnuItmHov:active {
  color: #666;
  background-color: transparent;
}
.sapUiMnuItmR,
.sapUiMnuNoIco .sapUiMnuItmL {
  width: 0.5rem;
}
.sapUiMnuItm.sapUiMnuItmDsbl .sapUiMnuItmIco {
  color: #666;
}
.sapUiMnuItm.sapUiMnuItmHov:active .sapUiMnuItmIco {
  color: #fff;
}
.sapUiMnuItm.sapUiMnuItmDsbl.sapUiMnuItmHov:active .sapUiMnuItmIco {
  color: #666;
}
.sapUiMnuItmIco > img {
  padding-left: 0;
  max-width: 1rem;
  max-height: 1rem;
}
.sapUiMnu.sapUiMnuScroll .sapUiMnuItmTxt {
  padding-right: 3.5rem;
}
.sapUiMnuNoSbMnu > .sapUiMnuItm > .sapUiMnuItmTxt,
.sapUiMnuItm.sapUiMnuTfItm > .sapUiMnuItmTxt {
  padding-right: 0.5rem;
}
.sapUiMnu.sapUiMnuScroll .sapUiMnuNoSbMnu > .sapUiMnuItm > .sapUiMnuItmTxt,
.sapUiMnu.sapUiMnuScroll .sapUiMnuItm.sapUiMnuTfItm > .sapUiMnuItmTxt {
  padding-right: 1.5rem;
}
.sapUiMnuNoIco .sapUiMnuItmTxt {
  padding-left: 0;
}
.sapUiMnuItm.sapUiMnuTfItm > .sapUiMnuItmTxt > .sapUiMnuTfItemWrppr {
  right: 0.5rem;
}
.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  padding: 0.125rem 0.3125rem 0.125rem 0.3125rem;
  margin-top: 0.1875rem;
  height: 1.625rem;
}
.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemLbl {
  line-height: 2rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  color: #333333;
  margin-right: 0.5rem;
}
.sapUiMnuItmSbMnu > div:after {
  content: "\e1ed";
  color: #000;
}
.sapUiMnuItm.sapUiMnuItmHov .sapUiMnuItmSbMnu > div:after {
  color: #000;
}
.sapUiMnuItm.sapUiMnuItmHov:active .sapUiMnuItmSbMnu > div:after {
  color: #fff;
}
.sapUiMnu.sapUiMnuScroll .sapUiMnuItmSbMnu {
  right: 1rem;
}
/** Cozy Mode **/
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy.sapUiMnuScroll .sapUiMnuItmR {
  width: 2rem;
}
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItm {
  height: 3rem;
  line-height: 3rem;
}
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmR,
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuNoIco .sapUiMnuItmL {
  width: 1rem;
}
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmIco {
  width: 3rem;
}
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmIco > .sapUiIcon {
  line-height: 3rem;
  font-size: 1.375rem;
}
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmIco > img {
  max-width: 1.375rem;
  max-height: 1.375rem;
}
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmTxt {
  padding-right: 4rem;
}
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy.sapUiMnuScroll .sapUiMnuItmTxt {
  padding-right: 5rem;
}
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuNoSbMnu > .sapUiMnuItm > .sapUiMnuItmTxt,
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItm.sapUiMnuTfItm > .sapUiMnuItmTxt {
  padding-right: 1rem;
}
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy.sapUiMnuScroll .sapUiMnuNoSbMnu > .sapUiMnuItm > .sapUiMnuItmTxt,
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy.sapUiMnuScroll .sapUiMnuItm.sapUiMnuTfItm > .sapUiMnuItmTxt {
  padding-right: 2rem;
}
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItm.sapUiMnuTfItm > .sapUiMnuItmTxt > .sapUiMnuTfItemWrppr {
  right: 1rem;
}
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf {
  height: 2.625rem;
}
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemLbl {
  line-height: 3rem;
  margin-right: 1rem;
}
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmSbMnu {
  width: 3rem;
}
html.sap-phone .sapMMenuLIImgThumbIcon,
html.sap-tablet .sapMMenuLIImgThumbIcon {
  color: #000;
}
html.sap-phone .sapMLIB.sapMLIBActive .sapMMenuLIImgThumbIcon::before,
html.sap-tablet .sapMLIB.sapMLIBActive .sapMMenuLIImgThumbIcon::before {
  color: #fff;
}
html.sap-phone .sapMRespMenuDialog .sapMList .sapMLIBContent .sapMSLITitleOnly,
html.sap-tablet .sapMRespMenuDialog .sapMList .sapMLIBContent .sapMSLITitleOnly {
  font-size: 0.875rem;
}
html.sap-phone .sapMRespMenuDialog .sapMPage .sapMHeader-CTX,
html.sap-tablet .sapMRespMenuDialog .sapMPage .sapMHeader-CTX {
  background-color: #fff;
  box-shadow: inset 0 -1px #ebebeb;
}
/* Compact size */
.sapUiSizeCompact .sapUiMnuItmR,
.sapUiSizeCompact .sapUiMnuNoIco .sapUiMnuItmL {
  width: 12px;
}
.sapUiSizeCompact .sapUiMnuNoIco.sapUiMnuNoSbMnu > .sapUiMnuItm > .sapUiMnuItmTxt {
  padding-right: 12px;
}
.sapUiSizeCompact .sapUiMnuDiv {
  height: 1px;
}
.sapUiSizeCompact .sapUiMnuDiv > hr {
  left: 0rem;
  right: 0rem;
  margin-top: 0;
  margin-bottom: 0;
}
.sapUiSizeCompact .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
  padding-left: 2rem;
}
.sapUiSizeCompact .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
  padding-left: 0rem;
}
.sapUiSizeCompact .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
.sapUiSizeCompact .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
  padding-left: 0;
}
.sapUiSizeCozy .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
  padding-left: 3rem;
}
.sapUiSizeCozy .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
  padding-left: 0;
}
.sapUiSizeCozy .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
.sapUiSizeCozy .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
  padding-left: 0;
}
/* =========================================== */
/* CSS for control sap.ui.unified/ShellHeader  */
/* Base theme                                  */
/* =========================================== */
/*Duration of the transitions of the header center area width (must be defined in ms)*/
/*Delay of the transitions of the header center area width (must be defined in ms)*/
/*Left/Right spacing of the header buttons*/
/*Spacing between icons and text (user button)*/
/*Duration of the transitions (must be defined in ms)*/
.sapUiUfdShellHeader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* Animations */
.sapUiUfdShellAnim .sapUiUfdShellHeadItmMarker {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.sapUiUfdShellAnim .sapUiUfdShellHeadCenter.sapUiUfdShellAnim {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-delay: 30ms;
  transition-delay: 30ms;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  z-index: 1;
}
.sapUiUfdShellAnim .sapUiUfdShellHeadItmMarker {
  -webkit-transition-property: bottom;
  transition-property: bottom;
}
/* Header */
.sapUiUfdShellHeadBegin,
.sapUiUfdShellHeadCenter,
.sapUiUfdShellHeadEnd {
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.sapUiUfdShellHeadBegin {
  left: 0;
  max-width: 265px;
  white-space: nowrap;
}
.sapUiUfdShellHeadCenter {
  left: 0;
  right: 0;
  text-align: center;
}
.sapUiUfdShellHeadEnd {
  right: 0;
  max-width: 390px;
  white-space: nowrap;
}
.sapUiUfdShellHeadEnd > .sapUiUfdShellIco,
.sapUiUfdShellHeadBegin > .sapUiUfdShellIco {
  height: 100%;
  display: inline-block;
  vertical-align: top;
  line-height: 2.5rem;
}
.sapUiUfdShellHeadEnd > .sapUiUfdShellIco {
  text-align: right;
  padding-right: 8px;
}
.sapUiUfdShellHeadBegin > .sapUiUfdShellIco {
  padding-left: 8px;
}
.sapUiUfdShellHeadEnd > .sapUiUfdShellIco > img,
.sapUiUfdShellHeadBegin > .sapUiUfdShellIco > img {
  max-height: 36px;
  max-width: 96px;
  vertical-align: middle;
}
.sapUiUfdShellIco.sapUiUfdShellHidden {
  display: none;
}
.sapUiUfdShellHeadEnd > * {
  float: right;
}
.sapUiUfdShellHeadContainer {
  overflow: hidden;
  display: inline-block;
}
.sapUiUfdShellHeadItm {
  width: 44px;
  height: 100%;
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
  overflow: hidden;
  position: relative;
}
.sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSep {
  width: 53px;
}
.sapUiUfdShellHeadItm.sapUiUfdShellHidden {
  display: none;
}
.sapUiUfdShellHeadItm > span {
  width: 36px;
  height: 36px;
  display: inline-block;
  font-weight: normal;
  line-height: 34px;
  text-align: center;
  font-size: 22px;
  margin: 3px;
  margin-top: 4px;
  color: #000;
  border-radius: 2px;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.sapUiUfdShellHeadBegin .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSep > span {
  margin-right: 13px;
  margin-left: 4px;
}
.sapUiUfdShellHeadEnd .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSep > span {
  margin-left: 13px;
  margin-right: 4px;
}
.sapUiUfdShellHeadUsrItm:before,
.sapUiUfdShellHeadEnd .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSep:before,
.sapUiUfdShellHeadBegin .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSep:after {
  content: " ";
  height: 32px;
  top: 6px;
  position: absolute;
  width: 5px;
  box-sizing: border-box;
}
.sapUiUfdShellHeadBegin .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSep:after {
  right: 0;
  border-right: 4px solid transparent;
  border-left: 1px solid #000;
}
.sapUiUfdShellHeadUsrItm:before,
.sapUiUfdShellHeadEnd .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSep:before {
  left: 0;
  border-left: 4px solid transparent;
  border-right: 1px solid #000;
}
.sapUiUfdShellHeadItm > span,
.sapUiUfdShellHeadUsrItm {
  color: #000;
}
html.sapUiMedia-Std-Desktop .sapUiUfdShellHeadItm:hover > span,
html.sapUiMedia-Std-Desktop .sapUiUfdShellHeadUsrItm:hover > * {
  background-color: #cddc00;
}
.sapUiUfdShellHeadItm:active > span,
.sapUiUfdShellHeadItm:active:hover > span,
html.sapUiMedia-Std-Desktop .sapUiUfdShellHeadItm:active:hover > span,
html.sapUiMedia-Std-Desktop .sapUiUfdShellHeadUsrItm:hover:active > *,
.sapUiUfdShellHeadUsrItm:active > * {
  background-color: #cddc00;
}
.sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSel > span,
.sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSel:active > span,
.sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSel:active:hover > span {
  background-color: #cddc00;
}
html.sapUiMedia-Std-Desktop .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSel:hover > span,
.sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSel:hover > span {
  background-color: #b5c300;
}
.sapUiUfdShellHeadItm > span > img {
  margin-top: 7px;
  width: 22px;
  height: 22px;
  border-width: 0;
}
.sapUiUfdShellHeadItm:focus,
.sapUiUfdShellHeadUsrItm:focus {
  outline: none;
}
.sapUiUfdShellHeadItm:focus > span {
  border: 1px dotted #000;
}
.sapUiUfdShellSearch {
  display: inline-block;
  position: relative;
  width: 95%;
  max-width: 415px;
  height: 100%;
  box-sizing: border-box;
  text-align: left;
  line-height: 39.6px;
  padding-left: 4px;
  padding-right: 4px;
}
.sapUiUfdShellSearch.sapUiUfdShellHidden {
  display: none;
}
.sapUiUfdShellSearch > div {
  width: 100%;
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
}
.sapUiUfdShellHeadItmMarker {
  position: absolute;
  bottom: -7px;
  left: 15px;
  width: 14px;
  height: 7px;
  background-color: transparent;
  overflow: hidden;
}
.sapUiUfdShellHeadItmMark > .sapUiUfdShellHeadItmMarker {
  bottom: 0;
}
.sapUiUfdShellHeadItmMarker > div {
  position: relative;
  top: 100%;
}
.sapUiUfdShellHeadItmMarker > div:after,
.sapUiUfdShellHeadItmMarker > div:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  left: 50%;
  border-bottom-color: #666;
}
.sapUiUfdShellHeadItmMarker > div:after {
  border-width: 6px;
  margin-left: -6px;
}
.sapUiUfdShellHeadItmMarker > div:before {
  border-width: 7px;
  margin-left: -7px;
}
/* User Item */
.sapUiUfdShellHeadUsrItm {
  text-decoration: none;
  overflow: hidden;
  position: relative;
  line-height: 44px;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  color: #000;
}
.sapUiUfdShellHeadUsrItm > * {
  display: inline-block;
  vertical-align: top;
  height: 36px;
  line-height: 34px;
  margin-top: 4px;
  margin-bottom: 3px;
  box-sizing: border-box;
}
.sapUiUfdShellHeadUsrItmImg {
  font-weight: normal;
  text-align: center;
  font-size: 22px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  margin-left: 13px;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding-left: 9px;
  padding-right: 9px;
}
.sapUiUfdShellHeadUsrItm:focus .sapUiUfdShellHeadUsrItmImg {
  border-left: 1px dotted #000;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
}
.sapUiUfdShellHeadUsrItmImg > img {
  margin-top: 1px;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  border-width: 0;
}
.sapUiUfdShellHeadUsrItmName {
  font-size: 14px;
  max-width: 241px;
  /*15rem + 1px*/
  overflow: hidden;
  padding-right: 9px;
  text-overflow: ellipsis;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.sapUiUfdShellHeadUsrItm:focus .sapUiUfdShellHeadUsrItmName {
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
}
.sapUiUfdShellHeadUsrItmLimit > .sapUiUfdShellHeadUsrItmName,
html.sapUiMedia-Std-Phone .sapUiUfdShellHeadUsrItmName,
html.sapUiMedia-Std-Phone .sapUiUfdShellHeadUsrItmExp {
  display: none;
}
html.sapUiMedia-Std-Phone .sapUiUfdShellHeadUsrItmImg {
  margin-right: 4px;
  border-radius: 2px;
}
.sapUiUfdShellHeadUsrItmExp {
  font-size: 16px;
  padding-right: 9px;
  margin-right: 4px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.sapUiUfdShellHeadUsrItmExp:after {
  content: "\e1ef";
  font-family: 'SAP-icons';
  outline: none;
}
.sapUiUfdShellHeadUsrItm:focus .sapUiUfdShellHeadUsrItmExp {
  border-right: 1px dotted #000;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
}
.sapUiUfdShellHeadUsrItmWithoutPopup .sapUiUfdShellHeadUsrItmExp {
  padding-right: 0;
}
.sapUiUfdShellHeadUsrItmWithoutPopup .sapUiUfdShellHeadUsrItmExp:after {
  content: "";
}
.sapUiUfdShellHeadBegin .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSep:after {
  border-left: 1px solid #666;
}
.sapUiUfdShellHeadUsrItm:before,
.sapUiUfdShellHeadEnd .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSep:before {
  border-right: 1px solid #666;
}
.sapUiUfdShellHeadItmMarker > div:after,
.sapUiUfdShellHeadItmMarker > div:before {
  border-bottom-color: #666;
}
/* =========================================== */
/* CSS for control sap.ui.unified/ShellLayout  */
/* Base theme                                  */
/* =========================================== */
/*Duration of the transitions (must be defined in ms)*/
.sapUiUfdShellBG {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
._sapUiUfdShellSubHdr {
  /* Testpage only */
  background-color: #f2f2f2;
  color: #000;
}
/* Basics */
.sapUiUfdShellCntnt {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.sapUiUfdShellPad {
  padding: 10px;
}
.sapUiUfdShellHidden {
  display: none;
}
/* Animations */
.sapUiUfdShellAnim .sapUiUfdShellHead,
.sapUiUfdShellAnim .sapUiUfdShellHead > div,
.sapUiUfdShellAnim .sapUiUfdShellCurtain,
.sapUiUfdShellAnim .sapUiUfdShellCanvas {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.sapUiUfdShellAnim .sapUiUfdShellCanvas {
  -webkit-transition-property: top;
  transition-property: top;
}
.sapUiUfdShellAnim .sapUiUfdShellCurtain {
  -webkit-transition-property: top, bottom;
  transition-property: top, bottom;
}
.sapUiUfdShellAnim .sapUiUfdShellHead {
  perspective: 400px;
  -webkit-perspective: 400px;
  -webkit-transition-property: top;
  transition-property: top;
}
.sapUiUfdShellAnim .sapUiUfdShellHead > div {
  -webkit-transform: rotateX(0);
  -webkit-transform-origin: bottom center;
  transform: rotateX(0);
  transform-origin: bottom center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
}
.sapUiUfdShellAnim.sapUiUfdShellHeadHidden .sapUiUfdShellHead > div {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  opacity: 0.3;
}
/* Header */
.sapUiUfdShellBrand {
  position: absolute;
  top: 0;
  height: 4px;
  left: 0;
  right: 0;
  border: medium none;
  margin: 0;
  z-index: 7;
  background-color: #44a12c;
}
.sapUiUfdShell.sapUiUfdShellNoHead > .sapUiUfdShellBrand {
  display: none;
}
.sapUiUfdShellHead {
  position: absolute;
  top: 4px;
  height: 44px;
  left: 0;
  right: 0;
  z-index: 3;
  overflow: hidden;
}
.sapUiUfdShell.sapUiUfdShellNoHead > .sapUiUfdShellHead {
  display: none;
}
.sapUiUfdShellHead > div {
  position: absolute;
  top: 0;
  height: 44px;
  left: 0;
  right: 0;
  overflow: hidden;
  opacity: 1;
}
.sapUiUfdShell.sapUiUfdShellHeadHidden .sapUiUfdShellHead {
  top: -44px;
}
/* Canvas / Curtain */
.sapUiUfdShellCanvas {
  top: 48px;
}
.sapUiUfdShell.sapUiUfdShellNoHead > .sapUiUfdShellCanvas {
  top: 0;
}
.sapUiUfdShellCurtain {
  top: 0;
  z-index: 1;
}
.sapUiUfdShell.sapUiUfdShellHeadHidden .sapUiUfdShellCanvas {
  top: 4px;
}
.sapUiUfdShellCurtain > .sapUiUfdShellCntnt {
  overflow: auto;
  top: 48px;
  -webkit-overflow-scrolling: touch;
}
.sapUiUfdShell.sapUiUfdShellNoHead > .sapUiUfdShellCurtain > .sapUiUfdShellCntnt {
  top: 0;
}
.sapUiUfdShell.sapUiUfdShellCurtainHidden .sapUiUfdShellCurtain {
  top: -100%;
  bottom: 100%;
}
.sapUiUfdShell.sapUiUfdShellCurtainHidden.sapUiUfdShellCurtainClosed .sapUiUfdShellCurtain > div,
.sapUiUfdShell.sapUiUfdShellCurtainHidden.sapUiUfdShellCurtainClosed .sapUiUfdShellCurtain > span {
  display: none;
}
.sapUiUfdShell .sapUiUfdShellHead > div {
  background-color: #f2f2f2;
  box-shadow: inset 0 -1px #666;
}
/* ============================================ */
/* CSS for control sap.ui.unified/ShellOverlay  */
/* Base theme                                   */
/* ============================================ */
.sapUiUfdShellOvrly {
  position: absolute;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sapUiUfdShellOvrly > div {
  height: 100%;
  width: 80%;
  max-width: 1120px;
  /*70rem*/
  display: inline-block;
  position: relative;
  text-align: left;
  box-sizing: border-box;
}
html.sapUiMedia-Std-Tablet .sapUiUfdShellOvrly > div {
  width: 94%;
}
html.sapUiMedia-Std-Phone .sapUiUfdShellOvrly > div {
  width: 100%;
}
.sapUiUfdShellOvrlyHead {
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  box-sizing: border-box;
  overflow: hidden;
}
.sapUiUfdShellOvrlyBrand {
  background-color: #44a12c;
  position: absolute;
  top: 0;
  height: 4px;
  left: 0;
  right: 0;
  border: medium none;
  margin: 0;
}
.sapUiUfdShellOvrlyHeadClose {
  cursor: pointer;
  right: 24px;
  position: absolute;
  opacity: 1;
  text-decoration: none;
  font-size: 14px;
  top: 0px;
  height: 100%;
  padding-top: 14px;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
}
.sapUiUfdShellOvrlyHeadClose,
.sapUiUfdShellOvrlyHeadClose:hover,
.sapUiUfdShellOvrlyHeadClose:focus,
.sapUiUfdShellOvrlyHeadClose:visited {
  color: #000;
}
.sapUiUfdShellOvrlyHeadClose:active {
  color: #fff;
}
.sapUiUfdShellOvrlyHeadClose:focus {
  outline: 1px dotted #000;
}
.sapUiUfdShellOvrlyCntnt {
  background-color: #fff;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  border-top: 48px solid transparent;
  box-shadow: 0 0 48px rgba(0, 0, 0, 0.3);
}
.sapUiUfdShellOvrlyCntnt > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.sapUiUfdShellOvrlyCntntHidden .sapUiUfdShellOvrlyCntnt {
  top: -100%;
  bottom: 100%;
}
.sapUiUfdShellOvrlyCntntHidden .sapUiUfdShellOvrlyCntnt > div {
  opacity: 0;
}
.sapUiUfdShellOvrlyCntntHidden .sapUiUfdShellOvrlyHeadClose {
  opacity: 0;
}
.sapUiUfdShellOvrlyHeadCntnt {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 4px;
}
.sapUiUfdShellOvrlyHeadCenter {
  position: absolute;
  height: 100%;
  left: 90px;
  right: 90px;
  top: 0;
  text-align: center;
}
html.sapUiMedia-Std-Phone .sapUiUfdShellOvrlyHeadCenter {
  left: 5px;
}
.sapUiUfdShellOvrlySearch {
  display: inline-block;
  position: relative;
  width: 95%;
  max-width: 600px;
  height: 100%;
  line-height: 39.6px;
  box-sizing: border-box;
  text-align: left;
}
.sapUiUfdShellOvrlySearch > div {
  width: 100%;
  vertical-align: middle;
  display: inline-block;
}
.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrly > div {
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 175ms;
  transition-duration: 175ms;
}
.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyOpening .sapUiUfdShellOvrlyCntnt {
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
  -webkit-transition-delay: 75ms;
  transition-delay: 75ms;
}
.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyClosing .sapUiUfdShellOvrlyCntnt {
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
  -webkit-transition-delay: 175ms;
  transition-delay: 175ms;
}
.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyOpening .sapUiUfdShellOvrlyCntnt,
.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyClosing .sapUiUfdShellOvrlyCntnt {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 1);
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
}
.sapUiUfdShellOvrlyAnim .sapUiUfdShellOvrlyCntnt {
  -webkit-transition-property: top, bottom;
  transition-property: top, bottom;
}
.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyOpening .sapUiUfdShellOvrlyCntnt > div {
  -webkit-transition-duration: 175ms;
  transition-duration: 175ms;
  -webkit-transition-delay: 308.33333333ms;
  transition-delay: 308.33333333ms;
}
.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyClosing .sapUiUfdShellOvrlyCntnt > div {
  -webkit-transition-duration: 175ms;
  transition-duration: 175ms;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.sapUiUfdShellOvrlyAnim .sapUiUfdShellOvrlyCntnt > div {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyOpening .sapUiUfdShellOvrlySearch {
  -webkit-transition-duration: 525ms;
  transition-duration: 525ms;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyClosing .sapUiUfdShellOvrlySearch {
  -webkit-transition-duration: 525ms;
  transition-duration: 525ms;
}
.sapUiUfdShellOvrlyAnim .sapUiUfdShellOvrlySearch {
  -webkit-transition-property: width;
  transition-property: width;
}
.sapUiUfdShellOvrlyAnim .sapUiUfdShellOvrlyHeadClose {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 525ms;
  transition-duration: 525ms;
}
.sapUiBLy.sapUiUfdShellOvrlyBly {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 210ms;
  transition-duration: 210ms;
}
.sapUiBLy.sapUiUfdShellOvrlyBly.sapUiUfdShellOvrlyBlyTp {
  background-color: transparent;
}
.sapUiUfdShellOvrlyHeadClose {
  right: 0;
  height: 36px;
  margin: 4px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.sapUiUfdShellOvrlyHeadClose:before {
  background-color: #000;
  content: " ";
  height: 76%;
  top: 12%;
  position: absolute;
  left: -4px;
  width: 1px;
}
html.sapUiMedia-Std-Desktop .sapUiUfdShellOvrlyHeadClose:hover {
  background-color: #cddc00;
}
html.sapUiMedia-Std-Desktop .sapUiUfdShellOvrlyHeadClose:active:hover {
  background-color: #cddc00;
}
/* ============================================== */
/* CSS for control sap.ui.unified/SplitContainer  */
/* Base theme                                     */
/* ============================================== */
/* The animation duration must be in ms so it returns the correct integer value when used with parseInt */
.sapUiUfdSpltCont {
  overflow: hidden;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
.sapUiUfdSpltContAnim .sapUiUfdSpltContCanvas,
.sapUiUfdSpltContAnim .sapUiUfdSpltContPane {
  transition: height 500ms ease 0ms, width 500ms ease 0ms, left 500ms ease 0ms, top 500ms ease 0ms;
  -webkit-transition: height 500ms ease 0ms, width 500ms ease 0ms, left 500ms ease 0ms, top 500ms ease 0ms;
}
.sapUiUfdSpltContPane {
  background-color: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.sapUiUfdSpltContPane.sapUiUfdSplitContSecondClosed > div {
  display: none;
}
.sapUiUfdSpltContCanvas {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.sapUiUfdSpltContCntnt {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.sapUiUfdSpltContPad {
  padding: 10px;
}
.sapUiUfdSpltContH .sapUiUfdSpltContPane {
  border-right: 1px solid #000;
  bottom: 0;
}
.sapUiUfdSpltContV .sapUiUfdSpltContPane {
  border-bottom: 1px solid #000;
  right: 0;
}
/******************* FILE /Base/baseLib/sap_bluecrystal/base.less *******************/
/* ========================= */
/* FOCUS COLORS              */
/* ========================= */
/* ===================================== */
/* FOREGROUND ELEMENT COLORS             */
/* ===================================== */
/* General Foreground Elements           */
/* ===================================== */
/* EFFECT COLORS                         */
/* ===================================== */
/* ===================================== */
/* Special Colors                        */
/* ===================================== */
/* ===================================== */
/* Background Colors                     */
/* ===================================== */
/* Grayscale Backgrounds                 */
/* ===================================== */
/* Border Colors                         */
/* ===================================== */
/* Grayscale Borders                     */
/* ===================================== */
/* Font Colors                           */
/* ===================================== */
/* Grayscale Text                        */
/* ================================================== */
/* Absolute fixed Colors - do not use in Controls!!   */
/* ================================================== */
/* ==================================================== */
/* indirect Quick Parameters - do not use in Controls!! */
/* ==================================================== */
/* ================================================= */
/* additional Parameters - do not use in Controls!!  */
/* ================================================= */
/* Tinted Backgrounds                    */
/* Button Background Colors              */
/* Transparent Backgrounds               */
/* Hyperlinks                            */
/* Line Colors                           */
/* Table Colors                          */
/* ===================================== */
/* HOVER COLORS             */
/* ===================================== */
/* ===================================== */
/* Font                                  */
/* ===================================== */
/*Please also note the mixins in shared.css which deal with the following background parameters*/
/* ===================================== */
/* Desktop (sap.ui.commons)              */
/* ===================================== */
/* Color used to show keyboard focus on an element (usually as outline) */
/* =============================================== */
/* SOME important control-specific parameters...   */
/* Derived from Expert Theming                     */
/* (these Parameters should be linked in controls) */
/* =============================================== */
/* Derived Chart Colors */
/* Shell */
/* Approved by UX to use a hard coded color value for this */
/* Exact */
/* Notification Bar */
/* ToolPopup */
/* Telling the ToolPopup if it's inverted per default */
/* Callout */
/* ==========================================*/
/* Legacy Section - do not use in Controls!! */
/* ==========================================*/
/* ActionSheet                 */
/* Bar                         */
/* Busy Indicator              */
/* BusyDialog              */
/* --------------------------- */
/* Button                START */
/* --------------------------- */
/* fade(@sapUiDarkText, 50%); */
/* --------------------------- */
/* Button                  END */
/* --------------------------- */
/* --------------------------- */
/* ToggleButton          START */
/* --------------------------- */
/* --------------------------- */
/* ToggleButton            END */
/* --------------------------- */
/* CheckBox                     */
/* DateTimeInput Custom Picker JavaScript	  */
/* mixed, scroller, clickpick */
/* mixed, scroller, clickpick */
/* modal, bubble, bottom, top */
/* modal, bubble, bottom, top */
/* DateTimeInput Custom Picker Design	  	*/
/* IconTabBar			*/
/* Input/SearchField           */
/* Label           */
/* List                        */
/* List as Table               */
/* ListItemBase                */
/* ActionListItem               */
/* MessageToast                 */
/* Page                        */
/* Panel                  */
/* Popover                */
/* Popups - shared parameters */
/* PullToRefresh */
/* RadioButton                 */
/* Scrollbar */
/* SegmentedButton                */
/* Select                       */
/* SelectList                    */
/* ComboBox */
/* Shell                        */
/* Slider                       */
/* SplitContainer */
/* StandardListItem                */
/* Switch                       */
/* RatingIndicator                 */
/* Toolbar 				*/
/* FeedInput                    */
/* OverlapCalendar Event Type */
/* Calendar Legend */
/* Tab Container */
/* ======================================== */
/* CSS for control sap.ui.unified/Calendar  */
/* BlueCrystal theme                        */
/* ======================================== */
/* calendar should have only a border if on popup */
.sapUiCal[data-sap-ui-popup] {
  border-color: #000;
}
html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:focus {
  outline: 0.0625rem dotted #000;
  outline-offset: -3px;
}
html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:focus:active {
  outline-color: #fff;
}
html[data-sap-ui-browser^="ff"].sap-desktop .sapUiCalHead > .sapUiCalHeadB:focus {
  outline-offset: 0;
  /* to hide firefox bug with native outline always displayed */
}
html[data-sap-ui-browser^="ie"].sap-desktop .sapUiCalHead > .sapUiCalHeadB,
html[data-sap-ui-browser^="ed"].sap-desktop .sapUiCalHead > .sapUiCalHeadB {
  position: relative;
  outline: none;
}
html[data-sap-ui-browser^="ie"].sap-desktop .sapUiCalHead > .sapUiCalHeadB:focus:after,
html[data-sap-ui-browser^="ed"].sap-desktop .sapUiCalHead > .sapUiCalHeadB:focus:after {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border: 1px dashed #000;
  content: "";
}
html[data-sap-ui-browser^="ie"].sap-desktop .sapUiCalHead > .sapUiCalHeadB:focus:active:after,
html[data-sap-ui-browser^="ed"].sap-desktop .sapUiCalHead > .sapUiCalHeadB:focus:active:after {
  border-color: #fff;
}
html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:focus:not(:hover):not(:active) {
  background-color: transparent;
}
.sapUiCalHead > .sapUiCalHeadB,
.sapUiCalCancel,
html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:hover,
html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:focus {
  color: #44a12c;
}
html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:active {
  color: #fff;
}
/*** days, months, years ***/
.sapUiCalWH,
.sapUiCalItem {
  border: 0.0625rem solid #ffffff;
}
.sapUiCalItem {
  color: #000;
}
.sapUiCalItemDsbl {
  color: rgba(0, 0, 0, 0.5);
}
/* make outline for days on number to prevent it around week number */
/* hide outline for all devices, but enable later for desktop */
.sapUiCalItem:focus {
  outline: none;
  overflow: visible;
}
/* hover and focus makes only sense on desktops. On mobile devices it's not needed */
html.sap-desktop .sapUiCalItem:not(.sapUiCalItemSel) .sapUiCalItemText:hover {
  background-color: #d8d8d8;
}
html.sap-desktop .sapUiCalItem:focus > .sapUiCalItemText,
html.sap-desktop .sapUiCalMonthPicker .sapUiCalItem:focus,
html.sap-desktop .sapUiCalYearPicker .sapUiCalItem:focus {
  outline: 0.0625rem dotted #000;
  outline-offset: -3px;
}
html.sap-desktop .sapUiCalMonthPicker .sapUiCalItem:focus,
html.sap-desktop .sapUiCalYearPicker .sapUiCalItem:focus {
  outline-offset: -4px;
}
html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetween):focus > .sapUiCalItemText,
html.sap-desktop .sapUiCalMonthPicker .sapUiCalItemSel:focus,
html.sap-desktop .sapUiCalYearPicker .sapUiCalItemSel:focus {
  outline-color: #fff;
}
html.sap-desktop .sapUiSizeCompact .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetween):focus > .sapUiCalDayName {
  outline-color: #fff;
}
html[data-sap-ui-browser^="ie"].sap-desktop .sapMPlanCal :not(.sapUiCalFirstWDay).sapUiCalItem:focus,
html[data-sap-ui-browser^="ed"].sap-desktop .sapMPlanCal :not(.sapUiCalFirstWDay).sapUiCalItem:focus {
  overflow: hidden;
}
html[data-sap-ui-browser^="ie"].sap-desktop .sapUiCalItem:focus > .sapUiCalItemText,
html[data-sap-ui-browser^="ed"].sap-desktop .sapUiCalItem:focus > .sapUiCalItemText,
html[data-sap-ui-browser^="ie"].sap-desktop .sapUiCalMonthPicker .sapUiCalItem:focus,
html[data-sap-ui-browser^="ed"].sap-desktop .sapUiCalMonthPicker .sapUiCalItem:focus,
html[data-sap-ui-browser^="ie"].sap-desktop .sapUiCalYearPicker .sapUiCalItem:focus,
html[data-sap-ui-browser^="ed"].sap-desktop .sapUiCalYearPicker .sapUiCalItem:focus {
  position: relative;
  outline: none;
}
html[data-sap-ui-browser^="ie"].sap-desktop .sapUiCalItem:focus > .sapUiCalItemText:after,
html[data-sap-ui-browser^="ed"].sap-desktop .sapUiCalItem:focus > .sapUiCalItemText:after,
html[data-sap-ui-browser^="ie"].sap-desktop .sapUiCalMonthPicker .sapUiCalItem:focus:after,
html[data-sap-ui-browser^="ed"].sap-desktop .sapUiCalMonthPicker .sapUiCalItem:focus:after,
html[data-sap-ui-browser^="ie"].sap-desktop .sapUiCalYearPicker .sapUiCalItem:focus:after,
html[data-sap-ui-browser^="ed"].sap-desktop .sapUiCalYearPicker .sapUiCalItem:focus:after {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border: 1px dashed #000;
  content: "";
}
html[data-sap-ui-browser^="ie"].sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetween):focus > .sapUiCalItemText:after,
html[data-sap-ui-browser^="ed"].sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetween):focus > .sapUiCalItemText:after,
html[data-sap-ui-browser^="ie"].sap-desktop .sapUiCalMonthPicker .sapUiCalItemSel:focus:after,
html[data-sap-ui-browser^="ed"].sap-desktop .sapUiCalMonthPicker .sapUiCalItemSel:focus:after,
html[data-sap-ui-browser^="ie"].sap-desktop .sapUiCalYearPicker .sapUiCalItemSel:focus:after,
html[data-sap-ui-browser^="ed"].sap-desktop .sapUiCalYearPicker .sapUiCalItemSel:focus:after {
  border-color: #fff;
}
html[data-sap-ui-browser^="ie"].sap-desktop .sapUiCalItem.sapUiCalItemNow:focus > .sapUiCalItemText:after,
html[data-sap-ui-browser^="ed"].sap-desktop .sapUiCalItem.sapUiCalItemNow:focus > .sapUiCalItemText:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
html.sap-desktop .sapUiCalItemWeekEnd:not(.sapUiCalItemSel) .sapUiCalItemText:hover,
html.sap-desktop .sapUiCalItemWeekEnd:not(.sapUiCalItemSel) .sapUiCalItemText:focus {
  background-color: #cccccc;
}
.sapUiCalItemNow > .sapUiCalItemText {
  line-height: 2.6875rem;
}
.sapUiCalItemOtherMonth {
  background-color: transparent;
  color: #808080;
}
.sapUiCalItemSel {
  color: #fff;
  background-color: #44a12c;
}
.sapUiCalItemSel.sapUiCalItemOtherMonth {
  background-color: #44a12c;
}
.sapUiCalItemSelBetween,
.sapUiCalItemSelBetween.sapUiCalItemOtherMonth {
  background-color: #def4d8;
  color: #000;
}
html.sap-desktop .sapUiCalItemSel:hover,
html.sap-desktop .sapUiCalItemSel:focus {
  background-color: #337921;
}
html[data-sap-ui-browser^="ie"].sap-desktop .sapUiCalMonthPicker .sapUiCalItemSel:focus,
html[data-sap-ui-browser^="ie"].sap-desktop .sapUiCalYearPicker .sapUiCalItemSel:focus {
  /* as IE don't support outline-offset */
  border-color: #fff;
}
html.sap-desktop .sapUiCalItemSelBetween:hover,
html.sap-desktop .sapUiCalItemSelBetween:focus {
  background-color: #bce9b0;
}
.sapUiCalItemNow.sapUiCalItemSel {
  color: #fff;
}
.sapUiCalItemNow.sapUiCalItemSel > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff;
}
.sapUiCalItemNow.sapUiCalItemSelBetween {
  color: #000;
}
.sapUiCalContentOver {
  bottom: 0.5rem;
}
/* Day names inside day */
.sapUiCalItemNow > .sapUiCalItemText > .sapUiCalItemTextAmPm {
  line-height: 2.5rem;
}
/* 2 calendar types */
.sapUiCalMonthSecType .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText {
  line-height: 1.875rem;
}
/*** compact mode (desktop size) ***/
.sapUiSizeCompact .sapUiCalItemNow > .sapUiCalItemText {
  line-height: 1.625rem;
}
.sapUiSizeCompact .sapUiCalContentOver {
  bottom: 0.25rem;
}
/* Day names inside day */
.sapUiSizeCompact .sapUiCalItemNow > .sapUiCalItemText > .sapUiCalItemTextAmPm {
  line-height: 1.5rem;
}
@media only screen and (orientation: portrait) and (min-height: 380px) {
  .sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalCancel {
    bottom: 1rem;
    left: 25%;
    width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (min-width: 320px) and (max-height: 379px) {
  .sap-phone .sapUiCal[data-sap-ui-popup] {
    overflow: auto;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalHead {
    height: 1.875rem;
    padding-right: 5rem;
    box-sizing: border-box;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup].sapUiCalSecType > .sapUiCalHead {
    height: 2.875rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalContent {
    position: absolute;
    top: 2.875rem;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 1rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup].sapUiCalSecType > .sapUiCalContent {
    top: 3.875rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalWH {
    height: 1.25rem;
    line-height: 1.25rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalHead > button {
    height: 100%;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalHeadPrev,
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalHeadNext {
    padding-bottom: 0.5rem;
    box-sizing: border-box;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalHeadNext {
    right: 5.5rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalContent .sapUiCalMonthView,
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalContent .sapUiCalDatesRow {
    position: absolute;
    top: 0.25rem;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    margin: 1rem;
    min-height: 11.25rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalContent > .sapUiCalMonthPicker,
  .sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalContent > .sapUiCalYearPicker {
    padding: 1.25rem 0.5rem 0 0.5rem;
    min-height: 11.25rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalDatesRow > div,
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalMonthView > div {
    height: 16.66%;
    min-height: 1.875rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalItem {
    height: 100%;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalItem,
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalWeekNum {
    line-height: 2.1875rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalItemNow > .sapUiCalItemText {
    line-height: 1.9375rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalWeekNum {
    height: 100%;
    top: 0;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalCancel {
    top: 1rem;
    right: 1rem;
    width: 5rem;
    height: 1.875rem;
    padding-top: 0.25rem;
    padding-bottom: 0.5rem;
    box-sizing: border-box;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup].sapUiCalSecType > .sapUiCalCancel {
    top: 1.5rem;
    padding-top: 0.5rem;
  }
}
@media only screen and (min-width: 320px) and (min-height: 380px) and (orientation: landscape) {
  .sap-phone .sapUiCal[data-sap-ui-popup] {
    overflow: auto;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalHead {
    height: 1.875rem;
    padding-right: 5rem;
    box-sizing: border-box;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup].sapUiCalSecType > .sapUiCalHead {
    height: 2.875rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalContent {
    position: absolute;
    top: 2.875rem;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 1rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup].sapUiCalSecType > .sapUiCalContent {
    top: 3.875rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalWH {
    height: 1.25rem;
    line-height: 1.25rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalHead > button {
    height: 100%;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalHeadPrev,
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalHeadNext {
    padding-bottom: 0.5rem;
    box-sizing: border-box;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalHeadNext {
    right: 5.5rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalContent .sapUiCalMonthView,
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalContent .sapUiCalDatesRow {
    position: absolute;
    top: 0.25rem;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    margin: 1rem;
    min-height: 11.25rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalContent > .sapUiCalMonthPicker,
  .sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalContent > .sapUiCalYearPicker {
    padding: 1.25rem 0.5rem 0 0.5rem;
    min-height: 11.25rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalDatesRow > div,
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalMonthView > div {
    height: 16.66%;
    min-height: 1.875rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalItem {
    height: 100%;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalItem,
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalWeekNum {
    line-height: 2.1875rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalItemNow > .sapUiCalItemText {
    line-height: 1.9375rem;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalWeekNum {
    height: 100%;
    top: 0;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalCancel {
    top: 1rem;
    right: 1rem;
    width: 5rem;
    height: 1.875rem;
    padding-top: 0.25rem;
    padding-bottom: 0.5rem;
    box-sizing: border-box;
  }
  .sap-phone .sapUiCal[data-sap-ui-popup].sapUiCalSecType > .sapUiCalCancel {
    top: 1.5rem;
    padding-top: 0.5rem;
  }
}
/* colors for special days */
.sapUiCalItemType01 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #f0ab00;
}
.sapUiCalItemType01.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #f0ab00, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType01.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #f0ab00;
}
.sapUiCalItemType01.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #f0ab00, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType02 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #f27020;
}
.sapUiCalItemType02.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #f27020, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType02.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #f27020;
}
.sapUiCalItemType02.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #f27020, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType03 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #e52929;
}
.sapUiCalItemType03.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #e52929, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType03.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #e52929;
}
.sapUiCalItemType03.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #e52929, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType04 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #a34409;
}
.sapUiCalItemType04.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #a34409, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType04.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #a34409;
}
.sapUiCalItemType04.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #a34409, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType05 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #de54c1;
}
.sapUiCalItemType05.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #de54c1, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType05.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #de54c1;
}
.sapUiCalItemType05.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #de54c1, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType06 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #008a3b;
}
.sapUiCalItemType06.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #008a3b, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType06.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #008a3b;
}
.sapUiCalItemType06.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #008a3b, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType07 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #004990;
}
.sapUiCalItemType07.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #004990, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType07.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #004990;
}
.sapUiCalItemType07.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #004990, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType08 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #009de0;
}
.sapUiCalItemType08.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #009de0, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType08.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #009de0;
}
.sapUiCalItemType08.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #009de0, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType09 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #00d65c;
}
.sapUiCalItemType09.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #00d65c, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType09.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #00d65c;
}
.sapUiCalItemType09.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #00d65c, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType10 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #80196a;
}
.sapUiCalItemType10.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #80196a, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType10.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #80196a;
}
.sapUiCalItemType10.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #80196a, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType11 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #b68b20;
}
.sapUiCalItemType11.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #b68b20, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType11.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #b68b20;
}
.sapUiCalItemType11.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #b68b20, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType12 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #df5500;
}
.sapUiCalItemType12.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #df5500, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType12.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #df5500;
}
.sapUiCalItemType12.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #df5500, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType13 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #f50000;
}
.sapUiCalItemType13.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #f50000, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType13.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #f50000;
}
.sapUiCalItemType13.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #f50000, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType14 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #a87b60;
}
.sapUiCalItemType14.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #a87b60, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType14.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #a87b60;
}
.sapUiCalItemType14.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #a87b60, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType15 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #73596d;
}
.sapUiCalItemType15.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #73596d, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType15.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #73596d;
}
.sapUiCalItemType15.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #73596d, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType16 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #0e577f;
}
.sapUiCalItemType16.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #0e577f, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType16.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #0e577f;
}
.sapUiCalItemType16.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #0e577f, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType17 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #24486c;
}
.sapUiCalItemType17.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #24486c, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType17.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #24486c;
}
.sapUiCalItemType17.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #24486c, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType18 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #3289ae;
}
.sapUiCalItemType18.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #3289ae, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType18.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #3289ae;
}
.sapUiCalItemType18.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #3289ae, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType19 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #226840;
}
.sapUiCalItemType19.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #226840, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType19.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #226840;
}
.sapUiCalItemType19.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #226840, inset 0 -0.25rem #ffffff;
}
.sapUiCalItemType20 > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #003a5a;
}
.sapUiCalItemType20.sapUiCalItemSel:not(:focus) > .sapUiCalItemText {
  box-shadow: inset 0 -0.25rem 0 #003a5a, inset 0 -0.1875rem #ffffff;
}
.sapUiCalItemType20.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #003a5a;
}
.sapUiCalItemType20.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText {
  box-shadow: inset 0.0625rem 0.0625rem 0 0 #ffffff, inset -0.0625rem -0.0625rem 0 0 #ffffff, inset 0 -0.1875rem 0 #003a5a, inset 0 -0.25rem #ffffff;
}
/* ============================================== */
/* CSS for control sap.ui.unified/CalendarLegend  */
/* BlueCrystal theme                              */
/* ============================================== */
/*** items and colors ***/
.sapUiCalLegDayType01 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #f0ab00;
}
.sapUiCalLegDayType02 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #f27020;
}
.sapUiCalLegDayType03 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #e52929;
}
.sapUiCalLegDayType04 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #a34409;
}
.sapUiCalLegDayType05 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #de54c1;
}
.sapUiCalLegDayType06 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #008a3b;
}
.sapUiCalLegDayType07 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #004990;
}
.sapUiCalLegDayType08 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #009de0;
}
.sapUiCalLegDayType09 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #00d65c;
}
.sapUiCalLegDayType10 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #80196a;
}
.sapUiCalLegDayType11 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #b68b20;
}
.sapUiCalLegDayType12 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #df5500;
}
.sapUiCalLegDayType13 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #f50000;
}
.sapUiCalLegDayType14 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #a87b60;
}
.sapUiCalLegDayType15 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #73596d;
}
.sapUiCalLegDayType16 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #0e577f;
}
.sapUiCalLegDayType17 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #24486c;
}
.sapUiCalLegDayType18 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #3289ae;
}
.sapUiCalLegDayType19 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #226840;
}
.sapUiCalLegDayType20 > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
  background: #003a5a;
}
/* =========================================== */
/* CSS for control sap.ui.unified/CalendarRow  */
/* Bluecrystal                                 */
/* =========================================== */
/* intervals */
.sapUiCalendarRowAppsInt,
.sapUiCalendarRowAppsSubInt {
  border-color: #f7f7f7;
}
.sapUiCalendarRowAppsIntHead {
  font-size: 0.75rem;
  color: #000;
}
.sapUiCalendarRowAppsIntFirst {
  border-left-color: #b3b3b3;
}
.sapUiCalendarRowAppsIntLast {
  border-right-color: #b3b3b3;
}
/* Appointments */
/* as outlines can't have different offsets on one side (no left border) and don't work in IE just use a inner border */
html.sap-desktop .sapUiCalendarApp:focus > .sapUiCalendarAppCont:after {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  content: "";
  border: 0.0625rem dotted #000;
  pointer-events: none;
}
html.sap-desktop .sapUiCalendarAppSel:focus > .sapUiCalendarAppCont:after {
  border-color: #fff;
  left: 2px;
}
.sapUiCalendarApp.sapUiCalendarAppSel,
.sapUiCalendarApp:active,
.sapUiCalendarApp.sapUiCalendarAppSel:active {
  color: #fff;
  background-color: #cddc00;
}
html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active),
html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active) {
  background-color: #9da900;
}
.sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont,
.sapUiCalendarApp:active > .sapUiCalendarAppCont,
.sapUiCalendarApp.sapUiCalendarAppSel:active > .sapUiCalendarAppCont {
  border-color: #cddc00;
  border-left: 0.0625rem solid white;
}
html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active) > .sapUiCalendarAppCont,
html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active) > .sapUiCalendarAppCont {
  border-color: #9da900;
  border-left-color: white;
}
.sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont > .sapUiCalendarAppIcon,
.sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont > .sapUiCalendarAppArrowIconLeft,
.sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont > .sapUiCalendarAppArrowIconRight,
.sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont .sapUiCalendarAppTitle,
.sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont .sapUiCalendarAppText,
.sapUiCalendarApp:active > .sapUiCalendarAppCont > .sapUiCalendarAppIcon,
.sapUiCalendarApp:active > .sapUiCalendarAppCont .sapUiCalendarAppTitle,
.sapUiCalendarApp:active > .sapUiCalendarAppCont .sapUiCalendarAppText,
.sapUiCalendarApp:active > .sapUiCalendarAppCont > .sapUiCalendarAppArrowIconLeft,
.sapUiCalendarApp:active > .sapUiCalendarAppCont > .sapUiCalendarAppArrowIconRight {
  color: #fff;
}
.sapUiCalendarAppTitle {
  font-size: 0.875rem;
}
.sapUiCalendarAppText {
  font-size: 0.75rem;
}
.sapUiCalendarRowNow {
  border-color: #000;
}
/* colors for types */
.sapUiCalendarAppType01.sapUiCalendarApp,
.sapUiCalendarAppType01.sapUiCalendarApp:active {
  border-left-color: #f0ab00;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType01.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #fff6e1;
}
.sapUiCalendarAppType02.sapUiCalendarApp,
.sapUiCalendarAppType02.sapUiCalendarApp:active {
  border-left-color: #f27020;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType02.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #fef2ea;
}
.sapUiCalendarAppType03.sapUiCalendarApp,
.sapUiCalendarAppType03.sapUiCalendarApp:active {
  border-left-color: #e52929;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType03.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #fce8e8;
}
.sapUiCalendarAppType04.sapUiCalendarApp,
.sapUiCalendarAppType04.sapUiCalendarApp:active {
  border-left-color: #a34409;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType04.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #f8ede6;
}
.sapUiCalendarAppType05.sapUiCalendarApp,
.sapUiCalendarAppType05.sapUiCalendarApp:active {
  border-left-color: #de54c1;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType05.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #fdf2fa;
}
.sapUiCalendarAppType06.sapUiCalendarApp,
.sapUiCalendarAppType06.sapUiCalendarApp:active {
  border-left-color: #008a3b;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType06.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #e1f5e9;
}
.sapUiCalendarAppType07.sapUiCalendarApp,
.sapUiCalendarAppType07.sapUiCalendarApp:active {
  border-left-color: #004990;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType07.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #e7f3ff;
}
.sapUiCalendarAppType08.sapUiCalendarApp,
.sapUiCalendarAppType08.sapUiCalendarApp:active {
  border-left-color: #009de0;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType08.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #f4fcff;
}
.sapUiCalendarAppType09.sapUiCalendarApp,
.sapUiCalendarAppType09.sapUiCalendarApp:active {
  border-left-color: #00d65c;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType09.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #e6fff1;
}
.sapUiCalendarAppType10.sapUiCalendarApp,
.sapUiCalendarAppType10.sapUiCalendarApp:active {
  border-left-color: #80196a;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType10.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #f7edf5;
}
.sapUiCalendarAppType11.sapUiCalendarApp,
.sapUiCalendarAppType11.sapUiCalendarApp:active {
  border-left-color: #7b6329;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType11.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #fff3d7;
}
.sapUiCalendarAppType12.sapUiCalendarApp,
.sapUiCalendarAppType12.sapUiCalendarApp:active {
  border-left-color: #d55100;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType12.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #fdf2eb;
}
.sapUiCalendarAppType13.sapUiCalendarApp,
.sapUiCalendarAppType13.sapUiCalendarApp:active {
  border-left-color: #f50000;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType13.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #ffe3e3;
}
.sapUiCalendarAppType14.sapUiCalendarApp,
.sapUiCalendarAppType14.sapUiCalendarApp:active {
  border-left-color: #a87b60;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType14.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #f9f3ef;
}
.sapUiCalendarAppType15.sapUiCalendarApp,
.sapUiCalendarAppType15.sapUiCalendarApp:active {
  border-left-color: #73596d;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType15.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #f0e5ee;
}
.sapUiCalendarAppType16.sapUiCalendarApp,
.sapUiCalendarAppType16.sapUiCalendarApp:active {
  border-left-color: #0e577f;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType16.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #83bfe0;
}
.sapUiCalendarAppType17.sapUiCalendarApp,
.sapUiCalendarAppType17.sapUiCalendarApp:active {
  border-left-color: #24486c;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType17.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #b2d0ec;
}
.sapUiCalendarAppType18.sapUiCalendarApp,
.sapUiCalendarAppType18.sapUiCalendarApp:active {
  border-left-color: #3289ae;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType18.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #ecf8fd;
}
.sapUiCalendarAppType19.sapUiCalendarApp,
.sapUiCalendarAppType19.sapUiCalendarApp:active {
  border-left-color: #122b1d;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType19.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #93ecb9;
}
.sapUiCalendarAppType20.sapUiCalendarApp,
.sapUiCalendarAppType20.sapUiCalendarApp:active {
  border-left-color: #003a5a;
}
.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .sapUiCalendarAppType20.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
  background-color: #e3eff6;
}
.sapUiCalendarRowAppsIntHeadType01.sapUiCalendarRowAppsIntHead {
  background-color: #fff6e1;
}
.sapUiCalendarRowAppsIntHeadType01.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #f0ab00;
}
.sapUiCalendarRowAppsIntHeadType02.sapUiCalendarRowAppsIntHead {
  background-color: #fef2ea;
}
.sapUiCalendarRowAppsIntHeadType02.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #f27020;
}
.sapUiCalendarRowAppsIntHeadType03.sapUiCalendarRowAppsIntHead {
  background-color: #fce8e8;
}
.sapUiCalendarRowAppsIntHeadType03.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #e52929;
}
.sapUiCalendarRowAppsIntHeadType04.sapUiCalendarRowAppsIntHead {
  background-color: #f8ede6;
}
.sapUiCalendarRowAppsIntHeadType04.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #a34409;
}
.sapUiCalendarRowAppsIntHeadType05.sapUiCalendarRowAppsIntHead {
  background-color: #fdf2fa;
}
.sapUiCalendarRowAppsIntHeadType05.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #de54c1;
}
.sapUiCalendarRowAppsIntHeadType06.sapUiCalendarRowAppsIntHead {
  background-color: #e1f5e9;
}
.sapUiCalendarRowAppsIntHeadType06.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #008a3b;
}
.sapUiCalendarRowAppsIntHeadType07.sapUiCalendarRowAppsIntHead {
  background-color: #e7f3ff;
}
.sapUiCalendarRowAppsIntHeadType07.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #004990;
}
.sapUiCalendarRowAppsIntHeadType08.sapUiCalendarRowAppsIntHead {
  background-color: #f4fcff;
}
.sapUiCalendarRowAppsIntHeadType08.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #009de0;
}
.sapUiCalendarRowAppsIntHeadType09.sapUiCalendarRowAppsIntHead {
  background-color: #e6fff1;
}
.sapUiCalendarRowAppsIntHeadType09.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #00d65c;
}
.sapUiCalendarRowAppsIntHeadType10.sapUiCalendarRowAppsIntHead {
  background-color: #f7edf5;
}
.sapUiCalendarRowAppsIntHeadType10.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #80196a;
}
.sapUiCalendarRowAppsIntHeadType11.sapUiCalendarRowAppsIntHead {
  background-color: #fff3d7;
}
.sapUiCalendarRowAppsIntHeadType11.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #7b6329;
}
.sapUiCalendarRowAppsIntHeadType12.sapUiCalendarRowAppsIntHead {
  background-color: #fdf2eb;
}
.sapUiCalendarRowAppsIntHeadType12.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #d55100;
}
.sapUiCalendarRowAppsIntHeadType13.sapUiCalendarRowAppsIntHead {
  background-color: #ffe3e3;
}
.sapUiCalendarRowAppsIntHeadType13.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #f50000;
}
.sapUiCalendarRowAppsIntHeadType14.sapUiCalendarRowAppsIntHead {
  background-color: #f9f3ef;
}
.sapUiCalendarRowAppsIntHeadType14.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #a87b60;
}
.sapUiCalendarRowAppsIntHeadType15.sapUiCalendarRowAppsIntHead {
  background-color: #f0e5ee;
}
.sapUiCalendarRowAppsIntHeadType15.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #73596d;
}
.sapUiCalendarRowAppsIntHeadType16.sapUiCalendarRowAppsIntHead {
  background-color: #83bfe0;
}
.sapUiCalendarRowAppsIntHeadType16.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #0e577f;
}
.sapUiCalendarRowAppsIntHeadType17.sapUiCalendarRowAppsIntHead {
  background-color: #b2d0ec;
}
.sapUiCalendarRowAppsIntHeadType17.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #24486c;
}
.sapUiCalendarRowAppsIntHeadType18.sapUiCalendarRowAppsIntHead {
  background-color: #ecf8fd;
}
.sapUiCalendarRowAppsIntHeadType18.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #3289ae;
}
.sapUiCalendarRowAppsIntHeadType19.sapUiCalendarRowAppsIntHead {
  background-color: #93ecb9;
}
.sapUiCalendarRowAppsIntHeadType19.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #122b1d;
}
.sapUiCalendarRowAppsIntHeadType20.sapUiCalendarRowAppsIntHead {
  background-color: #e3eff6;
}
.sapUiCalendarRowAppsIntHeadType20.sapUiCalendarRowAppsIntHeadFirst {
  border-left-color: #003a5a;
}
/* ================================================== */
/* CSS for control sap.ui.commons/ColorPicker.control */
/* BlueCrystal Theme                                  */
/* ================================================== */
.sapUiColorPicker-ColorPickerSlider.sapUiSliHori .sapUiSliBar,
.sapUiColorPicker-ColorPickerSlider.sapUiSliHori .sapUiSliBar .sapUiSliHiLi {
  border: none;
  background-color: transparent;
}
.sapUiColorPicker-ColorPickerAlphaSlider.sapUiSliHori .sapUiSliBar,
.sapUiColorPicker-ColorPickerAlphaSlider.sapUiSliHori .sapUiSliBar .sapUiSliHiLi {
  border: none;
  background-color: transparent;
}
/* ============================================ */
/* CSS for control sap.ui.unified.FileUploader  */
/* BlueCrystal theme                            */
/* ============================================ */
/* increase outline offset */
.sapMIBar-CTX .sapUiFup:focus .sapMBtnInner.sapMFocusable {
  outline-offset: -0.125rem;
}
.sapUiFup:focus .sapMBtn {
  outline: none;
}
html.sap-desktop .sapUiFup:focus .sapMFocusable,
html.sap-desktop .sapUiFup:active .sapMFocusable {
  outline: 1px dotted #000;
  outline-offset: -1px;
}
.sapMFooter-CTX .sapUiFup:focus .sapMBtnInner.sapMFocusable,
.sapMFooter-CTX .sapUiFup:active .sapMBtnInner.sapMFocusable,
.sapUiFup:active .sapMBtnInner.sapMBtnAccept,
html.sap-desktop .sapUiFup:active .sapMBtnInner.sapMBtnAccept,
.sapUiFup:active .sapMBtnInner.sapMBtnReject,
html.sap-desktop .sapUiFup:active .sapMBtnInner.sapMBtnReject,
.sapUiFup:active .sapMBtnInner.sapMBtnEmphasized,
html.sap-desktop .sapUiFup:active .sapMBtnInner.sapMBtnEmphasized {
  outline-color: #fff;
  outline-offset: -0.125rem;
}
.sapMFooter-CTX .sapUiFup:active .sapMBtnInner.sapMFocusable {
  background-color: #cddc00;
}
/* IE ignores outline-offset. Use an overlay: */
html[data-sap-ui-browser^="ie"] .sapUiFup:focus .sapMBtnInner.sapMFocusable {
  outline: none;
  position: relative;
}
html[data-sap-ui-browser^="ie"] .sapUiFup:focus .sapMBtnInner.sapMFocusable:before {
  content: " ";
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px dotted #000;
}
html[data-sap-ui-browser^="ie"] .sapMFooter-CTX .sapUiFup:focus .sapMBtnInner.sapMFocusable:before {
  border-color: #fff;
}
/* ==================================== */
/* CSS for control sap.ui.unified/Menu  */
/* BlueCrystal theme                    */
/* ==================================== */
.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf.sapUiMnuTfItemTfDsbl {
  opacity: 0.5;
}
/** Cozy Mode **/
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuDiv > hr {
  left: 0rem;
  right: 0rem;
  margin-top: 0;
  margin-bottom: 0;
}
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuDiv {
  height: 1px;
}
/* =========================================== */
/* CSS for control sap.ui.unified/ShellHeader  */
/* BlueCrystal theme                           */
/* =========================================== */
.sapUiUfdShellHeadItm > span,
.sapUiUfdShellHeadUsrItm {
  -webkit-font-smoothing: antialiased;
  text-shadow: none;
}
.sapUiUfdShellHeadItm:active > span,
.sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSel > span,
.sapUiUfdShellHeadItm:active:hover > span,
html.sapUiMedia-Std-Desktop .sapUiUfdShellHeadUsrItm:hover:active > *,
.sapUiUfdShellHeadUsrItm:active > * {
  color: #fff;
}
.sapUiUfdShellHeadUsrItm:focus .sapUiUfdShellHeadUsrItmExp,
.sapUiUfdShellHeadUsrItm:focus .sapUiUfdShellHeadUsrItmName,
.sapUiUfdShellHeadUsrItm:focus .sapUiUfdShellHeadUsrItmImg,
.sapUiUfdShellHeadItm:focus > span {
  border-color: #000;
}
/* =========================================== */
/* CSS for control sap.ui.unified/ShellLayout  */
/* BlueCrystal theme                           */
/* =========================================== */
/*#e5f2f9*/
._sapUiUfdShellSubHdr {
  /* Testpage only */
  background-color: #f2f2f2;
  color: #000;
}
.sapUiUfdShell .sapUiUfdShellHead {
  background-color: #000;
}
.sapUiUfdShell .sapUiUfdShellHead > div {
  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-image: -webkit-linear-gradient(top, #f7f7f7 0, #f2f2f2 33%, #f2f2f2 75%, #ededed 100%);
  background: linear-gradient(top, #f7f7f7 0, #f2f2f2 33%, #f2f2f2 75%, #ededed 100%);
}
.sapUiUfdShell.sapUiUfdShellCurtainVisible .sapUiUfdShellHead,
.sapUiUfdShell.sapUiUfdShellCurtainVisible .sapUiUfdShellHead > div {
  background: none;
  background-color: #f2f2f2;
  filter: none;
}
.sapUiUfdShellCurtain {
  border-bottom: 1px solid #666;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.97) 0%, rgba(254, 254, 251, 0.97) 100%);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.97) 0%, rgba(254, 254, 251, 0.97) 100%);
  background-attachment: fixed;
  background-repeat: repeat, no-repeat;
}
/* ============================================ */
/* CSS for control sap.ui.unified/ShellOverlay  */
/* BlueCrystal theme                            */
/* ============================================ */
.sapUiUfdShellOvrlyHeadCntnt {
  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-image: -webkit-linear-gradient(top, #f7f7f7 0, #f2f2f2 33%, #f2f2f2 75%, #ededed 100%);
  background: linear-gradient(top, #f7f7f7 0, #f2f2f2 33%, #f2f2f2 75%, #ededed 100%);
  box-shadow: inset 0 -0.0625em #666;
}
.sapUiUfdShellOvrlyHeadClose,
.sapUiUfdShellOvrlyHeadClose:hover,
.sapUiUfdShellOvrlyHeadClose:focus,
.sapUiUfdShellOvrlyHeadClose:visited {
  color: #000;
  text-shadow: none;
}
.sapUiUfdShellOvrlyHeadClose:active {
  background-color: #cddc00;
  color: #fff;
}
/**
* Copyright (c) 2013 SAP AG, All Rights Reserved
* Theming Engine 1.11.0
* data:{"sModified":"2015-09-27T09:00:58-02:00"}
*/
/******************* FILE /UI5/sap/ui/core/themes/nextfarming/global.less *******************/
/******************* FILE /UI5/sap/ui/unified/themes/nextfarming/library.less *******************/
/*# sourceMappingURL=library.css.map */