/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Ks_cVxiCiwUWVsFWFA3Bjn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aW4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOJBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vSzulfKSK0LLjjfeaxcREhkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByXYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body, input, textarea {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, 'Segoe UI', sans-serif;
}

/*
#the-header .status-bar-background {
    position: fixed;
    top: 0;
    left: 0;
    height: 24px;
    width: 100%;
    background: #D81B60;
    color: #FFF;
}
*/

#the-header .header-content.header-timetable {
  padding-top: 0px;
  margin-top: 10px;
}

#wrapper #the-header .view-title {
  margin-top: 9px;
  font-family: 'Roboto', 'Helvetica Neue', 'Segoe UI', sans-serif;
  font-weight: 500;
  letter-spacing: -0.2px;
}

#wrapper header#the-header, body header#the-header-canvas {
  height: 50px;
  /* background: #E91E63; */
  box-shadow: 0 2px 5px rgba(25, 25, 25, 0.25);
}

#the-view .timetable-wrapper {
  margin-top: 47px;
}

div#the-tabbar {
  box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.2);
  background-color: #0F0F0F;
  border-top: 1px solid #0F0F0F;
}


body[data-active-tab="mensa-content"] #wrapper header#the-header {
  background-color: #00BCD4;
}

/*
body[data-active-tab="mensa-content"] #wrapper .status-bar-background {
    background: #00ACC1;
}
*/

body[data-active-tab="mensa-content"] #wrapper header#the-header .mensa-subheader {
  background-color: #00BCD4;
  top: 50px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
  height: 42px;
}

#wrapper .menucard .section-main > h2 {
  font-family: 'Roboto', 'HelveticaNeue-Medium', 'Helvetica Neue', 'Helvetica', 'Segoe UI', 'Roboto', sans-serif;
}

#wrapper .menucard .section-main > small {
  font-family: 'Roboto', 'HelveticaNeue-Medium', 'Helvetica Neue', 'Helvetica', 'Segoe UI', 'Roboto', sans-serif;
  font-weight: bold;
}

body[data-active-tab="mensa-content"] #wrapper div#loaded-mensa {
  padding-top: 1px;
}

body[data-active-tab="mail-content"] #wrapper.mail-setup-done header#the-header {
  background: #FFC107;
  box-shadow: none;
}

body[data-active-tab="mail-content"] #wrapper.mail-setup-done:not(.mail-detailed-view-active) header#the-header {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
}

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

body[data-active-tab="mail-content"] #wrapper #the-header .status-bar-background {
  background-color: #0B2E56;
}

body[data-active-tab="mail-content"] #wrapper.mail-setup-done #the-header .status-bar-background {
  background-color: #FFB300;
}

#wrapper .header-content.header-mail .mail-compose-btn {
  top: 3px;
  right: 8px;
}

#wrapper .mail-wrapper {
  margin-top: 50px;
}

body[data-active-tab="settings-content"] #wrapper header#the-header {
  background: #607D8B;
  border-bottom: 1px solid #607D8B;
}

body[data-active-tab="settings-content"] #wrapper #the-header .status-bar-background {
  background: #546E7A;
}

html body[data-active-tab="settings-content"] {
  background-color: #263238;
}

html .settings-wrapper .ui-list > .ui-item {
  background-color: transparent;
}

body[data-active-tab="timetable-content"] #wrapper .header-loader {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
  top: 14px;
}

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

.header-mail .mail-back-btn {
  margin-top: 0px;
  margin-left: 4px;
}

#the-mail-composer .ui-sheet-header {
  padding-top: 16px;

}

#the-header .header-content.header-mail {
  margin-top: 10px;

}

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

}

#the-header .header-noten .noten-add-btn {
  top: 3px;

  line-height: 44px;
  font-weight: lighter;
}

.header-noten .noten-left-button {
  top: 7px;

}
.header-noten .noten-left-button.active {
  top: 10px;

}

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

}

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

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

#ui-sheet-add-note .ui-group {
  padding-top: 2px;

}

div#timetable-theme-picker, div#timetable-layout-options {
  border-radius: 0;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.5);
}

.ui-theme-picker-active div#timetable-theme-picker, .ui-layout-options-active div#timetable-layout-options {
  bottom: 40%;
}

.theme-option-icon {
    border-radius: 0;
  
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.header-settings .settings-back-btn {
  position: fixed;
  top: 9px;
}

.ui-switch {
  height: 14px;
  width: 42px;
  margin-right: 5px;
}

.ui-switch > .ui-switch-element {
  margin-left: -2px;
  margin-top: -5px;
}

.ui-switch.ui-on > .ui-switch-element {
  margin-left: 18px;
  margin-top: -5px;
}

#timetable-layout-options .ui-switch.ui-on .ui-switch-element {
  background-color: #67B0FF;
}

.ui-switch.ui-on > .ui-switch-element {
  background-color: #74FF8C;
}

.ui-switch.add-note-counts-switch.ui-on .ui-switch-element {
	background-color: #C0F2FF;
}

.ui-list > .ui-item .ui-switch {
  margin-top: 2px;
}

#ui-sheet-add-note .ui-item {
  background-color: #1D1D1D;
  border-bottom: 1px solid #252525;
}

#ui-sheet-add-note.ui-sheet input.add-note-mark {
  border-bottom: none;
}

#ui-sheet-add-note.ui-sheet input.add-note-text {
  border-bottom: none;
}


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

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

#ui-sheet-send-feedback .ui-sheet-header .confirm-button, #ui-sheet-send-feedback .ui-sheet-header .cancel-button {
  color: #83F2FF;
}

#ui-sheet-send-feedback .ui-sheet-header, #ui-sheet-send-feedback .send-feedback-subheader {
  background-color: #607D8B;
  border-bottom: none;
}

#ui-sheet-send-feedback .send-feedback-subheader {
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
}

.send-feedback-inner .feedback-message.me {
  background-color: #32B7F7;
}

#ui-sheet-send-feedback input.send-feedback-input {
  background-color: #57707B;
  color: #FFFFFF;
}

.theme-standart .tab-icon-badge {
  background-color: #0F0F0F;
}

#the-theme-creator .ui-switch.ui-on > .ui-switch-element {
  background-color: #FF558F;
}

.sh-popover.theme-delete-popover {
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.39);
}

.sh-popover.timetable_lesson_popover {
  border-radius: 0;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
}

.sh-popover.timetable_lesson_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: 24px;
  margin-top: -16px;
}

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


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

.header-planer .planer-add-btn {
  line-height: 42px;
  font-weight: lighter;
}

.settings-wrapper .ui-list > .ui-item:first-child .ui-switch.ui-on,
.settings-wrapper .ui-list > .ui-item[data-action="nice-animations"] .ui-switch.ui-on {
  background: #48CD5F;
}
#wrapper .settings-wrapper .ui-list .ui-item {
  border: none;
}

.settings-wrapper .ui-list > .ui-item.ui-touchable:active {
  background-color: #212C31;
}
.settings-wrapper .saliorel-support-wrapper .ui-list > .ui-item {
  background: #263238;
}

.ding-notification {
	background: #FFF;
	color: #000;
	margin: 0 8px;
	border-radius: 2px;
	margin-top: 0px;
	width: 95%;
	width: calc(100% - 16px);
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
	
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.ding-notification .close {
	background-color: #D4D4D4;
	background-size: 10px 10px;
	border-radius: 14px;
	padding: 1px;
	right: 24px;
    width: 28px;
    height: 28px;

}

.ding-notification .content span {
	color: #A5A5A5;
}

.ding-notification .content b {
	font-weight: normal;
	color: #424242;
}

.ding-notification .content .icon {
	background: #ECECEC;
}

body.header-tinybar .ding-notification .content {
	padding-top: 12px;
}

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

.ding-notification .notification-actions {
	border-top: 1px solid #F1F1F1;
	margin-left: 15px;
	margin-right: 15px;
}

.ding-notification .notification-actions .notification-action {
	background: transparent;
	padding-top: 5px;
	text-transform: uppercase;
	font-size: 14px;
	color: #6D6D6D;
	font-weight: 500;
	border-radius: 0;
}

body.header-tinybar .ding-notification.has-actions {
	height: 110px;
}
body[data-active-tab="settings-content"] div#the-tabbar {
	border-top: none;
	background: #181F23;
}
div#mail_subheader {
	background: #FFC107;
}

/* – */


#ui-sheet-mail-folder-selection .ui-sheet-header, #ui-sheet-mail-confirm-logout .ui-sheet-header,#the-mail-composer .ui-sheet-header {
	background: #FFC107;
	color: #FFF;
	padding-bottom: 14px;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
	border-bottom: none;
}

#ui-sheet-mail-folder-selection .cancel-button, #ui-sheet-mail-confirm-logout .cancel-button, #the-mail-composer .cancel-button {
	color: #FFF;
	text-indent: -1000px;
	background: transparent url('../assets/closer_thingy.png') no-repeat center center;
	background-size: 16px 16px;
	margin-left: 18px;
}

div#ui-sheet-mail-folder-selection,div#ui-sheet-mail-confirm-logout {
	background: #F7F7F7;
}

#ui-sheet-mail-folder-selection .sheet-title, #ui-sheet-mail-confirm-logout .sheet-title,#the-mail-composer .sheet-title {
	text-align: left;
	padding-left: 58px;
	font-size: 18px;
}


.mail-folder-select-view .mail-folder .icon {
	background-color: #FFFFFF;
	padding: 5px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 15px;
	background-position-x: -97px;
	background-position-y: -112px;
	margin-top: -7px;
	margin-left: -44px;
}

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

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

.mail-folder-select-view .mail-folder {
	padding: 16px 12px;
	padding-left: 60px;
	background: #F7F7F7;
	border: none;
}

.mail-folder-select-view {
	border-top: none;
	margin-top: 32px;
}

.mail-folder-select-view .mail-action.logout {
	width: auto;
	display: block;
	width: 80px;
	background: #FF5252;
	color: #FFF;
	border: none;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	padding: 12px;
	margin: 0 auto;
	margin-top: 36px;
}


#ui-sheet-mail-confirm-logout .logout {
	width: 150px;
}

.mail-submit-button {
	margin-bottom: 100px;
}

#the-mail-composer .ui-sheet-header .confirm-button {
	text-transform: uppercase;
	font-size: 15px;
	margin-top: 2px;
	margin-right: 4px;
}

.compose-to ul.tagit,.compose-subject input {
	background: transparent;
}

#the-mail-composer {
	background: #FFF;
}

.ui-autocomplete.ui-widget {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	margin-top: 35px;
}

.ui-autocomplete.ui-widget .ui-menu-item {
	border-bottom: none;
}

.ui-sheet .ui-sheet-header {
	background: #00A1FF;
	color: #FFF;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
	border-bottom: none;
	padding-bottom: 14px;
}

.ui-sheet .ui-sheet-header .cancel-button {
	color: #FFF;
	text-indent: -1000px;
	background: transparent url('../assets/closer_thingy.png') no-repeat center center;
	background-size: 16px 16px;
	margin-left: 18px;
}

.ui-sheet .ui-sheet-header .sheet-title {
	text-align: left;
	padding-left: 58px;
	font-size: 18px;
}

.ui-sheet .ui-sheet-header .confirm-button {
	text-transform: uppercase;
	font-size: 15px;
	margin-top: 3px;
	margin-right: 4px;
	color: #FFF;
}

.ui-sheet .ui-sheet-header .cancel-button[style="display:none;"] + .confirm-button + .sheet-title {
	padding-left: 18px;
}

#ui-sheet-theme-store .ui-sheet-header .sheet-title {
	margin-top: -5px;
	padding-left: 60px;
}

#the-theme-creator .ui-sheet-header {
	background: #FF0089;
}

.overlay-0-text.overlay-edit-popover .ui-switch {
	margin-top: -17px;
}
.settings-wrapper .ui-list > .ui-item {
	letter-spacing: 0;
}

/* Redesigned material timetable */

#the-header .week-button-lefty,#the-header-canvas .week-button-lefty {
	right: 60px;
}

#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 {
	margin-top: 0;
}

#wrapper #the-header .overview-button, #the-header-canvas .overview-button {
	right: 100px;
	left: auto;
}

#wrapper #the-header .header-timetable .view-title {
	text-align: left;
	padding-left: 82px;
	font-size: 18px;
	margin-top: 9px;
}

#wrapper #the-header .class-picker, #the-header-canvas .class-picker {
	border: none;
	font-size: 17px;
	margin-top: 2px;
	width: 44px;
	background-position: 42px 12px;
}

.class-picker {
}

#wrapper .class-picker-searchbar {
	background: transparent url('../assets_n/search_white.png') no-repeat 6px 6px;
	color: rgba(255, 255, 255, 0.75);
	background-size: 13px 13px;
}

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

#wrapper.ui-classpicker-active #the-header .class-picker {
	background: transparent;
	color: #FFF;
	background: transparent url('../assets_n/icon_down.png') 43px 10px no-repeat;
	background-size: 11px 6px;
	background-position: 42px 12px;
	border-right: 1px solid rgba(255, 255, 255, 0.56);
	border-radius: 0;
	padding-right: 11px;
}

#wrapper #the-header .overview-button {
	position: fixed;
	top: auto;
	left: auto;
	right: 12px;
	bottom: 75px;
	background: #FF0089 url('../assets_n/icon_overview.png') no-repeat 17px 16px;
	background-size: 17px 21px;
	width: 52px;
	height: 52px;
	border-radius: 31px;
	-webkit-transition: 0.25s all;
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
}

#wrapper.ui-timetable-overview-active #the-header .header-content.header-timetable .overview-button {
	background: #3CB7D6 url('../assets/closer_thingy.png') no-repeat center center;
	background-size: 12px 12px;
	width: 36px;
	height: 36px;
	right: 21px;
	bottom: 84px;
}
div#scribble-from-screen-btn {
	right: auto;
	left: 14px;
}

#wrapper.ui-theme-picker-active #the-header .header-timetable .overview-button { bottom: 14px; }
#wrapper.ui-timetable-overview-active.ui-theme-picker-active #the-header .header-content.header-timetable .overview-button { bottom: 22px; }

.theme-dark-chocolate #wrapper #the-header .overview-button { background-color: #313131; }
.theme-paper #wrapper #the-header .overview-button { background-color: #D8D5B0; }
.theme-heat-map #wrapper #the-header .overview-button { background-color: #FFB226; }
.theme-ace #wrapper #the-header .overview-button { background-color: #17A9FF; }
.theme-heroic #wrapper #the-header .overview-button { background-color: #36BEAC; }
.theme-awkward #wrapper #the-header .overview-button { background-color: #606584; }
.theme-mighty #wrapper #the-header .overview-button { background-color: #5F5692; }
.theme-rose-garden #wrapper #the-header .overview-button { background-color: #F59ED3; }
.theme-coherence #wrapper #the-header .overview-button { background-color: #949849; }
.theme-aqua #wrapper #the-header .overview-button { background-color: #107B80; }
.theme-edition #wrapper #the-header .overview-button { background-color: #916B5D; }
.theme-thousand #wrapper #the-header .overview-button { background-color: #27EA2E; }

#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 {
	letter-spacing: 0;
}

#the-view .notebook-content .notebook-inner .notebook-shelf-item {
	border-radius: 1px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

body[data-active-tab="notes-content"] #wrapper header#the-header {
	background: #FFDF43;
	box-shadow: 0 2px 5px rgba(25, 25, 25, 0.07);
}

.mail-obj .icn { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }
.settings-wrapper .select-timetable-auxiliary-group .ui-list > .ui-item .ui-switch.ui-on { background: #48CD5F; }
.ui-sheet#ui-sheet-sorry-not-sorry .ui-sheet-header { background: #9C2FFF; }
#ui-sheet-temporary-tips-sheet .ui-sheet-header { background: #FFC728; }
#wrapper #the-header.dark-text .overview-button { background-image: url('../assets_n/overview_btn_black.png'); }
.ui-sheet#ui-sheet-roomfinder .ui-sheet-header,
.ui-sheet#ui-sheet-roomfinder-loading .ui-sheet-header { background: #ff0089; }
.ui-sheet .ui-sheet-header .confirm-button.disabled { color: rgba(220, 220, 220, 0.71); }
.ui-sheet#ui-sheet-roomfinder-loading .ui-sheet-header .confirm-button { display: none; }
#wrapper #ui-sheet-add-offline-timetable .sheet-title { text-indent: 0; }
.settings-wrapper .ui-list > .ui-item[data-action="preloading"] .ui-switch.ui-on .ui-switch-element { background: #92FDE7; }
.settings-wrapper .ui-list > .ui-item[data-action="let-it-snow"] .ui-switch.ui-on .ui-switch-element { background: #FF7D7D; }

#the-view .settings-wrapper .main-settings .ui-list > .ui-item[data-action="saliorel-cloud"] { background: #263238; }
#the-view .settings-wrapper .main-settings .ui-list > .ui-item[data-action="saliorel-cloud"]:active { background: #222C31; }

html body[data-active-tab="settings-content"] #wrapper.settings-push-view-active.settings-push-view-cloudaccount,html body.cloud-premium[data-active-tab="settings-content"] #wrapper.settings-push-view-active.settings-push-view-cloudaccount { background-color: #302F35; }

body[data-active-tab="settings-content"] #wrapper.settings-push-view-active.settings-push-view-cloudaccount header#the-header {
	background: #6D6B77;
	border-bottom: 1px solid #747180;
}

#wrapper #the-header .header-mail .mail-compose-btn {
	position: fixed;
	top: auto;
	left: auto;
	right: 12px;
	bottom: 75px;
	background: #FFC107 url('../assets_n/compose_btn.png') no-repeat 17px 15px;
	background-size: 21px 21px;
	width: 52px;
	height: 52px;
	border-radius: 31px;
	-webkit-transition: 0.25s all;
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
}

#wrapper #the-header .header-mail .mail-favorites-btn {
	right: 14px;
}

body[data-active-tab="notebook-content"] #wrapper #the-header .header-notebook.active .agenda-edit-btn {
	position: fixed;
	top: auto;
	left: auto;
	right: 12px;
	bottom: 75px;
	background: #00D4FF url('../assets_n/compose_btn.png') no-repeat 17px 15px;
	background-size: 21px 21px;
	width: 52px;
	height: 52px;
	border-radius: 31px;
	-webkit-transition: 0.25s all;
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
}

body[data-active-tab="notebook-content"] #wrapper #the-header .header-notebook.active .agenda-done-btn {
	text-transform: uppercase;
	margin-right: 13px;
	margin-top: 2px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 16px;
}

#wrapper #the-header .header-notebook .view-title, #wrapper #the-header .header-carditem .view-title, #wrapper #the-header .header-lists .view-title, #wrapper #the-header .header-settings .view-title, #wrapper #the-header .header-mail .view-title, #wrapper #the-header .header-mensa .view-title, #wrapper #the-header .header-planer .view-title, #wrapper #the-header .header-noten .view-title, #wrapper #the-header .header-notes .view-title {
	font-size: 19px;
	text-align: left;
	padding-left: 28px;
}

#wrapper #the-header .header-mail .view-title {
	padding-left: 80px;
}

#the-header .header-noten .noten-add-btn {
	position: fixed;
	top: auto;
	left: auto;
	right: 12px;
	bottom: 75px;
	background: #BBDDE6;
	font-size: 29px;
	line-height: 50px;
	color: #FFFFFF;
	width: 52px;
	height: 52px;
	border-radius: 31px;
	-webkit-transition: 0.25s all;
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
}

#the-header .header-noten .noten-add-btn:active {
	opacity: 0.5;
}

#the-header .header-noten .noten-left-button {
	left: auto;
	right: 10px;
	text-transform: uppercase;
	font-size: 15px;
	text-align: right;
}

#wrapper #the-header .header-noten .view-title {
	padding-left: 18px;
}

#the-header .header-planer .planer-add-btn {
	position: fixed;
	top: auto;
	left: auto;
	right: 12px;
	bottom: 75px;
	background: #6894FF;
	font-size: 29px;
	line-height: 50px;
	color: #FFFFFF;
	width: 52px;
	height: 52px;
	border-radius: 31px;
	-webkit-transition: 0.25s all;
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
	padding: 0;
	text-align: center;
}

#the-header .header-planer .planer-add-btn:active {
	opacity: 0.5;
}

#the-header .header-content.header-planer .planer-trash-btn {
	left: auto;
	right: 13px;
}

#wrapper #the-header .header-content.header-planer .view-title {
	padding-left: 38px;
}

body[data-active-tab="planer-content"] .planer-destructive-mode header#the-header .header-planer .planer-done-btn {
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	right: 28px;
}

#wrapper.planer-destructive-mode header#the-header .header-content.header-planer .view-title {
	font-size: 17px;
}

#planer-add-view .planer-add-view-header .planer-add-view-header-cancel {
	text-indent: -1000px;
	background: transparent url('../assets/closer_thingy.png') no-repeat center center;
	background-size: 16px 16px;
	margin-left: 0;
	width: 40px;
	height: 40px;
	margin-top: 6px;
}

#planer-add-view .planer-add-view-header .planer-add-view-header-confirm {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	margin-top: 17px;
	margin-right: 4px;
}

#planer-add-view .planer-add-view-header .planer-add-view-header-title {
	font-size: 19px;
	text-align: left;
	padding-left: 58px;
	letter-spacing: 0;
	font-family: 'Roboto', sans-serif;
}

#remaining-hours-counter {
	background: #0F0F0F;
	border-top: 1px solid #000000;
}
body[data-active-tab="settings-content"] #remaining-hours-counter {
	background: #181F23;
	border-top: 1px solid rgb(23, 30, 34);
	box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.13);
}
.settings-wrapper .timetable-source-inner .ui-item.active {
	background-color: #202A2F;
}
.ui-item[data-action="classpicker-openinsplitview"] .ui-switch.ui-on > .ui-switch-element {
	background-color: rgb(192, 221, 234);
}
.subject-options-counts-switch.ui-switch.ui-on > .ui-switch-element {
	background-color: #C1F3FF;
}

.ding-notification span small.update-detail {
	border-top: 1px solid #F1F1F1;
	padding-left: 0;
	padding-right: 4px;
	padding-top: 9px;
	margin-top: 9px;
}

#ui-sheet-timetable-lesson-details .ui-sheet-header .confirm-button {
	color: #FFF;
}

#ui-sheet-cloud-documents-upload .confirm-button {
	color: #FFF;
}
.cloud-documents-upload-progress {
	background: #FFF;
	box-shadow: 0 1px 7px #FFF;
}

div#timetable-details {
	border-radius: 0;
	box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.25);
}

div#timetable-details + .timetable-popover-fader {
	background: rgba(0, 0, 0, 0.1);
}

#timetable-details .cancel-button,
#timetable-details .confirm-button {
	font-size: 14px;
	text-transform: uppercase;
	line-height: 20px;
}

div#timetable-details[data-identifier="onehundredthousand"] {
	height: 87%;
	bottom: 10% !important;
}

/* new panels */

#wrapper div#timetable-theme-picker,
#wrapper div#timetable-layout-options {
	border-radius: 3px;
	background: #FFF;
	height: 230px;
}

#wrapper div#timetable-theme-picker .panel-header .panel-title,
#wrapper div#timetable-layout-options .panel-header .panel-title {
	display: block;
	text-align: left;
	padding-left: 25px;
	padding-top: 20px;
	font-family: Roboto, sans-serif;
}

#wrapper div#timetable-theme-picker .panel-header .cancel-button,
#wrapper div#timetable-theme-picker .panel-header .confirm-button,
#wrapper div#timetable-layout-options .panel-header .cancel-button,
#wrapper div#timetable-layout-options .panel-header .confirm-button {
	margin-top: 180px;
	margin-bottom: -174px;
	text-transform: uppercase;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	color: #FF0089;
}

#wrapper div#timetable-layout-options .panel-header .cancel-button,
#wrapper div#timetable-layout-options .panel-header .confirm-button {
	margin-top: 184px;
	margin-bottom: -188px;
	color: #037CFF;
}

#wrapper div#timetable-theme-picker .panel-header .confirm-button,
#wrapper div#timetable-layout-options .panel-header .confirm-button {
	margin-right: 12px;
}

.timetable-panel .panel-inner {
	padding-left: 26px;
	padding-top: 18px;
}

.theme-option-icon {
	border-radius: 2px;
}

#wrapper div#timetable-theme-picker .panel-header .cancel-button,
#wrapper div#timetable-layout-options .panel-header .cancel-button {
	position: absolute;
	right: 116px;
}

#wrapper div#timetable-theme-picker .panel-header .cancel-button:active,
#wrapper div#timetable-theme-picker .panel-header .confirm-button:active,
#wrapper div#timetable-layout-options .panel-header .cancel-button:active,
#wrapper div#timetable-layout-options .panel-header .confirm-button:active {
	background: #F5F5F5;
	border-radius: 3px;
}


#timetable-layout-options.timetable-panel .panel-inner {
	padding-top: 12px;
}

#wrapper div#timetable-layout-options .panel-header .panel-title {
	padding-top: 27px;
}

#timetable-theme-picker .panel-header,#timetable-layout-options .panel-header {
	box-shadow: none;
}

#wrapper .settings-wrapper .saliorel-schools-group .ui-list > .ui-item {
    background-image: none;
    padding-left: 16px;
    border-top: 1px solid #20292d;
    cursor: default;
}

#wrapper .settings-wrapper .saliorel-schools-group span.ui-list-descriptive-label {
    color: #92a7b1;
}