/* –––––––  just some general stuff  ––––––– */

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	
	background: #000;
	color: #FFF;
	
}

body, input, textarea,
body.sf-font header#the-header .header-timetable .class-picker span {
	font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', sans-serif;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}

body.sf-font #loaded-timetable table {
	/* font: -apple-system-body; */
}

/*
body.sf-font .ui-medium-font,
body.sf-font .view-title,
body.sf-font .menucard .section-main > small,
body.sf-font .menucard .section-main > h2,
body.sf-font .sh-popover.timetable_lesson_popover .sh-popovercontent,
body.sf-font .sh-popover.timetable_lesson_popover .sh-popovercontent .r,
body.sf-font div#mail-welcome-hero > h2,
body.sf-font .mail-setup-button, .mail-submit-button,
body.sf-font #mail-loading-first-time b,
body.sf-font .mail-obj b, .mail-obj p,
body.sf-font .panel-header .confirm-button,
body.sf-font .panel-header .close-button,
body.sf-font .panel-header .panel-title,
body.sf-font .theme-option-text,
body.sf-font .theme-option[data-theme="edition"] .theme-option-text b,
body.sf-font .subject-detail-mark span.title,
body.sf-font .settings-wrapper .info-inner .info-madeby b,
body.sf-font .settings-wrapper .support-inner .no-internet,
body.sf-font .settings-wrapper .support-inner .no-internet span,
body.sf-font #ui-sheet-knowledgebase-article .knowledgebase-title,
body.sf-font #ui-sheet-knowledgebase-article .knowledgebase-content {
	font-family: -apple-system-body;
}
*/

#preload {
	display: none;
}



/* –––––––  that fancy header  ––––––– */

#the-header,
#the-header-canvas {
	
	background: #19DFDB;
	background: #FF0089;
	
	color: #FFF;

	position: fixed;

	top: 0;
	left: 0;

	width: 100%;
	height: 36px;

	z-index: 1001;
	
}

#the-header .view-title,
#the-header .view-title-2,
#the-header-canvas .view-title {
	
	position: fixed;
	
	top: 0;
	left: 0;
	
	width: 100%;
	height: 36px;
	
	text-align: center;
	pointer-events: none;
	
	font-size: 17px;
	line-height: 34px;
	
}

#the-header .class-picker,
#the-header-canvas .class-picker {
	border: 1px solid #FFF;
	border-radius: 3px;
	
	padding: 4px 6px;
	width: 50px;
	
	background: transparent url('../assets_n/icon_down.png') 43px 10px no-repeat;
	background-size: 11px 6px;
	
	font-size: 14px;
	
	position: fixed;
	cursor: default;
	
	left: 10px;
	margin-top: 4px;
	
}

#the-header .overview-button, 
#the-header .week-button-lefty, 
#the-header .week-button-righty, 
#the-header .day-button-lefty, 
#the-header .day-button-righty,
#the-header-canvas .overview-button, 
#the-header-canvas .week-button-lefty, 
#the-header-canvas .week-button-righty {
	
	width: 32px;
	height: 32px;
	
	background: transparent url('../assets_n/icon_overview.png') no-repeat center center;
	background-size: 17px 21px;
	
	position: fixed;
	margin-top: 2px;
	
}

#the-header .overview-button, #the-header-canvas .overview-button { left: 84px; margin-top: 0; }
#the-header .week-button-lefty, #the-header .day-button-lefty, #the-header-canvas .week-button-lefty { right: 64px; background-image: url('../assets_n/icon_lefty.png'); background-size: 11px 20px; }
#the-header .week-button-righty, #the-header .day-button-righty, #the-header-canvas .week-button-righty { right: 11px; background-image: url('../assets_n/icon_righty.png'); background-size: 11px 20px; }

#wrapper.ui-timetable-overview-active
#the-header .overview-button {
	background-image: url('../assets_n/icon_overview_selected.png');
	background-size: 24px 25px;
}

body.environment-ios #wrapper #the-header .overview-button,
body.environment-ios #wrapper #the-header-canvas .overview-button {
	margin-top: 2px;
}



/* –––––––  Retina HD corrections for ultimate perfection  ––––––– */

@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 401dpi) { 
	#the-header .class-picker,
	#the-header-canvas .class-picker {
		background-position: 43px 11px;
	}
}



/* –––––––  environment integrity  ––––––– */

.environment-seamless #the-header { height: 62px; }

.environment-seamless #the-header .header-content,
.environment-seamless #the-header .view-title,
.environment-seamless #the-header .view-title-2 { margin-top: 22px; }

.environment-seamless .timetable-wrapper { margin-top: 62px; }



/* –––––––  other responsive design stuff  ––––––– */

@media screen and (max-width: 349px) {
	
	#the-header .header-timetable .overview-button   { left:  80px; }	
	#the-header .header-timetable .week-button-lefty { right: 54px; }
	#the-header .header-timetable .week-button-righty { right: 8px; }
	#the-header .header-timetable .view-title { padding-left: 11px; }

}


/* –––––––  the remarkable saliorel UI-Kit  ––––––– */

.ui-background-transitioning,
#wrapper #the-tabbar.ui-background-transitioning {
	
	-webkit-transition: background 0.6s;
	-moz-transition: 	background 0.6s;
	-ms-transition: 	background 0.6s;
	-o-transition: 		background 0.6s;
	transition: 		background 0.6s;
	
}

.ui-medium-font,
.view-title,
.view-title-2 {
	font-family: 'HelveticaNeue-Medium', 'HelveticaNeue-Bold', 'Helvetica Neue', Helvetica, 'Segoe UI', sans-serif;	
	/* 'SanFranciscoDisplay-Medium', 'SanFranciscoDisplay-Semibold', 'San Francisco', 'San Francisco Display',  */
}

.ui-bold {
	font-weight: bold;
}

.ui-null {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}

.ui-group {
	margin: 20px 0;
	margin-bottom: 50px;
}

.ui-group .ui-list-label {
	padding: 8px 16px;
	padding-top: 0;
	
	font-size: 16px;
	
	display: block;
}

.ui-group .ui-list {
	margin-top: 8px;
}

.ui-group .ui-list > .ui-item {
	background: #FFF;
	color: #000;
	
	margin-bottom: 2px;
	padding: 14px 16px;
	
	display: block;
	-webkit-touch-callout: none;
}

.ui-group.ui-vibrant .ui-list > .ui-item {
	background: #000;
	background: rgba(249, 252, 253, 0.05);
	
	color: #C0DDEA;
}

.ui-group.ui-vibrant.search-results .ui-list > .ui-item {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

.ui-group .ui-list > .ui-item > .ui-dot {
	width: 8px;
	height: 8px;
	
	background: #9BBAC8;
	display: inline-block;
	
	margin: 2px;
	margin-left: 6px;
	
	border-radius: 4px;
}

.ui-group .ui-list > .ui-item > .ui-dot + span {
	padding-left: 6px;
}

#wrapper .ui-dot.ui-color-red { background: #FF7070; }
#wrapper .ui-dot.ui-color-lime { background: #D3FF70; }
#wrapper .ui-dot.ui-color-blue { background: #70bfff; }
#wrapper .ui-dot.ui-color-gray { background: #C9C9C9; }
#wrapper .ui-dot.ui-color-white { background: #FFFFFF; }
#wrapper .ui-dot.ui-color-orange { background: #F2A050; }
#wrapper .ui-dot.ui-color-yellow { background: #FFF633; }
#wrapper .ui-dot.ui-color-turquoise { background: #4eedc8; }

.ui-list > .ui-item > .ui-sidelabel {
	float: right;
	
	opacity: 0.4;
	padding-right: 5px;
}

.ui-group.ui-vibrant .ui-list > .ui-item.ui-item-mousedown {
	background: rgba(249, 252, 253, 0.15);
}

.ui-switch {
	background: #55666B;
	border-radius: 14px;
	
	height: 28px;
	width: 46px;
	
	-webkit-transition: background 0.25s;
	-moz-transition: 	background 0.25s;
	-ms-transition: 	background 0.25s;
	-o-transition: 		background 0.25s;
	transition: 		background 0.25s;
	
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}

.ui-list > .ui-item .ui-switch {
	margin-top: -4px;
	float: right;
}

.ui-switch.ui-on {
	background: #48CD5F;
}

.ui-switch > .ui-switch-element {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	border-radius: 12px;
	
	background: #FFF;
	margin: 2px;
	
	height: 24px;
	width: 24px;
	
	-webkit-transition: 0.25s margin-left;
	-moz-transition: 0.25s margin-left;
	-ms-transition: 0.25s margin-left;
	-o-transition: 0.25s margin-left;
	transition: 0.25s margin-left;
	
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}

.ui-switch.ui-on > .ui-switch-element {
	margin-left: 20px;
}

.ui-item.new-group {
	margin-top: 44px;
}

.ui-item .ui-arrow-right {
	width: 8px;
	height: 19px;
	
	background: transparent url('../assets_n/icon_righty.png') no-repeat center center;
	background-size: 8px 15px;
  
	margin-right: 2px;
	
	opacity: 0.75;
	float: right;
}



/* –––––––– the amazing class picker ––––––– */

#the-view, #the-tabbar {
	-webkit-transition: -webkit-filter 0.3s, opacity 0.3s;
	-moz-transition: 	-moz-filter 0.3s, opacity 0.3s;
	-ms-transition: 	-ms-filter 0.3s, opacity 0.3s;
	-o-transition: 		-o-filter 0.3s, opacity 0.3s;
	transition: 		filter 0.3s, opacity 0.3s;
	
	-webkit-transform: translateZ(0);
	-webkit-filter: blur(0);
	
	-moz-transform: translateZ(0);
	-moz-filter: blur(0);
	
	-ms-transform: translateZ(0);
	-ms-filter: blur(0);
	
	-o-transform: translateZ(0);
	-o-filter: blur(0);
	
	transform: translateZ(0);
	filter: blur(0);
}

.ui-blurred #the-view {
	-webkit-filter: blur(12px);
	-moz-filter: blur(12px);
	-ms-filter: blur(12px);
	-o-filter: blur(12px);
	filter: blur(12px);
	
	pointer-events: none;
	opacity: 0.85;
}

.ui-blurred #the-tabbar {
	pointer-events: none;
	opacity: 0;
}

#the-classpicker {
	opacity: 0;
	cursor: default;
	pointer-events: none;
	
	position: fixed;
	padding-top: 72px;
	
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	
	-webkit-transition:  opacity 0.5s;
	-moz-transition: 	 opacity 0.5s;
	-ms-transition: 	 opacity 0.5s;
	-o-transition: 		 opacity 0.5s;
	transition: 		 opacity 0.5s;
}

#the-header .class-picker {
	-webkit-transition: background 0.25s, color 0.25s;
	-moz-transition: 	background 0.25s, color 0.25s;
	-ms-transition: 	background 0.25s, color 0.25s;
	-o-transition: 		background 0.25s, color 0.25s;
	transition: 		background 0.25s, color 0.25s;
	
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.ui-classpicker-active #the-header .class-picker {
	background: #FFF url('../assets_n/arrow_down_themed.png') 43px 10px no-repeat;
	background-size: 11px 6px;
	
	color: #14A7A4;
}

.ui-classpicker-active #the-classpicker {
	opacity: 1;
	pointer-events: all;
	
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.class-picker-searchbar input {
	display: none;
}

.class-picker-searchbar,
.ui-classpicker-active .week-button-lefty,
.ui-classpicker-active .week-button-righty,
.ui-classpicker-active .overview-button,
.ui-classpicker-active .view-title {
	opacity: 0;
	pointer-events: none;
}

.class-picker-searchbar, .week-button-lefty,
.week-button-righty, .overview-button, .view-title,
.view-subtitle {
	-webkit-transition: 0.25s opacity;
	-moz-transition: 0.25s opacity;
	-ms-transition: 0.25s opacity;
	-o-transition: 0.25s opacity;
	transition: 0.25s opacity;
}

.ui-classpicker-active .header-loader {
	visibility: hidden;
}

.ui-classpicker-active .class-picker-searchbar {
	opacity: 1;
	pointer-events: all;
}

.class-picker-searchbar {
	position: relative;
	width: 74%;
	
	left: 80px;
	top: 4px;
	
	font-size: 14px;
	
	border: 1px solid transparent;
	cursor: default;
	
	background: rgb(20, 167, 164) url('../assets_n/search_white.png') no-repeat 8px 6px;
	background-size: 13px 13px;
	
	color: #FFFFFF;
	
	width: calc(100% - 90px);	
	border-radius: 3px;

	padding: 3px 0;
	line-height: 18px;
}

.class-picker-searchbar .ui-placeholder {
	padding-left: 28px;
}

.environment-ios .class-picker-searchbar {
	padding-bottom: 4px;
	line-height: 19px;
}

.ui-classpicker-search .class-picker-searchbar .ui-placeholder {
	display: none;
}

.ui-classpicker-search .class-picker-searchbar input {
	background: transparent;
	display: block;
	
	outline: none;
	border: none;
	
	padding-left: 28px;
	border-radius: 0;
	
	width: 80%;
	width: calc(100% - 32px);
	
	pointer-events: all;
	color: #FFF;
	
	font-size: 14px;
	line-height: 18px;
}

.environment-ios .ui-classpicker-search .class-picker-searchbar input {
	line-height: 19px;	
}

.classpicker-content .still-typing span {
	text-align: center;
	display: block;
	
	padding: 10px 0;
	opacity: 0.75;
}

.classpicker-content .still-typing { display: none; }
.ui-classpicker-typing .classpicker-content .ui-group { display: none; }
.ui-classpicker-typing .classpicker-content .still-typing { display: block; }
.ui-classpicker-results .classpicker-content .classpicker-recents { display: none; }



/* –––––––– the georgeous tab view –––––––– */

#the-tabbar {
	position: fixed;
	
	width: 100%;
	height: 61px;
	
	bottom: 0;
	z-index: 1005;
	
	background: #1B2324;
	border-top: 1px solid #182122;
}

#the-tabbar .tabbar-content {
	text-align: center;
	align-items: center;
}

#the-tabbar .tab-button {
	width: 24px;
	height: 61px;
	
	padding: 0 25px;
	display: inline-block;
}

#the-tabbar div.tab-button {
	background: transparent url('../assets_n/salisheet.png?v=2') center center no-repeat;
	
	background-size: 262px 330px;
	background-position: 4px 6px;

	width: 40px;
	height: 41px;

	padding: 0;
	margin: 9px 15px;
}

#the-tabbar div.tab-button-timetable { background-position: 2px 6px; }
#the-tabbar div.tab-button-fork { background-position: -54px 6px; }
#the-tabbar div.tab-button-mail { background-position: -114px 6px; }
#the-tabbar div.tab-button-noten { background-position: -173px 5px; }
#the-tabbar div.tab-button-settings { background-position: -230px 5px; }

#the-tabbar div.tab-button-timetable.selected { background-position: 2px -31px; }
#the-tabbar div.tab-button-fork.selected { background-position: -54px -31px; }
#the-tabbar div.tab-button-mail.selected { background-position: -114px -31px; }
#the-tabbar div.tab-button-noten.selected { background-position: -173px -32px; }
#the-tabbar div.tab-button-settings.selected { background-position: -230px -32px; }

@media screen and (min-width: 470px) {
	#the-tabbar div.tab-button { margin: 9px 25px; }
}
@media screen and (max-width: 390px) {
	#the-tabbar div.tab-button { margin: 9px 11px; }	
}
@media screen and (max-width: 330px) {
	#the-tabbar div.tab-button { margin: 9px 8px; }	
}
@media screen and (max-width: 302px) {
	#the-tabbar div.tab-button { margin: 9px 7px; }	
}



/* –––––––– the lovely activity bar –––––––––– */

.header-loader {
	height: 2px;
	width: 0%;
	
	top: 8px;
	
	position: relative;
	background: #FFF;
}



/* –––––––– the nice timetable (mostly seamlessly copied from saliorel 3.0) –––––––– */

.timetable-wrapper {
	width: 100%;
	height: 100%;
	
	overflow: scroll;
	margin-top: 36px;
}

.timetable-inner,
.timetable-inner-splitivew {
	/*
	-webkit-transition: margin-top 0.1s, margin-left 0.1s, opacity 0.1s;
	-moz-transition: 	-moz-transform 0.1s, margin-top 0.1s, margin-left 0.1s, opacity 0.1s;
	-ms-transition: 	-ms-transform 0.1s, margin-top 0.1s, margin-left 0.1s, opacity 0.1s;
	-o-transition: 		-o-transform 0.1s, margin-top 0.1s, margin-left 0.1s, opacity 0.1s;
	transition: 		margin-top 0.1s, margin-left 0.1s, opacity 0.1s;
	*/
	
	-webkit-transition: -webkit-transform 0.3s, margin-left 0.3s, margin-top 0.3s, opacity 0.2s;
	-moz-transition: 	-moz-transform 0.3s,	margin-left 0.3s, margin-top 0.3s, opacity 0.2s;
	-ms-transition: 	-ms-transform 0.3s, 	margin-left 0.3s, margin-top 0.3s, opacity 0.2s;
	-o-transition: 		-o-transform 0.3s, 		margin-left 0.3s, margin-top 0.3s, opacity 0.2s;
	transition: 		transform 0.3s, 		margin-left 0.3s, margin-top 0.3s, opacity 0.2s;
	
	opacity: 1;
}

div#loaded-timetable > table,
div#loaded-timetable-canvas > table,
div.loaded-timetable-peek > table {
	border-spacing: 1px;
	border-collapse: separate;

	width: 100%;
	background: #000;

	-webkit-transition: background 0.6s;
	-moz-transition: 	background 0.6s;
	-ms-transition: 	background 0.6s;
	-o-transition: 		background 0.6s;
	transition: 		background 0.6s;
}

div#loaded-timetable > table td,
div#loaded-timetable-canvas > table td,
div.loaded-timetable-peek > table td {
	background: #11303C;
	color: #8CC5DD;

	cursor: default;

	-webkit-transition: background 0.6s, color 0.6s;
	-moz-transition: 	background 0.6s, color 0.6s;
	-ms-transition: 	background 0.6s, color 0.6s;
	-o-transition: 		background 0.6s, color 0.6s;
	transition: 		background 0.6s, color 0.6s;
}

div#loaded-timetable > table td.m,
div#loaded-timetable-canvas > table td.m,
div.loaded-timetable-peek > table td.m {
	background: #153745;
	color: #D6E9F0;

	cursor: default;
}

div#loaded-timetable > table td:hover {
	background: #12323F;
}

div#loaded-timetable > table td.m:hover {
	background: #184051;
}

div#loaded-timetable > table th,
div#loaded-timetable-canvas > table th,
div.loaded-timetable-peek > table th {
	background: black;
	cursor: default;

	color: #6F9CA3;

	-webkit-transition: background 0.6s, color 0.6s;
	-moz-transition: 	background 0.6s, color 0.6s;
	-ms-transition: 	background 0.6s, color 0.6s;
	-o-transition: 		background 0.6s, color 0.6s;
	transition: 		background 0.6s, color 0.6s;
}

div#loaded-timetable > table tr,
div#loaded-timetable-canvas > table tr,
div.loaded-timetable-peek > table tr {
	font-size: 13px;
	text-align: center;
}

div#loaded-timetable > table th,
div#loaded-timetable > table td,
div.loaded-timetable-peek > table th,
div.loaded-timetable-peek > table td,
div#loaded-timetable-canvas > table th,
div#loaded-timetable-canvas > table td {
	height: 55px;
	
	max-width: 220px;
	min-width: 100px;

	-webkit-transition: min-width 0.5s, height 0.5s, background 0.6s, color 0.6s, line-height 0.6s;
	-moz-transition: 	min-width 0.5s, height 0.5s, background 0.6s, color 0.6s, line-height 0.6s;
	-ms-transition:		min-width 0.5s, height 0.5s, background 0.6s, color 0.6s, line-height 0.6s;
	-o-transition: 		min-width 0.5s, height 0.5s, background 0.6s, color 0.6s, line-height 0.6s;
	transition: 		min-width 0.5s, height 0.5s, background 0.6s, color 0.6s, line-height 0.6s;
}

#timetable-wrapper.compact div#loaded-timetable > table th,
#timetable-wrapper.compact div#loaded-timetable > table td {
	min-width: 50px;
}

.tight-timetable-layout div#loaded-timetable > table tr th:first-child {
		width: 72px;
	font-size: 11px;
}

div#loaded-timetable > table td.m.somewhatfree .kf,
div#loaded-timetable-canvas > table td.m.somewhatfree .kf,
div.loaded-timetable-peek > table td.m.somewhatfree .kf {
	color: #FFF;
	background: #F8007B;

	padding:3px 9px;
}

div#loaded-timetable > table tr:first-child > th,
div#loaded-timetable-canvas > table tr:first-child > th,
div.loaded-timetable-peek > table td.m.somewhatfree .kf { padding-top: 5px; }

div#loaded-timetable > table td.m .kf,
div#loaded-timetable-canvas > table td.m .kf,
div.loaded-timetable-peek > table td.m .kf { color: #000; text-decoration: line-through; }

div#loaded-timetable > table td.m.free,
div#loaded-timetable-canvas > table td.m.free,
div.loaded-timetable-peek > table td.m.free {
	-webkit-transition: 0.25s background;
	-moz-transition: 	0.25s background;
	-ms-transition: 	0.25s background;
	-o-transition: 		0.25s background;
	transition: 		0.25s background;

	background: #FF4F7C;
	box-shadow: 0 0 25px rgba(255, 0, 137, 0);
}

div#loaded-timetable > table td.m.free:hover { background: #C7006B; }

div#loaded-timetable > table td.m.changetd,
div#loaded-timetable-canvas > table td.m.changetd,
div.loaded-timetable-peek > table td.m.changetd, { 
	background: #F7B819;
	color: #000;
}

div#loaded-timetable > table td.m .substchanged,
div#loaded-timetable-canvas > table td.m .substchanged,
div.loaded-timetable-peek > table td.m .substchanged {
	background: #11303C;
	color: #16E48E;

	font-weight: bold;
	line-height: 22px;
	
	padding: 2px 6px;
	padding-left: 7px;
}

div#loaded-timetable > table td.e.do,
div#loaded-timetable-canvas > table td.e.do,
div.loaded-timetable-peek > table td.e.do { padding: 0 20px; }

div#loaded-timetable > table td.m.somewhatfree.hasChanged,
div#loaded-timetable-canvas > table td.m.somewhatfree.hasChanged,
div.loaded-timetable-peek > table td.m.somewhatfree.hasChanged { padding-top: 14px; }

div#loaded-timetable > table span.kf.sr + br + span strong, div#loaded-timetable > table span.kf.sr + br + span + span,
div#loaded-timetable-canvas > table span.kf.sr + br + span strong, div#loaded-timetable-canvas > table span.kf.sr + br + span + span,
div.loaded-timetable-peek > table span.kf.sr + br + span strong, div.loaded-timetable-peek > table span.kf.sr + br + span + span { line-height: 30px; }

div#loaded-timetable > table tr th:first-child,
div#loaded-timetable-canvas > table tr th:first-child,
div.loaded-timetable-peek > table tr th:first-child {
	display: inline-table;
	width: 100px;
	line-height: 48px;
}

div#loaded-timetable > table td.m.thingsactuallychanged:hover { background: #18C07A; }
div#loaded-timetable > table td.m.thingsactuallychanged:hover .substchanged { color: #18C07A; }
div#loaded-timetable > table td.m.thingsactuallychanged,
div#loaded-timetable-canvas > table td.m.thingsactuallychanged,
div.loaded-timetable-peek > table td.m.thingsactuallychanged {
	background: #16E48E;
	color: #11303C;
}

div#loaded-timetable > table td.m.movedOld:hover { background: #F7D054; }
div#loaded-timetable > table td.m.movedOld,
div#loaded-timetable-canvas > table td.m.movedOld,
div.loaded-timetable-peek > table td.m.movedOld {
	background: #FFB149;
	color: #000;
}

div#loaded-timetable > table td.m.movedOld .killmoved,
div#loaded-timetable-canvas > table td.m.movedOld .killmoved,
div.loaded-timetable-peek > table td.m.movedOld .killmoved { text-decoration: line-through; }

div#loaded-timetable > table td.m.movedNew:hover { background: #057FD7; }
div#loaded-timetable > table td.m.movedNew,
div#loaded-timetable-canvas > table td.m.movedNew,
div.loaded-timetable-peek > table td.m.movedNew {
	background: #0090F8;
	color: #000;
}

.theme-standart div#loaded-timetable > table td.m.somewhatfree.thingsactuallychanged .kf,
.theme-standart div.loaded-timetable.peek > table td.m.somewhatfree.thingsactuallychanged .kf {
	background: #F5297E;
	color: #FFF;
}

.theme-standart div#loaded-timetable > table td.m.somewhatfree.hasChanged.movedOld .killmoved,
.theme-standart div.loaded-timetable.peek > table td.m.somewhatfree.hasChanged.movedOld .killmoved {
	color: #FFDE5B;
}

.theme-standart div#loaded-timetable > table td.m.somewhatfree.hasChanged.movedOld .kf,
.theme-standart div.loaded-timetable.peek > table td.m.somewhatfree.hasChanged.movedOld .kf {
	background: #FFF;
	color: #FC4072;
}

.theme-standart div#loaded-timetable > table td.m.somewhatfree.hasChanged.movedOld,
.theme-standart div.loaded-timetable.peek > table td.m.somewhatfree.hasChanged.movedOld {
	background: #FC4072;
}

div#loaded-timetable > table td.m.somewhatfree.hasChanged.movedOld,
div.loaded-timetable-peek > table td.m.somewhatfree.hasChanged.movedOld {
	line-height: 22px;
	vertical-align: top;
}

.theme-standart div#loaded-timetable > table td.m.somewhatfree.hasChanged.thingsactuallychanged .kf,
.theme-standart div.loaded-timetable-peek > table td.m.somewhatfree.hasChanged.thingsactuallychanged .kf {
	color: #16E48E;
	background: #DF2F6B;
}



/* ––––––––  with or without a seamless environment  –––––––– */

body.environment-seamless[data-active-tab="timetable-content"] .header-loader { top: 12px; }

body.environment-seamless[data-active-tab="mensa-content"] header#the-header { height: 102px; }
body.environment-seamless[data-active-tab="mensa-content"] .header-loader { top: 79px; }



/* ––––––––  that amazing forky mensa tab  –––––––– */

body[data-active-tab="mensa-content"] header#the-header {
	background: #13D8D0;
	height: 76px;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.07);
}

body[data-active-tab="mensa-content"] { background: #DFDFDF; }
body[data-active-tab="mensa-content"] .header-loader { top: 34px; }

body[data-active-tab="mensa-content"] header#the-header .mensa-subheader {
	background: #12CDC6;
	position: fixed;
	
	height: 40px;
	width: 100%;
	top: 62px;
}

body[data-active-tab="mensa-content"] header#the-header .view-subtitle {
	position: fixed;
	
	margin-top: 3px;
	line-height: 34px;
	
	width: 100%;
	height: 34px;
	font-size: 17px;
	
	text-align: center;
	pointer-events: none;
}

body[data-active-tab="mensa-content"] header#the-header .day-button-lefty,
body[data-active-tab="mensa-content"] header#the-header .day-button-righty {
	margin-top: 6px;
}

body[data-active-tab="mensa-content"] header#the-header .day-button-lefty { left: 8px; }
body[data-active-tab="mensa-content"] header#the-header .day-button-righty { right: 8px; }

body[data-active-tab="mensa-content"] .mensa-wrapper { margin-top: 102px; }
body[data-active-tab="mensa-content"] #loaded-mensa  { padding-top: 4px; padding-bottom: 70px;  }

body[data-active-tab="mensa-content"] #loaded-mensa .menucard {
	border-radius: 3px;

	margin: 16px 18px;
	color: #FFF;
	
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	cursor: default;
    background: #a7b2b3;
}

body[data-active-tab="mensa-content"] #loaded-mensa .menucard.menu_,
body[data-active-tab="mensa-content"] #loaded-mensa .menucard.menu_one	{ background: #49B6ED; }
body[data-active-tab="mensa-content"] #loaded-mensa .menucard.menu_eco  { background: #96E73F; }
body[data-active-tab="mensa-content"] #loaded-mensa .menucard.menu_hit  { background: #FFC01B; }
body[data-active-tab="mensa-content"] #loaded-mensa .menucard.menu_vegi { background: #EF406D; }
body[data-active-tab="mensa-content"] #loaded-mensa .menucard.menu_week { background: #54DB6A; }
body[data-active-tab="mensa-content"] #loaded-mensa .menucard.menu_wild { background: #FF832B; }

body[data-active-tab="mensa-content"] #loaded-mensa .menucard .section-main { padding: 18px 20px; }
body[data-active-tab="mensa-content"] #loaded-mensa .menucard .section-price {
	padding: 14px 20px;
	padding-bottom: 16px;
	
	color: rgba(255, 255, 255, 0.9);
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.menucard .section-main > small {
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Helvetica', 'Segoe UI', 'Roboto', sans-serif;
	font-size: 14px;
	
	/* 'SanFranciscoDisplay-Medium', 'SanFranciscoDisplay-Semibold', 'San Francisco', 'San Francisco Display',  */
	
	text-transform: uppercase;
	padding-left: 1px;
	opacity: 0.75;
}

.menucard .section-main > h2 {
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Helvetica', 'Segoe UI', 'Roboto', sans-serif;
	font-size: 24px;
	
	padding: 6px 0;
	font-weight: 500;
	padding-bottom: 10px;
}

.menucard .section-main > p.text,
.menucard .section-main > p.extra {
	padding: 2px 0;
	padding-left: 1px;
}

.menucard .section-main > p.extra {
	opacity: 0.75;
}

.mensa-inner.animating {
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}

#wrapper #loaded-mensa .menucard.menu_notice {
    background-color: #9AA2A9;
    border-radius: 2px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}



/* ––––––––  timetable popovers  –––––––– */

.sh-popover.timetable_lesson_popover {
	border-radius: 7px;
}

.sh-popover.timetable_lesson_popover .sh-arrow {
	background-image: url('../sapphire/sh-assets/popover-arrow-round.png');
	background-size: 31px 12px;
	
	height: 20px;
	width: 32px;
	
	margin-top: -12px;
}

.sh-popover.timetable_lesson_popover .sh-popovercontent {
  	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Segoe UI', 'Roboto', sans-serif;
	color: #000000;
	
	/* 'SanFranciscoDisplay-Medium', 'SanFranciscoDisplay-Semibold', 'San Francisco', 'San Francisco Display',  */
	
	padding: 10px 15px;
	margin-top: -6px;
 	font-size: 15px;
 	
	text-overflow: ellipsis;
	overflow: hidden;
}

.environment-ios .sh-popover.timetable_lesson_popover .sh-popovercontent { padding-bottom: 18px; }
.environment-ios .sh-popover.timetable_lesson_popover .sh-popovercontent .r { padding-top: 0; }

.sh-popover.timetable_lesson_popover .sh-popovercontent .r {
	font-family: 'Helvetica Neue', 'Segoe UI', 'Roboto', sans-serif;
	padding-right: 12px;
	padding-top: 1px;
	/* 'San Francisco', 'San Francisco Display',  */
	color: #333;
	float: right;
}

.sh-popover.timetable_lesson_popover .sh-popovercontent .a {
	background: transparent url('../assets_n/arrow_right_tint.png') no-repeat center right;
	background-size: 8px 12px;
	
	width: 10px;
	height: 16px;
	
	float: right;
	margin-top: 2px;
}




/* ––––––––  studmail  –––––––– */

body[data-active-tab="mail-content"] {
	background: #DFDFDF;
}

.mail-wrapper {
	/*
	background-image: -webkit-linear-gradient(270deg, #0B3B76 0%, #41C8F9 100%);
	background-image: -o-linear-gradient(bottom, #0B3B76 0%, #41C8F9 100%);
	background-image: linear-gradient(to bottom, #0B3B76 0%, #41C8F9 100%);
	*/

	padding-bottom: 20px;
}

body[data-active-tab="mail-content"] header#the-header {
	background: #0D3665;
}

.mail-wrapper { margin-top: 36px; }
.environment-seamless .mail-wrapper { margin-top: 62px; }

body[data-active-tab="mail-content"] .header-loader { top: 12px; }
body.environment-seamless[data-active-tab="mail-content"] .header-loader { top: 38px; }

#wrapper:not(.mail-setup-done) #the-tabbar .tab-button-mail.selected {
	background-image: url('../assets_n/tab_mail_blue.png');

	background-size: 25px 20px;
	background-position: 3px 11px;
}

body[data-active-tab="mail-content"] .mail-setup-done header#the-header { background: #FBBE00; }
body[data-active-tab="mail-content"] .mail-setup-done .mail-wrapper { background: #DFDFDF; background: transparent; }
.mail-setup-done #mail-welcome-hero { display: none; }

.mail-cloud {
	width: 326px;
	height: 182px;
	
	background: transparent url('../assets_n/mail_cloud.png') no-repeat center center;
	background-size: 326px 182px;
	
	margin: 0 auto;
	
	-webkit-transition: 0.25s opacity;
	-moz-transition: 0.25s opacity;
	-ms-transition: 0.25s opacity;
	-o-transition: 0.25s opacity;
	transition: 0.25s opacity;
}

.mail-setup-error .mail-cloud {
	background: transparent url('../assets_n/mail_error.png') no-repeat center center;
	background-size: 256px 180px;
}

.mail-setup-error .mail-setup-button  { margin: 18px auto; }
#mail-welcome-hero.mail-setup-error > p { font-size: 16px; }

div#mail-welcome-hero {
	padding: 35px 0;
	padding-bottom: 100px;

	cursor: default;

	background-image: -webkit-linear-gradient(270deg, #0B3B76 0%, #41C8F9 100%);
	background-image: -o-linear-gradient(bottom, #0B3B76 0%, #41C8F9 100%);
	background-image: linear-gradient(to bottom, #0B3B76 0%, #41C8F9 100%);
}

div#mail-welcome-hero > h2 {
	margin: 25px auto;
	
	text-align: center;
	font-size: 28px;
	/* 'SanFranciscoDisplay-Medium', 'SanFranciscoDisplay-Semibold', 'San Francisco', 'San Francisco Display',  */
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Segoe UI', 'Roboto', sans-serif;
	font-weight: 500;
}

#mail-welcome-hero > p {
	padding: 6px 30px;
	font-size: 15px;

	color: #DAEFF7;
}

.mail-setup-button, .mail-submit-button {
	background: #FFF;
	color: #35A9DD;
	
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Segoe UI', 'Roboto', sans-serif;
	font-weight: 500;
  		
	text-align: center;
  	padding: 11px 15px;
	
	width: 150px;
	border-radius: 4px;
	
	line-height: 25px;
	margin: 35px auto;
}

@media screen and (max-height: 535px) {
	body[data-active-tab="mail-content"] #wrapper:not(.mail-setup-done) div#mail-welcome-hero {
		background-image: -webkit-linear-gradient(270deg, #0B3B76 0%, #41C8F9 100%);
		background-image: -o-linear-gradient(bottom, #0B3B76 0%, #41C8F9 100%);
		background-image: linear-gradient(to bottom, #0B3B76 0%, #41C8F9 100%);
		
		padding-bottom: 60px;
	}
	
	body[data-active-tab="mail-content"] #wrapper:not(.mail-setup-done).mail-wrapper {
		background: transparent;
	}
}

@media screen and (min-width: 405px) {
	#mail-welcome-hero > p {
		padding: 15px 27px;
		font-size: 20px;
	}
	div#mail-welcome-hero {
		padding: 55px 0;
		padding-bottom: 140px;
	}
}

@media screen and (max-width: 340px) {
	.mail-cloud {
		background-size: 244px 136px;
		height: 145px;
		width: 250px;
	}
	#mail-welcome-hero > p {
		padding: 6px 33px;
		font-size: 14px;
	}
	div#mail-welcome-hero > h2 {
		margin: 30px auto;
		font-size: 24px;
	} 
	div#mail-welcome-hero {
		padding: 18px 0;
		padding-bottom: 40px;
	}
	.mail-setup-button, .mail-submit-button {
		color: #30B4EC;
		
		padding: 11px 5px;
		font-size: 14px;
		width: 150px;
		
		border-radius: 4px;
		line-height: 18px;
		margin: 25px auto;
	}
	.mail-setup-error .mail-cloud {
		background-size: 190px 136px;
	}
}

.mail-setup-button:active,
.mail-submit-button:active {
	background: #EEE;	
}

.mail-setup-form {
	padding-top: 15px;
}

.mail-setup-form input {
	background: #276F93;
	color: #FFF;
	
	padding: 10px 12px;
	border-radius: 2px;
	
	margin: -2px auto;
	outline: none;
	border: none;
	
	display: block;
	width: 80%;
	
	opacity: 1;
}

.mail-setup-form input::-webkit-input-placeholder { color: #7CD1FA; }
.mail-setup-form input::-moz-input-placeholder { color: #7CD1FA; }
.mail-setup-form input::-ms-input-placeholder { color: #7CD1FA; }
.mail-setup-form input::-o-input-placeholder { color: #7CD1FA; }
.mail-setup-form input::input-placeholder { color: #7CD1FA; }

.mail-setup-submitting .mail-submit-button {
	background: #FFF url('../assets_n/mail_submit_spinner.gif') no-repeat center center;
	background-size: 20px 20px;
	
	text-indent: -1000px;
	overflow: hidden;
}

div#mail-loading-first-time { display: none; }

#mail-loading-first-time b {
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Segoe UI', 'Roboto', sans-serif;
	font-weight: 500;
  	
	font-size: 17px;
	
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.11);
	color: #5A5A5A;
}

div#mail-loading-first-time {
	position: fixed;
	
	top: 50%;
 	left: 50%;
	
	height: 140px;
	
	margin-left: -88px;
	margin-top: -70px;
}

.loading-first-bar {
	height: 4px;
	margin-top: 16px;
	
	border: 4px solid #FFF;
	overflow: hidden;
	
	background: #FFF;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.11);
}

@-moz-keyframes indeterminate-loading-bar {
	from {
		margin-left: 105%;
		width: 60%;
	}
	
	to {
		margin-left: -35%;
		width: 30%;
	}
}

@-webkit-keyframes indeterminate-loading-bar {
	from {
		margin-left: 105%;
		width: 60%;
	}
	
	to {
		margin-left: -35%;
		width: 30%;
	}
}

@keyframes indeterminate-loading-bar {
	from {
		margin-left: 105%;
		width: 60%;
	}
	
	to {
		margin-left: -35%;
		width: 30%;
	}
}

.loading-first-bar .loading-thingy {
	height: 4px;
	
	background: #FFB700;
	width: 60%;
	
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: indeterminate-loading-bar;
	
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-name: indeterminate-loading-bar;
	
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-name: indeterminate-loading-bar;
}

#loaded-mail > div.mail-obj {
	border-bottom: 1px solid #EAEAEA;
	
	background: #F7F7F7;
	color: #585858;
	
	opacity: 1;
	
	padding: 12px 16px;
	min-height: 52px;

	-webkit-transition: 0.2s -webkit-transform;
	-moz-transition: 0.2s -moz-transform;
	-ms-transition: 0.2s -ms-transform;
	-o-transition: 0.2s -o-transform;
	transition: 0.2s transform;

	-webkit-transition: 0.2s -webkit-transform, 0.1s height, 0.05s padding;
	-moz-transition: 0.2s -moz-transform, 0.1s height, 0.05s padding;
	-ms-transition: 0.2s -ms-transform, 0.1s height, 0.05s padding;
	-o-transition: 0.2s -o-transform, 0.1s height, 0.05s padding;
	transition: 0.2s transform, 0.1s height, 0.05s padding;

	text-overflow: ellipsis;
	height: 52px;
}

#loaded-mail > div.mail-obj.swipeout {
	-webkit-transform: translate3d(-115px,0,0);
	-moz-transform: translate3d(-115px,0,0);
	-ms-transform: translate3d(-115px,0,0);
	-o-transform: translate3d(-115px,0,0);
	transform: translate3d(-115px,0,0);
}

#loaded-mail > div.mail-obj.overanimation {
	-webkit-transform: translate3d(-140px,0,0);
	-moz-transform: translate3d(-140px,0,0);
	-ms-transform: translate3d(-140px,0,0);
	-o-transform: translate3d(-140px,0,0);
	transform: translate3d(-140px,0,0);
}

#loaded-mail .swipeaction {
	position: absolute;
	margin-bottom: -77px;
	height: 77px;
	right: 0;
	width: 115px;
	background-color: #FF4654;
	vertical-align: middle;
	line-height: 75px;
	text-align: center;
	overflow: hidden;

	/* padding-left: 30px; */
	/* z-index: -1; */

	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	-webkit-transition: 0.1s height, 0.05s padding;
	-moz-transition: 0.1s height, 0.05s padding;
	-ms-transition: 0.1s height, 0.05s padding;
	-o-transition: 0.1s height, 0.05s padding;
	transition: 0.1s height, 0.05s padding;
}

#loaded-mail .swipeaction.swipespam {
	right: 115px;
	background-color: #C4C7CC;
}

#loaded-mail.animating > div.mail-obj:nth-child(1),
#loaded-mail.animating > div.mail-obj:nth-child(2),
#loaded-mail.animating > div.mail-obj:nth-child(3),
#loaded-mail.animating > div.mail-obj:nth-child(4),
#loaded-mail.animating > div.mail-obj:nth-child(5),
#loaded-mail.animating > div.mail-obj:nth-child(6),
#loaded-mail.animating > div.mail-obj:nth-child(7),
#loaded-mail.animating > div.mail-obj:nth-child(8),
#loaded-mail.animating > div.mail-obj:nth-child(9) {

	-webkit-tranition: 1.75s padding-top, 1.75s opacity;
	-moz-transition: 1.75s padding-top, 1.75s opacity;
	-ms-tranition: 1.75s padding-top, 1.75s opacity;
	-o-tranition: 1.75s padding-top, 1.75s opacity;
	transition: 1.75s padding-top, 1.75s opacity;
	
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}

#loaded-mail.anim-start > .mail-obj {	
	padding-top: 40px;
	opacity: 0;
}

.mail-obj b, .mail-obj p {
	display: block;
	
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Segoe UI', 'Roboto', sans-serif;
	font-weight: 500;
	
	font-size: 15px;
}

.mail-obj p {
	color: #A7A7A7;
}

div#loaded-mail {
	padding-bottom: 62px;
}

.mail-obj span.righty {
	color: #C7C7C7;
	float: right;
	
	font-size: 15px;
}
.mail-obj .lefty {
	padding-right: 14px;
	float: left;
}

.mail-obj .icn {
	background: #ECECEC;
	border-radius: 24px;
	
	height: 48px;
	width: 48px;
}

#loaded-mail > .mail-obj:active {
	background: #F7F7F7;
}

.header-content.header-mail .mail-compose-btn {
    position: fixed;
	
	right: 5px;
	top: 16px;
	
	width: 42px;
	height: 42px;
	
	background: transparent url('../assets_n/compose_btn.png') no-repeat center center;
	background-size: 23px 23px;
	
	-webkit-transition: 0.4s all cubic-bezier(.1, .7, .1, 1);
	-moz-transition: 0.4s all cubic-bezier(.1, .7, .1, 1);
	-ms-transition: 0.4s all cubic-bezier(.1, .7, .1, 1);
	-o-transition: 0.4s all cubic-bezier(.1, .7, .1, 1);
	transition: 0.4s all cubic-bezier(.1, .7, .1, 1);
	
	display: none;
}

.mail-setup-done .header-content.header-mail .mail-compose-btn {
	display: block;
}

.header-content.header-mail .mail-compose-btn:active {
	opacity: 0.5;
}

.mail-detailed-view-active .header-content.header-mail .mail-compose-btn {
	opacity: 0;	
}

.mail-obj .icn {
    font-size: 22px;
    font-weight: 200;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    line-height: 48px;
    text-transform: uppercase;
    background: #B6B6B6;
}

.header-mail .view-title,
.header-mail .mail-back-btn {
	-webkit-transition: 0.6s all cubic-bezier(.1, .7, .1, 1);
	-moz-transition: 0.6s all cubic-bezier(.1, .7, .1, 1);
	-ms-transition: 0.6s all cubic-bezier(.1, .7, .1, 1);
	-o-transition: 0.6s all cubic-bezier(.1, .7, .1, 1);
	transition: 0.6s all cubic-bezier(.1, .7, .1, 1);
	
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.header-mail .view-title {
	opacity: 1;
}

.mail-detailed-view-active .header-mail .view-title {
	-webkit-transform: translateX(-95px);
	-moz-transform: translateX(-95px);
	-ms-transform: translateX(-95px);
	-o-transform: translateX(-95px);
	transform: translateX(-95px);
	
	opacity: 0;
}

.header-mail .mail-back-btn {
    padding: 7px 14px;
    font-size: 17px;
    background: transparent url('../assets_n/nav_back.png') no-repeat 14px 7px;
    padding-left: 30px;
    background-size: 11px 20px;
    cursor: default;
	display: inline-block;
	
	opacity: 0;
	pointer-events: none;
	
	-webkit-transform: translateX(95px);
	-moz-transform: translateX(95px);
	-ms-transform: translateX(95px);
	-o-transform: translateX(95px);
	transform: translateX(95px);
}

#wrapper .header-mail .mail-back-btn:active {
	opacity: 0.5;	
}

.mail-detailed-view-active .header-mail .mail-back-btn {
	opacity: 1;
	pointer-events: all;
	
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}


.ui-mail-composer-sheet-active #the-mail-composer {
	opacity: 1;
	
	-webkit-transform: translate3d(0, -101%, 0);
	-moz-transform: translate3d(0, -101%, 0);
	-ms-transform: translate3d(0, -101%, 0);
	-o-transform: translate3d(0, -101%, 0);
	transform: translate3d(0, -101%, 0);
}

body.no-transform-property .ui-mail-composer-sheet-active #the-mail-composer {
	top: 0;
	
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#the-mail-composer {
	-webkit-transition-timing-function: cubic-bezier(.1, .7, .1, 1);
	-moz-transition-timing-function: cubic-bezier(.1, .7, .1, 1);
	-ms-transition-timing-function: cubic-bezier(.1, .7, .1, 1);
	-o-transition-timing-function: cubic-bezier(.1, .7, .1, 1);
	transition-timing-function: cubic-bezier(.1, .7, .1, 1);
	
	z-index: 1002;
}

#the-mail-composer .ui-sheet-header {
	border-bottom: none;
	
	background: #FBBE00;
	color: #FFF;
	
	padding-bottom: 10px;
	padding-top: 32px;
}

#the-mail-composer .ui-sheet-header .cancel-button,
#the-mail-composer .ui-sheet-header .confirm-button {
	color: #FFF;
	top: 19px;
}

#the-mail-composer .ui-sheet-header .cancel-button {
	top: 20px;
}

.compose-mail-header-part > input {
    background: #FFF;
    border: none;
    outline: none;
    width: 100%;
    height: 42px;
    padding-left: 12px;
    border-bottom: 1px solid #F0F0F5;
	border-radius: 0;
}

.compose-mail-content textarea {
    border: none;
    outline: none;
    border-radius: 0;
    width: 100%;
	width: calc(100% - 24px);
    resize: none;
    height: 100%;
	padding: 14px 12px;
	line-height: 24px;
	color: #111;
	font-size: 16px;
}

div#the-mail-airplane {
    position: fixed;
    
	left: 50%;
    top: -190px;
    
    height: 188px;
	width: 141px;
    
	margin-left: -70px;
    z-index: 1001;
    
	pointer-events: none;
	
    background: transparent url('../assets_n/plane.png') no-repeat center center;
    background-size: 141px 188px;
	
	-webkit-transform: scale(0.75) translateY(0%);
	transform: scale(0.75) translateY(0%);
}

@keyframes mail-plane-send {
	0% { -webkit-transform: scale(1.25) translateY(240%); transform: scale(1.25) translateY(240%); }
	10% { -webkit-transform: scale(1.25) translateY(170%); transform: scale(1.25) translateY(170%); }
	100% { -webkit-transform: scale(0.75) translateY(0%); transform: scale(0.75) translateY(0%); }
}

@keyframes mail-sheet-send {
	0% { -webkit-transform: scale(1) translate3d(0, -101%, 0); transform: scale(1) translate3d(0, -101%, 0); opacity: 1; }
	50% { -webkit-transform: scale(0.5) translate3d(0, -205%, 0); transform: scale(0.5) translate3d(0, -205%, 0); opacity: 0.5; }
	75% { -webkit-transform: scale(0.5) translate3d(0, -225%, 0); transform: scale(0.5) translate3d(0, -225%, 0); opacity: 0; }
	100% { -webkit-transform: scale(0.5) translate3d(0, -200%, 0); transform: scale(0.5) translate3d(0, -200%, 0); opacity: 0; }
}

@-webkit-keyframes mail-plane-send {
	0% { -webkit-transform: scale(1.25) translateY(240%); transform: scale(1.25) translateY(240%); }
	10% { -webkit-transform: scale(1.25) translateY(170%); transform: scale(1.25) translateY(170%); }
	100% { -webkit-transform: scale(0.75) translateY(0%); transform: scale(0.75) translateY(0%); }
}

@-webkit-keyframes mail-sheet-send {
	0% { -webkit-transform: scale(1) translate3d(0, -101%, 0); transform: scale(1) translate3d(0, -101%, 0); opacity: 1; }
	50% { -webkit-transform: scale(0.5) translate3d(0, -205%, 0); transform: scale(0.5) translate3d(0, -205%, 0); opacity: 0.5; }
	75% { -webkit-transform: scale(0.5) translate3d(0, -225%, 0); transform: scale(0.5) translate3d(0, -225%, 0); opacity: 0; }
	100% { -webkit-transform: scale(0.5) translate3d(0, -200%, 0); transform: scale(0.5) translate3d(0, -200%, 0); opacity: 0; }
}

.mail-sent div#the-mail-composer {
	-webkit-animation: mail-sheet-send 1s cubic-bezier(0.4, 0, 0.04, 1.01);
	animation: mail-sheet-send 1s cubic-bezier(0.4, 0, 0.04, 1.01);
	
	opacity: 0;
}

.mail-sent div#the-mail-airplane {
	-webkit-animation: mail-plane-send 1.25s cubic-bezier(0.94, 0, 1, 0.27);
	animation: mail-plane-send 1.25s cubic-bezier(0.94, 0, 1, 0.27);
}

ul.tagit {
    padding: 1px 5px;
    overflow: auto;
    margin-left: inherit;
    margin-right: inherit;
}
ul.tagit li {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {    
    position: relative;
    line-height: inherit;
}
input.tagit-hidden-field {
    display: none;
}
ul.tagit li.tagit-choice-read-only { 
    padding: .2em .5em .2em .5em; 
} 

ul.tagit li.tagit-choice-editable { 
    padding: .2em 18px .2em .5em; 
} 

ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
    line-height: 17px;
}

ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}

ul.tagit input[type="text"],
ul.tagit input[type="email"] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: none;
}

.ui-helper-hidden-accessible {
	display: none !important;
}

.compose-to ul.tagit {
    background: #FFF;
    border-bottom: 1px solid #F0F0F5;
    padding: 6px 0;
    padding-left: 12px;
}

a.tagit-close {
    display: none !important;
}

.compose-mail-headers .compose-to ul.tagit li.tagit-choice {
    background: #BEC5C7;
    color: #FFFFFF;
    border-radius: 2px;
    padding: 4px 8px;
    cursor: default;
}


/* –––––––– that grandiose settings tab –––––––– */

body[data-active-tab="settings-content"] header#the-header { background: #26252A; border-bottom: 1px solid #44414C; }
body[data-active-tab="settings-content"] { background: #302F35; }
body[data-active-tab="settings-content"] .settings-wrapper { padding-top: 36px; }
/* .settings-wrapper { background: transparent url('../assets_n/designedbywime.png') no-repeat center 505px; background-size: 131px 87px; } */
body.environment-seamless[data-active-tab="settings-content"] .settings-wrapper { padding-top: 62px; }

.settings-wrapper .ui-list > .ui-item[data-action="preloading"] .ui-switch.ui-on {
	background: #75DDC8;
}

body[data-active-tab="settings-content"] header#the-header .hea5der-loader {
	top: 38px;
}

.settings-wrapper .ui-list > .ui-item {
	background: #283437;
	color: #F9F8FD;
	margin-bottom: 1px;
	background: #3D3B43 url('../assets_n/yaay.png') no-repeat -397px -166px;
	background-size: 446px 843px;
	padding-left: 58px;
	margin-bottom: 0;
	font-family: 'Avenir Next', 'Helvetica Neue', 'Segoe UI', sans-serif;
	font-weight: 500;
	letter-spacing: -0.5px;
	font-size: 15px;
	border-bottom: 1px solid #4B4854;
}

.settings-wrapper .ui-list > .ui-item.ui-touchable:active {
	background-color: #333138;
}

.settings-wrapper .ui-group.main-settings {
	margin: 30px 0;
	margin-bottom: 50px;
}



/* –––––––– the tremendous timtable details + comments view –––––––– */

div#timetable-details {
    position: fixed;
    overflow: hidden;
	
    left: 12px;
	bottom: -80%;
    
	width: 94%;
    width: calc(100% - 24px);
	
    background: #F0F0F0;
    color: #000;
	
    height: 70%;
    border-radius: 12px;
	
	z-index: 32;
	
	-webkit-transition: 0.75s bottom cubic-bezier(0.36, 0.13, 0.19, 0.99);
	-moz-transition: 0.75s bottom cubic-bezier(0.36, 0.13, 0.19, 0.99);
	-ms-transition: 0.75s bottom cubic-bezier(0.36, 0.13, 0.19, 0.99);
	-o-transition: 0.75s bottom cubic-bezier(0.36, 0.13, 0.19, 0.99);
	transition: 0.75s bottom cubic-bezier(0.36, 0.13, 0.19, 0.99);
}

#timetable-write-comments input[type="text"] {
	background: #FFFFFF;
	color: #3F3F3F;
	
	outline: none;
	border: none;
			
	width: 100%;
	padding: 12px 0;
	
	border-radius: 0;
	text-align: center;
	
	margin-top: -2px;
}

.lection-comment {
	background: #A8BBC5;
	color: #FFF;
	
	padding: 6px 10px;
	width: auto;
	
	border-radius: 10px;
	margin: 10px 16px;
	
	float: left;
	clear: both;
}

.lection-comment.me {
	background: #1987FF;
	float: right;
}

.lection-comment:first-child { margin-top: 16px; }
.lection-comment:last-child { margin-bottom: 18px; }

.lection-comment-author {
	font-weight: bold;
	font-size: 13px;
	
	padding-bottom: 4px;
}

.lection-comment-content {
	padding-bottom: 1px;
	word-wrap: break-word;
}

.lection-comment-bubble {
	width: 13px;
	height: 8px;
	
	background: transparent url('../assets_n/messaging_bubble.png') no-repeat right top;
	background-size: 13px 8px;
  
	position: relative;
	
	left: -16px;
	top: 6px;
	
	margin-top: -8px;
}

.lection-comment.me .lection-comment-bubble {
	background: transparent url('../assets_n/messaging_bubble_me.png') no-repeat right top;
	background-size: 13px 8px;
	
	margin-top: -33px;
	
	position: relative;
	float: right;

	left: 16px;
	top: 30px;
}

#loaded-timetable-comments .lection-comment.me + .lection-comment.me,
#loaded-timetable-comments .lection-comment + .lection-comment {
	margin-top: 2px;
}

#timetable-details .panel-content {
	height: calc(100% - 80px);
	overflow-y: scroll;
	
	-webkit-overflow-scrolling: touch;
}

.timetable-popover-fader {
	position: fixed;
	z-index: 30;

	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	
	background: rgba(0, 0, 0, 0.5);
}




/* ––––––– that all-new theme creator –––––––– */

.ui-sheet {
	position: fixed;
	z-index: 1111;
	
	left: 0;
	top: 101%;
	
	height: 100%;
	width: 100%;
	
	background: #F0F0F5;
	color: #000;
	
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
	-webkit-transition: 0.5s -webkit-transform cubic-bezier(0.18, 0.66, 0.22, 1);
	-moz-transition: 0.5s -moz-transform cubic-bezier(0.18, 0.66, 0.22, 1);
	-ms-transition: 0.5s -ms-transform cubic-bezier(0.18, 0.66, 0.22, 1);
	-o-transition: 0.5s -o-transform cubic-bezier(0.18, 0.66, 0.22, 1);
	transition: 0.5s all cubic-bezier(0.18, 0.66, 0.22, 1);
}

#the-theme-creator { display: none; }
#the-theme-creator.mkay { display: block; }

#wrapper .theme-option-create:active .theme-option-icon {
	-webkit-transition: none;
	transition: none;
	
	background: #F7F7F7;
}

.ui-theme-creator-sheet-active #the-theme-creator {
	opacity: 1;
	
	-webkit-transform: translate3d(0, -101%, 0);
	-moz-transform: translate3d(0, -101%, 0);
	-ms-transform: translate3d(0, -101%, 0);
	-o-transform: translate3d(0, -101%, 0);
	transform: translate3d(0, -101%, 0);
}

body.no-transform-property .ui-theme-creator-sheet-active #the-theme-creator {
	top: 0;
	
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.ui-sheet-header {
	border-bottom: 1px solid #E5E5E5;
	background: #FFF;
    
	text-align: center;
    font-weight: 500;
	
	padding: 11px 0;
	cursor: default;
}

.environment-seamless .ui-sheet-header {
	padding: 11px 0;
	padding-top: 18px;
}

.ui-sheet-header .cancel-button {
    color: #007AFF;
	color: #FC1A67;
	
	padding: 10px 12px;
	top: 8px;
    
	font-size: 16px;
	
    font-weight: normal;
    position: fixed;
}

.ui-sheet-header .confirm-button {
    color: #007AFF;
	color: #FC1A67;
	
	padding: 10px 12px;
	top: 8px;
    
	font-size: 16px;
	padding-right: 13px;
	
    position: fixed;
    font-weight: 500;
	
    right: 0px;
}

.ui-sheet-header .cancel-button:active,
.ui-sheet-header .confirm-button:active {
	color: #0F447E;
	color: #990034;
}

.ui-sheet-header .sheet-title {
	pointer-events: none;
	margin-top: -1px;
}

.theme-creator-info p {
    font-size: 14px;
    width: 70%;
    color: #3B3B45;
    padding: 16px 12px;
}

.theme-creator-info .ui-switch {
    float: right;
    margin-top: -48px;
    margin-right: 12px;
	
	background: #83838C;
}

.theme-creator-info .ui-switch.ui-on {
    background: #FC1B68;
}

#wrapper #the-header-canvas {
    position: static;
    padding-top: 5px;
	padding-bottom: 4px;
}

#wrapper #the-header-canvas .view-title {
    position: static;
    margin-top: 1px;
    margin-bottom: -36px;
    padding-left: 4px;
}

div#loaded-timetable-canvas {
    margin: 0 12px;
	margin-top: 12px;
    
	overflow: hidden;
    border-radius: 4px;
	
	background: #F0F0F5;
}

#wrapper #the-header-canvas .week-button-righty {
    right: 19px;
}

#wrapper #the-header-canvas .class-picker {
    left: 21px;
}

#wrapper #the-header-canvas .week-button-lefty {
    right: 64px;
}

#wrapper #the-header-canvas .overview-button {
    left: 93px;
}

.theme-creator-info { margin-top: 6px; }
.theme-creator-info { margin-top: 6px; }

#wrapper #loaded-timetable-canvas table tr:first-child th {
	height: 20px;
	min-height: 13px;
	
	line-height: 40px;
}

#timetable-canvas-overlays .timetable-canvas-overlay {
    background: rgba(0, 197, 255, 0.5);
	
    position: fixed;
    z-index: 9;
}

#timetable-canvas-overlays .timetable-canvas-overlay:first-child {	
    width: 91%;
    width: calc(100% - 30px);
	
    height: 40px;
	
    margin-top: 3px;
    margin-left: 3px;
}

#timetable-canvas-overlays .timetable-canvas-overlay:nth-child(2) {
	width: 92px;
	
	height: 439px;
	height: calc(100% - 252px);
	
	margin-top: 98px;
	margin-left: 106px;
}

#timetable-canvas-overlays .timetable-canvas-overlay:nth-child(3) {
	width: 92px;
	height: 45px;
	
	margin-top: 99px;
	margin-left: 207px;
	
	background: rgba(21, 160, 245, 0.5);
}

#timetable-canvas-overlays .timetable-canvas-overlay:nth-child(4) {
	width: 92px;
	height: 45px;
	
	margin-top: 155px;
	margin-left: 207px;
}

#timetable-canvas-overlays .timetable-canvas-overlay:nth-child(5) {
	width: 92px;
	height: 45px;
	
	margin-top: 211px;
	margin-left: 207px;
	
	background: rgba(144, 213, 255, 0.52);
}

#timetable-canvas-overlays .timetable-canvas-overlay:nth-child(6) {
	width: 92px;
	height: 45px;
	
	margin-top: 267px;
	margin-left: 207px;
}

.sh-popover.overlay-edit-popover .sh-arrow {
	background-image: url('../sapphire/sh-assets/popover-arrow-round.png');
	background-size: 31px 12px;

	height: 20px;
	width: 32px;
	
	margin-top: -12px;
}

.sh-popover.overlay-edit-popover .sh-popovercontent { margin-top: -6px; color: #000; padding: 11px 14px; }
.sh-popover.overlay-edit-popover { border-radius: 7px; position: fixed !important; }

.ui-color-scroller {
	height: 30px;
	border-radius: 3px;
	
	border: 1px solid rgba(0, 0, 0, 0.2);
	
	background: #FFF url('../assets_n/hue_slider.png') repeat 0 0;
	background-size: 500px 10px;
}

.ui-brightness-scroller {
    height: 30px;
    border-radius: 3px;

    border: 1px solid rgba(0, 0, 0, 0.2);
    
    background: #FA1563 url('../assets_n/brightness_slider_n.png') repeat 0 0;
    background-size: 200% 10px;
}

.overlay-edit-popover .ui-control-label {
    margin-top: 2px;
    margin-bottom: 6px;
	
    color: #3F3F3F;
    
	font-weight: 500;
    font-size: 12px;
    
	padding-left: 2px;
    text-transform: uppercase;
}

.sh-popover.overlay-edit-popover .ui-color-scroller {
    margin-bottom: 20px;
}

.ui-color-scroller-selection {
    position: fixed;
	
    left: 50%;
    width: 2px;
	
    background: #FFF;
    height: 54px;
	
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.sh-popover.overlay-edit-popover .ui-color-scroller-selection {
    margin-left: -1px;
    margin-top: -11px;
}

.sh-popover.overlay-edit-popover.overlay-1 .sh-arrow {
    margin-left: 122px !important;
}

.sh-popover.overlay-edit-popover.overlay-2 .sh-arrow,
.sh-popover.overlay-edit-popover.overlay-3 .sh-arrow,
.sh-popover.overlay-edit-popover.overlay-4 .sh-arrow,
.sh-popover.overlay-edit-popover.overlay-5 .sh-arrow {
	margin-left: 224px !important;
}

.theme-creator-tool {
    position: fixed;
    bottom: 38px;
	
	left: 50%;
	margin-left: -50px;
	
	z-index: 99;
	box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
}

.ui-segmented-control {
    background: #FFFFFF;
    color: #FFF;
    
	border-radius: 3px;
	
    padding: 1px;
    height: 32px;
}

.ui-segmented-control .ui-segmented-control-item {
    width: 48px;
    height: 32px;
	
    background: #FFFFFF;
    display: inline-block;
	
	
    margin-left: 1px;
}

.ui-segmented-control .ui-segmented-control-item.active {
    background: #39ECDE;
}

.ui-segmented-control .ui-segmented-control-item:first-child {
	margin-left: 0;
}

.theme-creator-tool .ui-segmented-control .ui-segmented-control-item {
    background-image: url('../assets_n/theme_creator_tool_icns.png');
    background-repeat: no-repeat;
    background-size: 169px 33px;
}

.theme-creator-tool .ui-segmented-control .ui-segmented-control-item[data-item="background"] { background-position: -2px 0px; }
.theme-creator-tool .ui-segmented-control .ui-segmented-control-item[data-item="text"] { background-position: -58px -1px; }
.theme-creator-tool .ui-segmented-control .ui-segmented-control-item[data-item="effects"] { background-position: -118px 0px; display: none; }

.overlay-0-text.overlay-edit-popover .ui-switch {
    float: right;
    margin-top: -24px;
}

.environment-ios .overlay-0-text.overlay-edit-popover .ui-switch { margin-top: -26px; }

.overlay-edit-popover.overlay-0-text .ui-control-label {
    font-size: 14px;
    text-transform: none;
    padding-top: 1px;
    margin-bottom: 3px;
}

div#the-header-canvas.dark-text,
#the-header.dark-text .header-timetable {
    color: #000;
}

#the-header-canvas.dark-text .class-picker,
#the-header.dark-text .header-timetable .class-picker {
    border: 1px solid #000;
    background-image: url('../assets_n/arrow_down_black.png');
}

#the-header-canvas.dark-text .overview-button,
#the-header.dark-text .header-timetable .overview-button {
    background-image: url('../assets_n/overview_btn_black.png');
}

div#the-header-canvas.dark-text .week-button-lefty,
#the-header.dark-text .header-timetable .week-button-lefty  { background-image: url('../assets_n/arrow_left_black.png'); }

div#the-header-canvas.dark-text .week-button-righty,
#the-header.dark-text .header-timetable .week-button-righty { background-image: url('../assets_n/arrow_right_black.png'); }

#timetable-canvas-overlays .timetable-canvas-overlay:nth-child(7) {
	width: 202px;
	height: 36px;
	
	margin-top: 54px;
	margin-left: 102px;
	
	background: rgba(0, 195, 255, 0.3);
}

#timetable-canvas-overlays .timetable-canvas-overlay:nth-child(8) {
	width: 92px;
	height: 47px;
	
	margin-top: 322px;
	margin-left: 207px;
	
	background: rgba(0, 195, 255, 0.4);
}

.sh-popover.overlay-edit-popover.overlay-4 .sh-arrow,
.sh-popover.overlay-edit-popover.overlay-5 .sh-arrow,
.sh-popover.overlay-edit-popover.overlay-7 .sh-arrow,
.sh-popover.theme-delete-popover .sh-arrow {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.sh-popover.overlay-edit-popover.overlay-4 .sh-arrow,
.sh-popover.overlay-edit-popover.overlay-5 .sh-arrow,
.sh-popover.overlay-edit-popover.overlay-7 .sh-arrow {
	margin-bottom: -180px !important;
	margin-left: 224px !important;
	margin-top: 162px !important;
}

.sh-popover.theme-delete-popover .sh-arrow {
	margin-bottom: -76px !important;
	margin-top: 48px !important;
}

.sh-popover.theme-delete-popover .delete-theme-button {
	background: #FC4460; /* signalize destructive action */
	border-radius: 4px;
	padding: 6px 8px;
	cursor: default;
}

.sh-popover.theme-delete-popover .sh-popovercontent {
	padding: 18px 12px;
}



/* –––––––– these brilliant new layout options ––––––– */

#timetable-layout-options .panel-header {
	background: #FFFFFF;
	color: #000;
	
    box-shadow: none;
}

#wrapper div#timetable-layout-options {
	background: #F9F9F9;
	color: #000;
	
	box-shadow: 0 0px 32px rgba(0, 0, 0, 0.5);
	height: 190px;
}

#timetable-layout-options .ui-item b {
	display: block;
	font-weight: 500;
}

#timetable-layout-options .ui-item span {
	color: #878787;
}

#wrapper #timetable-layout-options .ui-item:first-child {
	margin-bottom: 12px;
	margin-top: 6px;
	
	padding-bottom: 18px;
	border-bottom: 1px solid #EFEFEF;
}

#timetable-layout-options .ui-switch {
	background-color: #D2D2D2;
	float: none;
	position: fixed;
	right: 12px;
	margin-top: -33px;
}

#timetable-layout-options .ui-switch.ui-on { background: #1F8AFF; }

#timetable-layout-options .panel-header .confirm-button,
#timetable-layout-options .panel-header .cancel-button {
	color: #2D92FF;
}

#timetable-layout-options .panel-header .confirm-button:active,
#timetable-layout-options .panel-header .cancel-button:active {
	color: #135AA8;
}


/* –––––––– that terrific new theme picker –––––––– */

div#timetable-theme-picker,
div#timetable-layout-options {
    position: fixed;
    overflow: hidden;
	
	display: block;
	
    left: 12px;
	bottom: -110%;
    
	width: 94%;
    width: calc(100% - 24px);
	
    background: #FDFDFD;
    color: #000;
	
    height: 162px;

    border-radius: 6px;
	border-radius: 12px;
	
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
	-webkit-transition: 0.45s bottom cubic-bezier(0.36, 0.13, 0.19, 0.99);
	-moz-transition: 0.45s bottom cubic-bezier(0.36, 0.13, 0.19, 0.99);
	-ms-transition: 0.45s bottom cubic-bezier(0.36, 0.13, 0.19, 0.99);
	-o-transition: 0.45s bottom cubic-bezier(0.36, 0.13, 0.19, 0.99);
	transition: 0.45s bottom cubic-bezier(0.36, 0.13, 0.19, 0.99);
}

.ui-theme-picker-active div#timetable-theme-picker,
.ui-layout-options-active div#timetable-layout-options {
	/*-webkit-transform: translate3d(0, -252px, 0);
	-moz-transform: translate3d(0, -252px, 0);
	-ms-transform: translate3d(0, -252px, 0);
	-o-transform: translate3d(0, -252px, 0);
	transform: translate3d(0, -252px, 0);*/

	bottom: 12px;
}

body.no-transform-property .ui-theme-picker-active div#timetable-theme-picker,
body.no-transform-property .ui-layout-options-active div#timetable-layout-options {	
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
	bottom: 12px;
}

.ui-theme-picker-active div#the-tabbar,
.ui-layout-options-active div#the-tabbar { display: none; }

.panel-header {
    background: #FFF;
	height: 40px;
	
	box-shadow: 0px 4px 5px 0px rgba(222, 222, 222, 0.1);
	cursor: default;
}

.panel-header .cancel-button {
	color: #007AFF;
	float: left;
	
	padding: 11px 12px;
	font-size: 16px;
}

.panel-header .confirm-button,
.panel-header .close-button {
	color: #007AFF;
	float: right;
	 	
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Segoe UI', 'Roboto', sans-serif;
	padding: 10px 13px;
	
	font-weight: 500;
	font-size: 16px;
}

div.panel-header .close-button:active,
div.panel-header .cancel-button:active,
div.panel-header .confirm-button:active {
	color: #0053AE;
}

div.panel-header .close-button.disabled,
div.panel-header .cancel-button.disabled,
div.panel-header .confirm-button.disabled {
	color: #A9A9A9;
}

.panel-header .panel-title {
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Segoe UI', 'Roboto', sans-serif;
	font-weight: 500;
	
	position: relative;
	font-size: 16px;
	
	text-align: center;
	padding: 10px 0;
	
	top: -40px;
	clear: both;
	
	pointer-events: none;
}

.environment-ios .panel-header .cancel-button { padding: 10px 12px; }
.environment-ios .panel-header .panel-title   { top: -41px; }

.environment-ios div#timetable-theme-picker   { height: 166px; }

.timetable-panel .panel-inner {
	padding: 14px 11px;
}

.timetable-panel#timetable-theme-picker .panel-inner {
	width: 1370px;
}

.timetable-panel .panel-content {
    width: 100%;
	overflow: hidden;
}

.timetable-panel#timetable-theme-picker .panel-content {	
    overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.theme-option, .theme-option-create, .theme-option-store, .theme-option-photo {
	display: inline-table;

	height: 90px;
	width: 64px;

	margin-right: 15px;
	
	-webkit-user-select: none;
	user-select: none;
}

.theme-option-icon {
	width: 64px;
	height: 64px;

	background: #FFF;

	border-radius: 10px;
	margin-bottom: 10px;

	-webkit-transition: background 0.6s;
	-moz-transition: 	background 0.6s;
	-ms-transition: 	background 0.6s;
	-o-transition: 		background 0.6s;
	transition: 		background 0.6s;
	
	-webkit-user-select: none;
	user-select: none;
}

.theme-option-text {
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Segoe UI', 'Roboto', sans-serif;
	font-weight: 500;
	
	margin-top: -5px;
	font-size: 11px;
	
	padding: 1px 2px;
	color: #3F3F3F;
}

.theme-option-icon svg {
	opacity: 0;

	-webkit-transition: opacity 0.6s;
	-moz-transition: 	opacity 0.6s;
	-ms-transition: 	opacity 0.6s;
	-o-transition: 		opacity 0.6s;
	transition: 		opacity 0.6s; 
}

.theme-option[data-user-theme] .theme-option-icon {
    background: #A3B3BA;
}

.tight-timetable-layout div#loaded-timetable > table th, .tight-timetable-layout div#loaded-timetable > table td {
    min-width: 72px;
}

.theme-option-icon svg line { stroke: #FFF; stroke-width: 1; }

.theme-option[data-theme="standart"] .theme-option-icon { background: #FF0089; }
.theme-option[data-theme="dark-chocolate"] .theme-option-icon { background: #4A4A4A; }
.theme-option[data-theme="paper"] .theme-option-icon { background: #D8D5B0; }
.theme-option[data-theme="heat-map"] .theme-option-icon { background: #FFBE48; }
.theme-option[data-theme="ace"] .theme-option-icon { background: #60C1FF; }
.theme-option[data-theme="heroic"] .theme-option-icon { background: #91DBD0; }
.theme-option[data-theme="awkward"] .theme-option-icon { background: #777C9E; }
.theme-option[data-theme="mighty"] .theme-option-icon { background: #A7EAC3; }
.theme-option[data-theme="pixels"] .theme-option-icon { background: #63F290; }
.theme-option[data-theme="coherence"] .theme-option-icon { background: #ADF47E; }
.theme-option[data-theme="aqua"] .theme-option-icon { background: #1FE1F0; }
.theme-option[data-theme="rose-garden"] .theme-option-icon { background: #F59ED3; }
.theme-option[data-theme="edition"] .theme-option-icon {
	background: #BE8D75;
	background-image: linear-gradient(-134deg, #DEA589 0%, #A47A65 100%);
}
.theme-option[data-theme="calm"] .theme-option-icon {
	background: #9A57DD;
	background-image: linear-gradient(-180deg, #FF2946 0%, #D644D2 49%, #B93AD3 50%, #5198F1 100%) !important;
}
.theme-option[data-theme="pride"] .theme-option-icon {
	background: #9A57DD;
	background-image: linear-gradient(-180deg, #FF0000 0%, #FF6800 16%, #FF9E00 16%, #FF9E00 31%, #FFFE00 31%, #FFFE00 48%, #00EC34 48%, #0DDD3B 65%, #1B78FF 65%, #1A78FF 82%, #751DFF 83%, #751DFF 100%) !important;
}
.theme-option[data-theme="inner-pride"] .theme-option-icon {
	opacity: 0.45;
	background: #9A57DD;
	background-image: linear-gradient(-180deg, #FF0000 0%, #FF6800 16%, #FF9E00 16%, #FF9E00 31%, #FFFE00 31%, #FFFE00 48%, #00EC34 48%, #0DDD3B 65%, #1B78FF 65%, #1A78FF 82%, #751DFF 83%, #751DFF 100%) !important;
}

.theme-option[data-theme="thousand"] .theme-option-icon {
	background-color: #27EA2E;
}
.theme-option[data-theme="edition"] .theme-option-text {
	background: -webkit-linear-gradient(#BE8D75, #B98A72);
	
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	-moz-background-clip: text;
	-moz-text-fill-color: transparent;

	-ms-background-clip: text;
	-ms-text-fill-color: transparent;

	-o-background-clip: text;
	-o-text-fill-color: transparent;

	background-clip: text;
	text-fill-color: transparent;
}

.theme-option[data-theme="edition"] .theme-option-text b { font-family: 'HelveticaNeue-Bold', 'Helvetica-Bold', 'Helvetica Bold', 'Helvetica', 'Segoe UI', 'Roboto', sans-serif; }

.theme-ace .theme-option[data-theme="ace"] .theme-option-icon svg { opacity: 1; }
.theme-aqua .theme-option[data-theme="aqua"] .theme-option-icon svg { opacity: 1; }
.theme-calm .theme-option[data-theme="calm"] .theme-option-icon svg { opacity: 1; }
.theme-paper .theme-option[data-theme="paper"] .theme-option-icon svg { opacity: 1; }
.theme-pride .theme-option[data-theme="pride"] .theme-option-icon svg { opacity: 1; }
.theme-heroic .theme-option[data-theme="heroic"] .theme-option-icon svg { opacity: 1; }
.theme-pixels  .theme-option[data-theme="pixels"] .theme-option-icon svg { opacity: 1; }
.theme-mighty   .theme-option[data-theme="mighty"] .theme-option-icon svg { opacity: 1; }
.theme-edition  .theme-option[data-theme="edition"] .theme-option-icon svg { opacity: 1; }
.theme-thousand .theme-option[data-theme="thousand"] .theme-option-icon svg { opacity: 1; }
.theme-awkward  .theme-option[data-theme="awkward"] .theme-option-icon svg { opacity: 1; }
.theme-heat-map  .theme-option[data-theme="heat-map"] .theme-option-icon svg { opacity: 1; }
.theme-standart   .theme-option[data-theme="standart"] .theme-option-icon svg { opacity: 1; }
.theme-coherence   .theme-option[data-theme="coherence"] .theme-option-icon svg { opacity: 1; }
.theme-inner-pride .theme-option[data-theme="inner-pride"] .theme-option-icon svg { opacity: 1; }
.theme-rose-garden  .theme-option[data-theme="rose-garden"] .theme-option-icon svg { opacity: 1; }
.theme-dark-chocolate .theme-option[data-theme="dark-chocolate"] .theme-option-icon svg { opacity: 1; }

#wrapper .theme-option-create .theme-option-icon svg,
#wrapper .theme-option-store  .theme-option-icon svg { opacity: 1; }

#wrapper .theme-option-create .theme-option-icon svg line,
#wrapper .theme-option-store  .theme-option-icon svg line {
	stroke: #8F989C;

	stroke-width: 1.5px;
	stroke-width: 1px;
}

#wrapper .theme-option-store .theme-option-icon { background-color: #8F989C; }
#wrapper .theme-option-store .theme-option-icon svg line {  stroke: #F0F0F0; }


/* ––––––– the magnificently finely made theme –– dark chocolate ––––––– */

.theme-dark-chocolate body[data-active-tab="timetable-content"] header#the-header { background: #000; }

.theme-dark-chocolate .class-picker-searchbar { background: rgba(255, 255, 255, 0.15) url('../assets_n/search_white.png') no-repeat 8px 6px; background-size: 13px 13px; color: #FFF; }
.theme-dark-chocolate .ui-classpicker-search .class-picker-searchbar input { color: #FFF; }
.theme-dark-chocolate .ui-classpicker-active #the-header .class-picker { background-color: #FFF; background-image: url('../assets_n/arrow_down_themed.png'); color: #000; }

.theme-dark-chocolate div#loaded-timetable > table td { background: #17191A; color: #95A2A8; }
.theme-dark-chocolate div#loaded-timetable > table td.m {background: #1D2325; color: #DAF0F9; }
.theme-dark-chocolate div#loaded-timetable > table td.m:hover { background: #23292C; }
.theme-dark-chocolate div#loaded-timetable > table th { color: #6E7174; }
.theme-dark-chocolate body[data-active-tab="timetable-content"] #the-tabbar { background: #0F1010; border-top: 1px solid #0F1010; }

.theme-dark-chocolate div#loaded-timetable > table td.m.free { background: #FC1F62; }
.theme-dark-chocolate div#loaded-timetable > table td.m.thingsactuallychanged { background: #16E484; color: #17191A; }
.theme-dark-chocolate div#loaded-timetable > table td.m .substchanged { background: #17191A; border-radius: 2px; color: #16E48E; }
.theme-dark-chocolate div#loaded-timetable > table td.m.somewhatfree .kf { background: #FC1F62; color: #17191A; }
.theme-dark-chocolate div#loaded-timetable > table td.m.movedOld { background: #FFBE49; color: #17191A; }
.theme-dark-chocolate div#loaded-timetable > table td.m.movedNew { background: #0090F8; color: #CCE8F5; }


/* ––––––– the magnificently finely made theme –– white chocolate (prior to saliorel 4: recycled paper) ––––––– */

.theme-paper body[data-active-tab="timetable-content"] header#the-header { background: #B7B4A1; color: #FFF; }
.theme-paper div#loaded-timetable > table { background: #E2E1D3; }
.theme-paper div#loaded-timetable > table th { background: #E2E1D3; color: #B3B1A0; }
.theme-paper div#loaded-timetable > table td.m { background: #FFFFFF; color: #6B6750; }
.theme-paper div#loaded-timetable > table td { background: #F5F5F5; color: #89877C; }
.theme-paper div#loaded-timetable > table td.m:hover { background: #F2F2F2; }
.theme-paper body[data-active-tab="timetable-content"] { background: #FFF; }
.theme-paper .class-picker-searchbar { background: rgba(255, 255, 255, 0.2) url('../assets_n/search_white.png') no-repeat 8px 6px; background-size: 13px 13px; color: #FFFFFF; }
.theme-paper .ui-classpicker-active #the-header .class-picker { background: rgb(255, 255, 255) url('../assets_n/arrow_down_themed.png') 43px 10px no-repeat; border-color: transparent; background-size: 11px 6px; color: #8E8E8E; }
.theme-paper #the-classpicker { color: #454545; }
.theme-paper .ui-classpicker-search .class-picker-searchbar input { color: #FFF; }
.theme-paper .ui-group.ui-vibrant .ui-list > .ui-item { background: #CAC9C0; background: rgba(0, 0, 0, 0.05); color: #454545; }
.theme-paper body[data-active-tab="timetable-content"] #the-tabbar { background: #212120; border-top: 1px solid #1D1D19; }

.theme-paper div#loaded-timetable > table td.m.free { background: #F0749A; outline: 1px solid #FFF; box-shadow: none; }
.theme-paper div#loaded-timetable > table td.m.thingsactuallychanged { background: #66E2A8; color: #17191A; outline: 1px solid #FFF; }
.theme-paper div#loaded-timetable > table td.m .substchanged { background: #FFFFFF; border-radius: 2px; color: #16E48E; }
.theme-paper div#loaded-timetable > table td.m.somewhatfree .kf { background: #F0749A; color: #17191A; }
.theme-paper div#loaded-timetable > table td.m.movedOld { background: #F4CD87; color: #17191A; outline: 1px solid #FFF; }
.theme-paper div#loaded-timetable > table td.m.movedNew { background: #4FA9EA; color: #CCE8F5; outline: 1px solid #FFF; }


/* ––––––– the magnificently finely made theme –– heat map ––––––– */

.theme-heat-map body[data-active-tab="timetable-content"] #the-header { background: #F01345; }

.theme-heat-map div#loaded-timetable > table th { color: #91A4AB; }
.theme-heat-map div#loaded-timetable > table td { background: #141515; color: #E6E9EA; }
.theme-heat-map div#loaded-timetable > table td.m { background: #FFDF3F; color: #111; }
.theme-heat-map div#loaded-timetable > table td.m:hover { background: #FFDF3F; }
.theme-heat-map div#loaded-timetable > table td.m .chatbadge { background: #FFF; color: #E50C45; font-weight: bold; }

.theme-heat-map div#loaded-timetable > table tr:nth-child(2) td.m { background: #F2163B; color: #FFF; }
.theme-heat-map div#loaded-timetable > table tr:nth-child(3) td.m { background: #F52727; color: #FFF; }
.theme-heat-map div#loaded-timetable > table tr:nth-child(4) td.m { background: #F54118; color: #FFF; }
.theme-heat-map div#loaded-timetable > table tr:nth-child(5) td.m { background: #FC5D18; color: #FFF; }
.theme-heat-map div#loaded-timetable > table tr:nth-child(6) td.m { background: #FC7718; color: #FFF; }
.theme-heat-map div#loaded-timetable > table tr:nth-child(7) td.m { background: #FC9118; color: #111; }
.theme-heat-map div#loaded-timetable > table tr:nth-child(8) td.m { background: #FCAB18; color: #111; }
.theme-heat-map div#loaded-timetable > table tr:nth-child(9) td.m { background: #FCBD18; color: #111; }
.theme-heat-map div#loaded-timetable > table tr:nth-child(10) td.m { background: #FFCA41; color: #111; }

.theme-heat-map div#loaded-timetable > table td.m.movedOld { background: #FF7235; color: #000; }
.theme-heat-map div#loaded-timetable > table td.m.thingsactuallychanged { color: #E6E9EA; }
.theme-heat-map div#loaded-timetable > table td.m.movedNew { background: #0090F8; color: #000; }
.theme-heat-map div#loaded-timetable > table td.m.hasChanged.free { background: #272122 !important; }
.theme-heat-map div#loaded-timetable > table td.m.hasChanged.free .kf { color: #ADABAB; }


/* ––––––– the magnificently finely made theme –– amazing ace ––––––– */

.theme-ace body[data-active-tab="timetable-content"] #the-header { background: #3F7494; }
.theme-ace body[data-active-tab="timetable-content"] { background: #5892B6; }

.theme-ace .class-picker-searchbar { background: rgba(255, 255, 255, 0.15) url('../assets_n/search_white.png') no-repeat 8px 6px; background-size: 13px 13px; color: #FFF; }
.theme-ace .ui-classpicker-search .class-picker-searchbar input { color: #FFF; }
.theme-ace .ui-classpicker-active #the-header .class-picker { background-color: #FFF; background-image: url('../assets_n/arrow_down_themed.png'); color: #666F75; }

.theme-ace div#loaded-timetable > table { background: #538EB3; }
.theme-ace div#loaded-timetable > table th { background: #538EB3; color: #BDDEF2; }
.theme-ace div#loaded-timetable > table td { background: #C5E5F9; color: #111; }
.theme-ace div#loaded-timetable > table td.m { background: #E6F2FA; color: #111; box-shadow: 0px 1px 10px rgba(25, 25, 25, 0.15); position: relative; }

.theme-ace div#loaded-timetable > table td.m:hover { background: #FFFFFF; }
.theme-ace div#loaded-timetable > table td.m .chatbadge { background: #FFFFFF; color: #2FA6EF; }

.theme-ace div#loaded-timetable > table tr:nth-child(2) td.m { background: #229CE7; color: #FFF; }
.theme-ace div#loaded-timetable > table tr:nth-child(3) td.m { background: #4EB3F2; color: #FFF; }
.theme-ace div#loaded-timetable > table tr:nth-child(4) td.m { background: #6EC1F5; color: #FFF; }
.theme-ace div#loaded-timetable > table tr:nth-child(5) td.m { background: #90CEF5; color: #FFF; }
.theme-ace div#loaded-timetable > table tr:nth-child(6) td.m { background: #A8DAFA; color: #FFF; }
.theme-ace div#loaded-timetable > table tr:nth-child(7) td.m { background: #BAE2FC; color: #111; }
.theme-ace div#loaded-timetable > table tr:nth-child(8) td.m { background: #CAEAFF; color: #111; }
.theme-ace div#loaded-timetable > table tr:nth-child(9) td.m { background: #D5EEFD; color: #111; }
.theme-ace div#loaded-timetable > table tr:nth-child(10) td.m { background: #DDF1FD; color: #111; }

.theme-ace div#loaded-timetable > table td.m.movedOld { background: #FF7235; color: #000; }
.theme-ace div#loaded-timetable > table td.m.thingsactuallychanged { color: #E6E9EA; }
.theme-ace div#loaded-timetable > table td.m.movedNew { background: #0090F8; color: #000; }
.theme-ace div#loaded-timetable > table td.m.hasChanged.free { background: #FFFFFF !important; }
.theme-ace div#loaded-timetable > table td.m.hasChanged.free .kf { color: #579FCD; }
.theme-ace div#loaded-timetable > table td.m.somewhatfree .kf { background: #FFFFFF; color: #579FCD; padding: 3px 9px; }


/* ––––––– the magnificently finely made theme –– heroic dejection ––––––– */

.theme-heroic body[data-active-tab="timetable-content"] #the-header { background: #36B3A3; }

.theme-heroic body[data-active-tab="timetable-content"] { background: #36BEAC; }
.theme-heroic body[data-active-tab="timetable-content"] #the-tabbar {
	background: #273C3D;
	border-top: 1px solid #1E3030;
}

.theme-heroic .class-picker-searchbar { background: rgba(255, 255, 255, 0.15) url('../assets_n/search_white.png') no-repeat 8px 6px; background-size: 13px 13px; color: #FFF; }
.theme-heroic .ui-classpicker-search .class-picker-searchbar input { color: #FFF; }
.theme-heroic .ui-classpicker-active #the-header .class-picker { background-color: #FFF; background-image: url('../assets_n/arrow_down_themed.png'); color: #698682; }
.theme-heroic .ui-group.ui-vibrant .ui-list > .ui-item { background: #CAC9C0; background: rgba(0, 0, 0, 0.05); color: #FFF; }

.theme-heroic div#loaded-timetable > table { background: #36BEAC; }
.theme-heroic div#loaded-timetable > table th { background: #36BEAC; cursor: default; color: #F9FCF0; }
.theme-heroic div#loaded-timetable > table td.m { background: #DEEFAD; color: #179D8B; }
.theme-heroic div#loaded-timetable > table td { background: #EAF7B0; color: #179D8B; }
.theme-heroic div#loaded-timetable > table td.m .chatbadge { background: #FAF9F3; color: #36BEAC; }

.theme-heroic div#loaded-timetable > table td.m.movedOld { background: #DA5A76; color: #EAF7B0; }
.theme-heroic div#loaded-timetable > table td.m.thingsactuallychanged { color: #DEEFAD; background: #36BEAC; }
.theme-heroic div#loaded-timetable > table td.m.movedNew { background: #3FBCCB; color: #EAF7B0; }
.theme-heroic div#loaded-timetable > table td.m.free { background: #FA6E8E; color: #EAF7B0; outline: 1px solid #C5506A; }

.theme-heroic div#loaded-timetable > table td.m .substchanged { background: #36BEAC; color: #DEEFAD; }
.theme-heroic div#loaded-timetable > table td.m.somewhatfree .kf { background: #F96083; }
.theme-heroic div#loaded-timetable > table td.m .kf { color: #EAF7B0; }



/* ––––––– the magnificently finely made theme –– awkward world ––––––– */

.theme-awkward body[data-active-tab="timetable-content"] #the-header { background: #40556F; }

.theme-awkward body[data-active-tab="timetable-content"] { background: #7B4F66; background-image: linear-gradient(-180deg, #193B65 0%, #CF5F67 98%); }
.theme-awkward body[data-active-tab="timetable-content"] #the-tabbar { background: #2F2B2C; border-top: 1px solid #1A1818; }

.theme-awkward .class-picker-searchbar { background: rgba(255, 255, 255, 0.15) url('../assets_n/search_white.png') no-repeat 8px 6px; background-size: 13px 13px; color: #FFF; }
.theme-awkward .ui-classpicker-search .class-picker-searchbar input { color: #FFF; }
.theme-awkward .ui-classpicker-active #the-header .class-picker { background-color: #FFF; background-image: url('../assets_n/arrow_down_themed.png'); color: #40556F; }
.theme-awkward .ui-group.ui-vibrant .ui-list > .ui-item { background: #CAC9C0; background: rgba(0, 0, 0, 0.05); color: #FFF; }

.theme-awkward div#loaded-timetable > table { background: transparent; }
.theme-awkward div#loaded-timetable > table th { background: transparent; cursor: default; color: #F9FCF0; }
.theme-awkward div#loaded-timetable > table td.m { background: #F9C785; color: #354065; background: rgba(245, 218, 220, 0.77); }
.theme-awkward div#loaded-timetable > table td { background: #AABEC8; background: rgba(170, 190, 200, 0.45); color: #2F3F65	; }
.theme-awkward div#loaded-timetable > table td.m .chatbadge { background: #F0ECE6; color: #374165; }

.theme-awkward div#loaded-timetable > table td.m.movedOld { background: #D5646D; color: #364165; }
.theme-awkward div#loaded-timetable > table td.m.thingsactuallychanged { color: #334065; background: #AAE588; }
.theme-awkward div#loaded-timetable > table td.m.movedNew { background: #7CABCF; color: #364165; }
.theme-awkward div#loaded-timetable > table td.m.free { background: #EA747D; color: #F7CE63; }
.theme-awkward div#loaded-timetable > table td.m .kf { color: #374165; }
.theme-awkward div#loaded-timetable > table td.m .substchanged { background: #394265; color: #F1C083; }



/* ––––––– the magnificently finely made theme –– calm ––––––– */

.theme-calm body[data-active-tab="timetable-content"] #the-header { background: #D0246C; }

.theme-calm body[data-active-tab="timetable-content"] { background: #7B4F66; background-image: linear-gradient(-180deg, #E02A76 15%, #923FB9 55%, #4D5EC1 100%); }
.theme-calm body[data-active-tab="timetable-content"] #the-tabbar { background: #1D1E27; border-top: 1px solid #1A1818; }

.theme-calm .class-picker-searchbar { background: rgba(255, 255, 255, 0.15) url('../assets_n/search_white.png') no-repeat 8px 6px; background-size: 13px 13px; color: #FFF; }
.theme-calm .ui-classpicker-search .class-picker-searchbar input { color: #FFF; }
.theme-calm .ui-classpicker-active #the-header .class-picker { background-color: #FFF; background-image: url('../assets_n/icon_down_tint.png'); color: #D0246C; }
.theme-calm .ui-group.ui-vibrant .ui-list > .ui-item { background: #CAC9C0; background: rgba(0, 0, 0, 0.05); color: #FFF; }

.theme-calm div#loaded-timetable > table { background: transparent; }
.theme-calm div#loaded-timetable > table th { background: transparent; cursor: default; color: #F9FCF0; }
.theme-calm div#loaded-timetable > table td.m { background: #F9C785; color: #4D3D5D; background: rgba(228, 218, 245, 0.77); }
.theme-calm div#loaded-timetable > table td { background: #AABEC8; background: rgba(170, 190, 200, 0.45); color: #FFFFFF; }
.theme-calm div#loaded-timetable > table td.m .chatbadge { background: #F0ECE6; color: #374165; }

.theme-calm div#loaded-timetable > table td.m.movedOld { background: #FFA67D; color: #364165; }
.theme-calm div#loaded-timetable > table td.m.thingsactuallychanged { color: #334065; background: #AAE588; }
.theme-calm div#loaded-timetable > table td.m.movedNew { background: #7CABCF; color: #364165; }
.theme-calm div#loaded-timetable > table td.m.free { background: #E02A76; color: #000000; }
.theme-calm div#loaded-timetable > table td.m .kf { color: #D4B5E4; }
.theme-calm div#loaded-timetable > table td.m .substchanged { background: #394265; color: #AAE588; }



/* ––––––– the magnificently finely made theme –– thousand ––––––– */

.theme-thousand header#the-header { background-color: #34EA65; }
.theme-thousand div#loaded-timetable table, .theme-thousand div#loaded-timetable table th { background-color: #FFF; color: #929292; font-weight: normal; }

.theme-thousand div#loaded-timetable > table td { background-color: #FDFDFD; color: #333; }
.theme-thousand div#loaded-timetable > table td.m { background-color: #F7F7F7; }

.theme-thousand div#loaded-timetable > table td.m.free { background-color: #FF5885; border-radius: 2px; }
.theme-thousand div#loaded-timetable > table td.m.free .kf { color: #FFF; }

.theme-thousand div#loaded-timetable > table td.m.somewhatfree .kf {
	background-color: #FF5885;
	color: #FFF;
	border-radius: 2px;
	margin-left: -2px;
}

.theme-thousand div#loaded-timetable > table td.m.thingsactuallychanged {
	background-color: #1BDA8A;
	border-radius: 2px;
}

.theme-thousand div#loaded-timetable > table td.m.thingsactuallychanged .substchanged {
	background-color: #11303C;
	color: #1BDA8A;
	border-radius: 2px;
}

.theme-thousand .class-picker-searchbar {
	color: #FFFFFF;
	background: rgba(0, 0, 0, 0.11) url('../assets_n/search_white.png') no-repeat 8px 6px;
	background-size: 13px 13px;
}

.theme-thousand body[data-active-tab="timetable-content"] {
	background-color: #FFF;
}

.theme-thousand .ui-vibrant span.ui-label.ui-list-label.ui-bold {
	color: #636363;
}

.theme-thousand .ui-group.ui-vibrant .ui-list > .ui-item {
	background-color: rgba(0, 0, 0, 0.05);
	color: #757575;
}

.theme-thousand .ui-classpicker-search .class-picker-searchbar input {
	color: #FFF;
}

.theme-thousand .ui-classpicker-typing .classpicker-content .still-typing {
	color: #888;
}

.theme-thousand .ui-classpicker-active #the-header .class-picker {
	background: #FFF url('../assets_n/arrow_down_themed.png') 43px 10px no-repeat;
	background-size: 11px 6px;
	color: #737373;
}



/* ––––––– the magnificently finely made theme –– innocent apple ––––––– */

.theme-coherence body[data-active-tab="timetable-content"] #the-header { background: #99E568; }

.theme-coherence body[data-active-tab="timetable-content"] { background: #A0EC6F; background: hsl(63, 77%, 68%); background-image: linear-gradient(-180deg,#A0EC6F 10%,#E6EC6F 90%); }
.theme-coherence body[data-active-tab="timetable-content"] #the-tabbar { background: #2F2B2C; border-top: 1px solid #1A1818; }

.theme-coherence .class-picker-searchbar { background: rgba(255, 255, 255, 0.15) url('../assets_n/search_white.png') no-repeat 8px 6px; background-size: 13px 13px; color: #FFF; }
.theme-coherence .ui-classpicker-search .class-picker-searchbar input { color: #FFF; }
.theme-coherence .ui-classpicker-active #the-header .class-picker { background-color: rgb(255, 255, 255); background-image: url('../assets_n/arrow_down_themed.png'); color: #6F8673; }
.theme-coherence .ui-group.ui-vibrant .ui-list > .ui-item { background: #CAC9C0; background: rgba(0, 0, 0, 0.05); color: #FFF; }

.theme-coherence div#loaded-timetable > table { background: transparent; }
.theme-coherence div#loaded-timetable > table th { background: transparent; cursor: default; color: #F9FCF0; }
.theme-coherence div#loaded-timetable > table td.m { background: transparent; }
.theme-coherence div#loaded-timetable > table td { background: #CBF5B0; background: rgba(255,255,255,0.45); color: #515151; }

.theme-coherence div#loaded-timetable > table td.m.movedOld { background: #FF6179; color: #354065; }
.theme-coherence div#loaded-timetable > table td.m.thingsactuallychanged { color: #454545; background: transparent; }
.theme-coherence div#loaded-timetable > table td.m.movedNew { background: #7CABCF; color: #364165; }
.theme-coherence div#loaded-timetable > table td.m.free { background: #FF6179; color: #354065; }
.theme-coherence div#loaded-timetable > table td.m .kf { color: #354065; }
.theme-coherence div#loaded-timetable > table td.m .substchanged { background: #454545; color: #B3EC6F; }



/* ––––––– the magnificently finely made theme –– translucent aqua ––––––– */

.theme-aqua body[data-active-tab="timetable-content"] #the-header { background: #33B8F2; }

.theme-aqua body[data-active-tab="timetable-content"] { background: #30C0FF; background-image: linear-gradient(-180deg, #30C0FF 10%, #13DAE2 90%); }
.theme-aqua body[data-active-tab="timetable-content"] #the-tabbar { background: #243A44; border-top: 1px solid #243A44; }

.theme-aqua .class-picker-searchbar { background: rgba(255, 255, 255, 0.15) url('../assets_n/search_white.png') no-repeat 8px 6px; background-size: 13px 13px; color: #FFF; }
.theme-aqua .ui-classpicker-search .class-picker-searchbar input { color: #FFF; }
.theme-aqua .ui-classpicker-active #the-header .class-picker { background-color: rgb(255, 255, 255); background-image: url('../assets_n/arrow_down_themed.png'); color: #7E8488; }
.theme-aqua .ui-group.ui-vibrant .ui-list > .ui-item { background: #CAC9C0; background: rgba(0, 0, 0, 0.05); color: #FFF; }

.theme-aqua div#loaded-timetable > table { background: transparent; }
.theme-aqua div#loaded-timetable > table th { background: transparent; cursor: default; color: #F9FCF0; }
.theme-aqua div#loaded-timetable > table td.m { background: transparent; }
.theme-aqua div#loaded-timetable > table td { background: #CBF5B0; background: rgba(255,255,255,0.45); color: #515151; }

.theme-aqua div#loaded-timetable > table td.m.movedOld { background: #FF6179; color: #354065; }
.theme-aqua div#loaded-timetable > table td.m.thingsactuallychanged { color: #454545; background: transparent; }
.theme-aqua div#loaded-timetable > table td.m.movedNew { background: #7CABCF; color: #364165; }
.theme-aqua div#loaded-timetable > table td.m.free { background: #FF6179; color: #354065; }
.theme-aqua div#loaded-timetable > table td.m .kf { color: #354065; }
.theme-aqua div#loaded-timetable > table td.m .substchanged { background: #454545; color: #19D4E8; }


/* ––––––– the magnificently finely made theme –– pride ––––––– */

.theme-pride body[data-active-tab="timetable-content"] #the-header { background: #1F1F1F; }

.theme-pride div#loaded-timetable > table th { color: #91A4AB; background-color: #000;}
.theme-pride div#loaded-timetable > table td { background: #252727; color: #E6E9EA; }
.theme-pride div#loaded-timetable > table td.m { background: #4F0A94; color: #FFF; }
.theme-pride div#loaded-timetable > table td.m .chatbadge { background: #FFF; color: #E50C45; font-weight: bold; }

.theme-pride div#loaded-timetable > table tr:nth-child(2) td:not(.do) { background: #FF3131; color: #FFF; }
.theme-pride div#loaded-timetable > table tr:nth-child(3) td:not(.do) { background: #FF8913; color: #FFF; }
.theme-pride div#loaded-timetable > table tr:nth-child(4) td:not(.do) { background: #F5F118; color: #000; }
.theme-pride div#loaded-timetable > table tr:nth-child(5) td:not(.do) { background: #A9F30A; color: #141515; }
.theme-pride div#loaded-timetable > table tr:nth-child(6) td:not(.do) { background: #37FFEC; color: #141515; }
.theme-pride div#loaded-timetable > table tr:nth-child(7) td:not(.do) { background: #18DFFC; color: #111; }
.theme-pride div#loaded-timetable > table tr:nth-child(8) td:not(.do) { background: #188AFC; color: #FFF; }
.theme-pride div#loaded-timetable > table tr:nth-child(9) td:not(.do) { background: #6636FF; color: #FFF; }
.theme-pride div#loaded-timetable > table tr:nth-child(10) td:not(.do) { background: #6C10C7; color: #FFF; }

.theme-pride #wrapper div#loaded-timetable > table td.m.free { background: #252727; color: #000; }
.theme-pride div#loaded-timetable > table td.m.movedOld { background: #FF7235; color: #000; }
.theme-pride div#loaded-timetable > table td.m.thingsactuallychanged { color: #E6E9EA; }
.theme-pride div#loaded-timetable > table td.m.movedNew { background: #0090F8; color: #000; }
.theme-pride div#loaded-timetable > table td.m.hasChanged.free { background: #272122 !important; }
.theme-pride div#loaded-timetable > table td.m.hasChanged.free .kf { color: #ADABAB; }


/* ––––––– the magnificently finely made theme –– inner-pride ––––––– */

.theme-inner-pride body[data-active-tab="timetable-content"] #the-header { background: #1F1F1F; }

.theme-inner-pride div#loaded-timetable > table th { color: #91A4AB; background-color: #000;}
.theme-inner-pride div#loaded-timetable > table td { background: #121313; color: #E6E9EA; }
.theme-inner-pride div#loaded-timetable > table td.m { background: #101010; color: #FFF; }
.theme-inner-pride div#loaded-timetable > table td.m .chatbadge { background: #FFF; color: #E50C45; font-weight: bold; }

.theme-inner-pride div#loaded-timetable > table tr:nth-child(2) td:not(.do) { color: #FF3131; }
.theme-inner-pride div#loaded-timetable > table tr:nth-child(3) td:not(.do) { color: #FF8913; }
.theme-inner-pride div#loaded-timetable > table tr:nth-child(4) td:not(.do) { color: #F5F118; }
.theme-inner-pride div#loaded-timetable > table tr:nth-child(5) td:not(.do) { color: #A9F30A; } 
.theme-inner-pride div#loaded-timetable > table tr:nth-child(6) td:not(.do) { color: #37FFEC; } 
.theme-inner-pride div#loaded-timetable > table tr:nth-child(7) td:not(.do) { color: #18DFFC; }
.theme-inner-pride div#loaded-timetable > table tr:nth-child(8) td:not(.do) { color: #188AFC; }
.theme-inner-pride div#loaded-timetable > table tr:nth-child(9) td:not(.do) { color: #6636FF; }
.theme-inner-pride div#loaded-timetable > table tr:nth-child(10) td:not(.do) { color: #6C10C7;}

.theme-inner-pride #wrapper div#loaded-timetable > table td.m.free { background: #252727; color: #000; }
.theme-inner-pride div#loaded-timetable > table td.m.movedOld { background: #FF7235; color: #000; }
.theme-inner-pride div#loaded-timetable > table td.m.thingsactuallychanged { color: #E6E9EA; }
.theme-inner-pride div#loaded-timetable > table td.m.movedNew { background: #0090F8; color: #000; }
.theme-inner-pride div#loaded-timetable > table td.m.hasChanged.free { background: #272122 !important; }
.theme-inner-pride div#loaded-timetable > table td.m.hasChanged.free .kf { color: #ADABAB; }



/* ––––––– the magnificently finely made theme –– rose garden ––––––– */

.theme-rose-garden body[data-active-tab="timetable-content"] #the-header { background: #C4E77E; }

.theme-rose-garden body[data-active-tab="timetable-content"] { background: #B8DA74; }
.theme-rose-garden body[data-active-tab="timetable-content"] #the-tabbar { background: #422C3F; border-top: 1px solid #2F1E2D; }

.theme-rose-garden .class-picker-searchbar { background: rgba(0, 0, 0, 0.08) url('../assets_n/search_white.png') no-repeat 8px 6px; background-size: 13px 13px; color: #FFF; }
.theme-rose-garden .ui-classpicker-search .class-picker-searchbar input { color: #FFF; }
.theme-rose-garden .ui-classpicker-active #the-header .class-picker { background-color: transparent; background-image: url('../assets_n/icon_down.png'); color: #FFF; border: none; background-color: rgba(0, 0, 0, 0.25); padding: 5px 7px;  }
.theme-rose-garden .ui-group.ui-vibrant .ui-list > .ui-item { background: #CAC9C0; background: rgba(255, 44, 204, 0.46); color: #FFF; }

.theme-rose-garden .ui-blurred #the-view { opacity: 0.4; }

.theme-rose-garden div#loaded-timetable > table { background: #B8DA74; }
.theme-rose-garden div#loaded-timetable > table th { background: transparent; cursor: default; color: #F9FCF0; }
.theme-rose-garden div#loaded-timetable > table td.m { background: #FDFDFD; color: #6E6D66; }
.theme-rose-garden div#loaded-timetable > table td { background: #F9E0F6; color: #6E6D66; }

.theme-rose-garden div#loaded-timetable > table td.m.movedOld { background: #FF6179; color: #354065; }
.theme-rose-garden div#loaded-timetable > table td.m.thingsactuallychanged { color: #454545; background: transparent; }
.theme-rose-garden div#loaded-timetable > table td.m.movedNew { background: #7CABCF; color: #364165; }
.theme-rose-garden div#loaded-timetable > table td.m.free { background: #F5AAE0; color: #FDFDFD; outline: 1px solid #B87AB0; }
.theme-rose-garden div#loaded-timetable > table td.m .kf { color: #FDFDFD; }
.theme-rose-garden div#loaded-timetable > table td.m .substchanged { background: #454545; color: #19D4E8; }



/* ––––––– the magnificently finely made theme –– saliorel edition ––––––– */

.theme-edition body[data-active-tab="timetable-content"] #the-header {
	background: #916B5D;
	/* background: linear-gradient(-135deg, #91705E 0%, #925A5A 100%); */
}

.theme-edition body[data-active-tab="timetable-content"] {
	background: #231C1C;
	background-image: linear-gradient(-140deg, #000000 10%, #504141 100%);
}

.theme-edition body[data-active-tab="timetable-content"] #the-tabbar { background: #221C1C; border-top: 1px solid #382E2E; }

.theme-edition .class-picker-searchbar { background: rgba(255, 255, 255, 0.15) url('../assets_n/search_white.png') no-repeat 8px 6px; background-size: 13px 13px; color: #FFF; }
.theme-edition .ui-classpicker-search .class-picker-searchbar input { color: #FFF; }
.theme-edition .ui-classpicker-active #the-header .class-picker { background-color: rgb(255, 255, 255); background-image: url('../assets_n/arrow_down_themed.png'); color: #7E8488; }
.theme-edition .ui-group.ui-vibrant .ui-list > .ui-item { background: #CAC9C0; background: rgba(0, 0, 0, 0.05); color: #FFF; }

.theme-edition div#loaded-timetable > table { background: transparent; }
.theme-edition div#loaded-timetable > table th { background: transparent; cursor: default; color: #C1ADA5; }
.theme-edition div#loaded-timetable > table td.m { background: rgba(255, 255, 255, 0); }
.theme-edition div#loaded-timetable > table td { background: #0F0D0D; background: rgba(0, 0, 0, 0.45); color: #FFFFFF; }

.theme-edition div#loaded-timetable > table td.m.movedOld { background: #F31E6A; background-image: linear-gradient(-99deg, #ED0C50 0%, #F7297B 94%); color: #1F1919; border-radius: 2px; }
.theme-edition div#loaded-timetable > table td.m.thingsactuallychanged { color: #181313; background: #91635B; background-image: linear-gradient(-135deg, #91705E 0%, #925A5A 100%); }
.theme-edition div#loaded-timetable > table td.m .substchanged { background: #181313;color: #91655C; padding-left: 6px; margin-left: 4px;}
.theme-edition div#loaded-timetable > table td.m.movedNew { background: #20CFF4; background-image: linear-gradient(-99deg, #3AADFF 0%, #0DE7EC 94%); color: #1F1919; border-radius: 2px; }
.theme-edition div#loaded-timetable > table td.m.free { background: #F31E6A; background-image: linear-gradient(-99deg, #ED0C50 0%, #F7297B 94%); color: #1F1919; border-radius: 2px; }
.theme-edition div#loaded-timetable > table td.m .kf { color: #221B1B; }
.theme-edition div#loaded-timetable > table td.m.somewhatfree .kf {
	
	background: #F31E6A;
	background-image: linear-gradient(0, #ED0C50 0%, #F7297B 94%);
	color: #1F1919;
	border-radius: 2px;
	margin-left: -2px;
}

.theme-edition div#timetable-theme-picker {
	background-color: #151414;
	color: #FFF;
}

.theme-edition #timetable-theme-picker .panel-header {
	background-color: #000;
	color: #FFF;
	box-shadow: none;
	border-bottom: 1px solid #1F1E1E;
	margin-bottom: -1px;
}

.theme-edition .theme-option-text { color: #867474; }
.theme-edition #timetable-theme-picker .confirm-button, .theme-edition #timetable-theme-picker .cancel-button { color: #D39D82; }



/* –––– serenade –––– */

.serenade_plus {
    padding: 2px 12px;
    line-height: 28px;
    background-color: #FFF;
    border-radius: 3px;
    margin: 8px 10px;
    color: #000;
    margin-top: 8px;
    cursor: pointer;
}

.serenade_plus span.btn {
    font-size: 13px;
    color: #F8007B;
    font-weight: bold;
    padding: 5px;
    line-height: 19px;
    background: transparent url('../assets_n/arrow_right_tint.png') no-repeat center center;
    background-size: 8px 11px;
    background-position: 5px 8px;
    margin-left: 5px;
}

div#close_serenade_btn {
    position: fixed;
    top: 22px;
    padding: 7px 14px;   font-size: 17px;   
    background: transparent url('../assets_n/nav_back.png') no-repeat 14px 7px;   
    padding-left: 30px;   background-size: 11px 20px;
}



/* 	U2c <3  */

.enjoy_holidays_modal {
    position: fixed;
    
    top: 50%;
    left: 10%;
    
    width: 80%;
    
    height: 435px;
    margin-top: -217px;
    background-color: #FF0089;
    
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    border-radius: 5px;

    z-index: 1009;
    overflow: hidden;
}

.enjoy_holidays_modal .first {
    background-color: #E5007B;
    height: 235px;
}

.enjoy_holidays_modal .first h2 {
    font-size: 32px;
    font-weight: 400;
    padding: 38px 0;
    text-align: center;
}


.enjoy_holidays_modal .first h2 b {
    font-weight: 500;
    display: block;
}

.enjoy_holidays_modal .first .close_btn {
    background-color: #FFF;
    width: 55%;
    margin: 0 auto;
    padding: 12px 0;
    color: #E5007B;
    font-weight: 500;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.u2c_credits {
    padding: 15px 0;
    text-align: center;
    color: #EFEFEF;
    font-weight: 500;
}

.u2c_credits span, .u2c_credits b {
    display: block;
    font-weight: 500;
    min-height: 18px;
}

.u2c_credits b {
    color: #FFFFFF;
    font-weight: 500;
    display: block;
    height: 40px;
    font-size: 20px;
}

.enjoy_holidays_fader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	z-index: 1008;
}

.u2c_heart {
    height: 105px;
    background: transparent url('../assets_n/u2c_heart.png') no-repeat center 15px;
    background-size: 103px 95px;

    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-name: u2c_beat;
	animation-iteration-count: infinite;

    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-name: u2c_beat;
	-webkit-animation-iteration-count: infinite;

    -moz-animation-duration: 1.5s;
    -moz-animation-delay: 0.5s;
    -moz-animation-name: u2c_beat;
	-moz-animation-iteration-count: infinite;
}

@keyframes u2c_beat {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}

	15% {
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		transform: scale(0.95);
	}

	35% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		transform: scale(1.1);
	}

	45% {
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		transform: scale(0.95);
	}

	55% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes u2c_beat {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}

	15% {
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		transform: scale(0.95);
	}

	35% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		transform: scale(1.1);
	}

	45% {
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		transform: scale(0.95);
	}

	55% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}

@-moz-keyframes u2c_beat {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}

	15% {
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		transform: scale(0.95);
	}

	35% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		transform: scale(1.1);
	}

	45% {
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		transform: scale(0.95);
	}

	55% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}



/* 	fixing random stuff  */

.ui-mail-composer-sheet-ready #loaded-mail {
	height: 0;
	overflow: hidden;
}

.short-timetable-layout div#loaded-timetable > table th,
.short-timetable-layout div#loaded-timetable > table td {
	height: 40px;
}

.short-timetable-layout div#loaded-timetable > table tr th:first-child,
.short-timetable-layout div#loaded-timetable-canvas > table tr th:first-child {
	line-height: 38px;
}

div#mail_subheader {
	padding-bottom: 15px;
	min-height: 100px;

	background: #FBBE00;
	color: #FFF;
}

.mail-detailed-view-loading div#mail_subheader .activity {
	background: transparent url('../assets_n/spinner.png') no-repeat -134px 0;
	width: 27px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	top: 26px;
}

#mail_subheader .subject {
    font-size: 26px;
    font-weight: 500;
    padding: 0 15px;
    padding-top: 5px;
    text-overflow: ellipsis;
}

#mail_subheader .from_and_when {
    font-size: 15px;
    padding: 0 15px;
    padding-top: 10px;
    text-overflow: ellipsis;
}

.mail-detailed-view-active:not(.mail-detailed-view-loading) .header-mail.active .mail-reply-btn,
.mail-detailed-view-active:not(.mail-detailed-view-loading) .header-mail.active .mail-favorite-btn,
.mail-detailed-view-active:not(.mail-detailed-view-loading) .header-mail.active .mail-trash-btn {
	background: transparent url('../assets_n/mailcontrols.png') no-repeat 0 0;
	background-position-x: 7px;
	background-position-y: 4px;
	background-size: 145px 24px;
	width: 32px;
	height: 36px;
	position: fixed;
	right: 12px;
}

.mail-detailed-view-active:not(.mail-detailed-view-loading) .header-mail.active .mail-favorite-btn {
	right: 58px;
	background-position-x: -76px;
}

.mail-detailed-view-active:not(.mail-detailed-view-loading) .header-mail.active .mail-favorite-btn.active {
	background-position-x: -119px;
}

.mail-detailed-view-active:not(.mail-detailed-view-loading) .header-mail.active .mail-trash-btn {
	right: 106px;
	background-position-x: -35px;
}

.tab-icon-badge {
	display: none;
	position: absolute;

	margin-top: 3px;
	margin-left: 19px;

	color: #1B2324;
	background: #FFF;

	border: 1px solid #1B2324;

	cursor: default;
	line-height: 15px;

	width: 14px;
	height: 15px;
	
	font-size: 13px;
	border-radius: 8px;
}

#loaded-mail > div.mail-obj.unread {
	background-color: #FFF;
	border-bottom: 1px solid #F0F0F0;
	color: #232323;
}

#loaded-mail div.mail-obj.unread p {
	color: #8A8A8A;
}

.mail-obj .dot {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: transparent;
	position: absolute;
	right: 16px;
	margin-top: 25px;
}

.mail-obj.unread .dot {
	border: 2px solid #00BBFF;
}

.mail-obj.favorited .dot {
	border: 2px solid #FFD200;
	background-color: #FFD200;
}

.ui-mail-composer-sheet-ready .dot {
	display: none;
}

#loaded-mail > div.mail-obj.unread, #loaded-mail > div.mail-obj.favorited {
	padding-right: 33px;
}

#loaded-mail > div.mail-obj.unread span.righty, #loaded-mail > div.mail-obj.favorited span.righty {
	margin-right: -17px;
}

.tab-button-mail.selected .tab-icon-badge { background: #FFB700; }

.theme-paper body[data-active-tab="timetable-content"] .tab-icon-badge { border: 1px solid #C5C2AB; color: #B5B29C; }
.theme-heroic body[data-active-tab="timetable-content"] .tab-icon-badge { border: 1px solid #273C3D; color: #273C3D; }
.theme-rose-garden body[data-active-tab="timetable-content"] .tab-icon-badge { color: #422C3F; border: 1px solid #422C3F; }

.ding-notification {
	position: fixed;

	top: -100px;
	left: 0;

	width: 100%;
	height: 80px;

	background-color: rgba(0, 0, 0, 0.66);
	box-shadow: 0 2px 5px rgba(0,0,0,0.25);

	z-index: 100000;

	-webkit-transition: 0.5s top cubic-bezier(0.73, 0.04, 0.16, 0.97);
	-moz-transition: 0.5s top cubic-bezier(0.73, 0.04, 0.16, 0.97);
	-ms-transition: 0.5s top cubic-bezier(0.73, 0.04, 0.16, 0.97);
	-o-transition: 0.5s top cubic-bezier(0.73, 0.04, 0.16, 0.97);
	transition: 0.5s top cubic-bezier(0.73, 0.04, 0.16, 0.97);
	
	-webkit-backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px) brightness(120%);
	backdrop-filter: blur(10px);
}

.ding-notification.shown {
	top: 0;
}

.ding-notification .content b, .ding-notification .content span {
	display: block;
}

.ding-notification .content {
	padding: 24px 14px;
	line-height: 21px;
	
	padding-bottom: 12px;
}

.ding-notification .close {
	width: 38px;
	height: 38px;

	background: transparent url('../assets/closer_thingy.png') no-repeat center center;
	background-size: 18px 18px;

	position: fixed;

	right: 6px;
	margin-top: 26px;

	cursor: pointer;
}

.ui-autocomplete.ui-widget {
	background-color: #F7F6F6;
	left: 0 !important;
	
	color: #272727;
	
	margin-top: 26px;
	max-height: 140px;

	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

.ui-autocomplete.ui-widget .ui-menu-item {
	line-height: 43px;
	border-bottom: 1px solid #EAE8E8;
	
	font-size: 15px;
	padding: 0 12px;
}

.theme-edition .tab-icon-badge {
	color: #A2A1A1;
	background: #221C1C;
	border: 1px solid #A2A1A1;
}

.theme-edition .tab-button-mail.selected .tab-icon-badge {
	background: #FFB700;
	border: 1px solid #221C1C;
	color: #221C1C;
}

/* body:not([data-active-tab="timetable-content"]) .header-loader { display: none !important; } */

.printed-by-saliorel { display: none !important; }
/* .sh-popover.timetable_lesson_popover .sh-popovercontent .a { display: none !important; } */

.mail-setup-done .header-content.header-mail .mail-folder-btn {
	background: transparent url('../assets_n/salisheet.png') no-repeat 0 0;

	background-position-x: -154px;
	background-position-y: -200px;
	
	background-size: 257px 311px;
	
	height: 36px;
	width: 32px;
		
	position: fixed;
	left: 12px;
}

.mail-detailed-view-active.mail-setup-done .header-content.header-mail .mail-folder-btn {
	display: none;
}

#ui-sheet-mail-folder-selection .cancel-button {
	color: #FF9100;
}

.mail-folder-select-view .mail-folder, .mail-folder-select-view .mail-action {
	display: block;
	padding: 13px 12px;
	color: #3A3A3A;
	padding-left: 54px;
	background-color: #F9F9F9;
	border-bottom: 1px solid #E9E9EC;
}

.mail-folder-select-view {
	margin-top: 42px;
	border-top: 1px solid #E9E9EC;
}

.mail-folder-select-view .mail-folder:active {
	background-color: #ECECEC;
}

.mail-folder-select-view .mail-folder .icon {
	background: transparent url('../assets_n/salisheet.png') no-repeat 0 0;
	background-position-x: -102px;
	background-position-y: -119px;
	background-size: 234px 297px;
	width: 22px;
	height: 22px;
	position: absolute;
	margin-left: -36px;
}

.mail-folder-select-view .mail-folder.inbox .icon {
	background-position-x: 0px;
}

.mail-folder-select-view .mail-folder.sent .icon {
	background-position-x: -35px;
}

#wrapper:not(.mail-detailed-view-active) .header-mail.active .mail-favorites-btn {
	background: transparent url('../assets_n/mailcontrols.png') no-repeat 0 0;

	background-position-x: -76px;
	background-position-y: 4px;
	
	background-size: 145px 24px;
	
	width: 32px;
	height: 36px;
	
	position: fixed;
	
	right: 58px;
}

#wrapper:not(.mail-detailed-view-active) .header-mail.active .mail-favorites-btn.active {
	background-position-x: -119px;
}



/* 	OFFLINE MODE IMPROVEMENTS	*/

.offline #the-header .week-button-lefty,
.offline #the-header .week-button-righty { display: none; }
.offline #the-header .overview-button 	 { display: none; }

/*
.offline #the-header .class-picker {
	background-image: none;

	padding: 4px 9px;
	width: auto;
}
*/


/*		that meticulously crafted
							"Noten" 		*/

body[data-active-tab="noten-content"] header#the-header {
	background-color: #151515;
}

body[data-active-tab="noten-content"] #the-tabbar {
    background-color: #151515;
    border-top: 1px solid #1D1D1D;
}

#noten-view .no-marks {
	text-align: center;
	font-size: 14px;

	padding-top: 150px;
	color: #969696;
}

#noten-view .no-marks span {
	font-size: 22px;
	cursor: default;

	padding: 0 4px;
	color: #CCC;
}

.noten-wrapper > .noten-inner { padding-top: 62px; }

.header-noten .noten-add-btn {
	position: fixed;

	top: 16px;
	right: 5px;

	width: 42px;
	height: 42px;

	/*
		background: transparent url('../assets_n/salisheet.png') no-repeat -227px -72px;
		background-size: 256px 311px;
	*/

	font-size: 32px;
	color: #C6EDF7;

	text-align: center;
	line-height: 41px;

	cursor: default;
}

.header-noten .noten-left-button {
	position: fixed;
	
	top: 20px;
	left: 0;
	
	padding: 10px;
	color: #C6EDF7;

	cursor: default;
}

#ui-sheet-add-note.ui-sheet {
	z-index: 1003;

	background: #1D1D1D;
	color: #FFF;
}

#ui-sheet-add-note.ui-sheet .ui-sheet-header {
	border-bottom: none;

	padding-bottom: 12px;
	padding-top: 30px;

	background: #151515;
	color: #FFF;
}

#ui-sheet-add-note .ui-sheet-header .confirm-button,
#ui-sheet-add-note .ui-sheet-header .cancel-button {
	color: #C6EDF7;
	top: 20px;
}

#ui-sheet-add-note select.add-note-subject-selector,
#ui-sheet-add-note input,
#ui-sheet-noten-subject-options input,
#ui-sheet-noten-wunschnoten-calculator input {
	
	-webkit-appearance: none;
	border-radius: 0;
	
	background: transparent;
	color: #FFF;

	border: none;
	outline: none;
}

#ui-sheet-add-note select.add-note-subject-selector,
#ui-sheet-add-note input.add-note-mark,
#ui-sheet-noten-wunschnoten-calculator input.add-note-mark {
	width: 90%;
	width: calc(100% - 20px);
		
	display: block;
}

#ui-sheet-add-note.ui-sheet input.add-note-mark,
#ui-sheet-noten-wunschnoten-calculator.ui-sheet input.add-note-mark {
	color: #C6EDF7;

	font-size: 24px;
	font-weight: 300;
	border-bottom: 1px solid #2B2A2A;
}

#ui-sheet-add-note .ui-item,
#ui-sheet-noten-subject-options .ui-item,
#ui-sheet-noten-wunschnoten-calculator .ui-item {
	background-color: #232323;
	color: #FFF;
}

#ui-sheet-add-note .ui-item table,
#ui-sheet-noten-subject-options .ui-item table,
#ui-sheet-noten-wunschnoten-calculator .ui-item table { width: 100%; }

#ui-sheet-add-note .ui-item table input,
#ui-sheet-noten-subject-options .ui-item table input,
#ui-sheet-noten-wunschnoten-calculator .ui-item table input {
	color: #DDD;
	text-align: right;
	float: right;
	font-size: 18px;
	padding-bottom: 4px;
	vertical-align: middle;
	height: 19px;
	padding-right: 10px;
	width: 100%;
}

#ui-sheet-add-note .ui-group,
#ui-sheet-noten-wunschnoten-calculator .ui-group { padding-top: 12px; }

#ui-sheet-noten-wunschnoten-calculator .ui-item b.needed-mark {
	float: right;
	padding-right: 12px;

	font-size: 20px;
	line-height: 17px;
	font-weight: 300;
}

.ui-switch.add-note-counts-switch,
.ui-switch.subject-options-counts-switch { background-color: #444444; }

.ui-switch.add-note-counts-switch.ui-on,
.ui-switch.subject-options-counts-switch.ui-on { background-color: #A5D9E6; }

.noten-subjects-view .subject {
	height: 56px;

	padding: 18px;
	background-image: linear-gradient(-180deg, #383737 0%, #3A3939 100%);
	
	-webkit-transition: 0.25s all;
	-moz-transition: 0.25s all;
	-ms-transition: 0.25s all;
	-o-transition: 0.25s all;
	transition: 0.25s all;
}

/*
	old
.noten-subjects-view .subject.subject-deutsch	{ background-image: linear-gradient(-180deg, #FA512D 5%, #F34A33 100%); }
.noten-subjects-view .subject.subject-biologie	{ background-image: linear-gradient(-179deg, #ABE303 12%, #D8E019 100%); }
.noten-subjects-view .subject.subject-mathematik{ background-image: linear-gradient(-180deg, #0095FF 0%, #00E8FB 100%); }
.noten-subjects-view .subject.subject-chemie	{ background-image: linear-gradient(-179deg, #9328F1 12%, #B84EEA 100%); }
.noten-subjects-view .subject.subject-geschichte{ background-image: linear-gradient(-180deg, #ABABAB 4%, #A9A9A9 100%); }
.noten-subjects-view .subject.subject-geografie	{ background-image: linear-gradient(-180deg, #6060F9 5%, #2DBCFA 100%); }
.noten-subjects-view .subject.subject-englisch	{ background-image: linear-gradient(-180deg, #FF7D40 0%, #DFAD26 100%); }
.noten-subjects-view .subject.subject-musik 	{ background-image: linear-gradient(-180deg, #FF0A9D 5%, #FF1F1F 100%); }
.noten-subjects-view .subject.subject-physik	{ background-image: linear-gradient(-180deg, #015FA7 5%, #3E4367 100%); }	
.noten-subjects-view .subject.subject-italienisch { background-image: linear-gradient(-180deg, #38DA4F 5%, #27CE29 100%); }
.noten-subjects-view .subject.subject-wirtschaftundrecht { background-image: linear-gradient(-1deg, #04EECD 0%, #09B3B7 95%); }
.noten-subjects-view .subject.subject-volkswirtschaftslehre, .noten-subjects-view .subject.subject-ewr { background-image: linear-gradient(-1deg, #34E776 0%, #08BF83 95%); }
.noten-subjects-view .subject.subject-bildnerischesgestalten { background-image: linear-gradient(-180deg, #9969FF 5%, #FF65DB 100%); }
.noten-subjects-view .subject.subject-latein { background-image: linear-gradient(-180deg,#C945FF 0%,#5349AF 100%); }
*/


.noten-subjects-view .subject.subject-volkswirtschaftslehre, .noten-subjects-view .subject.subject-ewr,
.subject-detail-header.subject-volkswirtschaftslehre, .subject-detail-header.subject-ewr {
	background: #34E776;
	background: linear-gradient(0, #1EE066 0%, #09E49C 95%);
}

.noten-subjects-view .subject.subject-biologie,
.subject-detail-header.subject-biologie {
	background: #82EC00;
	background: linear-gradient(-180deg, #DAF308 12%, #ACE209 100%);
}

.noten-subjects-view .subject.subject-mathematik,
.subject-detail-header.subject-mathematik {
	background: #0095FF;
	background: linear-gradient(-180deg, #00DCFF 0%, #00B5FB 100%);
}

.noten-subjects-view .subject.subject-deutsch,
.subject-detail-header.subject-deutsch {
	background: #FA512D;
	background: linear-gradient(-180deg, #FF7254 5%, #F34A33 100%);
}

.noten-subjects-view .subject.subject-geschichte,
.subject-detail-header.subject-geschichte {
	background: #ABABAB;
	background: linear-gradient(-180deg, #C7C7C7 4%, #A9A9A9 100%);
}

.noten-subjects-view .subject.subject-englisch,
.subject-detail-header.subject-englisch {
	background: #FF7D40;
	background: linear-gradient(-180deg, #FFB74C 0%, #EA8013 100%);
}

.noten-subjects-view .subject.subject-wirtschaftundrecht,
.subject-detail-header.subject-wirtschaftundrecht {
	background: #04EECD;
	background: linear-gradient(-1deg, #08BFC7 0%, #28E2F5 95%);
}

.noten-subjects-view .subject.subject-musik,
.subject-detail-header.subject-musik {
	background: #FF0A9D;
	background: linear-gradient(-180deg, #FF0A9D 5%, #FF1F1F 100%);
}

.noten-subjects-view .subject.subject-bildnerischesgestalten,
.subject-detail-header.subject-bildnerischesgestalten {
	background: #FF0A9D;
	background: linear-gradient(-180deg, #FF3AB1 5%, #FF4A4A 100%);
}

.noten-subjects-view .subject.subject-italienisch,
.subject-detail-header.subject-italienisch {
	background: #38DA4F;
	background: linear-gradient(-180deg, #5EF573 5%, #2BD22D 100%);
}

.noten-subjects-view .subject.subject-latein,
.subject-detail-header.subject-latein {
	background: #FFE088;
	background: linear-gradient(-180deg,#FFE088 0%,#C3B865 100%);
}

.noten-subjects-view .subject.subject-chemie,
.subject-detail-header.subject-chemie {
	background: #9328F1;
	background: linear-gradient(-179deg, #C380FF 12%, #A834DE 100%);
}

.noten-subjects-view .subject.subject-geografie,
.subject-detail-header.subject-geografie {
	background: #6060F9;
	background: linear-gradient(-180deg, #9090FF 5%, #077BAD 100%);
}

.noten-subjects-view .subject.subject-physik,
.subject-detail-header.subject-physik {
	background: #015FA7;
	background: linear-gradient(-180deg, #025290 5%, #313656 100%);
}


.noten-subjects-view .subject span.title {
	font-size: 26px;
	font-weight: 300;
	display: block;
}

.noten-subjects-view .subject span.count {
	font-weight: 500;
	display: block;
}

.noten-subjects-view span.average {
	font-size: 36px;
	font-weight: 300;
	
	float: right;
	padding-left: 20px;
}

.noten-subjects-view .subject span.title.long {
	font-size: 17px;
	font-weight: normal;
	
	line-height: 17px;
	padding-bottom: 5px;
}

.header-noten .noten-left-button.active {
	background: #C6EDF7;
	color: #151515;

	border-radius: 4px;
	padding: 4px 5px;

	top: 26px;
	left: 5px;
}

#ui-sheet-noten-detail .ui-sheet-header,
#ui-sheet-noten-subject-options .ui-sheet-header,
#ui-sheet-noten-wunschnoten-calculator .ui-sheet-header {
	
	background-color: #000;
	color: #FFF;

	border-bottom: 1px solid #292929;
}

div#ui-sheet-noten-detail,
div#ui-sheet-noten-subject-options,
div#ui-sheet-noten-wunschnoten-calculator {
	
	background-color: #151515;
	color: #FFF;
	
	z-index: 1002;
}

.noten-subjects-view { padding-bottom: 62px; }

#ui-sheet-noten-detail .ui-sheet-header .confirm-button {
	top: 17px;
	color: #C6EDF7;
}

.subject-detail-header {
	padding: 10px 15px;
	padding-bottom: 0;

	background-image: linear-gradient(-180deg, #383737 0%, #3A3939 100%);
}

.subject-detail-marks {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

/*
	old
.subject-detail-header.subject-deutsch		{ background-image: linear-gradient(-180deg, #FA512D 5%, #F34A33 100%); }
.subject-detail-header.subject-biologie		{ background-image: linear-gradient(-179deg, #ABE303 12%, #D8E019 100%); }
.subject-detail-header.subject-mathematik	{ background-image: linear-gradient(-180deg, #0095FF 0%, #00E8FB 100%); }
.subject-detail-header.subject-chemie		{ background-image: linear-gradient(-179deg, #9328F1 12%, #B84EEA 100%); }
.subject-detail-header.subject-geschichte	{ background-image: linear-gradient(-180deg, #ABABAB 4%, #A9A9A9 100%); }
.subject-detail-header.subject-geografie	{ background-image: linear-gradient(-180deg, #6060F9 5%, #2DBCFA 100%); }
.subject-detail-header.subject-englisch		{ background-image: linear-gradient(-180deg, #FF7D40 0%, #DFAD26 100%); }
.subject-detail-header.subject-musik 		{ background-image: linear-gradient(-180deg, #FF0A9D 5%, #FF1F1F 100%); }
.subject-detail-header.subject-physik		{ background-image: linear-gradient(-180deg, #015FA7 5%, #3E4367 100%); }	
.subject-detail-header.subject-italienisch 	{ background-image: linear-gradient(-180deg, #38DA4F 5%, #27CE29 100%); }
.subject-detail-header.subject-wirtschaftundrecht { background-image: linear-gradient(-1deg, #04EECD 0%, #09B3B7 95%); }
.subject-detail-header.subject-volkswirtschaftslehre, .subject-detail-header.subject-ewr { background-image: linear-gradient(-1deg, #34E776 0%, #08BF83 95%); }
.subject-detail-header.subject-bildnerischesgestalten { background-image: linear-gradient(-180deg, #9969FF 5%, #FF65DB 100%); }
.subject-detail-header.subject-latein { background-image: linear-gradient(-180deg,#C945FF 0%,#5349AF 100%); }
*/

.subject-detail-canvas {
	margin: 0 -20px;
	margin-bottom: -8px;

	-webkit-transition: 0.2s opacity;
	-moz-transition: 	0.2s opacity;
	-ms-transition: 	0.2s opacity;
	-o-transition: 		0.2s opacity;
	transition: 		0.2s opacity;
}

.subject-detail-average {
	font-family: 'SanFranciscoDisplay-Thin', 'SanFrancisco-Thin', 'HelveticaNeue-Thin', 'Helvetica Neue', 'Segoe UI', sans-serif;
	font-size: 52px;

	position: absolute;

	margin-top: -108px;
	margin-left: -60px;

	left: 50%;
	width: 120px;

	text-align: center;
	letter-spacing: -1px;

	text-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}

#ui-sheet-add-note.ui-sheet input.add-note-text {
	font-size: 18px;
	border-bottom: 1px solid #2B2A2A;

	color: #757575;
	width: 94%;
}

.subject-detail-mark {
	height: 72px;

	border-bottom: 1px solid #1F1F1F;
	background-color: #333;

	-webkit-transition: 0.5s opacity, 0.4s height;
	-moz-transition: 	0.5s opacity, 0.4s height;
	-ms-transition: 	0.5s opacity, 0.4s height;
	-o-transition: 		0.5s opacity, 0.4s height;
	transition: 		0.5s opacity, 0.4s height;

	opacity: 1;
}

.subject-detail-mark span.mark,
.subject-detail-mark .trash {

	-webkit-transition: 0.5s opacity;
	-moz-transition: 	0.5s opacity;
	-ms-transition: 	0.5s opacity;
	-o-transition: 		0.5s opacity;
	transition: 		0.5s opacity;

	opacity: 1;
}

.subject-detail-mark span.mark {
	font-weight: 300;
	font-size: 36px;

	float: right;
	padding: 13px 0;
	
	margin-right: 10px;
	color: #ECECEC;
}

.subject-detail-mark .trash {
	background: transparent url('../assets_n/mailcontrols.png') no-repeat 0 0;

	background-position-x: -25px;
	background-position-y: 22px;

	background-size: 145px 24px;

	height: 72px;
	width: 50px;

	clear: both;
	float: right;

	margin-right: 10px;
}

.subject-detail-marks-inner {
	-webkit-transition: 0.25s height;
	-moz-transition: 	0.25s height;
	-ms-transition: 	0.25s height;
	-o-transition: 		0.25s height;
	transition: 		0.25s height;

	padding-bottom: 62px;
}

.subject-detail-mark span.title {
	font-size: 16px;
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Segoe UI', sans-serif;
	font-weight: 500;
	
	padding-left: 14px;
	padding-top: 16px;
	padding-bottom: 3px;
	
	display: block;
}

.subject-detail-mark span.weighting {
    padding-left: 14px;
    color: #949494;
}





/*	
	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	||  																										||
	||  ||||||||||||  ||||	  ||||  ||||||||  ||||||||	  ||||	  |||| 	||||  ||||||||	||||			  ||||	||
	||  ||||	||||  ||||	  ||||  ||||	  ||||	||||  ||||	  |||| 	||||  ||||		||||			||||	||
	||  ||||	||||  ||||	  ||||  ||||||||  ||||||||	  ||||	  |||| 	||||  ||||||||	||||  ||||	  ||||		||
	||  ||||	||||	||||||||	||||	  ||||	||||	||||||||	||||  ||||		||||||||||||||||		||
	||  ||||||||||||	  ||||		||||||||  ||||	||||	  ||||		||||  ||||||||	||||	  ||||			||
	||  																										||
	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

#wrapper.ui-timetable-overview-active .timetable-inner,
#wrapper.ui-timetable-overview-active .timetable-inner-splitview {
	opacity: 0;
}

div#loaded-overview {
	position: fixed;

	width: 100%;
	height: 100%;

	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;

	pointer-events: none;

	background-color: #23353A;

	-webkit-transition: opacity 0.4s;
	-moz-transition: 	opacity 0.4s;
	-ms-transition: 	opacity 0.4s;
	-o-transition: 		opacity 0.4s;
	transition: 		opacity 0.4s;

	opacity: 0;
}

#wrapper.ui-timetable-overview-active div#loaded-overview {
	opacity: 1;
	top: 0px;

	pointer-events: auto;
}

#loaded-overview .card {
	width: 88%;

	margin: 5px auto;
	padding: 8px 0;

	background-color: #F3F3F3;
	color: #23353A;

	border-radius: 7px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

#loaded-overview .card.free { background-color: #FF5579; }
#loaded-overview .card.changed { background-color: #4CB5FF; }
#loaded-overview .card.moved { background-color: #FFDF6A; }
#loaded-overview .card.addition { background-color: #72FF98; }
#loaded-overview .card.offer { background-color: #E776FF; }

#loaded-overview .overview-inner {
	padding-top: 44px;
}

#loaded-overview .card table td:first-child span {
	font-size: 62px;
	font-weight: 100;

	padding: 0 15px;
}

#loaded-overview .card table td:nth-child(2) {
	border-left: 1px solid #23353A;
	padding-left: 15px;
}

#loaded-overview .card table td:nth-child(2) > b {
	font-weight: 500;
	font-size: 17px;

	margin-bottom: 6px;
	display: block;
}

#loaded-overview .card table td:nth-child(2) > .info {
	font-size: 14px;
}

#loaded-overview .card table td:nth-child(2) > .info .detail {
	display: block;
	opacity: 0.5;
}

div#loaded-overview.nothing {
	background: #23353A url('../assets_n/no-changes.png') no-repeat center center;
	background-size: 251px 131px;
}

.theme-edition div#loaded-overview { background-color: #382F2C; }


/*
		T h e m e
				S t o r e
								*/

div#ui-sheet-theme-store {
	background: #000;
}

#ui-sheet-theme-store .ui-sheet-header {
	background: #1B1B1B;
	color: #FFF;

	border-bottom: 1px solid #1B1B1B;
	padding-top: 25px;
}

#ui-sheet-theme-store .cancel-button { color: #B1B1B1; padding-top: 17px; }
#ui-sheet-theme-store .cancel-button:active { color: #666; }

.sh-popover.theme-delete-popover .sh-arrow {
	-webkit-filter: brightness(0.25);
	-moz-filter: brightness(0.25);
	-ms-filter: brightness(0.25);
	-o-filter: brightness(0.25);
	filter: brightness(0.25);
}

.sh-popover.theme-delete-popover {
	background: #404040;
}
.sh-popover.theme-delete-popover .delete-theme-button,
.sh-popover.theme-delete-popover .edit-theme-button,
.sh-popover.theme-delete-popover .share-theme-button {

	background: transparent url('../assets_n/mailcontrols.png') no-repeat -28px 3px;
	background-size: 128px 22px;
	
	width: 20px;
	height: 20px;
	
	border-right: 1px solid #777;
	border-radius: 0px;
	
	padding: 6px 8px;
	padding-right: 12px;
	
	display: inline-block;
}


.sh-popover.theme-delete-popover .share-theme-button {
	padding-left: 2px;
	background-position: 13px 3px;
	
	border-right: none;
	width: 22px;
}

.sh-popover.theme-delete-popover .edit-theme-button {
	background: transparent url('../assets_n/compose_btn.png') no-repeat center center;
	background-size: 21px 21px;
	background-position: 14px 3px;
	
	padding-right: 18px;
}

#ui-sheet-theme-share-wait .hangon {
	text-align: center;
	padding: 75px 0;
	
	font-size: 14px;
	color: #8E8E8E;
}




/*

				[[======================================]]
		[[========================================================]]
 [[========================================================================]]
 [[ #######	  ########	 ######  ##    ###	#########   #######   #######  ]]
 [[ ##	 ###  ## 		###		 ##  ###   	   ### 	   ##     ##  ##   ### ]]
 [[ ##	 ###  ######	 ######	 ####		   ### 	   ## 	  ##  #######  ]]
 [[ ##   ###  ## 			 ### ##  ###	   ### 	   ## 	  ##  ## 	   ]]
 [[ #######	  ########	 ######	 ##    ###	   ### 	    #######   ## 	   ]]
 [[========================================================================]]
		[[===================[ Optimization ]=====================]]
				[[======================================]]

*/


@media screen and (min-width: 680px) {

	#wrapper .timetable-wrapper { overflow: auto; }

	#wrapper #loaded-mensa .menucard {
    	width: 45%;
    	margin: 15px auto;
	}

	#wrapper header#the-header .header-content.header-mensa .day-button-righty { right: 27%; }
	#wrapper header#the-header .header-content.header-mensa .day-button-lefty  {  left: 27%; }

	#wrapper div#the-mail-composer {
		width: 50%;
		height: 80%;

		position: fixed;
		box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);

		left: 24%;
		border-radius: 12px;

		overflow: hidden;
	}

	#wrapper.ui-mail-composer-sheet-active #the-mail-composer {
		 -webkit-transform: translate3d(0, -121%, 0);
			-moz-transform: translate3d(0, -121%, 0);
			 -ms-transform: translate3d(0, -121%, 0);
			  -o-transform: translate3d(0, -121%, 0);
				 transform: translate3d(0, -121%, 0);
	}

	#wrapper.ui-mail-composer-sheet-ready #loaded-mail {
		height: auto;
		overflow: auto;
	}

	#wrapper #the-mail-composer .ui-sheet-header {
		padding-top: 14px;
		background-color: #FFCB2A;
	}

	#wrapper #the-mail-composer .ui-sheet-header .cancel-button, #wrapper #the-mail-composer .ui-sheet-header .confirm-button { top: 3px; }

	.ui-autocomplete.ui-widget.tagit-autocomplete {
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
		overflow: auto;

		position: fixed !important;

		top: 23% !important;
		width: 50% !important;

		margin: 0 24%;
	}

	#wrapper div#ui-sheet-add-note.ui-sheet {
		height: 76.7%;
		width: 50%;

		left: 25%;
		top: 80%;

		box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
		border-radius: 12px;

		overflow: hidden;
	}

	#ui-sheet-add-note.ui-sheet .ui-sheet-header {
		padding-top: 14px;
		background-color: #232323;
	}

	#wrapper #ui-sheet-add-note .ui-sheet-header .confirm-button, #wrapper #ui-sheet-add-note .ui-sheet-header .cancel-button { top: 3px; }

}



/*	–––––––– that magnificent new support and info settings stuff ––––––––– */

.header-settings .view-title,
.header-settings .settings-back-btn {

	-webkit-transition: .6s all cubic-bezier(.1,.7,.1,1);
	-moz-transition: .6s all cubic-bezier(.1,.7,.1,1);
	-ms-transition: .6s all cubic-bezier(.1,.7,.1,1);
	-o-transition: .6s all cubic-bezier(.1,.7,.1,1);
	transition: .6s all cubic-bezier(.1,.7,.1,1);

	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.settings-push-view-active .header-settings .view-title {

	-webkit-transform: translateX(-95px);
	-moz-transform: translateX(-95px);
	-ms-transform: translateX(-95px);
	-o-transform: translateX(-95px);
	transform: translateX(-95px);

	opacity: 0;
}

.header-settings .settings-back-btn {
	
	padding: 7px 14px;
	padding-left: 30px;

	font-size: 17px;

	background: transparent url('../assets_n/nav_back.png') no-repeat 14px 7px;
	background-size: 11px 20px;

	opacity: 0;
	cursor: default;
	
	display: inline-block;
	pointer-events: none;

	-webkit-transform: translateX(95px);
	-moz-transform: translateX(95px);
	-ms-transform: translateX(95px);
	-o-transform: translateX(95px);
	transform: translateX(95px);
}

.settings-push-view-active .header-settings .settings-back-btn {

	opacity: 1;
	pointer-events: all;

	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.settings-wrapper .info-inner .info-title {
	background-color: #ff26bc;
    background-image: linear-gradient(-180deg, #ff0bbf 0%, #ff4d4d 100%);
    height: 150px;
    text-align: center;
    font-size: 50px;
    font-weight: 200;
    font-family: 'HelveticaNeue-Thin', 'Hevetica Neue', 'Segoe UI', sans-serif;
    line-height: 140px;
    cursor: default;
    vertical-align: middle;
    box-shadow: 0 1px 28px rgb(255, 75, 79);
}

.settings-wrapper .info-inner .info-version {
	text-align: center;
	padding-top: 25px;
}

.settings-wrapper .info-inner .info-madeby {
	text-align: center;
	margin-top: 20px;
	
	color: #FF437B;
}

.settings-wrapper .info-inner .info-madeby b {
	display: block;
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Segoe UI', sans-serif;
	font-weight: 500;
}

body:not([data-active-tab="timetable-content"]) header#the-header .header-loader {
	background-color: rgba(255, 255, 255, 0.01);
}

.settings-wrapper .support-inner .no-internet {
	font-family: 'HelveticaNeue-Thin', 'Helvetica Neue', 'Segoe UI', sans-serif;
	font-size: 30px;
	text-align: center;
	padding-top: 70px;
}

.settings-wrapper .support-inner .no-internet span {
	display: block;
	font-size: 16px;
	font-family: 'Helvetica Neue', 'Segoe UI', sans-serif;
	padding-top: 5px;
}

.ui-group.saliorel-support-group {
	margin-top: 30px;
	padding-bottom: 50px;
}

.ui-list .ui-item span.subtitle {
	font-size: 13px;
	display: block;
	
	color: #9793A2;
}

.ui-list .ui-item span.subtitle + .ui-arrow-right {
	margin-top: -25px;
}

span.ui-label.ui-list-label.ui-bold.ui-list-descriptive-label {
	color: #9793A2;
	font-size: 12px;
	padding-top: 32px;
	padding-bottom: 0px;
	text-transform: uppercase;
}

#ui-sheet-knowledgebase-article .knowledgebase-title {
	text-align: left;
	display: block;
	padding: 12px 26px;
	padding-top: 24px;
	padding-right: 60px;
	font-size: 28px;
	font-weight: 700;
	font-family: 'Avenir Next', 'Helvetica Neue', 'Segoe UI', sans-serif;
}

#ui-sheet-knowledgebase-article .knowledgebase-content {
	padding: 10px 28px;
	font-family: 'Avenir Next', 'Helvetica Neue', 'Segoe UI', sans-serif;
	line-height: 28px;
	font-size: 16px;
	text-align: justify;
	padding-right: 48px;
}

#ui-sheet-knowledgebase-article .knowledgebase-content p {
	padding-bottom: 20px;
}

#ui-sheet-knowledgebase-article .knowledgebase-content p.tldr {
	background-color: #FFFFFF;
	border-left: 2px solid #E65F8D;
	padding-right: 20px;
	padding-left: 10px;
	color: #000;
	margin-bottom: 32px;
	margin-top: 10px;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
}

#ui-sheet-knowledgebase-article .knowledgebase-content p.tldr .label {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #E65F8D;
	padding-top: 6px;
	display: block;
}

.knowledgebase-article-outer {
	height: 537px;
	
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.knowledgebase-article-inner {
	height: 650px;
}

#ui-sheet-send-feedback .ui-sheet-header {
	background: #252525;
	border-bottom: none;
	color: #FFF;
	padding-top: 28px;
	padding-bottom: 12px;
}

#ui-sheet-send-feedback .ui-sheet-header .confirm-button, #ui-sheet-send-feedback .ui-sheet-header .cancel-button {
	top: 17px;
	color: #0EC1EC;
}

div#ui-sheet-send-feedback {
	background-color: #2E3033;
}

.send-feedback-subheader {
	background: #252525;
	border-bottom:  1px solid #3B3C3E;
	color: #FFF;
	height: 40px;
}

input.send-feedback-input {
	background-color: #313131;
	border: none;
	outline: none;
	color: #FFFFFF;
	text-align: center;
	border-radius: 3px;
	width: 93%;
	width: calc(100% - 20px);
	margin: 2px 10px;
	padding: 6px 0;
	font-size: 13px;
}

.send-feedback-inner .feedback-message {
	background-color: #E6E6E6;
	max-width: 72%;
	border-radius: 8px;
	clear: both;
	padding: 8px 10px;
	float: right;
	margin: 6px 16px;
	overflow-wrap: break-word;
}

.send-feedback-inner .feedback-message.me {
	float: left;
	background-color: #0EC1EC;
	color: #FFF;
}

.send-feedback-inner {
	padding-top: 6px;
}

.support-desk-choose-conversation .conversation-token {
	display: block;
	padding: 13px 12px;
	color: #3A3A3A;
	background-color: #F9F9F9;
	border-bottom: 1px solid #E9E9EC;
}

.support-desk-choose-conversation {
	margin-top: 30px;
	border-top: 1px solid #E9E9EC;
}

.support-desk-choose-conversation .conversation-token:active {
	background-color: #DCDCDC;
}

.send-feedback-outer {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.send-feedback-inner {
	height: 500px;
}

.support-desk-choose-conversation .conversation-token span.token {
	color: #333;
	display: block;
}

.support-desk-choose-conversation .conversation-token span.ua {
	display: block;
	font-size: 12px;
	color: #636363;
	padding-top: 10px;
}

.sh-popover.offscreen-right {
	left: auto !important;
	right: 7px;
}

.sh-popover.offscreen-right .sh-popovercontent .r {
	padding-left: 16px;
	padding-right: 8px;
}

#wrapper:not(.mail-setup-done) .header-mail.active .mail-favorites-btn {
	display: none !important;
}

.theme-standart .tab-icon-badge {
	background-color: #1B2324;
	border: 1px solid #A1A2A2;
	color: #A1A2A2;
}

.theme-standart .tab-button.selected .tab-icon-badge {
	border: 1px solid #1B2324;
	color: #1B2324;
}

.theme-option-create .theme-option-icon {
	border: 1px solid #8F989C;
	background-color: transparent;
}

.support-desk-chooser-outer {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.support-desk-chooser-inner {
	padding-bottom: 50px;
}

body[data-active-tab="settings-content"] .settings-push-view-about header#the-header {
	background-color: #0BD7DA;
	border-bottom: 1px solid #0BD7DA;
}

.sh-popover.theme-delete-popover {
	background: #404040;
	border-radius: 8px;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05);
}

html body[data-active-tab="timetable-content"] div#wrapper header#the-header.gorgeous-loading-animation {
	background: #000000 !important;
}

#the-header .header-timetable canvas {
	position: fixed;
	margin-top: -7px;
}

html.theme-edition body[data-active-tab="timetable-content"] div#wrapper header#the-header.gorgeous-loading-animation {
	background: #241D1D !important;
}



/*
	–––––––––– DAMN IT IOS 9 ––––––––––––
											*/



body.header-tinybar header#the-header {
	height: 50px;
}

.header-tinybar .timetable-wrapper {
	margin-top: 50px;
}

.header-tinybar #the-header .header-content, .header-tinybar #the-header .view-title, .header-tinybar #the-header .view-title-2 {
	margin-top: 10px;
}

body.header-tinybar[data-active-tab="mensa-content"] header#the-header {
	height: 50px;
}

body.header-tinybar[data-active-tab="mensa-content"] header#the-header .mensa-subheader {
	top: 50px;
}

body.header-tinybar[data-active-tab="mensa-content"] .mensa-wrapper {
	margin-top: 88px;
}

body.header-tinybar .header-content.header-mail .mail-compose-btn {
	top: 4px;
}


body.header-tinybar div#loaded-mail {
}

body.header-tinybar .mail-wrapper {
	margin-top: 50px;
}

body.header-tinybar .ui-sheet-header {
	padding-top: 14px;
}

body.header-tinybar .ui-sheet-header .cancel-button, body.header-tinybar .ui-sheet-header .confirm-button {
	top: 4px;
}

body.header-tinybar #the-mail-composer .ui-sheet-header {
	padding-top: 14px;
}

body.header-tinybar #the-mail-composer .ui-sheet-header .cancel-button, body.header-tinybar #the-mail-composer .ui-sheet-header .confirm-button {
	top: 3px;
}


body.header-tinybar .header-noten .noten-add-btn {
	top: 4px;
}

body.header-tinybar .header-noten .noten-left-button {
	top: 8px;
}

body.header-tinybar .header-noten .noten-left-button.active {
	top: 14px;
}

body.header-tinybar #ui-sheet-add-note.ui-sheet .ui-sheet-header {
	padding-top: 14px;
}

body.header-tinybar #ui-sheet-add-note .ui-sheet-header .cancel-button, body.header-tinybar #ui-sheet-add-note .ui-sheet-header .confirm-button {
	top: 4px;
}

body.header-tinybar #ui-sheet-theme-store .ui-sheet-header {
	padding-top: 21px;
}

body.header-tinybar #ui-sheet-send-feedback .ui-sheet-header {
	padding-top: 14px;
}

body.header-tinybar #ui-sheet-send-feedback .ui-sheet-header .confirm-button, body.header-tinybar #ui-sheet-send-feedback .ui-sheet-header .cancel-button {
	top: 4px;
}

body.header-tinybar[data-active-tab="settings-content"] .settings-wrapper {
	padding-top: 50px;
}

body.header-tinybar .ding-notification {
	height: 60px;
}

body.header-tinybar .ding-notification .close {
	margin-top: 14px;
}

body.header-tinybar .ding-notification .content {
	padding: 10px 14px;
}

div#scribble-from-screen-btn {
	position: fixed;
	bottom: 14px;
	right: 14px;
	background-color: rgba(52, 62, 66, 0.6);
	padding: 8px 12px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	cursor: pointer;
}

html.theme-awkward body[data-active-tab="timetable-content"] div#wrapper header#the-header.gorgeous-loading-animation {
	background: #273E65!important;
}

div#video-background {
	display: none;
}

html.theme-video body[data-active-tab="timetable-content"] div#video-background {
	display: block;
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body[data-active-tab="timetable-content"] div#video-background video {
	width: 100%;
	height: 100%;
}

html.theme-video body[data-active-tab="timetable-content"] div#loaded-timetable > table, html.theme-video div#loaded-timetable > table th {
	background: rgba(0, 0, 0, 0);
	color: rgba(142, 142, 142, 0.5);
}

html.theme-video body[data-active-tab="timetable-content"] div#loaded-timetable > table td {
	background-color: rgba(0, 0, 0, 0.31);
	color: rgba(255, 255, 255, 0.84);
}

html.theme-video body[data-active-tab="timetable-content"] div#loaded-timetable > table td.m {
	background-color: rgba(0, 0, 0, 0.39);
}

.theme-video body[data-active-tab="timetable-content"] #the-header {
	background-color: rgba(0, 0, 0, 0.4);
}

html.theme-video body[data-active-tab="timetable-content"] #the-tabbar {
	background-color: rgba(0, 0, 0, 0.8);
}

html.theme-video body[data-active-tab="timetable-content"] div#loaded-timetable > table td.m.free {
	background-color: rgba(255, 49, 114, 0.79);
}

html.theme-video body[data-active-tab="timetable-content"] div#loaded-timetable > table td.m.thingsactuallychanged {
	background-color: rgba(5, 208, 88, 0.52);
}

html.theme-video body[data-active-tab="timetable-content"] div#loaded-timetable > table td.m.movedOld {
	background-color: rgba(255, 183, 90, 0.68);
}

html.theme-video body[data-active-tab="timetable-content"] div#loaded-timetable > table td.m.movedNew {
	background-color: rgba(0, 144, 248, 0.64);
}

.header-tinybar .noten-wrapper > .noten-inner {
	padding-top: 50px;
}

.theme-video body[data-active-tab="timetable-content"] div#wrapper header#the-header.gorgeous-loading-animation {
	background-color: rgba(0, 0, 0, 0.4) !important;
}

#ui-sheet-timetable-scribble-draw .ui-sheet-header .cancel-button, #ui-sheet-timetable-scribble-draw .ui-sheet-header .confirm-button {
	color: #697E98;
}


/* ––––––– the magnificently finely made theme –– mighty valley ––––––– */

.theme-mighty body[data-active-tab="timetable-content"] #the-header { background: #3E3471; }
	   
.theme-mighty body[data-active-tab="timetable-content"] { background: #3E3471; background-image: linear-gradient(-180deg, #362063 5%, #56D2B7 98%); }
.theme-mighty body[data-active-tab="timetable-content"] #the-tabbar { background: #1F3333; border-top: 1px solid #142121; }
	   
.theme-mighty .class-picker-searchbar { background: rgba(255, 255, 255, 0.15) url('../assets_n/search_white.png') no-repeat 8px 6px; background-size: 13px 13px; color: #FFF; }
.theme-mighty .ui-classpicker-search .class-picker-searchbar input { color: #FFF; }
.theme-mighty .ui-classpicker-active #the-header .class-picker { background-color: #FFF; background-image: url('../assets_n/arrow_down_themed.png'); color: #40556F; }
.theme-mighty .ui-group.ui-vibrant .ui-list > .ui-item { background: #CAC9C0; background: rgba(0, 0, 0, 0.05); color: #FFF; }
	   
.theme-mighty div#loaded-timetable > table { background: transparent; }
.theme-mighty div#loaded-timetable > table th { background: transparent; cursor: default; color: #F9FCF0; }
.theme-mighty div#loaded-timetable > table td.m { background: #F9C785; color: #354065; background: rgba(234,235,239,0.66); }
.theme-mighty div#loaded-timetable > table td { background: #AABEC8; background: rgba(170, 190, 200, 0.45); color: #2F3F65	; }
.theme-mighty div#loaded-timetable > table td.m .chatbadge { background: #F0ECE6; color: #374165; }
	   
.theme-mighty div#loaded-timetable > table td.m.movedOld { background: #D5646D; color: #364165; }
.theme-mighty div#loaded-timetable > table td.m.thingsactuallychanged { color: #334065; background: rgba(163, 255, 210, 0.77); }
.theme-mighty div#loaded-timetable > table td.m.movedNew { background: #7CABCF; color: #364165; }
.theme-mighty div#loaded-timetable > table td.m.free { background: transparent; color: #B1BFCB; }
.theme-mighty div#loaded-timetable > table td.m .kf { color: #AFB7C7; }
.theme-mighty div#loaded-timetable > table td.m .substchanged { background: #394866; color: #8DDCC0; }

html.theme-mighty body[data-active-tab="timetable-content"] div#wrapper header#the-header.gorgeous-loading-animation {
	background: #372967 !important;
}


/*

	NOTEBOOK

*/

body[data-active-tab="notebook-content"] header#the-header { background-color: #00D4FF; }
body[data-active-tab="notebook-content"] { background-color: #e6f3f8; }
body[data-active-tab="notebook-content"] #the-tabbar { background-color: #38444A; }

#the-view .notebook-content .notebook-top-shelf {
	background: #F4FBFE;
	height: 218px;

	width: 100%;
	
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	
	-webkit-transition: 0.75s opacity;
	-moz-transition: 0.75s opacity;
	-ms-transition: 0.75s opacity;
	-o-transition: 0.75s opacity;
	transition: 0.75s opacity;
}

#the-view .notebook-content .notebook-top-shelf.anim-p1 {
	opacity: 0;
}

#the-view .notebook-content .notebook-inner {
	margin-top: 62px;
	padding-bottom: 60px;
}

.header-tinybar #the-view .notebook-content .notebook-inner {
	margin-top: 50px;
}

body[data-active-tab="notebook-content"] .header-loader {
	position: fixed;
	top: 60px;
}

body[data-active-tab="notebook-content"].header-tinybar .header-loader {
	position: fixed;
	top: 50px;
}

#the-view .notebook-content .notebook-inner .notebook-shelf-item {
	display: inline-block;

	width: 176px;
	height: 152px;
	border-radius: 3px;

	background: #FFF;
	background: linear-gradient(-138deg, #FFFFFF 0%, #F9F9F9 51%, #F9F9F9 100%);

	box-shadow: 0px 19px 27px 0px rgba(0,0,0,0.07);
	margin: 26px 6px;

	-webkit-transition: 0.2s all;
	-moz-transition: 	0.2s all;
	-ms-transition: 	0.2s all;
	-o-transition: 		0.2s all;
	transition: 		0.2s all;
}

#the-view .notebook-inner .notebook-top-shelf-inner {
	width: 1166px;
	padding-left: 20px;
}

#the-view .notebook-content .notebook-inner .notebook-shelf-item[data-item="com.saliorel.welcome"] {
	background: #FFF url('../assets_n/yaay.png') no-repeat 0 0;
	background-size: 446px 843px;
	
	box-shadow: 0px 19px 27px 0px rgba(255, 160, 198, 0.55);
}

#the-view .notebook-content .notebook-inner .notebook-shelf-item[data-item="com.saliorel.marks"] {
	background: #FFF url('../assets_n/yaay.png') no-repeat -176px 0;
	background-size: 446px 843px;
	
	box-shadow: 0px 19px 27px 0px rgba(110, 225, 148, 0.51);
}

#the-view .notebook-content .notebook-inner .notebook-shelf-item[data-item="com.saliorel.planer"] {
	background: #FFF url('../assets_n/yaay.png') no-repeat 0 -158px;
	background-size: 446px 843px;
	
	box-shadow: 0px 19px 27px 0px rgba(165, 172, 255, 0.46);
}

#the-view .notebook-content .notebook-inner .notebook-shelf-item[data-item="com.saliorel.tips"] {
	background: #FFF url('../assets_n/yaay.png') no-repeat 0 -627px;
	background-size: 446px 843px;
	
	box-shadow: 0px 19px 27px 0px rgba(250, 208, 45, 0.52);
}

#the-view .notebook-content .notebook-inner .notebook-shelf-item[data-item="com.saliorel.notes"] {
	background: #FFF url('../assets_n/yaay.png') no-repeat 0 -316px;
	background-size: 446px 843px;
	
	box-shadow: 0px 19px 27px 0px rgba(184, 180, 188, 0.41);
}

#the-view .notebook-content .notebook-inner .notebook-shelf-item[data-item="com.saliorel.status"] {
	background: #FFF url('../assets_n/yaay.png') no-repeat -176px -470px;
	background-size: 446px 843px;
	
	box-shadow: 0px 19px 27px 0px rgba(18, 143, 255, 0.34);
}

#the-view .notebook-content .notebook-inner .notebook-shelf-item[data-item="com.saliorel.lists"] {
	background: #FFF url('../assets_n/yaay.png') no-repeat -176px -313px;
	background-size: 446px 843px;
	
	box-shadow: 0px 19px 27px 0px rgba(125, 207, 232, 0.46);
}

/*

#the-view .notebook-content .notebook-inner .notebook-shelf-item:active {
	box-shadow: 0 14px 26px 0 rgba(0, 0, 0, 0.2);

	-webkit-transform: rotateX(17deg) translateY(-2px);
	-moz-transform: rotateX(17deg) translateY(-2px);
	-ms-transform: rotateX(17deg) translateY(-2px);
	-o-transform: rotateX(17deg) translateY(-2px);
	transform: rotateX(17deg) translateY(-2px);
}


*/

div#welcome-to-saliorel {
	font-family: 'Avenir Next', 'Helvetica Neue', 'Segoe UI', sans-serif;
	letter-spacing: -0.5px;

	padding: 10px;
	padding-top: 0;
}

#welcome-to-saliorel p {
	border-bottom: 1px solid #DEDEDE;

	padding-top: 12px;
	padding-bottom: 12px;
}

body[data-active-tab="planer-content"] header#the-header {
	background: #6894FF;
}

header#the-header .header-planer .view-title {
	font-family: 'AvenirNext-Medium', 'Avenir Next', 'Helvetica Neue', 'Segoe UI', sans-serif;
	letter-spacing: -0.5px;
}

body[data-active-tab="planer-content"] {
	background-color: #FFF;
}

.header-planer .planer-add-btn {
	position: fixed;
	font-size: 30px;
	right: 10px;
	padding: 0 10px;
	margin-top: -5px;
	cursor: default;
}

#the-view .planer-content .planer-inner { margin-top: 64px; }
.header-tinybar #the-view .planer-content .planer-inner { margin-top: 50px; }
div#planer-add-view {
	position: fixed;
	top: -300px;
	left: 0;
	width: 100%;
	z-index: 1011;
	background: #5D88F1;

	-webkit-transition: 0.35s top;
	-moz-transition: 0.35s top;
	-ms-transition: 0.35s top;
	-o-transition: 0.35s top;
	transition: 0.35s top;
}

#planer-add-view .planer-add-view-header {
	background-color: #6894FF;
	height: 50px;
}

#planer-add-view .planer-add-view-header .planer-add-view-header-cancel {
	position: fixed;
	left: 9px;
	margin-top: 16px;
	cursor: default;
}

#planer-add-view .planer-add-view-header .planer-add-view-header-confirm {
	position: fixed;
	right: 11px;
	margin-top: 16px;
	font-weight: 500;
	cursor: default;
}

#planer-add-view .planer-add-view-header .planer-add-view-header-title {
	pointer-events: none;
	width: 100%;
	height: 50px;
	text-align: center;
	line-height: 51px;
	font-weight: 500;
	line-height: 54px;
}

div#planer-add-view input.planer-add-text-field {
	background: transparent;
	border: none;
	outline: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-bottom: 1px solid #9AB4F3;
	font-size: 18px;
	color: #FFF;
	padding: 8px 5px;
	width: 88%;
	width: calc(100% - 30px);
	margin-left: 10px;
	margin-top: 12px;
}
#planer-add-view .planer-add-view-date-picker .planer-add-view-date-picker-element,#planer-add-view .planer-add-view-subject-picker .planer-add-view-subject-picker-element {
	display: inline-block;
}


#planer-add-view .planer-add-view-date-picker, #planer-add-view .planer-add-view-subject-picker {
	overflow-x: scroll;
	width: 100%;
	border-bottom: 1px solid #9AB4F3;
	padding-bottom: 10px;
	padding-top: 20px;
	padding-left: 8px;
	-webkit-overflow-scrolling: touch;
}

#planer-add-view .planer-add-view-subject-picker .planer-add-view-subject-picker-element {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #FFF;
	border-radius: 3px;
	margin: 6px;
	cursor: default;
}

#planer-add-view .planer-add-view-subject-picker-inner {
	width: 1100px;
}

#planer-add-view .planer-add-view-date-picker-element {
	width: 46px;
	height: 46px;
	border-radius: 26px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	border: 1px solid rgb(185, 205, 255);
	color: #D3E0FF;
	margin: 3px;
}

#planer-add-view .planer-add-view-date-picker-element.selected,#planer-add-view .planer-add-view-subject-picker-element.selected {
	background-color: #FFF;
	color: #5D88F1;
	border: 1px solid #FFF;
}

#planer-add-view .planer-add-view-date-picker-inner {
	width: 950px;
}

#planer-add-view .planer-add-view-subject-picker {
	margin-bottom: 20px;
}

#planer-add-view .planer-add-view-header .planer-add-view-header-confirm,#planer-add-view .planer-add-view-header .planer-add-view-header-cancel,#planer-add-view .planer-add-view-header .planer-add-view-header-title {
	font-family: 'Avenir Next', 'Helvetica Neue', 'Segoe UI', sans-serif;
	letter-spacing: -0.5px;
}

.settings-wrapper .ui-list > .ui-item[data-action="select-theme"] {
	background-position: -397px 4px;
	margin-top: 35px;
	border-top: 1px solid #4B4854;
}

.settings-wrapper .ui-list > .ui-item[data-action="layout-options"] {
	background-position: -397px -51px;
}

.settings-wrapper .ui-list > .ui-item[data-action="get-support"] {
	background-position: -397px -228px;
	margin-top: 35px;
	border-top: 1px solid #4B4854;
}

.settings-wrapper .ui-list > .ui-item[data-action="about-saliorel"] {
	background-position: -397px -285px;
}

.settings-wrapper .ui-list > .ui-item[data-action="support-desk"] {
	background-position: -397px -109px;
}

.settings-wrapper .ui-list > .ui-item[data-action="preloading"],
.settings-wrapper .ui-list > .ui-item[data-action="saliorel-cloud"],
.settings-wrapper .ui-list > .ui-item:first-child {
	border-top: 1px solid #4B4854;
}

.settings-wrapper .ui-list > .ui-item.ui-touchable:active,
#the-view .settings-wrapper .main-settings .ui-list > .ui-item[data-action="saliorel-cloud"]:active {
	background-color: #333138;
}

#the-header .header-settings .view-title, #the-header .header-settings .settings-back-btn {
	font-family: 'Avenir Next', 'Helvetica Neue', 'Segoe UI', sans-serif;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.settings-wrapper .saliorel-support-wrapper .ui-list > .ui-item {
	background: #3D3B43;
	padding-left: 14px;
}

.settings-wrapper .ui-list > .ui-item[data-action="nice-animations"] {
	background-position: -397px -409px;
}

.settings-wrapper .ui-list > .ui-item[data-action="nice-animations"] .ui-switch.ui-on {
	background-color: #DED276;
}

div#planer-add-view input.planer-add-text-field::-webkit-input-placeholder {
	color: #BDCEF9;
}

/*
div#planer-view b {
	color: #A0A0A0;
	font-weight: normal;
	text-align: center;
	display: block;
	font-size: 14px;
	padding: 25px 30px;
	font-family: 'Avenir Next', 'Helvetica Neue', 'Segoe UI', sans-serif;
	letter-spacing: -0.5px;
	font-weight: 500;
}
*/

body[data-active-tab="settings-content"] div#the-tabbar {
	background-color: #26252A;
	border-top: 1px solid #44414C;
}

div#ui-sheet-timetable-lesson-details {
	left: 2%;
	width: 96%;
	top: 82%;
	height: 70%;
	border-radius: 12px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	overflow: hidden;
	opacity: 0;
}

#timetable-lesson-details-inner .timely-detail-table-inner .row {
	background-color: #FFF;
	border-bottom: 1px solid #E7E7E7;
	line-height: 38px;
}

#timetable-lesson-details-inner .timely-detail-table-inner .row:first-child {
	border-top: 1px solid #E7E7E7;
}

#timetable-lesson-details-inner .timely-detail-table-inner {
	margin-top: 25px;
}

#timetable-lesson-details-inner .timely-detail-table-inner .row .time {
	display: inline-block;
	width: 60px;
	padding-left: 12px;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', monospace;
	font-weight: 500;
}

#timetable-lesson-details-inner .timely-detail-table-inner .row .descriptive {
	width: 68%;
	width: calc(100% - 74px);
	display: inline-block;
}

#timetable-lesson-details-inner .timely-detail-info-inner {
	padding: 0 10px;
	padding-top: 22px;
	font-size: 15px;
}


#ui-sheet-timetable-lesson-details .ui-sheet-header {
	padding-top: 12px;
}

#ui-sheet-timetable-lesson-details .ui-sheet-header .confirm-button {
	right: -3px;
	top: 1px;
	color: #007AFF;
}

@media screen and (min-width: 330px) {

	div#ui-sheet-timetable-lesson-details {
		left: 6%;
		width: 86%;
	}

}
td[data-timely] .timely-info-icon,
td[data-information] .timely-info-icon,
td[data-other] .timely-info-icon,
th[data-timely] .timely-info-icon,
th[data-information] .timely-info-icon,
th[data-other] .timely-info-icon {
	border: 1px solid #8CC5DD;
	color: #8CC5DD;
	width: 20px;
	height: 20px;
	border-radius: 12px;
	font-size: 16px;
	line-height: 21px;
	margin: 0 auto;
	margin-top: 14px;
	font-family: 'AvenirNext-Medium', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

th[data-timely] .timely-info-icon,
th[data-information] .timely-info-icon,
th[data-other] .timely-info-icon {
	margin-top: 6px;
	margin-right: 5px;
	
	float: right;
	text-align: center;
}

.theme-heat-map td[data-timely] .timely-info-icon,.theme-heat-map td[data-information] .timely-info-icon {
	border-color: #FFF;
	color: #FFF;
}

.theme-ace td[data-timely] .timely-info-icon, .theme-ace td[data-information] .timely-info-icon {
	border-color: #FFF;
	color: #FFF;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.28);
}

.theme-heroic td[data-timely] .timely-info-icon, .theme-heroic td[data-information] .timely-info-icon {
	background-color: #36B3A3;
	border-color: #36B3A3;
	color: #DEEFAD;
}

.theme-awkward td[data-timely] .timely-info-icon, .theme-awkward td[data-information] .timely-info-icon {
	border-color: #2A3E65;
	color: #2A3E65;
}

.theme-mighty td[data-timely] .timely-info-icon, .theme-mighty td[data-information] .timely-info-icon {
	border-color: #382C69;
	color: #382E6A;
}

.theme-coherence td[data-timely] .timely-info-icon,
.theme-coherence td[data-information] .timely-info-icon,
.theme-coherence th[data-timely] .timely-info-icon,
.theme-coherence th[data-other] .timely-info-icon,
.theme-coherence th[data-information] .timely-info-icon {
	color: #698C3E;
	border-color: #698C3E;
}

.theme-aqua td[data-timely] .timely-info-icon,
.theme-aqua td[data-information] .timely-info-icon,
.theme-aqua th[data-timely] .timely-info-icon,
.theme-aqua th[data-other] .timely-info-icon,
.theme-aqua th[data-information] .timely-info-icon {
	color: #4B5D65;
	border-color: #4B5D65;
}

.theme-thousand td[data-timely] .timely-info-icon,
.theme-thousand td[data-information] .timely-info-icon {
	border-color: #11CC43;
	color: #11CC43;
}

.theme-calm td[data-timely] .timely-info-icon, .theme-calm td[data-information] .timely-info-icon {
	border-color: #4D3D5D;
	color: #4D3D5D;
}

#timetable-lesson-details-inner .timely-detail-obscured {
	padding: 11px 15px;
	background-color: #FFF1DB;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	margin-top: 10px;
	font-size: 15px;
}


.mail-folder-select-view .mail-action.logout {
	padding-left: 0;
	color: #FF3434;
	margin-top: 40px;
	border-top: 1px solid #E9E9EC;
	text-align: center;
	background-color: #FBFBFB;
}


#ui-sheet-mail-confirm-logout .ui-sheet-content p {
	padding: 16px 12px;
	font-size: 15px;
	color: #353535;
	font-weight: 500;
	padding-top: 22px;
}
#ui-sheet-mail-confirm-logout .cancel-button {
	color: #FF9100;
}

#ui-sheet-mail-confirm-logout .mail-folder-select-view {
	margin-top: 0;
	border-top: none;
}

#ui-sheet-mail-confirm-logout .mail-folder-select-view .mail-action.logout {
	margin-top: 10px;
}


.mail-folder-btn-icon {
	background: #FBBE00 url('../assets_n/salisheet.png') no-repeat 0 0;
	background-position-x: -154px;
	background-position-y: -201px;
	background-size: 257px 311px;
	height: 32px;
	width: 32px;
	display: inline-table;
	border-radius: 3px;
}



/* 		Notifications with Icons		*/

body.header-tinybar .ding-notification {
	height: 66px;
}

.ding-notification .content .icon {
	width: 16px;
	height: 16px;
	
	background: #FFF;
	position: absolute;
	
	margin-top: 3px;   
	border-radius: 4px;
}

.ding-notification .content .icon + b,
.ding-notification .content .icon + b + span {
	padding-left: 25px;
}

.ding-notification .content span { color: rgba(255, 255, 255, 0.8); }

.sh-control{font-family:'Helvetica Neue','Segoe UI','Roboto',sans-serif;-webkit-font-smoothing:antialiased}.sh-control,.sh-control *{margin:0;padding:0;font-size:100%}.sh-control b,.sh-control strong{font-weight:700}.sh-alert{position:fixed;width:600px;height:auto;box-shadow:0 0 12px rgba(25,25,25,0.22);border-radius:4px;left:50%;z-index:99999;top:50%;background:#fff;padding-bottom:20px;margin-left:-300px;margin-top:-140px}.sh-alert .sh-lefty{height:108px;float:left;background-image:url(../sapphire/sh-assets/informationIcon.png);background-size:70px 70px;width:105px;background-position:30px 30px;background-repeat:no-repeat}.sh-warning .sh-lefty{background-image:url(../sapphire/sh-assets/attentionIcon.png)}.sh-alert .sh-righty{width:452px;float:right;padding:17px;padding-right:26px;padding-left:0}.sh-alert .sh-alert-title{font-size:26px;margin-top:12px}.sh-alert .sh-alert-content{font-size:23px;color:#707070;padding-top:15px}.sh-fader{z-index:99998;position:fixed;left:0;top:0;width:100%;height:100%;background:#ddd;background:rgba(25,25,25,0.5)}.sh-fader + .sh-alert + .sh-fader,.sh-popover + .sh-fader,.sh-select-menu-open + .sh-fader{background:rgba(25,25,25,0.001)}.sh-close-button{color:#555;display:block;cursor:pointer;text-align:right;font-size:26px;margin-top:30px;padding-right:15px;margin-bottom:-7px;font-weight:700}@-moz-keyframes sh-dialog-animation{0%{opacity:0;-moz-transform:scale(0.25,0.25);transform:scale(0.25,0.25)}65%{opacity:1;-moz-transform:scale(1.02,1.02);transform:scale(1.02,1.02)}100%{opacity:1;-moz-transform:scale(1,1);transform:scale(1,1)}}@keyframes sh-dialog-animation{0%{opacity:0;transform:scale(0.25,0.25)}65%{opacity:1;transform:scale(1.02,1.02)}100%{opacity:1;transform:scale(1,1)}}@-webkit-keyframes sh-dialog-animation{0%{opacity:0;-webkit-transform:scale3d(0.25,0.25,1);transform:scale3d(0.25,0.25,1)}65%{opacity:1;-webkit-transform:scale3d(1.02,1.02,1);transform:scale3d(1.02,1.02,1)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-moz-keyframes sh-popover-animation{0%{opacity:0;-moz-transform:scale(0.25,0.25);transform:scale(0.25,0.25);margin-top:-6%}65%{opacity:1;-moz-transform:scale(1.02,1.02);transform:scale(1.02,1.02);margin-top:.2%}100%{opacity:1;-moz-transform:scale(1,1);transform:scale(1,1);margin-top:0}}@keyframes sh-popover-animation{0%{opacity:0;transform:scale(0.25,0.25);margin-top:-6%}65%{opacity:1;transform:scale(1.02,1.02);margin-top:.2%}100%{opacity:1;transform:scale(1,1);margin-top:0}}@-webkit-keyframes sh-popover-animation{0%{opacity:0;-webkit-transform:scale3d(0.25,0.25,1);transform:scale3d(0.25,0.25,1);margin-top:-6%}65%{opacity:1;-webkit-transform:scale3d(1.02,1.02,1);transform:scale3d(1.02,1.02,1);margin-top:.2%}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);margin-top:0}}@keyframes sh-fadein-animation{0%{opacity:0}100%{opacity:1}}@-moz-keyframes sh-fadein-animation{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes sh-fadein-animation{0%{opacity:0}100%{opacity:1}}.sh-pop-animation,.sh-alert{-webkit-animation-duration:450ms;-webkit-animation-name:sh-dialog-animation;-webkit-animation-timing-function:ease-in-out;-moz-animation-duration:450ms;-moz-animation-name:sh-dialog-animation;-moz-animation-timing-function:ease-in-out;animation-duration:450ms;animation-name:sh-dialog-animation;animation-timing-function:ease-in-out}.sh-popover{-webkit-animation-duration:450ms;-webkit-animation-name:sh-popover-animation;-webkit-animation-timing-function:ease-in-out;-moz-animation-duration:450ms;-moz-animation-name:sh-popover-animation;-moz-animation-timing-function:ease-in-out;animation-duration:450ms;animation-name:sh-popover-animation;animation-timing-function:ease-in-out}.sh-fadein,.sh-fader{-webkit-animation-duration:250ms;-webkit-animation-name:sh-fadein-animation;-webkit-animation-timing-function:ease-in-out;-moz-animation-duration:250ms;-moz-animation-name:sh-fadein-animation;-moz-animation-timing-function:ease-in-out;animation-duration:250ms;animation-name:sh-fadein-animation;animation-timing-function:ease-in-out}.sh-popover .sh-arrow{background:transparent url(../sapphire/sh-assets/popover-arrow@2x.png) top left no-repeat;background-size:45px 26px;width:45px;opacity:1;height:26px;margin-top:-25px;background-size:32px 19px;width:32px;height:20px;margin-top:-18px}.sh-popover{border-radius:4px;background:#FFF;background:rgba(255,255,255,1);-moz-box-shadow:0 0 6px 0 rgba(0,0,0,0.16);box-shadow:0 0 6px 0 rgba(0,0,0,0.16);z-index:99999}.sh-popovercontent{padding:17px 22px}.sh-button{font-size:14px;color:#000;outline:none;border-radius:3px;border:none;padding:6px 11px;background:#fff;box-shadow:0 1px 4px rgba(25,25,25,0.12)}.sh-button:active{box-shadow:inset 0 1px 4px rgba(70,70,70,0.79)}.sh-wellview{border-radius:4px;padding:14px;box-shadow:0 0 5px rgba(173,173,173,0.25);background:rgba(255,255,255,0.25)}.sh-button.sh-toggled,.sh-tbctl-tgld{background:#333;background:rgba(25,25,25,0.6);color:#fff;font-weight:700}.sh-tabview > div:first-child .sh-button{font-size:12px;border-radius:2px;margin-left:-2px;padding:3px 11px;position:relative;z-index:1}.sh-tabview > div:first-child .sh-button.sh-toggled,.sh-tabview > div:first-child .sh-button.sh-tbctl-tgld{line-height:14px;z-index:2;margin-right:2px;margin-left:0}.sh-tabview > div:first-child{margin-top:8px;text-align:center}.sh-tabview > div:nth-child(2){margin-top:-12px}.sh-tabview > div:nth-child(2) > .sh-tabview-content{padding-top:24px;font-size:14px}.sh-heading-title{font-size:19px}@-moz-keyframes sh-pane-animation{0%{bottom:-150%}100%{bottom:-45px}}@keyframes sh-pane-animation{0%{bottom:-150%}100%{bottom:-45px}}@-webkit-keyframes sh-pane-animation{0%{bottom:-150%}100%{bottom:-45px}}.sh-pane{background:#fff;position:fixed;width:calc(94% - 20px);height:97%;bottom:-45px;left:3%;right:3%;z-index:99999;box-shadow:0 -5px 5px rgba(25,25,25,0.15);border-radius:5px;padding:10px;-webkit-animation-duration:450ms;-webkit-animation-name:sh-pane-animation;-webkit-animation-timing-function:ease-in-out;-moz-animation-duration:450ms;-moz-animation-name:sh-pane-animation;-moz-animation-timing-function:ease-in-out;animation-duration:450ms;animation-name:sh-pane-animation;animation-timing-function:ease-in-out}.sh-sourcelistview{background:rgba(245,245,245,0.75);border-radius:3px;box-shadow:0 0 5px rgba(25,25,25,0.08)}.sh-slv-item{padding:11px 14px;cursor:default}.sh-slv-item.sh-slv-tgld{background:rgba(57,58,58,0.66);color:#fff;border-radius:0;font-weight:700}.sh-slv-item.sh-slv-tgld.sh-slv-firstitem{border-radius:3px 3px 0 0}.sh-slv-item.sh-slv-tgld.sh-slv-lastitem{border-radius:0 0 3px 3px}.sh-slv-item.sh-slv-tgld.sh-slv-firstitem.sh-slv-lastitem{border-radius:3px}.sh-selectview{font-size:14px;color:#000;outline:none;border-radius:3px;border:none;width:300px;padding:6px 11px;background:#fff;background:rgba(255,255,255,0.75);box-shadow:0 1px 4px rgba(25,25,25,0.12)}.sh-selectview div{cursor:default}.sh-righty-controlarrows{width:7px;height:13px;background:transparent url(../sapphire/sh-assets/controlarrows@2x.png) center center no-repeat;background-size:7px 13px}.sh-selectview .sh-righty-controlarrows{float:right;margin-top:-14px}.sh-select-menu-open{font-size:14px;color:#000;outline:none;border-radius:3px;border:none;background:#fff;background:rgba(255,255,255,1);box-shadow:0 1px 4px rgba(25,25,25,0.12);padding:5px 0;z-index:99999}.sh-select-menu-open div{padding:8px 15px}.sh-select-menu-open div:hover{background:#999;background:rgba(57,58,58,0.66);font-weight:700;color:#fff}

body.loading-state #the-header .header-timetable .week-button-righty, body.loading-state #the-header .header-timetable .week-button-lefty { margin-top: 0px; }
body.loading-state #the-header .header-timetable .overview-button { margin-top: 1px; }
body.loading-state #the-header .header-timetable .class-picker { margin-top: 3px; }

body.loading-state:not(.header-tinybar) #the-header { height: 62px; }
body.loading-state:not(.header-tinybar) #the-header .view-title { padding-top: 12px; }

.settings-wrapper .ui-switch:not(.ui-on) { background: #58565D; }
.settings-wrapper .ui-switch:not(.ui-on) .ui-switch-element { background: #E1DDEA; }

.ding-notification .notification-actions {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.ding-notification .notification-actions[data-count="2"] .notification-action {
	width: 50%;
	width: calc(50% - 10px);
	display: inline-block;
}

.ding-notification .notification-actions .notification-action {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 4px;
	margin: 8px 4px;
	padding: 7px 0;
	text-align: center;
	color: #000;
	cursor: default;
}

.ding-notification.has-actions { height: 126px; }
body.header-tinybar .ding-notification.has-actions { height: 112px; }

.ding-notification .notification-actions[data-count="1"] .notification-action {
	width: calc(100% - 14px);
	margin-left: 6px;
}
.ding-notification.has-actions:not(.shown) { top: -130px; }
body:not(.header-tinybar) .ding-notification.has-actions .content { padding-bottom: 10px; }

#wrapper .ding-notification { height: auto !important; }
body:not(.header-tinybar) .ding-notification.has-actions:not(.shown) { top: -155px; }
body:not(.header-tinybar) #planer-add-view .planer-add-view-header { padding-top: 12px; }

#noten-view .noten-subjects-points-total {
	height: 32px;
	text-align: center;
	/*line-height: 24px;*/
	line-height: 12px;
	margin-top: -32px;
	background: #151515;
	color: #151515;
	font-size: 12px;
	overflow: hidden;
	-webkit-transition: 0.25s all;
	-moz-transition: 0.25s all;
	-ms-transition: 0.25s all;
	-o-transition: 0.25s all;
	transition: 0.25s all;
}

#noten-view .noten-subjects-points-total span {
	color: #BBB;
}

#noten-view .noten-subjects-points-total.active {
	margin-top: 0;
	color: #FFF;
}

body[data-active-tab="notes-content"] header#the-header {
	background: #FFDF43;
}

body[data-active-tab="notes-content"] {
	background: #F7F9FB;
}

div#notes-view {
	margin-top: 50px;
}

body:not(.header-tinybar) div#notes-view {
	margin-top: 62px;
}

#notes-view textarea.notes-textarea {
	background: transparent;
	border: none;
	resize: none;
	width: 90%;
	height: 90%;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	outline: none;
	padding: 20px;
	font-family: 'Avenir Next', 'Helvetica Neue', 'Helvetica', 'Roboto', sans-serif;
	font-size: 16px;
	color: #333;
}

.notes-inner, .notes-inner #notes-view {
	height: 100%;
}
.settings-wrapper .ui-list > .ui-item[data-action="timetable-auxiliary"] {
	background-position-y: -346px;
}
.settings-wrapper .select-timetable-auxiliary-group .ui-list > .ui-item .ui-switch.ui-on {
	background: #75DDC8;
}
#wrapper:not(.show-rmres) #loaded-timetable span.sl.rmres, #wrapper:not(.show-rmres) #loaded-timetable span.sl.rmres + span.sr {
	display: none;
}
#wrapper.show-rmres span.sl.rmres,#wrapper.show-rmres span.sl.rmres + .sr {
	background: #B767FF;
	color: #FFF;
	border-radius: 3px;
	padding: 2px 6px;
	margin-left: -4px;
}
.settings-wrapper .select-timetable-auxiliary-group .ui-list > .ui-item.new-group {
	border-top: 1px solid #4B4854;
	margin-top: 33px;
}

#wrapper.hide-optional-subjects td.m.freifach .sl,
#wrapper.hide-optional-subjects td.m.freifach .sr,
#wrapper.hide-optional-subjects td.m.freifach br {
	display: none;
}
.ding-notification .content .icon[data-icon="update"] {
	background: transparent url('../assets_n/yaay.png') no-repeat -273px -355px;
	background-size: 292px 551px;
}

body[data-active-tab="lists-content"] #the-header {
	background: #2EA8FF;
	color: #F7F7F7;
}

body[data-active-tab="lists-content"] {
	background: #EEE;
}

div#lists-view { padding-top: 50px; color: #000; }
body:not(.header-tinybar) div#lists-view { padding-top: 62px; }

#lists-view .select-class-list-view .ui-group .ui-list > .ui-item,
#lists-view .select-person-list-view .ui-group .ui-list > .ui-item {
	background: #FFFFFF;
	color: #000;
	margin-bottom: 0;
	border-bottom: 1px solid #EAEAEA;
}

#lists-view .select-class-list-view .ui-group .ui-list > .ui-item:first-child,
#lists-view .select-person-list-view .ui-group .ui-list > .ui-item:first-child {
	border-top: 1px solid #EAEAEA;
}

#lists-view .select-class-list-view .ui-group .ui-list > .ui-item:active,
#lists-view .select-person-list-view .ui-group .ui-list > .ui-item:active {
	background: #F5F5F5;
}

#lists-view .select-class-list-view .ui-group .ui-list > .ui-item .ui-arrow-right,
#lists-view .select-person-list-view .ui-group .ui-list > .ui-item .ui-arrow-right {
	background-image: url('../assets_n/arrow_right_black.png');
	opacity: 0.4;
}

#lists-view .select-class-list-view .ui-list,
#lists-view .select-person-list-view .ui-list,
.settings-wrapper .ui-group.main-settings > .ui-list {
	padding-bottom: 70px;
}

body:not(.header-tinybar) #lists-view .select-class-list-view .ui-list,
body:not(.header-tinybar) #lists-view .select-person-list-view .ui-list,
body:not(.header-tinybar) .settings-wrapper .ui-group.main-settings > .ui-list {
	padding-bottom: 90px;
}

.header-lists .view-title,
.header-lists .view-title-2,
.header-lists .lists-back-btn {

	-webkit-transition: .6s all cubic-bezier(.1,.7,.1,1);
	-moz-transition: .6s all cubic-bezier(.1,.7,.1,1);
	-ms-transition: .6s all cubic-bezier(.1,.7,.1,1);
	-o-transition: .6s all cubic-bezier(.1,.7,.1,1);
	transition: .6s all cubic-bezier(.1,.7,.1,1);

	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.lists-push-view-active .header-lists .view-title {

	-webkit-transform: translateX(-95px);
	-moz-transform: translateX(-95px);
	-ms-transform: translateX(-95px);
	-o-transform: translateX(-95px);
	transform: translateX(-95px);

	opacity: 0;
}

.header-lists .lists-back-btn {
	
	padding: 7px 14px;
	padding-left: 30px;

	font-size: 17px;

	background: transparent url('../assets_n/nav_back.png') no-repeat 14px 7px;
	background-size: 11px 20px;

	opacity: 0;
	cursor: default;
	
	display: inline-block;
	pointer-events: none;

	-webkit-transform: translateX(95px);
	-moz-transform: translateX(95px);
	-ms-transform: translateX(95px);
	-o-transform: translateX(95px);
	transform: translateX(95px);
}

.lists-push-view-active .header-lists .lists-back-btn {

	opacity: 1;
	pointer-events: all;

	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.sorry-not-sorry-inner {
	padding: 20px 18px;
}

#ui-sheet-class-person-detail-view .class-person-detail-view-inner .ui-item span small {
	color: #FC1A67;
	font-size: 12px;
	display: block;
	padding-bottom: 2px;
	margin-top: -5px;
}

#ui-sheet-class-person-detail-view .class-person-detail-view-inner .ui-item {
	padding-bottom: 12px;
	margin-bottom: 0;
	border-bottom: 1px solid #E1E1E4;
}

#ui-sheet-class-person-detail-view .class-person-detail-view-inner .ui-item:first-child, #ui-sheet-class-person-detail-view .class-person-detail-view-inner .ui-item.new-group {
	border-top: 1px solid #E1E1E4;
}

#ui-sheet-class-person-detail-view .class-person-detail-view-inner .ui-item.new-group {
	margin-top: 30px;
}

#ui-sheet-class-person-detail-view .class-person-detail-view-inner .ui-item:first-child {
	margin-top: 30px;
}

#ui-sheet-class-person-detail-view .class-person-detail-view-inner .ui-item.compose-mail { cursor: default; }
#ui-sheet-class-person-detail-view .class-person-detail-view-inner .ui-item.compose-mail:active { background: #F5F5F5; }

#ui-sheet-class-person-detail-view .class-person-detail-view-inner .ui-item.compose-mail span {
	color: #FC1A67;
	display: block;
	margin-top: -1px;
}

.temporary-status-sheet-inner {
	padding: 16px;
}

div#ui-sheet-temporary-status-sheet {
	background: #1C1C1D;
	color: #A679C5;
}

div#ui-sheet-temporary-status-sheet .ui-sheet-header {
	background: #292929;
	border-bottom: 1px solid #383838;
}

div#ui-sheet-temporary-status-sheet .ui-sheet-header .sheet-title {
	color: #FFF;
}

div#ui-sheet-temporary-status-sheet .ui-sheet-header .confirm-button {
	color: #BB5FFF;
}

body:not(.header-tinybar) div#ui-sheet-temporary-status-sheet .ui-sheet-header {
	padding-top: 28px;
	padding-bottom: 12px;
}

body:not(.header-tinybar) div#ui-sheet-temporary-status-sheet .ui-sheet-header .confirm-button {
	padding-top: 19px;
}
.card-wisetips-inner {
	margin: 20px 18px;
	padding: 19px 16px;
	padding-bottom: 30px;
	background: #FFF;
	line-height: 24px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.card-wisetips-inner .citeauthor {
	display: block;
	float: right;
	
	color: #A5A5A5;
	margin-top: 10px;
	padding-right: 5px;
}
.card-wisetips-inner hr {
	border: none;
	border-top: 1px solid #DEDEDE;
	display: block;
	margin-top: 25px;
}

.card-wisetips-inner { margin-bottom: 90px; }

#wrapper.hide-warnings #loaded-timetable .securenote {
	display: none;
}

@media screen and (min-width: 680px) {
	
	#wrapper div#ui-sheet-mail-folder-selection,
	#wrapper div#ui-sheet-mail-confirm-logout {
		width: 50%;
		height: 70%;
		margin-top: -14%;
		position: fixed;
		box-shadow: 0 5px 25px rgba(0,0,0,0.25);
		left: 24%;
		border-radius: 12px;
		overflow: hidden;
		opacity: 0;
	}

}


#ui-sheet-giuliano-luemmel .giuliano-the-luemmel img {
	background: #000;
	height: 440px;
}

#ui-sheet-giuliano-luemmel {
	background: #000;
}



/*	the revolutionary new
	Notebook Cards API		*/
	
#the-view .notebook-content .notebook-card-shelf {
	width: 100%;
	height: 285px;

	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

#the-view .notebook-inner .notebook-card-shelf-inner {
	width: 980px;
	padding-left: 20px;
}

#the-view .notebook-content .notebook-inner .notebook-card-item {
	display: inline-block;
	
	width: 176px;
	height: 225px;
		
	border-radius: 3px;
	
	background: #FFF url('../assets_n/blank.png') no-repeat center center;
	background-size: 35px 55px;
	
	box-shadow: 0px 19px 27px 0px rgba(0, 0, 0, 0.1);
	margin: 26px 6px;
	overflow: hidden;
	
	-webkit-transition: 0.2s all cubic-bezier(0, 0.22, 0, 1);
	-moz-transition: 0.2s all cubic-bezier(0, 0.22, 0, 1);
	-ms-transition: 0.2s all cubic-bezier(0, 0.22, 0, 1);
	-o-transition: 0.2s all cubic-bezier(0, 0.22, 0, 1);
	transition: 0.2s all cubic-bezier(0, 0.22, 0, 1);
}

/*
#the-view .notebook-content .notebook-inner .notebook-card-item:active {
	width: 164px;
	height: 212px;
	
	margin-bottom: 32px;
	margin-left: 12px;
	margin-right: 12px;
	
	background-size: 30px 47px;
}
*/

#the-view .notebook-content .notebook-inner .notebook-card-item:active {
	width: 150px;
	height: 204px;
	margin-bottom: 36px;
	margin-left: 18px;
	margin-right: 20px;
	background-size: 26px 40px;
}

#the-view .notebook-content .notebook-inner .notebook-card-item.anim-p1 {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

#the-view .notebook-content .notebook-inner .notebook-card-item.anim-p2 {
	width: 200px;
	height: 245px;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-left: -4px;
	margin-right: -8px;
	opacity: 0;
}

#the-view .notebook-content .notebook-inner .notebook-shelf-item.anim-p1 {
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#the-view .notebook-content .notebook-inner .notebook-shelf-item.anim-p2 {
	-webkit-transform: scale(1.09);
	-moz-transform: scale(1.09);
	-ms-transform: scale(1.09);
	-o-transform: scale(1.09);
	transform: scale(1.09);
	
	opacity: 0;
}

#the-view .notebook-content .notebook-inner .notebook-card-item .notebook-card-item-inner {
	width: 100%;
	height: 100%;
	
	display: none;
	
	background: transparent;
	background-size: 100% 100%;
	background-position: center center;
}

body[data-active-tab="carditem-content"] { background-color: #F4FBFE; }
body[data-active-tab="carditem-content"] #the-header { background: #B2C6DE; }

.carditem-splash span {
	position: fixed;
	top: 42%;
	width: 100%;
	height: 85px;
	z-index: 999;
	background: transparent url('../assets_n/card-loader.gif') no-repeat center center;
	background-size: 20px 20px;
	display: block;
	text-align: center;
	color: #C2CBD6;
	font-size: 19px;
}

.carditem-view { color: #444; }
.carditem-inner { padding-top: 50px; }
body:not(.header-tinybar) .carditem-inner { padding-top: 62px; }

.carditem-view .loading-error {
	text-align: center;
	margin-top: 44%;
	color: #9AAABD;
}

.theme-option-photo .theme-option-icon {
	background: #FF4B73;
	background-image: linear-gradient(-1deg, #FF4568 0%, #FF84E5 100%);
}

.theme-option-photo .theme-option-icon .icon {
	display: inline-block;
	height: 64px;
	width: 64px;
	background: transparent url('../assets_n/camera.png') no-repeat center center;
	background-size: 33px 25px;
}
.theme-photo-selector-inner input[type="file"] {
	width: 100%;
	height: 100px;
}

.theme-photo-selector-inner {
	padding: 40px;
}
.theme-video .class-picker-searchbar {
	background: rgba(255, 255, 255, 0.15) url('../assets_n/search_white.png') no-repeat 8px 6px;
	background-size: 13px 13px;
	color: #FFF;
}
.theme-video .class-picker-searchbar input { color: #FFF; }
.theme-video .ui-classpicker-active #the-header .class-picker {
	background-color: #FFF;
	background-image: url('../assets_n/arrow_down_themed.png');
	color: #000;
}

body[data-active-tab="mensa-content"] #loaded-mensa .menucard.menu_pizza {
	background: #02D0C6;
}

.saliorel-add-to-homescreen .arrow {
	background-image: url('../sapphire/sh-assets/popover-arrow-round.png');
	background-size: 31px 12px;
	height: 12px;
	width: 32px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-left: 104px;
}

.saliorel-add-to-homescreen {
	position: fixed;
	bottom: 22px;
	margin-left: -125px;
	left: 50%;
	width: 250px;
	height: 165px;
	background: #FFF;
	border-radius: 10px;
	z-index: 10002;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
}

.saliorel-add-to-homescreen .content {
	height: 165px;
	background: transparent url('../assets_n/addwebapp_e.png') no-repeat center 50px;
	background-size: 224px 94px;
}

.saliorel-add-to-homescreen .icon {
	width: 64px;
	height: 64px;
	background: transparent url('../assets_n/saliverynewlogo_d.png') no-repeat center center;
	background-size: 64px 64px;
	border-radius: 18px;
	margin-top: -32px;
	margin-bottom: -32px;
	margin-left: 93px;
	box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.saliorel-add-to-homescreen .content .close {
	width: 50px;
	height: 50px;
	background: transparent url('../assets_n/closer_thingy_dark.png') no-repeat center center;
	background-size: 14px 14px;
	cursor: pointer;
	float: right;
}

body:not(.saliorel-transforming-into-cardview)[data-active-tab="carditem-content"][data-active-notebook-card="com.saliorel.whatsnew"] header#the-header { background: #299CFF; }
body:not(.saliorel-transforming-into-cardview)[data-active-tab="carditem-content"][data-active-notebook-card="com.saliorel.maintenance"] header#the-header { background: #9145E4; }
body:not(.saliorel-transforming-into-cardview)[data-active-tab="carditem-content"][data-active-notebook-card="com.saliorel.termine"] header#the-header { background: #FF1B9F; }
body:not(.saliorel-transforming-into-cardview)[data-active-tab="carditem-content"][data-active-notebook-card="com.saliorel.wisetips"] header#the-header { background: #2AE5D9; }

.card-whatsnew-inner .designing-saliorel-post {
	margin: 8px 10px;
	background: #FFF;
	box-shadow: 0 16px 26px rgba(0, 0, 0, 0.15);
	padding: 11px 13px;
	margin-top: 14px;
	min-height: 300px;
	margin-bottom: 30px;
}

.card-whatsnew-inner .designing-saliorel-post.update {
	background: #3DAEF1 url('../assets_n/hueseli.png') repeat top left;
	background-size: 54px 54px;
	color: #FFF;
}

.card-whatsnew-inner .designing-saliorel-post .post-header {
	height: 106px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	margin-bottom: 16px;
}

.card-whatsnew-inner .designing-saliorel-post .post-header .post-title {
	font-size: 38px;
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue', 'Segoe UI', sans-serif;
	text-align: center;
	padding-top: 6px;
}

.card-whatsnew-inner .designing-saliorel-post .post-header .post-type {
	display: block;
	width: 86px;
	background: rgba(255, 255, 255, 0.85);
	color: #4AB3F2;
	border-radius: 3px;
	padding: 3px 6px;
	font-size: 13px;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
}

.card-whatsnew-inner,
.card-termine-inner {
	padding-bottom: 85px;
}

body:not(.header-tinybar) .card-whatsnew-inner,
body:not(.header-tinybar) .card-termine-inner {
	padding-bottom: 95px;
}

.card-whatsnew-inner .designing-saliorel-post ul {
	margin-left: 30px;
	margin-right: 10px;
	margin-bottom: 30px;
}

.card-whatsnew-inner .designing-saliorel-post ul li {
	font-size: 15px;
	padding-bottom: 12px;
}

.card-whatsnew-inner .designing-saliorel-post p {
	padding-bottom: 30px;
}
.card-whatsnew-inner .designing-saliorel-post.notice .post-header .post-type {
	background: #000;
	color: #FFF;
}

.card-whatsnew-inner .designing-saliorel-post.notice {
	background: #FFFFFF url('../assets_n/hueseli.png') repeat top left;
	background-size: 54px 54px;
	color: #000;
}
.card-whatsnew-inner .designing-saliorel-post small {
	font-size: 12px;
	line-height: 13px;
	display: block;
	padding-top: 6px;
	color: rgba(0, 0, 0, 0.36);
}

.card-whatsnew-inner .designing-saliorel-post.update small {
	color: rgba(255,255,255,0.66);
}
.card-whatsnew-inner .designing-saliorel-post .action-button {
	display: block;
	width: 140px;
	text-align: center;
	padding: 8px 2px;
	border-radius: 3px;
	border: 1px solid #4AB3F2;
	margin: 0 auto;
	margin-bottom: 30px;
	color: #4AB3F2;
	cursor: default;
}

.card-whatsnew-inner .designing-saliorel-post .action-button:active {
	background: #4AB3F2;
	color: #FFF;
}

.card-whatsnew-inner .designing-saliorel-post.update .action-button {
	border: 1px solid #FFF;
	color: #FFF;
}

.card-whatsnew-inner .designing-saliorel-post.update .action-button:active {
	background: #FFF;
	color: #4AB3F2;
}

.card-termine-inner .coming-up-termine-box {
	padding: 13px 16px;
	background: #FFF;
	border-bottom: 1px solid #E8E8E8;
	min-height: 86px;
	margin: 13px 12px;
	box-shadow: 0 10px 18px rgba(0, 0, 0, 0.05);
}

.card-termine-inner .coming-up-termine-box .date {
	font-size: 13px;
	display: block;
	text-transform: uppercase;
}

.card-termine-inner .coming-up-termine-box .when {
	float: right;
	margin-top: -16px;
	color: #B7B7B7;
	font-size: 13px;
}

.card-termine-inner .coming-up-termine-box .what {
	margin-top: 13px;
	display: block;
	font-size: 15px;
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Segoe UI', sans-serif;
	margin-bottom: 14px;
}

.card-termine-inner .coming-up-termine-box .where {
	font-size: 14px;
	color: #A5A5A5;
}
#ui-sheet-select-theme-photo .theme-photo-selector-inner p {
	font-size: 14px;
	color: #6D6D71;
}
.card-whatsnew-inner .designing-saliorel-post.tip {
	background: #FBF892;
}

.card-whatsnew-inner .designing-saliorel-post.tip .post-header .post-type {
	background: #000;
	color: #FBF892;
	margin-top: 20px;
	margin-bottom: 10px;
}

.card-whatsnew-inner .designing-saliorel-post.tip .post-header {
	border-bottom: none;
}

.ui-item .ui-arrow-right.dark {
	background-image: url('../assets_n/arrow_right_black.png');
	opacity: 0.4;
}


/*
	
	iPhone 6[S]
	––––––––––––––––––
	
	3D Touch
	
*/

.peek-3d-touch #the-header,
.peek-3d-touch #the-classpicker .ui-item {
	-webkit-transition: 0.25s all;
	transition: 0.25s all;
}

.peek-3d-touch-active #the-header,
.peek-3d-touch-active #the-classpicker .ui-item,
.peek-3d-touch-active #the-classpicker .ui-list-label {
	-webkit-filter: blur(6px);
	filter: blur(6px);
}

.peek-view-controller {
	position: fixed;
	top: 10%;
	width: 85%;
	height: 80%;
	left: 8%;
	background: rgba(30, 30, 30, 0.8);
	border-radius: 11px;
	backdrop-filter: blur(5px);
	overflow: hidden;
	box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3);
	
	opacity: 0;
	
	-webkit-transition: 0.25s opacity;
	transition: 0.25s opacity;
}

.peek-view-controller-header {
	height: 36px;
	border-bottom: 1px solid rgba(72, 72, 72, 0.65);
	background: rgba(45, 45, 45, 0.65);
}

.peek-view-controller-header .view-title {
	text-align: center;
	display: block;
	line-height: 36px;
	color: rgba(255, 255, 255, 0.65);
}
.timetable-peek div.loaded-timetable-peek > table, .timetable-peek div.loaded-timetable-peek > table th {
	background: rgba(26, 31, 35, 0.15);
}

.timetable-peek div.loaded-timetable-peek > table, .timetable-peek div.loaded-timetable-peek > table th {
	color: rgba(255, 255, 255, 0.35);
}

.timetable-peek div.loaded-timetable-peek > table td.m {
	background: rgba(67, 122, 150, 0.2);
}

.timetable-peek div.loaded-timetable-peek > table td.e {
	background: rgba(49, 116, 152, 0.1);
}

.timetable-peek div.loaded-timetable-peek > table td.m.free {
	background: rgba(255,0,137,0.9);
}

.timetable-peek div.loaded-timetable-peek > table td.m.thingsactuallychanged {
	background: #16E48E;
	box-shadow: 0 0 25px rgba(22, 228, 142, 0.4);
}

.timetable-peek div.loaded-timetable-peek > table td.m.movedOld {
	background: rgb(255, 147, 77);
	box-shadow: 0 0 25px rgba(228, 155, 22, 0.4);
}

.timetable-peek div.loaded-timetable-peek > table td.m.movedNew {
	background: #00A7FF;
	box-shadow: 0 0 25px rgba(22, 104, 228, 0.4);
}

.peek-view-controller-header .peek-header-loader {
	background: rgba(255, 255, 255, 0.6);
	height: 2px;
	margin-top: 0px;
	
	width: 0%;
	
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.timetable-splitview .splitview-loader {
	background: rgb(255, 255, 255);
	height: 2px;
	margin-top: 0px;
	width: 0%;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	position: fixed;
	bottom: 1px;
	z-index: 9999;
}

.timetable-peek .peek-error {
	padding: 75px 0;
	text-align: center;
	color: rgba(255, 255, 255, 0.75);
}
.select-class-list-search-box {
	background: #C0C6CC;
	height: 44px;
}

.select-class-list-search-box input {
	background: #FFF url('../assets_n/search_themed.png') no-repeat 8px 8px;
	background-size: 13px 13px;
	border: none;
	outline: none;
	width: 95%;
	width: calc(100% - 20px);
	border-radius: 3px;
	margin-left: 10px;
	margin-top: 8px;
	height: 28px;
	text-align: center;
	font-size: 13px;
	color: #6A6F73;
}


#wrapper:not(.lists-push-view-active) .header-lists .view-title-2 {
	-webkit-transform: translateX(95px);
	-moz-transform: translateX(95px);
	-ms-transform: translateX(95px);
	-o-transform: translateX(95px);
	transform: translateX(95px);
	opacity: 0;
}

.header-lists .view-title-2 {
	margin-top: 10px;
	padding-left: 2px;
}
.lists-wrapper .select-person-list-view .ui-list > .ui-item > .ui-sidelabel {
	padding-right: 15px;
}

.theme-option-icon.ffffff svg line,
.theme-option-icon.ffffff svg line {
	stroke: #000;
}

.theme-option-icon.ffffff,
.theme-option-icon.ffffff {
	border: 1px solid #333;
}

#wrapper div#loaded-timetable > table td.m:not(.hascomments),
#wrapper div.loaded-timetable-peek > table td.m:not(.hascomments) {
	
	background-image: url('../assets_n/pixel.gif');
	background-size: 5px 5px;
	background-repeat: no-repeat;
	background-position: 10% 50%;
}

#wrapper:not(.hide-ttcomments) div#loaded-timetable > table td.m.hascomments,
#wrapper:not(.hide-ttcomments) div.loaded-timetable-peek > table td.m.hascomments {
	
	background-image: url('../assets_n/timetable_comment_dot.png');
	background-size: 5px 5px;
	background-repeat: no-repeat;
	background-position: 10% 50%;
}

#loaded-timetable-comments span.login-error {
	text-align: center;
	display: block;
	padding-top: 20%;
	color: #666;
}

.settings-wrapper .info-title span.plus {
	font-size: 34px;
	margin-top: -2px;
	position: absolute;
	margin-left: -14px;
}

#the-classpicker .classpicker-actions .ui-list .ui-item[data-action="classpicker-roomfinder"] {
	background-image: url('../assets_n/einelupe.png');
	background-size: 24px 26px;
	background-repeat: no-repeat;
	background-position: 16px 18px;
	padding-left: 50px;
	padding-top: 15px;
	color: #D6DCDE;
}

#the-classpicker .classpicker-actions .ui-list .ui-item[data-action="classpicker-roomfinder"] .subtitle {
	color: rgba(255, 255, 255, 0.4);
}

#the-classpicker .ui-group.ui-vibrant.classpicker-actions {
	margin-bottom: 30px;
	margin-top: 0;
}

#the-classpicker .ui-group.ui-vibrant.classpicker-recents, #the-classpicker .ui-group.ui-vibrant.search-results {
	margin-bottom: 30px;
}
#the-classpicker .classpicker-actions .ui-list .ui-item:active[data-action="classpicker-roomfinder"] {
	background-color: rgba(249, 252, 253, 0.15);
}
.theme-paper #the-classpicker .classpicker-actions .ui-list .ui-item[data-action="classpicker-roomfinder"],
.theme-thousand #the-classpicker .classpicker-actions .ui-list .ui-item[data-action="classpicker-roomfinder"] {
	color: #5F5F5F;
}

.theme-paper #the-classpicker .classpicker-actions .ui-list .ui-item[data-action="classpicker-roomfinder"] .subtitle,
.theme-thousand #the-classpicker .classpicker-actions .ui-list .ui-item[data-action="classpicker-roomfinder"] .subtitle {
	color: #A0A0A0;
}

.theme-coherence #the-classpicker .classpicker-actions .ui-list .ui-item[data-action="classpicker-roomfinder"],
.theme-aqua #the-classpicker .classpicker-actions .ui-list .ui-item[data-action="classpicker-roomfinder"] {
	color: #FFF;
}

div#ui-sheet-roomfinder {
	background: #F0F0F5;
}

div#ui-sheet-roomfinder .room-finder-inner,
div#ui-sheet-roomfinder-loading .room-finder-inner {
	height: 610px;
	padding-top: 52px;
	background: url('../assets_n/roomfinder_backdrop.png') no-repeat center 24px;
	background-size: 196px 51px;
}

.ui-sheet-content {
	height: 100%;
	overflow-y: scroll;
}

div#ui-sheet-roomfinder .ui-group .ui-list > .ui-item {
	padding: 12px 16px;
	margin-bottom: 0;
	border-top: 1px solid #E5E5E5;
}

div#ui-sheet-roomfinder .ui-group .ui-list > .ui-item:last-child {
	border-bottom: 1px solid #E5E5E5;
}

#ui-sheet-roomfinder span.ui-label.ui-list-label.ui-bold.ui-list-descriptive-label {
	color: #A8A6AD;
	margin-bottom: 0px;
	font-size: 11px;
	padding-left: 17px;
}

div#ui-sheet-roomfinder .ui-group .ui-list > .ui-item:active {
	background: #F1F1F1;
}

.ui-sheet-header .confirm-button.disabled {
	color: #AFAFAF;
	pointer-events: none;
}
.ui-group.roomfinder-select-room-requirements, .ui-group.roomfinder-select-room-type, .ui-group.roomfinder-select-room-time {
	margin-top: 0;
	margin-bottom: 0;
}

.ui-group.roomfinder-select-room-time {
	margin-bottom: 15px;
}

.ui-group.roomfinder-select-room-type {
	margin-top: 20px;
}
.roomfinder-select-room-requirements .ui-switch:not(.ui-on) {
	background: #EAEAEA;
}
div#ui-sheet-roomfinder .ui-group .ui-list > .ui-item.active {
	background: #FFF url('../assets_n/uitick.png') no-repeat 95% 17px;
	background-size: 16px 12px;
}

body:not(.saliorel-transforming-into-cardview)[data-active-tab="carditem-content"][data-active-notebook-card="com.saliorel.anniversary"] header#the-header {
	background: #FF27AF;
	height: 75px;
}

body:not(.saliorel-transforming-into-cardview)[data-active-tab="carditem-content"][data-active-notebook-card="com.saliorel.anniversary"] header#the-header .header-carditem .view-title {
	background: transparent url('assets_n/2years_header.png') no-repeat center center;
	text-indent: -2000px;
	background-size: 176px 39px;
	height: 54px;
}

body[data-active-tab="carditem-content"][data-active-notebook-card="com.saliorel.anniversary"] header#the-header {
	-webkit-transition: background 0.6s, height 0.6s;
	-moz-transition: background 0.6s, height 0.6s;
	-ms-transition: background 0.6s, height 0.6s;
	-o-transition: background 0.6s, height 0.6s;
	transition: background 0.6s, height 0.6s;
}

.settings-wrapper .ui-list > .ui-item[data-action="let-it-snow"] {
	background-position: -397px -744px;
}
.settings-wrapper .ui-list > .ui-item[data-action="let-it-snow"] .ui-switch.ui-on {
	background: #FF5C5C;
}

div#snowfall { display: none; }

body.snowy div#snowfall {
	position: fixed;
	
	left: 0;
	bottom: 0;
	
	height: 0;
	width: 100%;
	
	background: #FFF;
	z-index: 1021;
}

#ui-sheet-roomfinder-loading .room-finder-loading-text {
	text-align: center;
	margin: 0 20px;
	font-size: 15px;
	color: #8C8C8C;
	margin-top: 55px;
}
.ui-group.room-finder-results-list .ui-list > .ui-item {
	border-top: 1px solid #E6E6E6;
	margin-bottom: 0;
	padding: 14px 16px;
	font-size: 15px;
}

.ui-group.room-finder-results-list .ui-list > .ui-item:last-child {
	border-bottom: 1px solid #E6E6E6;
	margin-bottom: 50px;
}

.ui-group.room-finder-results-list .ui-list > .ui-item span.ui-medium-font {
	margin-bottom: 6px;
	display: block;
}

#ui-sheet-roomfinder .ui-sheet-content,
#ui-sheet-roomfinder-loading .ui-sheet-content {
	
	-webkit-overflow-scrolling: touch;
}

.settings-wrapper .ui-list > .ui-item[data-action="offline-timetables"] {
	background-position: -397px -636px;
}
.select-offline-timetables-group span.ui-label.ui-list-label.ui-bold.ui-list-descriptive-label {
	padding-top: 16px;
}

.select-offline-timetables-group .ui-list > .ui-item {
	background: #3D3B43;
	padding-left: 18px;
}
.settings-wrapper .select-offline-timetables-inner .ui-list .ui-item[data-action="auto-update-offlines"] {
	background: #3D3B43 url('../assets_n/yaay.png') no-repeat -397px -688px;
	background-size: 446px 843px;
	padding-left: 56px;
}

.select-offline-timetables-group span.ui-label.ui-list-label.ui-bold.ui-list-descriptive-label {
	padding-top: 30px;
	color: #646365;
	margin-bottom: -2px;
}

.settings-wrapper .select-offline-timetables-inner .ui-list:first-child {
	padding-top: 10px;
}

.settings-wrapper .select-offline-timetables-inner .ui-list > .ui-item:first-child .ui-switch.ui-on {
	background: #68EF87;
}

.settings-wrapper .select-offline-timetables-inner .ui-list:first-child .ui-item {
	background-color: transparent;
	border-top: none;
	border-bottom: none;
	padding-left: 58px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-position-x: -397px;
}

.settings-inner .main-settings .ui-list .ui-item span.subtitle {
	margin-bottom: -8px;
	margin-top: -3px;
	font-size: 12px;
}

.settings-inner .main-settings .ui-list .ui-item.has-subtitle span:not(.subtitle) {
	margin-top: -6px;
	display: block;
	font-size: 14px;
}

.main-settings .ui-list .ui-item.has-subtitle span.subtitle + .ui-arrow-right {
	margin-top: -18px;
}

.settings-push-view-offlinetables #the-header .header-settings.active .settings-offline-timetables-add-button,
.settings-push-view-friendslist #the-header .header-settings.active .settings-add-friend-button {
	width: 40px;
	height: 40px;
	
	float: right;
	background: transparent url('../assets_n/yaay.png');
	
	margin-right: 8px;
	margin-top: -4px;
	
	background-position: -8px -1663px;
	background-size: 494px 887px;
}

.settings-push-view-friendslist #the-header .header-settings.active .settings-add-friend-button { margin-top: -40px; }

.select-offline-timetables-inner .ui-item .delete-btn {
	width: 32px;
	height: 32px;
	float: right;
	margin-top: -4px;
	background: transparent url('../assets_n/yaay.png') no-repeat;
	background-size: 494px 923px;
	background-position: -52px -813px;
}

.settings-push-view-offlinetables #the-header .header-settings.active .settings-offline-timetables-add-button:active,
.settings-push-view-friendslist #the-header .header-settings.active .settings-add-friend-button:active,
.select-offline-timetables-inner .ui-item .delete-btn:active { opacity: 0.66; }

@media (max-width: 330px) {
	#ui-sheet-add-offline-timetable .sheet-title {
		text-indent: -32px;
	}
}

#ui-sheet-add-offline-timetable .ui-group .ui-list > .ui-item {
	margin-bottom: 0;
	border-bottom: 1px solid #4B4854;
	background: #3D3B43;
	color: #FFF;
	font-family: 'Avenir Next', 'Helvetica Neue', 'Segoe UI', sans-serif;
	font-weight: 500;
	letter-spacing: -0.5px;
	font-size: 15px;
}

#ui-sheet-add-offline-timetable .ui-group .ui-list > .ui-item:first-child {
	border-top: 1px solid #4B4854;
	margin-top: 33px;
}

#ui-sheet-add-offline-timetable .ui-sheet-content,
#ui-sheet-change-mail-signature .ui-sheet-content { -webkit-overflow-scrolling: touch; }
#ui-sheet-add-offline-timetable .ui-group .ui-list > .ui-item:active { background: #37353C; }

#ui-sheet-add-offline-timetable .ui-sheet-header .confirm-button,
#ui-sheet-change-mail-signature .ui-sheet-header .confirm-button,
#ui-sheet-change-mail-signature .ui-sheet-header .cancel-button { color: #BC7AFF; }

#ui-sheet-add-offline-timetable .ui-sheet-header .confirm-button:active,
#ui-sheet-change-mail-signature .ui-sheet-header .confirm-button:active,
#ui-sheet-change-mail-signature .ui-sheet-header .cancel-button:active { color: #824ABB; }

#ui-sheet-add-offline-timetable .ui-sheet-header,
#ui-sheet-change-mail-signature .ui-sheet-header {
	background: #26252A;
	border-bottom: 1px solid #44414C;
}

#ui-sheet-add-offline-timetable,
#ui-sheet-change-mail-signature {
	background: #302F35;
	color: #FFF;
}

body:not(.header-tinybar) #ui-sheet-add-offline-timetable .ui-sheet-header,
body:not(.header-tinybar) #ui-sheet-change-mail-signature .ui-sheet-header { padding-top: 28px; }

body:not(.header-tinybar) #ui-sheet-add-offline-timetable .ui-sheet-header .confirm-button,
body:not(.header-tinybar) #ui-sheet-change-mail-signature .ui-sheet-header .confirm-button,
body:not(.header-tinybar) #ui-sheet-change-mail-signature .ui-sheet-header .cancel-button { top: 17px; }

#noten-view.yea .noten-subjects-points-total.active + .noten-subjects-view .subject.neutral {
	background: #F3B54F;
	background: linear-gradient(-180deg, #EFCB4B 5%, #EFB83F 100%);
}

#noten-view.yea .noten-subjects-points-total.active + .noten-subjects-view .subject.okay {
	background: #D7E446;
	background: linear-gradient(-180deg, #C7EF66 5%, #A1E458 100%);
}

#noten-view.yea .noten-subjects-points-total.active + .noten-subjects-view .subject.good {
	background: #5EF173;
	background: linear-gradient(-180deg, #7CFB86 5%, #4BEC8C 100%);
}

#noten-view.yea .noten-subjects-points-total.active + .noten-subjects-view .subject.great {
	background: #40EA59;
	background: linear-gradient(-180deg, #73F37D 5%, #4FF15C 100%);
}

#noten-view.yea .noten-subjects-points-total.active + .noten-subjects-view .subject.bad {
	background: #FF715F;
	background: linear-gradient(-180deg, #FF9090 5%, #EC6679 100%);
}

#noten-view.yea .noten-subjects-points-total.active + .noten-subjects-view .subject.awful {
	background: #FF446B;
	background: linear-gradient(-180deg, #FF7077 5%, #F73070 100%);
}

#noten-view.yea .noten-subjects-points-total.active + .noten-subjects-view .subject.badly {
	background: #FF8F5F;
	background: linear-gradient(-180deg, #ECA86D 5%, #E29647 100%);
}

#the-header .header-notebook.active .agenda-edit-btn {
	position: fixed;
	right: 6px;
	top: 16px;
	width: 42px;
	height: 42px;
	background: transparent url('../assets_n/compose_btn.png') no-repeat center center;
	background-size: 23px 23px;
}

#the-header .header-notebook.active .agenda-edit-btn:active,
#the-header .header-notebook.active .agenda-done-btn:active { opacity: 0.66; }

body.header-tinybar #the-header .header-notebook.active .agenda-edit-btn { top: 4px; }
body:not(.header-tinybar) #the-header .header-notebook.active .agenda-done-btn { top: 28px; }

#the-header .header-notebook.active .agenda-done-btn,
#the-header .header-planer .planer-done-btn {
	position: fixed;
	right: 16px;
	top: 16px;
	width: 42px;
	height: 42px;
	font-size: 17px;
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Segoe UI', 'Roboto', sans-serif;
	display: none;
	cursor: default;
}

#wrapper.agenda-edit-mode #the-header .header-notebook.active .agenda-done-btn { display: block; }
#wrapper.agenda-edit-mode #the-header .header-notebook.active .agenda-edit-btn { display: none; }

body[data-active-tab="notebook-content"] #wrapper.agenda-edit-mode header#the-header {
	background: #00D4FF url('../assets_n/editmode.png') repeat center center;
	background-size: 17px 17px;
}

body[data-active-tab="notebook-content"] #wrapper.agenda-edit-mode .notebook-wrapper .notebook-top-shelf {
	background: #E1E8EA url('../assets_n/editmode.png') repeat center center;
	background-size: 17px 17px;
}

.planer-task {
	background: #F7F7F7;
	color: #626C82;
	padding: 15px 18px;
	padding-left: 40px;
	border-bottom: 1px solid #F1F1F1;
}

.planer-task b.task-title {
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Segoe UI', 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: -0.2px;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: both;
}

.planer-task span.task-subject,.planer-task span.task-when {
	display: block;
	font-size: 13px;
	color: #A3A8B5;
	line-height: 18px;
}

.planer-task.due {
	border-right: 4px solid #F7DA88;
}

.planer-task.overdue {
	border-right: 4px solid #FFAABA;
}


.planer-task span.task-when {
	float: right;
	color: #96A9D8;
	font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', 'Segoe UI', 'Roboto', sans-serif;
	font-weight: normal;
}

div.planer-task.completed {
	border-right: none;
	background: #F1F1F1;
}
.planer-task .task-tick {
	float: left;
	width: 16px;
	height: 16px;
	margin-left: -28px;
	margin-top: 14px;
	margin-bottom: -20px;
	background: transparent url('../assets_n/checkboxes.png') no-repeat 0 0;
	background-size: 16px auto;
}

.planer-task.completed .task-tick { background-position: 0 -75px; }

.header-content.header-planer .planer-trash-btn {
	background: transparent url('../assets_n/mailcontrols.png') no-repeat 0 0;
	background-position: -31px 7px;
	background-size: 148px 24px;
	height: 40px;
	width: 40px;
	position: fixed;
	left: 6px;
	top: 6px;
}

body[data-active-tab="planer-content"] .planer-destructive-mode header#the-header {
	background: #F37272;
}

body[data-active-tab="planer-content"] .planer-destructive-mode header#the-header .header-planer .planer-done-btn {
	display: block;
}

body[data-active-tab="planer-content"] .planer-destructive-mode header#the-header .header-planer .planer-add-btn,body[data-active-tab="planer-content"] .planer-destructive-mode header#the-header .header-planer .planer-trash-btn {
	display: none;
}

.planer-destructive-mode header#the-header .header-planer .view-title {
	font-size: 15px;
	margin-left: -5px;
}

body:not(.header-tinybar) #the-header .header-planer .planer-done-btn { top: 27px; }
body:not(.header-tinybar) .header-content.header-planer .planer-trash-btn { top: 18px; }

.settings-wrapper .ui-list > .ui-item[data-action="mail-signatures"] { background-position: -397px -579px; }

#ui-sheet-change-mail-signature textarea.change-mail-signature-text {
	background: transparent;
	color: #FFF;
	
	border: none;
	outline: none;
	
	resize: none;
	display: block;
	
	width: 93%;
	width: calc(100% - 20px);
	
	height: 300px;
	padding: 10px;
}

.card-whatsnew-inner .designing-saliorel-post.christmas {
	color: #FFF;
	background: #FF5454 url('../assets_n/hueseli.png') repeat top left;
	background-size: 54px 54px;
}

.card-whatsnew-inner .designing-saliorel-post.christmas .post-type {
	color: #FF5454;
}

#the-view .settings-wrapper .main-settings .ui-list > .ui-item[data-action="saliorel-cloud"] {background: #3D3B43;padding: 20px 16px;padding-left: 22px;}

#the-view .settings-wrapper .main-settings .ui-list > .ui-item[data-action="saliorel-cloud"] span {
	font-size: 16px;
}

#the-view .settings-wrapper .main-settings .ui-list > .ui-item[data-action="saliorel-cloud"] span.subtitle {
	font-size: 14px;
}

#the-view .main-settings .ui-list .ui-item.has-subtitle[data-action="saliorel-cloud"] span.subtitle + .ui-arrow-right {
	margin-top: -20px;
}

.settings-wrapper .ui-list > .ui-item[data-action="preloading"] {
	margin-top: 32px;
}

body[data-active-tab="settings-content"] #wrapper.settings-push-view-cloudaccount {
	background: transparent url('../assets_n/cloud_bg.jpg') no-repeat 0 51px;
	background-size: 242px 219px;
}

body.cloud-premium[data-active-tab="settings-content"] #wrapper.settings-push-view-cloudaccount {
	background: transparent url('../assets_n/cloud_bg_premium.jpg') no-repeat 0 51px;
	background-size: 333px 224px;
}

.settings-wrapper .cloud-account-inner .ui-group.cloud-account-main-group {
	margin-top: 240px;
}

@media screen and (max-width: 335px) {
	body.cloud-premium[data-active-tab="settings-content"] #wrapper.settings-push-view-cloudaccount {
		background-size: 310px 214px;
	}
	.settings-wrapper .cloud-account-inner .ui-group.cloud-account-main-group {
		margin-top: 230px;
	}
}

@media screen and (max-width: 319px) {
	body.cloud-premium[data-active-tab="settings-content"] #wrapper.settings-push-view-cloudaccount {
		background-size: 300px 205px;
	}
	.settings-wrapper .cloud-account-inner .ui-group.cloud-account-main-group {
		margin-top: 220px;
	}
}

body[data-active-tab="settings-content"] .settings-push-view-cloudaccount header#the-header {
	border-bottom: 1px solid #26252A;
}
/* .cloud-premium .settings-wrapper .cloud-account-main-group .ui-list > .ui-item { background-position: -397px -580px; } */
.settings-wrapper .cloud-account-main-group .ui-list > .ui-item { background-position: -396px -529px; }

#the-view .settings-wrapper .main-settings .ui-list > .ui-item.loading[data-action="saliorel-cloud"] {
	background: #3D3B43 url('../assets_n/cloud_ajax.gif') no-repeat center center;
	background-size: 20px 20px;
	
	opacity: 0.6;
	pointer-events: none;
}

#the-header .header-content.header-planer .planer-folder-btn {
	background: transparent url('../assets_n/salisheet.png') no-repeat 0 0;
	background-position-x: -154px;
	background-position-y: -200px;
	background-size: 257px 311px;
	height: 36px;
	width: 32px;
	position: fixed;
	right: 52px;
	margin-top: -2px;
}

#the-header .header-content.header-planer .planer-folder-btn:active { opacity: 0.6; }
#ui-sheet-select-planer-folder .ui-group .ui-list > .ui-item {
	border-top: 1px solid #E2E2E2;
	margin-bottom: 0;
}

#ui-sheet-select-planer-folder .ui-group .ui-list > .ui-item:last-child {
	border-bottom: 1px solid #E2E2E2;
}

#ui-sheet-select-planer-folder .ui-group .ui-list > .ui-item:active {
	background: #F1F1F1;
}

#ui-sheet-select-planer-folder .ui-item.loading {
	background: #F9F9F9 url('../assets_n/mail_submit_spinner.gif') no-repeat center right;
	background-size: 20px 20px;
	pointer-events: none;
}

.planer-destructive-mode #the-header .header-content.header-planer .planer-folder-btn {
	display: none;
}

.cloud-account-main-group .ui-list + span.ui-label.ui-list-label.ui-bold.ui-list-descriptive-label {
	text-transform: none;
	font-size: 14px;
	font-weight: normal;
	padding-top: 20px;
	padding-left: 22px;
	color: #A0DCC2;
}

.cloud-premium .cloud-account-main-group .ui-list + span.ui-label.ui-list-label.ui-bold.ui-list-descriptive-label {
	color: #B2ACB9;
}

.card-whatsnew-inner .designing-saliorel-post.cloud {
	background: #302F35 url('../assets_n/cloud_bg_premium.jpg') no-repeat 0 0;
	background-size: 333px 224px;
	color: #FFF;
	padding: 11px 0;
	padding-top: 156px;
}

.card-whatsnew-inner .designing-saliorel-post.cloud .post-header {
	background: #302F35;
	border-bottom: none;
	margin-bottom: 0;
}

.card-whatsnew-inner .designing-saliorel-post.cloud .post-content {
	padding: 0 15px;
}

.card-whatsnew-inner .designing-saliorel-post.cloud .post-header .post-type {
	color: #302F35;
}

.settings-wrapper .ui-list > .ui-item[data-action="trophy-case"] {
	background-position: -397px -469px;
}

.trophy-case-main-group .trophy {
	font-size: 50px;
	display: inline-block;
	width: 33%;
	text-align: center;
	padding: 20px 0;
}

.trophy-case-main-group .trophy.locked {
	opacity: 0.25;
}

.ui-timetable-overview-active #the-header .header-timetable.active .timetable-print-button {
	width: 32px;
	height: 32px;
	background: transparent url('../assets_n/yaay.png') no-repeat -338px -773px;
	background-size: 504px 879px;
	position: fixed;
	margin-top: 2px;
	right: 12px;
	top: 9px;
}

.info-thanksto table {
	width: 85%;
	margin: 0 auto;
	margin-top: 24px;
}

.info-thanksto table td:first-child {
	font-weight: bold;
}

.info-thanksto td {
	padding-bottom: 12px;
	vertical-align: top;
}

.settings-wrapper .info-inner .info-madeby {
	padding-bottom: 85px;
}

.info-inner .info-cookies {
	width: 83%;
	margin: 0 auto;
	margin-top: 20px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 13px 0;
	font-size: 14px;
	text-align: center;
}

body:not(.header-tinybar) .ui-timetable-overview-active #the-header .header-timetable.active .timetable-print-button {
	top: 22px;
}

#loaded-timetable td.m span.tchr,
.loaded-timetable-peek td.m span.tchr {
	display: none;
}

.settings-wrapper .ui-list > .ui-item[data-action="timetable-source"] {
	background-position: -397px -688px;
}
.settings-wrapper .timetable-source-inner .ui-item.active {
	background: #3D3B43 url('../assets_n/uitick.png') no-repeat 95% 25px;
	background-size: 16px 12px;
}

.settings-wrapper .timetable-source-inner .ui-item {
	background: #3D3B43;
	padding-left: 18px;
}

div#planer-tasks {
	margin-bottom: 64px;
}

body.snowy div#snowfall {
	display: block;
	
	-webkit-transition: 0.2s height;
	-moz-transition: 0.2s height;
	-ms-transition: 0.2s height;
	-o-transition: 0.2s height;
	transition: 0.2s height;
}

.timetable-splitview {
	overflow: scroll;
	width: 100%;
	height: 100%;
	margin-top: 15px;
}
.ui-item[data-action="classpicker-openinsplitview"] .ui-switch.ui-on {
	background: rgba(255, 255, 255, 0.33);
}

.ui-item[data-action="classpicker-openinsplitview"] .ui-switch {
	background: rgba(255, 255, 255, 0.1);
}


/*	mostly copy-pasted from saliorel 3,
	but redesigned to fit the gorgeous saliorel 4 look and feel	 */


/* –––––––  that magical «till-holidays-counter»  ––––––– */

#remaining-hours-counter {
	background: #1B2324;
	color: #FFFFFF;
	position: fixed;
	width: 100%;
	height: 110px;
	bottom: -50px;
	z-index: 1005;
	text-align: center;
	cursor: default;
	border-top: 1px solid #182122;
	box-shadow: 0 -4px 5px rgba(0,0,0,0.1);
	
	-webkit-transition: bottom 0.4s, background 0.6s;
	-moz-transition: bottom 0.4s, background 0.6s;
	-ms-transition: bottom 0.4s, background 0.6s;
	-o-transition: bottom 0.4s, background 0.6s;
	transition: bottom 0.4s, background 0.6s;
}

#remaining-hours-counter.active { bottom: 61px; }
body[data-active-tab="notebook-content"] #remaining-hours-counter.active + #the-tabbar,body[data-active-tab="settings-content"] #remaining-hours-counter.active + #the-tabbar { border-top: none; }

#remaining-hours-counter #remaining-text-top {
	font-size: 18px;
	font-weight: 500;
	margin: 16px 0 10px 0;
	text-align: left;
	padding-left: 20px;
}

#remaining-hours-counter #remaining-counter {
	color: #FFF;
	width: 100%;
	margin: 0 auto;
}

#remaining-hours-counter.done { background: #FF0089; }
#remaining-hours-counter #remaining-actual-counter-inner {
	font-size: 30px;
	font-weight: bold;
	padding: 5px 0;
	letter-spacing: -1px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 20px;
}

/*#remaining-hours-counter #remaining-counter-overlay {
	width: 100%;
	height: 110px;
	background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 0%, rgba(0, 0, 0, 0.05) 64%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0) 100%);
	position: relative;
	margin-top: -96px;
}*/

#remaining-hours-counter #remaining-text-bottom {
	font-size: 23px;
	font-weight: 500;
	margin: 10px 0 15px 0;
}

#remaining-hours-counter #remaining-bar {
	margin: 0 auto;
	padding-top: 5px;
}

#remaining-hours-counter #remaining-close-btn {
	cursor: pointer;
	width: 44px;
	height: 44px;
	background: transparent url('../assets/closer_thingy.png') no-repeat center center;
	background-size: 18px 18px;
	position: fixed;
	right: 6px;
	margin-top: -104px;
}

@media screen and (max-width: 310px) {
	#remaining-hours-counter #remaining-text-top {
		font-size: 16px;
	}
}

body[data-active-tab="settings-content"] #remaining-hours-counter {
	background: #26252A;
	border-top: 1px solid #44414C;
	box-shadow: none;
}

body[data-active-tab="notebook-content"] #remaining-hours-counter {
	background: #38444A;
}


/*	Redesigned System Status	*/

div#ui-sheet-temporary-status-sheet {
	background: #F2F9F9;
	color: #849B9B;
}

div#ui-sheet-temporary-status-sheet .ui-sheet-header {
	background: #12E3E7;
	border-bottom: none;
}

div#ui-sheet-temporary-status-sheet .ui-sheet-header .confirm-button { color: #FFF; }
div#ui-sheet-temporary-status-sheet .ui-sheet-header .sheet-title { color: #F2F9F9; }

.saliorel-status-sheet-inner { padding-top: 25px; }

.system-status-group .status-title {
	font-weight: bold;
	padding-bottom: 6px;
	display: inline-table;
	line-height: 25px;
	padding-left: 8px;
}

.system-status-group .status-subheading {
	padding-left: 32px;
	font-size: 14px;
	padding-top: 10px;
}

.system-status-group .bullet {
	width: 24px;
	height: 18px;
	display: inline-table;
	background: transparent url('../assets_n/yaay.png') no-repeat -10px -640px;
	background-size: 446px 843px;
	margin-bottom: -3px;
}

.system-status-group .status-heading {
	width: 100%;
	border-bottom: 1px solid #CFDCDC;
}

.system-status-group .bullet.orange { background-position: -10px -664px; }
.system-status-group .bullet.red { background-position: -10px -688px; }
.system-status-group { margin-bottom: 40px; }

.system-status-group .status-subitem-title {
	display: inline-table;
	padding-left: 8px;
	font-size: 15px;
}

.system-status-group .status-substatus { padding-left: 30px; padding-top: 18px; }
.status-substatus .status-subitem { margin-bottom: 6px; }



/*	25'000	*/

#ui-sheet-thanks-25000 {
	background: #FFF url('../assets_n/yellow_tiles.png') repeat 0 0;
	background-size: 24px 24px;
}

#ui-sheet-thanks-25000 .ui-sheet-header {
	background: rgba(0, 0, 0, 0.66);
	border-bottom: none;
}

#ui-sheet-thanks-25000 .thanks-25000-inner {
	width: 100%;
	height: 450px;
	background: transparent url('../assets_n/25000.png') no-repeat center center;
	background-size: 252px 450px;
}

#ui-sheet-thanks-25000 .ui-sheet-header {
	padding-top: 5px;
	height: 28px;
}

#ui-sheet-thanks-25000 .ui-sheet-header .confirm-button {
	color: #FFE54B;
}
.trophy_desc_popover.sh-popover.offscreen-right .sh-arrow {
	margin-right: 33px;
}
.sh-popover.offscreen-left {
	right: auto !important;
	left: 10px !important;
	margin-left: 0 !important;
	width: 200px !important;
}

.sh-popover.offscreen-left.trophy_desc_popover .sh-arrow {
	margin-left: 30px !important;
}

.trophy_desc_popover .trophy-desc-inner {
	color: #000;
}

.trophy_desc_popover .sh-popovercontent {
	padding: 0;
}

.trophy_desc_popover .trophy-desc-inner > b {
	text-align: center;
	display: block;
	border-bottom: 1px solid #E4E4E4;
	background: #FFFFFF;
	padding: 6px 0;
	margin-bottom: 8px;
	margin-top: -2px;
	border-radius: 5px;
}

.trophy_desc_popover .trophy-desc-inner > p {
	font-size: 14px;
	padding: 0 10px;
}

.trophy_desc_popover.sh-popover {
	background: #F7F7F7;
}
.trophy_desc_popover.sh-popover.offscreen-right {
	width: 200px !important;
}

.trophy_desc_popover.sh-popover.offscreen-right .sh-arrow {
	margin-left: 134px !important;
	margin-right: 0 !important;
}

.trophy-case-inner {
	padding-bottom: 60px;
}

.ui-group.trophy-case-options-group .ui-item {
	background-image: none;
	padding-left: 20px;
	margin-top: 40px;
}
.trophy-case-options-group .ui-item.has-subtitle .ui-switch {
	margin-top: -32px;
}

.ui-group.trophy-case-main-group {
	margin-top: 0;
}
#ui-sheet-noten-detail .ui-sheet-header .confirm-button {
	top: -8px;
	color: #C6EDF7;
	font-size: 30px;
	font-weight: normal;
}
#ui-sheet-noten-detail .ui-sheet-header .cancel-button {
	top: 5px;
	color: #C6EDF7;
}

body:not(.header-tinybar) #ui-sheet-noten-detail .ui-sheet-header { padding-top: 30px; padding-bottom: 10px; }
body:not(.header-tinybar) #ui-sheet-noten-detail .ui-sheet-header .cancel-button { margin-top: 15px; }
body:not(.header-tinybar) #ui-sheet-noten-detail .ui-sheet-header .confirm-button { margin-top: 16px; }

#ui-sheet-noten-subject-options .confirm-button,
#ui-sheet-noten-wunschnoten-calculator .cancel-button,
#ui-sheet-noten-wunschnoten-calculator .confirm-button { color: #C6EDF7; }

body:not(.header-tinybar) #ui-sheet-noten-subject-options .ui-sheet-header,
body:not(.header-tinybar) #ui-sheet-noten-wunschnoten-calculator .ui-sheet-header { padding-top: 28px; }

body:not(.header-tinybar) #ui-sheet-noten-subject-options .ui-sheet-header .confirm-button,
body:not(.header-tinybar) #ui-sheet-noten-wunschnoten-calculator .ui-sheet-header .cancel-button,
body:not(.header-tinybar) #ui-sheet-noten-wunschnoten-calculator .ui-sheet-header .confirm-button { margin-top: 9px; }

.info-inner .info-actions .ui-list > .ui-item {
	height: 48px;
	background-image: none;
	text-align: center;
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0;
	padding-left: 0;
	line-height: 46px;
	color: #FF5641;
}

.info-inner .info-madeby {
	color: #FFF !important;
}

.info-inner .info-actions .ui-list > .ui-item[data-action="reset-cache"] {
	color: #FFF;
	margin-top: 10px;
	line-height: 18px;
	padding-top: 12px;
}

#ui-sheet-reset-orel p,
#ui-sheet-really-reset-orel p {
	padding: 15px;
}
#ui-sheet-reset-orel .cancel-button,7
#ui-sheet-really-reset-orel .cancel-button {
	color: #007AFF;
	font-weight: 500;
}

#ui-sheet-reset-orel .confirm-button,
#ui-sheet-really-reset-orel .confirm-button {
	color: red;
	font-weight: normal;
}

#ui-sheet-reset-orel .sheet-title,
#ui-sheet-really-reset-orel .sheet-title {
	margin-left: -12px;
}

/*
	
	uncomment for christmas-y look
	
body[data-active-tab="notebook-content"] {
	background: #3F4043;
}

body[data-active-tab="notebook-content"] #the-view .notebook-wrapper .notebook-top-shelf {
	background: #494B4C;
}

body[data-active-tab="notebook-content"] #wrapper header#the-header {
	background: #FF6363;
}

body[data-active-tab="notebook-content"] #wrapper.agenda-edit-mode .notebook-wrapper .notebook-top-shelf {
	background-color: #585858;
}

#the-view .notebook-content .notebook-inner .notebook-card-item {
	background-color: #5E5F61;
}

*/


body[data-active-tab="mensa-content"] #loaded-mensa .menucard.menu_pasta, body[data-active-tab="mensa-content"] #loaded-mensa .menucard.menu_pasta1, body[data-active-tab="mensa-content"] #loaded-mensa .menucard.menu_pasta2, body[data-active-tab="mensa-content"] #loaded-mensa .menucard.menu_pasta3 { background: #C66DEF; }

#remaining-hours-counter.done div#remaining-lessons {
	display: none !important;
}

#remaining-hours-counter div#remaining-lessons {
	margin: 0 auto;
	margin-top: -173px;
	z-index: 1111;
	text-align: left;
	text-shadow: 0 2px 5px rgba(0, 0, 0, 0.23);
	font-size: 22px;
	font-weight: 500;
	padding: 5px 10px;
	padding-left: 20px;
	background: #FF0089;
}


.settings-wrapper .ui-list > .ui-item[data-action="my-friends"] {
	background-position: -397px -109px;
}


#loaded-timetable tr td[rowspan="10"] {
	height: 600px;
	padding: 0 15px;
}


/*	revolutionary snake */

#remaining-hours-counter #remaining-actual-counter-inner {
	background: #FFF;
	color: #FF0089;
	display: inline-block;
	padding: 5px 12px;
	border-radius: 5px;
	font-size: 18px;
	letter-spacing: -0.6px;
}

#remaining-hours-counter #remaining-actual-counter-inner:active { background: #CCC; }

#remaining-hours-counter {
	height: 120px;
}

#remaining-hours-counter #remaining-text-top {
	text-align: center;
	padding-left: 0;
	line-height: 20px;
	padding-bottom: 5px;
}

.info-inner .info-links {
	display: none;
}


#ui-sheet-noten-detail .ui-sheet-header .wunschnoten-button {
	position: fixed;
	right: 40px;
	width: 40px;
	height: 40px;
	background: transparent url('../assets_n/yaay.png') no-repeat;
	background-size: 446px 843px;
	background-position: -297px -699px;
	top: 4px;
}

body:not(.header-tinybar) #ui-sheet-noten-detail .ui-sheet-header .wunschnoten-button { top: 20px; }

#ui-sheet-noten-detail .ui-sheet-header .wunschnoten-button:active,
.ui-sheet .ui-sheet-header .confirm-button:active,
.ui-sheet .ui-sheet-header .cancel-button:active {
	opacity: 0.7;
}

.ding-notification span small.update-detail {
	font-size: 13px;
	line-height: 15px;
	display: block;
	padding-top: 7px;
	margin-top: 10px;
	padding-left: 1px;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.settings-wrapper .ui-list > .ui-item[data-action="magic-notifications"] {
	background-position: -397px -800px;
	border-top: 1px solid #4B4854;
}

@media screen and (min-width: 650px) {
	
	#wrapper .settings-wrapper .settings-inner {
		width: 40%;
		float: left;
		display: block !important;
		background: #302F35;
		border-right: 1px solid #45434C;
	}
	
	body[data-active-tab="settings-content"] .settings-push-view-about header#the-header {
		background: #26252A;
		border-bottom: 1px solid #44414C;
	}
	
	.settings-wrapper .support-inner,.settings-wrapper .info-inner,.settings-wrapper .trophy-case-inner,.settings-wrapper .cloud-account-inner,.settings-wrapper .timetable-source-inner,.settings-wrapper .auxiliary-inner,.settings-wrapper .select-offline-timetables-inner {
		width: 59%;
		width: calc(60% - 16px);
		float: right;
	}
	
	#the-header .header-settings .settings-back-btn {
		margin-left: 40%;
		border-left: 1px solid #4B4854;
	}
	
	.settings-wrapper .info-inner { width: calc(60% - 1px); }
	body.cloud-premium[data-active-tab="settings-content"] #wrapper.settings-push-view-cloudaccount { background-position: 71% 51px; }
	
}

@media screen and (min-width: 800px) {
	body.cloud-premium[data-active-tab="settings-content"] #wrapper.settings-push-view-cloudaccount { background-position: 64% 51px; }
}

@media screen and (min-width: 950px) {
	
	#wrapper .settings-wrapper .settings-inner {
		width: 30%;
	}
	
	.settings-wrapper .support-inner,.settings-wrapper .trophy-case-inner,.settings-wrapper .cloud-account-inner,.settings-wrapper .timetable-source-inner,.settings-wrapper .auxiliary-inner,.settings-wrapper .select-offline-timetables-inner {
		width: 69%;
		width: calc(70% - 16px);
	}

	.settings-wrapper .info-inner { width: calc(70% - 1px); }
	#the-header .header-settings .settings-back-btn { margin-left: 30%; }

	body.cloud-premium[data-active-tab="settings-content"] #wrapper.settings-push-view-cloudaccount { background-position: 46% 51px; }
	
}

@media screen and (min-width: 1050px) {
	body.cloud-premium[data-active-tab="settings-content"] #wrapper.settings-push-view-cloudaccount { background-position: 39% 51px; }
}

/*	backdrop blur */

body.backdrop-blur-supported header#the-header { -webkit-backdrop-filter: blur(10px); }

body.backdrop-blur-supported[data-active-tab="settings-content"] header#the-header { background: rgba(38, 37, 42, 0.8); }
body.backdrop-blur-supported[data-active-tab="settings-content"] .settings-push-view-about header#the-header { background: rgba(216, 37, 155, 0.8); }
body.backdrop-blur-supported[data-active-tab="noten-content"] header#the-header { background-color: rgba(21, 21, 21, 0.85); }
body.backdrop-blur-supported[data-active-tab="notebook-content"] header#the-header { background-color: rgba(0, 205, 247, 0.7); }
body.backdrop-blur-supported[data-active-tab="lists-content"] #the-header { background: rgba(46, 168, 255, 0.8); }
body.backdrop-blur-supported[data-active-tab="mail-content"] .mail-setup-done header#the-header,
body.backdrop-blur-supported div#mail_subheader { background-color: rgba(250, 187, 0, 0.8); }
body.backdrop-blur-supported[data-active-tab="mensa-content"] header#the-header { background-color: rgba(19, 216, 208, 0.8); }
body.backdrop-blur-supported[data-active-tab="mensa-content"] header#the-header { background-color: rgba(19, 216, 208, 0.8); }
body.backdrop-blur-supported[data-active-tab="mensa-content"] header#the-header .mensa-subheader { background: rgba(0, 0, 0, 0.03); }

body:not(.header-tinybar) .settings-push-view-offlinetables #the-header .header-settings.active .settings-offline-timetables-add-button {
	position: fixed;
	right: 0px;
	top: 22px;
}

body.backdrop-blur-supported div#the-tabbar { -webkit-backdrop-filter: blur(10px); }

.backdrop-blur-supported #the-tabbar { background: rgba(27, 35, 36, 0.85); }

body.backdrop-blur-supported[data-active-tab="notebook-content"] div#the-tabbar { background-color: rgba(13, 17, 19, 0.8); }
body.backdrop-blur-supported[data-active-tab="settings-content"] div#the-tabbar { background-color: rgba(38, 37, 42, 0.8); }
body.backdrop-blur-supported[data-active-tab="noten-content"] #the-tabbar { background-color: rgba(21, 21, 21, 0.9); }
body.backdrop-blur-supported[data-active-tab="carditem-content"] header#the-header { background: rgba(178, 198, 222, 0.9); }
body.backdrop-blur-supported[data-active-tab="planer-content"] header#the-header { background: rgba(65, 121, 255, 0.8); }
body.backdrop-blur-supported[data-active-tab="planer-content"] .planer-destructive-mode header#the-header { background: rgba(247, 70, 70, 0.8); }
body.backdrop-blur-supported[data-active-tab="notes-content"] header#the-header { background: rgba(251, 211, 19, 0.8); }

body.backdrop-blur-supported:not(.saliorel-transforming-into-cardview)[data-active-tab="carditem-content"][data-active-notebook-card="com.saliorel.termine"] header#the-header { background: rgba(255, 27, 159, 0.9); }
body.backdrop-blur-supported:not(.saliorel-transforming-into-cardview)[data-active-tab="carditem-content"][data-active-notebook-card="com.saliorel.wochenbrief"] header#the-header { background: rgba(255, 170, 29, 0.8); }
body.backdrop-blur-supported:not(.saliorel-transforming-into-cardview)[data-active-tab="carditem-content"][data-active-notebook-card="com.saliorel.whatsnew"] header#the-header { background: rgba(18, 145, 255, 0.8); }
body.backdrop-blur-supported:not(.saliorel-transforming-into-cardview)[data-active-tab="carditem-content"][data-active-notebook-card="com.saliorel.wisetips"] header#the-header { background: rgba(4, 234, 220, 0.8); }

.settings-wrapper > div {
	height: 100%;
	overflow: scroll;
	
	-webkit-overflow-scrolling: touch;
}

body:not(.header-tinybar) .trophy-case-inner { padding-bottom: 100px; }


.ask-merge-sync-inner {
	padding-top: 8px;
}

.ask-merge-sync-inner p {
	font-size: 15px;
	line-height: 17px;
	padding: 6px 14px;
	color: #252525;
}

.ask-merge-sync-inner {
	padding-top: 8px;
}

.ask-merge-sync-inner p {
	font-size: 15px;
	line-height: 17px;
	padding: 6px 14px;
	color: #252525;
}

.ask-merge-sync-inner div.ask-merge-sync-inner-button {
	background: #FFF;
	padding: 13px 17px;
	font-size: 15px;
	margin-top: 2px;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
}

.ask-merge-sync-inner div.ask-merge-sync-inner-button:first-of-type {
	border-top: 1px solid #E8E8E8;
	margin-top: 28px;
	display: block;
}

.ask-merge-sync-inner div.ask-merge-sync-inner-button b {
	font-weight: 500;
}

.ask-merge-sync-inner div.ask-merge-sync-inner-button span {
	display: block;
	font-size: 13px;
	padding-top: 10px;
	color: #7D7D7D;
}

.ask-merge-sync-inner div.ask-merge-sync-inner-button:active { background: #F3F3F3; }


/*	Tag der Bildung	*/

#ui-sheet-tag-der-bildung .ui-sheet-header { display: none; }
#ui-sheet-tag-der-bildung {
	background: #101010;
	color: #FFF;
}

.tdb-header {
	height: 90px;
	background: #1D1D1D;
}

.tdb-official-logo {
	width: 115px;
	height: 51px;
	background: transparent url('../assets_n/tagderbildung_official.png') no-repeat 0 3px;
	background-size: 114px 50px;
	float: left;
	margin: 18px 28px;
	margin-right: 0;
}

.tdb-so-logo {
	width: 105px;
	height: 54px;
	background: transparent url('../assets_n/tagderbildung_so.png') no-repeat 0 0;
	background-size: 104px 54px;
	float: right;
	margin: 18px 34px;
	margin-left: 0;
}

.tdb-hero {
	background: #79FDFF url('../assets_n/tdb_saliorel_bg.jpg') no-repeat 15px 60px;
	background-size: 313px 286px;
	height: 390px;
}

.tdb-hero h1 {
	color: #000;
	font-size: 52px;
	font-weight: 500;
	line-height: 53px;
	padding-top: 245px;
	padding-left: 25px;
}

.tdb-hero h1 b {
	color: #FFF;
	font-weight: 500;
	display: block;
}


.tdb-money span {
	font-size: 26px;
	letter-spacing: -0.15px;
	font-weight: 500;
	text-align: center;
	display: block;
	margin-top: 26px;
}

.tdb-money-sign {
	background: #05DBDE;
	color: #000;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	display: block;
	width: 300px;
	margin: 14px auto;
	margin-bottom: 8px;
}

.tdb-money-sign b {
	font-size: 48px;
	margin-right: 11px;
	line-height: 64px;
}

.tdb-money > b {
	display: block;
	font-size: 44px;
	font-weight: 500;
	text-align: center;
}

#ui-sheet-tag-der-bildung .ui-sheet-content, #ui-sheet-tag-der-bildung .sheet-content { height: 100%; }
#ui-sheet-tag-der-bildung .ui-sheet-content { -webkit-overflow-scrolling: touch; }

.tdb-consequences,
.tdb-you {
	margin-top: 25px;
	border-top: 4px solid #1C1C1C;
	padding-top: 20px;
}

.tdb-consequences h2,
.tdb-you h2 {
	font-size: 26px;
	font-weight: 500;
	margin-left: 20px;
	margin-bottom: 30px;
}

.tdb-consequences h2 b,
.tdb-you h2 b {
	font-weight: 500;
	color: #79FDFF;
}

.tdb-you h2 b { display: block; }
.tdb-you h2 { 
	font-size: 40px;
	line-height: 38px;
	margin-left: 20px;
	margin-top: 10px;
}

.tdb-consequence {
	margin-bottom: 15px;
	font-size: 21px;
	height: 36px;
	font-weight: 500;
	line-height: 31px;
	padding-left: 70px;
	background: transparent url('../assets_n/tdb_consequences.png') no-repeat 18px 8px;
	background-size: 39px 110px;
}

.tdb-consequence b {color: #79FDFF;}
.tdb-consequence:nth-child(2) { background-position: 18px -31px; }
.tdb-consequence:nth-child(3) { background-position: 18px -79px; }

.tdb-you-item {
	display: block;
	background: #FFF;
	font-weight: 500;
	color: #01BBBD;
	text-align: center;
	padding: 10px 0;
	margin: 0 22px;
	cursor: pointer;
	margin-bottom: 16px;
	text-decoration: none;
}

.tdb-you-item b {
	font-weight: 500;
	display: block;
}

.tdb-you-item small {
	font-size: 13px;
	color: #000;
	display: block;
}

.tdb-you h2 + .tdb-you-item {
	background: #05DBDE;
	color: #FFF;
}

.tdb-more {
	border-top: 4px solid #1C1C1C;
	margin-top: 30px;
	padding-top: 190px;
	background: transparent url('../assets_n/tdb_quote.jpg') no-repeat center 40px;
	background-size: 304px 131px;
}

.tdb-more p {
	font-weight: 500;
	font-size: 22px;
	line-height: 24px;
	text-align: center;
	margin-bottom: 30px;
}

.tdb-more p b {
	font-weight: 500;
	color: #57FDFF;
}

body:not(.header-tinybar) .tdb-header { padding-top: 28px; }

.tdb-button {
	border: 1px solid #FFF;
	border-radius: 5px;
	text-align: center;
	color: #000;
	margin: 14px 26px;
	line-height: 44px;
	font-weight: 500;
	cursor: pointer;
}

.tdb-buttons {
	border-top: 4px solid #1C1C1C;
	margin-top: 36px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.tdb-button[data-action="backtosaliorel"] {
	background: #0FE4E6;
	border-color: #0FE4E6;
}

.tdb-button[data-action="backtosaliorel"] b,
.tdb-button[data-action="comments"] b {
	color: #FFF;
	font-weight: 500;
}

.tdb-button[data-action="comments"] {color: #57FDFF;}


.tag-der-bildung-inner .tdb-money p {
	padding: 0 20px;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 30px;
}

.tag-der-bildung-inner .tdb-money b + p {
	margin-top: 30px;
}

.tag-der-bildung-inner .tdb-money p strong {
	color: #05DBDE;
	font-size: 38px;
}
.tdb-you + .tdb-money {
	margin-top: 40px;
	display: block;
}
.tdb-money + .tdb-money,.tdb-you + .tdb-money {
	margin-top: 30px;
	border-top: 4px solid #1C1C1C;
}

.tdb-money table tr td:first-child {
	padding: 0 10px;
	background: #18262D;
	color: #809EAB;
	vertical-align: top;
	font-weight: bold;
	padding-top: 9px;
}

.tdb-money table tr td:last-child {
	padding: 8px 10px;
	background: #153745;
	color: #B8D7E2;
}

.tdb-money table {
	background: #101C23;
	border-spacing: 1px;
	border-collapse: separate;
}

.tdb-money table tr td:last-child small {
	font-size: 13px;
	display: block;
}

.tdb-money table {
	width: 95%;
	width: calc(100% - 40px);
	margin: 0 20px;
	margin-top: 35px;
	border-radius: 5px;
	overflow: hidden;
}

td:not(.m) span.tchr {
	display: none;
}

.settings-wrapper .ui-list > .ui-item[data-action="school-selection"] {
    background-position: -397px -581px;
}

.ui-item div.tick-icon {
    width: 22px;
    display: none;
    height: 21px;
    float: right;
    margin-top: -3px;
    background: url('../assets_n/salisheet.png') no-repeat -210px -126px;
    background-size: 257px 311px;
}

.ui-item.active div.tick-icon {
    display: block;
}
.ui-group.saliorel-schools-group {
    margin-bottom: 150px;
}
#loaded-mensa > p {
    color: #000;
    text-align: center;
    margin: 100px 20px;
}