/**
 *
 * Calendar - Mobile
 *
 * Please do NOT change app.css directly, instead change app.less and compile it!
 * Pixleegg Template app.css
 * @link http://www.egroupware.org
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @author Hadi Nategh <hn@stylite.de>
 * @package calendar
 */
@import (less) "../default/app.less";
/* tablets and smartphones  */
@media screen and (max-width: 800px) {
  #calendar-toolbar {
	// Hide toolbar add button, small screens get the corner one
	#calendar-toolbar_add {
	  display: none;
	}
  }
}
@media all {

  #calendar-add_calendar-add {
	width: 100%;
	--label-width: 10em;
  }
  #calendar-edit #calendar-edit_calendar-edit-details {
		float: none;
		display: initial;
	}
	span[id^="calendar-list_"][id$="title]"] {
		font-size: 12pt;
		white-space: nowrap;
	}
	div.calDescRow {
		height: 30px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	label[id^="calendar-list_"][id$="start]"]> time ,label[id^="calendar-list_"][id$="end]"]> time{
		float: none;
		color:#828282;
	}

	.calDates .dash {
		text-align: center;
		padding: 0px 5px 0 5px !important;
	}
	#calendar-list  {
		margin-right: 0px;
		button.plus_button {bottom: 85px ;}
	}
	#calendar-edit_category {max-width: 100%;}
	#calendar-edit #calendar-edit_whole_day {margin:0;}
	.quantity{margin-left:5px;}
	#popupMainDiv .et2_date.calendar_alarm_date_display {padding-left: 3px;}
	#calendar-view {
		button.plus_button {
			bottom: 15px;
		}
	}

	#calendar-edit button#calendar-edit_freetime {
		margin-left: 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		padding-right: 0;
		height: 45px;
		vertical-align: top;
		width: 100%;
	}
	#calendar-view_header_dateIndicator {
		display: block;
		text-align: center;
		padding: 4px;
		font-size: 10pt;
		color: #707070;
	}
}