/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * ${copyright}
 */

@import "../base/library.less";
@import "../../../../sap/ui/core/themes/sap_hcb/global.less";
/* START "shared.css" */
/* This CSS shares it rules with all other CSS of this library */

/* END "shared.css" */


/* START "Calendar.less" */
.sapMeCalendar{
	background-color:@sapUiLightestBG;
}

.sapMeCalendar > .sapMeCalendarMonth > div.sapMeCalendarMonthName {
	height:3rem;
	line-height:3rem;
	padding:0;
	font-family:@sapUiFontFamily;
	font-size:1rem;
	color:@sapUiDarkText;
}

.sapMeCalendar > .sapMBtn > .sapMBtnContent{
	font-size:0;
}

.sapMeCalendar > .sapMeCalendarMonthNotSingle > div.sapMeCalendarMonthDayNames,
.sapMeCalendar > .sapMeCalendarMonthNotSingle > div.sapMeCalendarMonthDays {
	margin-left:0.5rem;
	margin-right:0.5rem;
}

.sapMeCalendar > .sapMeCalendarPrevious {
	font-size:1.375rem;
	width:3rem;
	height:3rem;
	line-height:3rem;
}

.sapMeCalendar > .sapMeCalendarNext{
	font-size:1.375rem;
	width:3rem;
	height:3rem;
	line-height:3rem;
}

.sapMeCalendar > .sapMeCalendarPrevious:active{
	background: @sapUiHighlight;
	color:@sapUiTextInverted;
}

.sapMeCalendar > .sapMeCalendarNext:active{
	background: @sapUiHighlight;
	color:@sapUiTextInverted;
}

.sapMeCalendar > .sapMeCalendarMonth > div > .sapMeCalendarMonthDay{
	font-family:@sapUiFontFamily;
	font-size:0.625rem;
	color:@sapUiLightText;
	text-transform:uppercase;
}

.sapMeCalendar > .sapMeCalendarMonth > div.sapMeCalendarMonthDayNames{
	font-size:0;
	height:0.9375rem;
}

.sapMeCalendar > .sapMeCalendarMonth > div.sapMeCalendarMonthDayNames {
	margin-top:1rem;
}

.sapMeCalendar > .sapMeCalendarMonth > div.sapMeCalendarMonthDays {
	margin-bottom:1rem;
}

.sapMeCalendar > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarSelected:not(.sapMeCalendarDayNotInCurrentMonth).sapMeCalendarDayNow:before {
	content: "";
	position: absolute;
	top:-0.063rem;
	right:0;
	bottom:0;
	left:-0.063rem;
}

.sapMeCalendar > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay {
	font-family:@sapUiFontFamily;
	font-weight: bold;
	font-size:1.125rem;
	padding: 0.688rem 0;
	position:relative;
}

.sapMeCalendar > .sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarDayNow:before {
	content: "";
	position: absolute;
	top:-0.063rem;
	right:0;
	bottom:0;
	left:-0.063rem;
}

/* Normal day */
.sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay {
  color:@sapUiLightText;
  background:@sapUiExtraLightBG;
  vertical-align: top;
}

.sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay:not(.sapMeCalendarDayNotInCurrentMonth) {
  border: 0.063rem solid @sapHCReducedAltFG;
}

/* Today */
.sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarDayNow:not(.sapMeCalendarDayNotInCurrentMonth) {
  color: @sapUiLightText;
}

/* Today */
.sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarDayNow:before {
  border:0.225rem solid  @sapHCStandardFG;
}

/* Today not in month*/
.sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarDayNow:before.sapMeCalendarDayNotInCurrentMonth{
  border:none;
}

/* Weekend (00) */
.sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarWeekendDay {
  color: @sapUiTextInverted;
  background: @sapHCReducedBG;
}

.sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarWeekendDay.sapMeCalendarDayNotInCurrentMonth {
  color: @sapUiTextInverted;
  background: @sapUiExtraLightBG;
}

/* Selected */
.sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarSelected:not(.sapMeCalendarDayNotInCurrentMonth) {
  color: @sapUiTextInverted;
  background: @sapHCHighlightAltBG;
}

.sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType00 {
  color: @sapUiTextInverted;
  background: @sapHCReducedBG;
}
.sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarSelected:not(.sapMeCalendarDayNotInCurrentMonth).sapMeCalendarType00 {
  color: @sapUiTextInverted;
  background: @sapHCHighlightAltBG;
}
.sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType01 {
  color: @sapUiTextInverted;
  background-color : darken(@sapHCPositive,15);
}
.sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType04 {
  color: @sapUiTextInverted;
  background-color : lighten(@sapHCPositive,10);
}
.sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType06 {
  color: @sapUiTextInverted;
  background-color : @sapHCCritical;
}
.sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType07 {
  color: @sapUiTextInverted;
  background-color : lighten(@sapHCNegative,10);
}


/* Type 10 to force to be displayed as working day */
.sapMeCalendarMonth > div.sapMeCalendarMonthDays > .sapMeCalendarMonthDay.sapMeCalendarType10 {
  color: @sapUiLightText;
  background: @sapHCStandardBG;
}



/* END "Calendar.less" */

/* START "CalendarLegend.less" */
/* ============================================= */
/* CSS for control sap.me/CalendarLegend.control */
/* ============================================= */

.sapUIMeLegendColor {
  border: 0.063rem solid @sapHCReducedAltFG;
}

.sapUIMeLegendColorForType00 {
	background-color: @sapHCReducedBG;
}

.sapUIMeLegendColorForType01 {
	background-color: darken(@sapHCPositive,15);
}

.sapUIMeLegendColorForType04 {
	background-color: lighten(@sapHCPositive,10);
}

.sapUIMeLegendColorForType06 {
	background-color: @sapHCCritical;
}

.sapUIMeLegendColorForType07 {
	background-color: lighten(@sapHCNegative,10);
}

.sapUIMeLegendColorForToday {
    border:0.225rem solid  @sapHCStandardFG;
	width: 0.875rem;
	height: 0.875rem;
}

.sapUIMeLegendColorForSelected {
	background-color: @sapHCHighlightAltBG;
}

.sapUIMeLegendColorForSelected00 {
	background-color: @sapHCHighlightAltBG;
}



/* END "CalendarLegend.less" */

/* START "OverlapCalendar.less" */
/* Overlap Calendar Grid */
.sapMeOverlapCalendarGrid{
  border-bottom-color: @sapUiLightestBorder;
}
.sapMeOverlapCalendarRow{

}
.sapMeOverlapCalendarOverlapIndicator{
  border-top-color: @sapUiLightestBorder;
  border-bottom-color: @sapUiLightestBorder;
}

.sapMeOverlapCalendarNameLbl {
  background: @sapHCStandardBG;
  padding:.125rem;
}

.sapMeOverlapCalendarTypeLbl {
  background: rgba(255,255,255,.6);
  color: @sapHCStandardBG;
}
.sapMeOverlapCalendarDay{
  border-bottom-color: @sapUiLightestBorder;
  border-left-color: @sapUiLightestBorder;
}
.sapMeOverlapCalendarHalfDay {
  border-bottom-color: @sapUiLightestBorder;
  border-left-color: @sapUiLightestBorder;
}

.sapMeOverlapCalendarTypeHalfDayEnd {
  z-index: 2;
}

.sapMeOverlapCalendarType00 {
  background-color : @sapMeOverlapCalendarType00;
  z-index: -2;
}

.sapMeOverlapCalendarType00HalfDayStart {
  z-index: 2;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, @sapMeOverlapCalendarType00), color-stop(50%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top left, @sapMeOverlapCalendarType00 50%, rgba(0, 0, 0, 0) 50%);
  background: -moz-linear-gradient(top left, @sapMeOverlapCalendarType00 50%, rgba(0, 0, 0, 0) 50%);
  background: -o-linear-gradient(top left, @sapMeOverlapCalendarType00 50%, rgba(0, 0, 0, 0) 50%);
  background: linear-gradient(to bottom right, @sapMeOverlapCalendarType00 50%, rgba(0, 0, 0, 0) 50%);
}

.sapMeOverlapCalendarType00HalfDayEnd {
  z-index: 2;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(53%, rgba(0, 0, 0, 0)), color-stop(50%, @sapMeOverlapCalendarType00));
  background: -webkit-linear-gradient(top left, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType00 50%);
  background: -moz-linear-gradient(top left, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType00 50%);
  background: -o-linear-gradient(top left, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType00 50%);
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType00 50%);
}

.sapMeOverlapCalendarType01 {
  background-color : @sapMeOverlapCalendarType01;
}

.sapMeOverlapCalendarType01HalfDayStart {
  z-index: 2;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, @sapMeOverlapCalendarType01), color-stop(50%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top left, @sapMeOverlapCalendarType01 50%, rgba(0, 0, 0, 0) 50%);
  background: -moz-linear-gradient(top left, @sapMeOverlapCalendarType01 50%, rgba(0, 0, 0, 0) 50%);
  background: -o-linear-gradient(top left, @sapMeOverlapCalendarType01 50%, rgba(0, 0, 0, 0) 50%);
  background: linear-gradient(to bottom right, @sapMeOverlapCalendarType01 50%, rgba(0, 0, 0, 0) 50%);
}

.sapMeOverlapCalendarType01HalfDayEnd {
  z-index: 2;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(53%, rgba(0, 0, 0, 0)), color-stop(50%, @sapMeOverlapCalendarType01));
  background: -webkit-linear-gradient(top left, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType01 50%);
  background: -moz-linear-gradient(top left, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType01 50%);
  background: -o-linear-gradient(top left, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType01 50%);
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType01 50%);
}

.sapMeOverlapCalendarType04 {
  background-color : @sapMeOverlapCalendarType04;
}

.sapMeOverlapCalendarType04HalfDayStart {
  z-index: 1;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, @sapMeOverlapCalendarType04), color-stop(50%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top left, @sapMeOverlapCalendarType04 50%, rgba(0, 0, 0, 0) 50%);
  background: -moz-linear-gradient(top left, @sapMeOverlapCalendarType04 50%, rgba(0, 0, 0, 0) 50%);
  background: -o-linear-gradient(top left, @sapMeOverlapCalendarType04 50%, rgba(0, 0, 0, 0) 50%);
  background: linear-gradient(to bottom right, @sapMeOverlapCalendarType04 50%, rgba(0, 0, 0, 0) 50%);
}

.sapMeOverlapCalendarType04HalfDayEnd {
  z-index: 1;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(53%, rgba(0, 0, 0, 0)), color-stop(50%, @sapMeOverlapCalendarType04));
  background: -webkit-linear-gradient(top left, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType04 50%);
  background: -moz-linear-gradient(top left, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType04 50%);
  background: -o-linear-gradient(top left, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType04 50%);
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType04 50%);
}


.sapMeOverlapCalendarType06 {
  background-color : @sapMeOverlapCalendarType06;
  z-index: -1;
}

.sapMeOverlapCalendarType06HalfDayStart {
  z-index: 2;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, @sapMeOverlapCalendarType06), color-stop(50%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top left, @sapMeOverlapCalendarType06 50%, rgba(0, 0, 0, 0) 50%);
  background: -moz-linear-gradient(top left, @sapMeOverlapCalendarType06 50%, rgba(0, 0, 0, 0) 50%);
  background: -o-linear-gradient(top left, @sapMeOverlapCalendarType06 50%, rgba(0, 0, 0, 0) 50%);
  background: linear-gradient(to bottom right, @sapMeOverlapCalendarType06 50%, rgba(0, 0, 0, 0) 50%);
}

.sapMeOverlapCalendarType06HalfDayEnd {
  z-index: 2;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(53%, rgba(0, 0, 0, 0)), color-stop(50%, @sapMeOverlapCalendarType06));
  background: -webkit-linear-gradient(top left, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType06 50%);
  background: -moz-linear-gradient(top left, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType06 50%);
  background: -o-linear-gradient(top left, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType06 50%);
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType06 50%);
}

.sapMeOverlapCalendarType07 {
  background-color : @sapMeOverlapCalendarType07;
}

.sapMeOverlapCalendarType07HalfDayStart {
  z-index: 1;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, @sapMeOverlapCalendarType07), color-stop(50%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top left, @sapMeOverlapCalendarType07 50%, rgba(0, 0, 0, 0) 50%);
  background: -moz-linear-gradient(top left, @sapMeOverlapCalendarType07 50%, rgba(0, 0, 0, 0) 50%);
  background: -o-linear-gradient(top left, @sapMeOverlapCalendarType07 50%, rgba(0, 0, 0, 0) 50%);
  background: linear-gradient(to bottom right, @sapMeOverlapCalendarType07 50%, rgba(0, 0, 0, 0) 50%);
}

.sapMeOverlapCalendarType07HalfDayEnd {
  z-index: 1;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(53%, rgba(0, 0, 0, 0)), color-stop(50%, @sapMeOverlapCalendarType07));
  background: -webkit-linear-gradient(top left, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType07 50%);
  background: -moz-linear-gradient(top left, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType07 50%);
  background: -o-linear-gradient(top left, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType07 50%);
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0) 53%, @sapMeOverlapCalendarType07 50%);
}

/* END "OverlapCalendar.less" */