/* Base */
/*@import "normalize.css";*/
input[type=checkbox] {

	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	width: 15px !important;
	left: 9px !important;
}
/*top: 3px !important;*/
@media (min-width: 800px) {
	input[type=checkbox] {

		left: 6px !important;/*top: 0 !important;*/
	}
}
table input[type=checkbox] {
	
	left: 0px !important;
}
/*top: calc(50% - $fontSizeMobile) !important;*/
@media (min-width: 800px) {
	table input[type=checkbox] {

		top: calc(50% - .9rem) !important;
	}
}
input[type=checkbox].form-control {
	height: inherit !important;
}
input[type=checkbox] + label {
	
	margin: 5px 0 0 4px !important;
	padding: -4px 0 0 0 !important;
}
@media (min-width: 800px) {
	input[type=checkbox] + label {

		margin: 0 0 0 1.4rem !important;

		padding: 0 0 0 0 !important;
	}
}
input[type=radio] + label {
	
	margin: -1px 0 0 18px !important;
	padding: 0 !important;
}
body {
	background: white !important;
	position: relative !important;
}
table, body, html, #container, label {
	font-size: .8rem !important;
}
@media (min-width: 800px) {
	table, body, html, #container, label {

		font-size: .9rem !important;
	}
}
#content {
	padding: 10px !important;
	margin-top: 68px;
	overflow: hidden !important;
	overflow-x: auto !important;
}
/*position: relative;*/
@media (min-width: 800px) {
	#content {

		padding: 0px !important;
		margin-top: 0px;
	}
}
form {
	width: 100% !important;
}
@media (min-width: 800px) {
	form {

		width: 95% !important;
	}
}
div.form, div.index, div.view {
	border: none !important;
}
fieldset {
	padding: 0 !important;
}
/* Modules */
.checkbox_auf_der_selben_hoehe_wie_der_text {
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	position: relative;
	top: 0;
	left: 0;
}
.row--tighter {

	margin: 0;

	padding: 0;
}
.io-link {
	text-decoration: underline;
	color: #003d4c;
	font-weight: 700;
	font-size: .9rem;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.io-link:hover {

	color: #00728E;
}
.io-link--small {

	font-size: .7rem;
}
.io-link--pull-up {

	margin-top: -15px;
}
.io-link--no-underline {

	text-decoration: none;
}
.io-text--warning {

	color: rgba(255, 54, 0, 0.8);
}
.io-text--success {

	color: rgba(113, 237, 82, 0.8);
}
.io-text--bold {

	font-weight: 700;
}
.new_date_field {
	/*background-color: $ioLightBlue;*/
	overflow: auto;
}
.new_date_field::after {

	content: "";

	clear: both;

	display: table;
}
.new_date_field__input {/*background-color: $ioSoftWarning;*//*width: 30rem;*/

	border: 1px solid #A5A6A6;

	border-bottom-left-radius: 5px;

	border-top-left-radius: 5px;

	float: left;

	font-size: .9rem;

	height: .9rem * 1.5;

	line-height: .9rem * 1.5;

	width: 17rem;

	padding: 7px;
}
.new_date_field__delete_button {

	background-color: rgba(255, 54, 0, 0.8);

	padding: 8px;

	border-bottom-right-radius: 5px;

	border-top-right-radius: 5px;

	float: left;

	font-size: .9rem;

	height: .9rem * 1.5;
}
/*line-height: calc($(height) * 1/2 * 1.3);*/
.new_date_field__delete_button:hover {

	background-color: rgba(255, 184, 0, 0.8);

	cursor: pointer;
}
.new_date_field__delete_button--disabled {

	background-color: #D1D5D9;

	cursor: not-allowed;
}
.new_date_field__delete_button--disabled:hover {

	background-color: #D1D5D9;

	cursor: not-allowed;
}
.new_date_field__validation_error {

	clear: both;

	background-color: rgba(255, 54, 0, 0.6);

	width: auto;

	display: none;
}
.new_date_field__validation_error--active {

	display: block;
}
.multipleselect-infobox {
	
	padding: 3px;
	font-weight: 300;
}
.multipleselect-infobox__item {

	background-color: #D1D5D9;

	border-radius: 3px;

	padding: 1px 3px;
}
.reset-container{
	/* Sections
	   ========================================================================== */
	/* Embedded content
	   ========================================================================== */
	/* Forms
	   ========================================================================== */
	/* Interactive
	   ========================================================================== */
	/* Scripting
	   ========================================================================== */
	/* Hidden
	   ========================================================================== */
}
.reset-container html {

	font-family: sans-serif;/* 1 */

	line-height: 1.15;/* 2 */

	-ms-text-size-adjust: 100%;/* 3 */

	-webkit-text-size-adjust: 100%;/* 3 */
}
/**
	 * Remove the margin in all browsers (opinionated).
	 */
.reset-container body {

	margin: 0;
}
/**
	 * Add the correct display in IE 9-.
	 */
.reset-container article,
	.reset-container aside,
	.reset-container footer,
	.reset-container header,
	.reset-container nav,
	.reset-container section {

	display: block;
}
/**
	 * Correct the font size and margin on `h1` elements within `section` and
	 * `article` contexts in Chrome, Firefox, and Safari.
	 */
.reset-container h1 {

	font-size: 2em;

	margin: 0.67em 0;
}
/**
	 * Add the correct display in IE 9-.
	 * 1. Add the correct display in IE.
	 */
.reset-container figcaption,
	.reset-container figure,
	.reset-container main {/* 1 */

	display: block;
}
/**
	 * Add the correct margin in IE 8.
	 */
.reset-container figure {

	margin: 1em 40px;
}
/**
	 * 1. Add the correct box sizing in Firefox.
	 * 2. Show the overflow in Edge and IE.
	 */
.reset-container hr {

	box-sizing: content-box;/* 1 */

	height: 0;/* 1 */

	overflow: visible;/* 2 */
}
/**
	 * 1. Correct the inheritance and scaling of font size in all browsers.
	 * 2. Correct the odd `em` font sizing in all browsers.
	 */
.reset-container pre {

	font-family: monospace, monospace;/* 1 */

	font-size: 1em;/* 2 */
}
/**
	 * 1. Remove the gray background on active links in IE 10.
	 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
	 */
.reset-container a {

	background-color: transparent;/* 1 */

	-webkit-text-decoration-skip: objects;/* 2 */
}
/**
	 * Remove the outline on focused links when they are also active or hovered
	 * in all browsers (opinionated).
	 */
.reset-container a:active,
	.reset-container a:hover {

	outline-width: 0;
}
/**
	 * 1. Remove the bottom border in Firefox 39-.
	 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
	 */
.reset-container abbr[title] {

	border-bottom: none;/* 1 */

	text-decoration: underline;/* 2 */

	text-decoration: underline dotted;/* 2 */
}
/**
	 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
	 */
.reset-container b,
	.reset-container strong {

	font-weight: inherit;
}
/**
	 * Add the correct font weight in Chrome, Edge, and Safari.
	 */
.reset-container b,
	.reset-container strong {

	font-weight: bolder;
}
/**
	 * 1. Correct the inheritance and scaling of font size in all browsers.
	 * 2. Correct the odd `em` font sizing in all browsers.
	 */
.reset-container code,
	.reset-container kbd,
	.reset-container samp {

	font-family: monospace, monospace;/* 1 */

	font-size: 1em;/* 2 */
}
/**
	 * Add the correct font style in Android 4.3-.
	 */
.reset-container dfn {

	font-style: italic;
}
/**
	 * Add the correct background and color in IE 9-.
	 */
.reset-container mark {

	background-color: #ff0;

	color: #000;
}
/**
	 * Add the correct font size in all browsers.
	 */
.reset-container small {

	font-size: 80%;
}
/**
	 * Prevent `sub` and `sup` elements from affecting the line height in
	 * all browsers.
	 */
.reset-container sub,
	.reset-container sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;
}
/* Text-level semantics
	   ========================================================================== */
.reset-container sub {

	bottom: -0.25em;
}
/* Grouping content
	   ========================================================================== */
.reset-container sup {

	top: -0.5em;
}
/**
	 * Add the correct display in IE 9-.
	 */
.reset-container audio,
	.reset-container video {

	display: inline-block;
}
/**
	 * Add the correct display in iOS 4-7.
	 */
.reset-container audio:not([controls]) {

	display: none;

	height: 0;
}
/**
	 * Remove the border on images inside links in IE 10-.
	 */
.reset-container img {

	border-style: none;
}
/**
	 * Hide the overflow in IE.
	 */
.reset-container svg:not(:root) {

	overflow: hidden;
}
/**
	 * 1. Change the font styles in all browsers (opinionated).
	 * 2. Remove the margin in Firefox and Safari.
	 */
.reset-container button,
	.reset-container input,
	.reset-container optgroup,
	.reset-container select,
	.reset-container textarea {

	font-family: sans-serif;/* 1 */

	font-size: 100%;/* 1 */

	line-height: 1.15;/* 1 */

	margin: 0;/* 2 */
}
/**
	 * Show the overflow in IE.
	 * 1. Show the overflow in Edge.
	 */
.reset-container button,
	.reset-container input {/* 1 */

	overflow: visible;
}
/**
	 * Remove the inheritance of text transform in Edge, Firefox, and IE.
	 * 1. Remove the inheritance of text transform in Firefox.
	 */
.reset-container button,
	.reset-container select {/* 1 */

	text-transform: none;
}
/**
	 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
	 *    controls in Android 4.
	 * 2. Correct the inability to style clickable types in iOS and Safari.
	 */
.reset-container button,
	.reset-container html [type="button"],
	.reset-container [type="reset"],
	.reset-container [type="submit"] {

	-webkit-appearance: button;/* 2 */
}
/**
	 * Remove the inner border and padding in Firefox.
	 */
.reset-container button::-moz-focus-inner,
	.reset-container [type="button"]::-moz-focus-inner,
	.reset-container [type="reset"]::-moz-focus-inner,
	.reset-container [type="submit"]::-moz-focus-inner {

	border-style: none;

	padding: 0;
}
/**
	 * Restore the focus styles unset by the previous rule.
	 */
.reset-container button:-moz-focusring,
	.reset-container [type="button"]:-moz-focusring,
	.reset-container [type="reset"]:-moz-focusring,
	.reset-container [type="submit"]:-moz-focusring {

	outline: 1px dotted ButtonText;
}
/**
	 * Change the border, margin, and padding in all browsers (opinionated).
	 */
.reset-container fieldset {

	border: 1px solid #c0c0c0;

	margin: 0 2px;

	padding: 0.35em 0.625em 0.75em;
}
/**
	 * 1. Correct the text wrapping in Edge and IE.
	 * 2. Correct the color inheritance from `fieldset` elements in IE.
	 * 3. Remove the padding so developers are not caught out when they zero out
	 *    `fieldset` elements in all browsers.
	 */
.reset-container legend {

	box-sizing: border-box;/* 1 */

	color: inherit;/* 2 */

	display: table;/* 1 */

	max-width: 100%;/* 1 */

	padding: 0;/* 3 */

	white-space: normal;/* 1 */
}
/**
	 * 1. Add the correct display in IE 9-.
	 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
	 */
.reset-container progress {

	display: inline-block;/* 1 */

	vertical-align: baseline;/* 2 */
}
/**
	 * Remove the default vertical scrollbar in IE.
	 */
.reset-container textarea {

	overflow: auto;
}
/**
	 * 1. Add the correct box sizing in IE 10-.
	 * 2. Remove the padding in IE 10-.
	 */
.reset-container [type="checkbox"],
	.reset-container [type="radio"] {

	box-sizing: border-box;/* 1 */

	padding: 0;/* 2 */
}
/**
	 * Correct the cursor style of increment and decrement buttons in Chrome.
	 */
.reset-container [type="number"]::-webkit-inner-spin-button,
	.reset-container [type="number"]::-webkit-outer-spin-button {

	height: auto;
}
/**
	 * 1. Correct the odd appearance in Chrome and Safari.
	 * 2. Correct the outline style in Safari.
	 */
.reset-container [type="search"] {

	-webkit-appearance: textfield;/* 1 */

	outline-offset: -2px;/* 2 */
}
/**
	 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
	 */
.reset-container [type="search"]::-webkit-search-cancel-button,
	.reset-container [type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;
}
/**
	 * 1. Correct the inability to style clickable types in iOS and Safari.
	 * 2. Change font properties to `inherit` in Safari.
	 */
.reset-container ::-webkit-file-upload-button {

	-webkit-appearance: button;/* 1 */

	font: inherit;/* 2 */
}
/*
	 * Add the correct display in IE 9-.
	 * 1. Add the correct display in Edge, IE, and Firefox.
	 */
.reset-container details, 
	.reset-container menu {

	display: block;
}
/*
	 * Add the correct display in all browsers.
	 */
.reset-container summary {

	display: list-item;
}
/**
	 * Add the correct display in IE 9-.
	 */
.reset-container canvas {

	display: inline-block;
}
/**
	 * Add the correct display in IE.
	 */
.reset-container template {

	display: none;
}
/**
	 * Add the correct display in IE 10-.
	 */
.reset-container [hidden] {

	display: none;
}
.date_inject {
	max-width: 25rem;
}
.date_inject__text {

	font-weight: 300;

	color: #A5A6A6;
}
.io-button {
	/*padding: 5px;*/
	font-size: .9rem;
	background-color: #E3F1FF;
	text-align: center;
	/*display: inline-block;*/

	line-height: 200%;
	cursor: pointer;
	-webkit-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
	border: 1px solid #D1D5D9;
}
.io-button:hover {

	background-color: #F6FAFE;
}
.io-button--round-edges {

	border-radius: 5px;
}
.io-button--small {

	padding: 3px;
}
.io-button:active {

	background-color: #00728E;
}
.io-button--min-width-200 {

	min-width: 200px;
}
.io-button--line-break:after {

	content: "\A";

	white-space: pre;
}
.add-plus-btn {

	display: inline-block;
}
.add-plus-btn__link-text {

	color: #01477f;

	text-decoration: none;

	-webkit-transform: translateY(8%);

	        transform: translateY(8%);
}
.io-fake-link {
	font-weight: 700;
	text-decoration: underline;
	color: #003d4c;
	cursor: not-allowed;
}
.io-fake-link:hover {

	color: #00728E;
}
.color--ioSoftWarningHover {

	background-color: rgba(255, 184, 0, 0.8) !important;

	background-image: none !important;
}
.color--ioWarningHover {

	background-color: rgba(255, 54, 0, 0.8) !important;

	background-image: none !important;
}
.color--ioSuccessHover {

	background-color: rgba(113, 237, 82, 0.8) !important;

	background-image: none !important;
}
.color--ioInfoHover {

	background-color: rgba(11, 187, 242, 0.8) !important;

	background-image: none !important;
}
.color--ioGrey {

	background-color: #A5A6A6 !important;

	background-image: none !important;
}
.color--ioGold {

	background-color: rgb(228, 219, 179) !important;

	background-image: none !important;
}
/* io-legend__item */
.io-legend__item {

	padding: 3px;

	position: relative;

	line-height: 2rem;
}
/* io-legend__item__sign */
.io-legend__item__sign {

	text-align: center;

	float: left;

	min-height: 2rem;

	width: 2rem;

	margin-right: 1rem;
}
/* io-legend__item__sign--text */
.io-legend__item__sign--text {

	width: 38.2%;
}
/* io-legend__legend */
.io-legend__item__legend {}
.slidable_side_box {
	background-color: #FBFBFB;
	border: 1px solid #D1D5D9;
	border-radius: 6px 0 0 6px;
	box-shadow: 5px 7px 14px -6px rgba(0,0,0,0.59);
	display: none;
	height: 50%;
	min-width: 250px;
	max-width: 300px;
	opacity: 0.2;
	overflow: hidden;
	overflow-y: scroll;
	padding: 0px;
	position: fixed;
	right: -200px;
	top: 100px;
	-webkit-transition: .2s;
	transition: .2s;
	z-index: 100;
}
@media (min-width: 800px) {
	.slidable_side_box {

		display: block;
	}
}
.slidable_side_box__toggle_button {

	float: left;

	font-weight: 700;

	margin: 0;
}
.slidable_side_box--active {

	opacity: .9;

	right: 0px;
}
.slidable_side_box__top {

	background-color: #01477f;

	border: 1px solid #D1D5D9;

	border-style: none none solid none;

	color: white;

	cursor: pointer;

	font-weight: 700;

	margin-bottom: 15px;

	padding: 15px 5px;
}
.slidable_side_box__top:before {

	content: '>';
}
.slidable_side_box__content {

	padding: 0;
}
.icon {

	height: 2rem;
	margin: .5rem auto;
	width: 2rem;
}
.icon--circle {

	border-radius: 50%;
}
.boxfield_table {
	
	margin-top: 100px;
	min-height: 200px;

}
/*resetten***********************/
.boxfield_table td, .boxfield_table th, .boxfield_table tr {

	margin: 0;

	padding: 0;

	background-color: none;

	border: none;

	border-style: none none none none;
}
.boxfield_table > table {

	width: auto !important;

	min-width: 0;

	display: table;

	border-collapse: none;
}
/**********************************/
.boxfield_table table tbody th {

	max-width: 20rem;
}
.boxfield_table tr {

	border: 1px solid #2f5572;

	border-style: none none solid none;
}
.boxfield_table__checkbox_field {

	border: 1px solid #2f5572 !important;

	border-style: none solid none none !important;

	text-align: center;
}
.boxfield_table__head_item {

	position: relative;

	max-width: 50px;/*		& th > div::first {
			border-style: none;
		}*/
}
.boxfield_table__head_item--angle {

	white-space: nowrap;

	width: 150px;

	border: 1px solid #2f5572;

	border-style: none none solid none;

	padding: 8px 1px 2px 6px;

	-webkit-transform: translate(43px, 3px) rotate(-30deg);

	transform: translate(43px, 3px) rotate(-30deg);

	-webkit-transform-origin: 0% 50%;

	transform-origin: 0% 50%;
}
.boxfield_table__table td {/*border: 1px solid #2f5572;*/
}
/*border-style: none solid solid none;*/
.boxfield_table__table td--hover tbody > tr:hover {

	background-color: #F5F5F5;
}
.ioc {
	background-color: #FBFBFB;
}
.ioc--green {

	background-color: rgba(113, 237, 82, 0.8);
}
.ioc--red {

	background-color: rgba(255, 54, 0, 0.8);
}
.ioc--orange {

	background-color: rgba(255, 184, 0, 0.8);
}
.ioc--blue {

	background-color: rgba(11, 187, 242, 0.8);
}
.ioc--dark {

	background-color: #605F5F;
}
/*menüalternative, die das standart cakeverhalten brechen soll*/
div.actions {
	display: none;
	z-index: 1000;
	font-size: 1.4rem;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	width: 100% !important;
	background-color: white;
}
div.actions a {

	padding: 12px 10px !important;
}
@media (min-width: 800px) {
	div.actions {

		font-size: .9rem;

		overflow: initial;

		display: block;

		position: relative;

		width: 320px !important;
	}
	div.actions a {

		padding: 4px 8px !important;
	}
}
div.actions--active {

	display: block;
}
div.actions__button {

	z-index: 1001;

	margin-top: 9px;/*position: fixed;*//*top: 15px;*/

	margin-right: 15px;/*display: inline-block;*/

	cursor: pointer;
}
div.actions__button__bar1, div.actions__button__bar2, div.actions__button__bar3 {

	width: 30px;

	height: 4px;

	background-color: #333;

	margin: 5px 0;

	-webkit-transition: 0.4s;

	transition: 0.4s;
}
div.actions__button--active .actions__button__bar1 {

	-webkit-transform: rotate(-45deg) translate(3px, 3px);

	        transform: rotate(-45deg) translate(3px, 3px);

	-webkit-transform-origin: right;

	        transform-origin: right;
}
div.actions__button--active .actions__button__bar2 {

	opacity: 0;
}
div.actions__button--active .actions__button__bar3 {

	-webkit-transform: rotate(45deg) translate(5px, -1px);

	        transform: rotate(45deg) translate(5px, -1px);

	-webkit-transform-origin: right;

	        transform-origin: right;
}
@media (min-width: 800px) {
	div.actions__button {

		display: none;
	}
}
/*fix für den rechten contentbereich*/
div.index, div.form, div.view {
	float: none !important;
	width: 100% !important;
	padding: 0 !important;
	border: none;
}
@media (min-width: 800px) {
	div.index, div.form, div.view {

		float: right !important;

		width: calc(100% - 325px) !important;

		padding: 10px 2% !important;

		border-left: 1px solid #003d4c !important;
	}
}
.actions__mobile-bar {

	background-color: rgba(255, 255, 255, 0.8);/*		border: 1px solid $ioDarkGrey;
		border-style: none none solid none;*/

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 1001;

	left: 0;

	right: 0;
}
.actions__mobile-bar .schoolname, .actions__mobile-bar .gebusinessareaname {

	color: black;

	font-size: 1rem;

	line-height: 1.6rem;
}
.actions__mobile-bar__upper-bar {

	line-height: 48px;
}
.actions__mobile-bar__lower-bar {

	position: absolute;

	border: 1px solid #605F5F;

	border-style: solid none solid none;
}
.actions__mobile-bar__logo {

	margin-left: 5px;
}
.actions__mobile-bar--menu-active {

	background-color: rgba(0,0,0,0);

	border: none;
}
.actions__mobile-bar--menu-active ul#actions__mobile-bar__left-bar, .actions__mobile-bar--menu-active .actions__mobile-bar__lower-bar {

	display: none;
}
.actions__mobile-bar ul, .actions__mobile-bar li {

	margin: 0 !important;

	padding: 0 !important;
}
/*		& > ul > li {
			text-decoration: none;
			float: left;
			list-style: none;

			&.right {
				float: right;
				right: 20px;
			}
		}*/
@media (min-width: 800px) {
	.actions__mobile-bar {

		display: none;
	}
}
.action-has-submenue {

	position: relative;
}
.action-has-submenue > a {

	color: black !important;/*font-weight: 700 !important;*/

	text-shadow: none !important;

	background-color: #D1D5D9;

	background-image: none !important;
}
.action-has-submenue > a.color--ioGold{

	background-color: rgb(228, 219, 179);
}
.action-has-submenue ul {

	display: none;
}
.action-has-submenue ul li:last-child {

	margin-bottom: 0 !important;
}
@media (min-width: 800px) {
	.action-has-submenue:hover > ul {

		display: block;

		z-index: 1001;
	}
	.action-has-submenue ul {

		background-color: white;

		width: 250px;

		position: absolute;

		right: -250px;

		bottom: 0;
	}
	.action-has-submenue ul.dir-up {

		bottom: 0;
	}
	.action-has-submenue ul.dir-down {

		top: 0;

		bottom: initial;
	}
}
.action-has-submenue--active {

	border: 3px solid black ;

	border-style: solid none;

	border-radius: 5px;
}
.action-has-submenue--active > a {

	background-color: #00728E !important;

	background-image: none !important;

	color: white !important;

	text-shadow: none !important;

	box-shadow: none !important;

	border: none !important;
}
.action-has-submenue--active > ul {

	display: block;
}
@media (min-width: 800px) {
	.action-has-submenue--active {

		border: none ;

		border-radius: none;
	}
}
.ioPosition {

	position: relative;}
.ioPosition .ioRight {

	float: right;

	margin-right: 10px;
}
.ioPosition .ioLeft {

	float: left;

	margin-left: 10px;
}
.ioPosition .ioCenter {

	margin: auto;
}
.ioPosition::after {

	content: "";

	clear: both;

	display: table;
}
.io-login {
	

	width: calc(100% - 80px);
	margin: auto;
}
@media (min-width: 800px) {
	.io-login {

		margin-top: 30px;

		width: 30%;

		padding: 20px 40px;

		border: 1px solid #605F5F;

		border-radius: 10px;
	}
}