/* Generated by Font Squirrel (https://www.fontsquirrel.com) on December 5, 2016 */
@font-face {
    font-family: 'mobility-online_interface_iRg';
    src: url('../fonts/sop-interface-icons-webfont.eot');
    src: url('../fonts/sop-interface-icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sop-interface-icons-webfont.woff2') format('woff2'),
         url('../fonts/sop-interface-icons-webfont.woff') format('woff'),
         url('../fonts/sop-interface-icons-webfont.ttf') format('truetype'),
         url('../fonts/sop-interface-icons-webfont.svg#mobility-online_interface_iRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mobility-online_roundedRg';
    src: url('../fonts/sop-interface-icons-rounded-webfont.eot');
    src: url('../fonts/sop-interface-icons-rounded-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sop-interface-icons-rounded-webfont.woff2') format('woff2'),
         url('../fonts/sop-interface-icons-rounded-webfont.woff') format('woff'),
         url('../fonts/sop-interface-icons-rounded-webfont.ttf') format('truetype'),
         url('../fonts/sop-interface-icons-rounded-webfont.svg#mobility-online_roundedRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

a .moi {
	cursor: pointer;
}

.moi {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 32px;
	font-smooth: never;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 0.75em;
	line-height: 0.75em;
	cursor: default;
	vertical-align: top;
	overflow: hidden;
}

.moi-v1 {
	background-position: center; 
	background-repeat: no-repeat
}
.moi-v1:before {
	content: "" !important;
}

.moi-v2 {
	font-family: 'mobility-online_interface_iRg' !important;
}

.moi-v3 {
	font-family: 'mobility-online_roundedRg' !important;
}

.moi {
	font-size: 28px;
	height: 20px;
	line-height: 20px;
	width: 21px;
}

i.moi-digit {
	border: 1px solid currentColor;
	margin-left: 3px;
	border-radius: 100px;
}

i.moi.moi-v3.moi-digit {
	border-radius: 5px;
	line-height: 0.60em;
	height: 0.60em;
	margin-top: 1px;
	width: 0.60em;
}

i.moi span.digit {
	font-size: 40%;
	display: inline-block;
	text-align: center;
	width: 100%;
	vertical-align: top;
	/*font-weight: bold;*/
	font-family: Arial;
}

a span.digit_image {
	margin-left: 5px;
	border: 1px solid currentColor;
	text-decoration: none !important;
}

.moi-smaller {
	font-size: 22px; 
	height: 18px; 
	line-height: 18px; 
	width: 18px;
}


/* noch was überlegen wegen größen */
/*.moi {
	font-size: 2.3em;
	height: 1.6em;
	line-height: 1.6em;
	width: 1.6em;
}*/

.moi {
/* 	font-size: 56px; */
/* 	-webkit-transform: scaleX(0.5) scaleY(0.5); */
/*     -moz-transform: scaleX(0.5) scaleY(0.5); */
}

.moi.einzeiligeAnsicht {
/* 	line-height: 0.6em; */
/* 	height: 0.6em; */
}

.moi.moi-out-calendar, .moi.moi-out-calendar-today{
	/*line-height: 1;*/ 
	cursor: pointer;
}

.moi-fw {
	width: 1em;
	text-align: center;
}


.reiterAktiv .moi, .reiterInaktivLeft .moi, .reiterInaktivRight .moi, .reiterAktiv2 .moi, .reiterInaktivLeft2 .moi, .reiterInaktivRight2 .moi, .reiterInaktiv .moi {
	vertical-align: middle;
}

.progTitle .moi, .oneRow .moi{
/* 	font-size: 22px; */
/* 	vertical-align: middle; */
}

.progSubTitle .moi{
/* 	vertical-align: middle; */
/* 	height: 22px; */
/* 	font-size: 22px; */
}

.progInput .moi{
/* 	vertical-align: top; */
/* 	height: 22px; */
/*  	padding: 0 0 0 5px; */
/* 	font-size: 22px; */
}

#tableheader .progTitle .moi, #tablefooter .moi{
/* 	font-size: 28px; */
}

/* Allgemeine Icons -------------------------------------------------------- */
/* Datensatz neu anlegen */
.moi-gen-new:before{
	content: "\e000";
}

/* Datensatz bearbeiten */
.moi-gen-edit:before{
	content: "\e001";
/* 	font-size: 40px; */
}

/* Datensatz löschen */
.moi-gen-delete:before{
	content: "\e055";
/* 	font-size: 34px; */
}

/* Datensatz kopieren */
.moi-gen-copy:before{
	content: "\e002";
/* 	font-size: 40px; */
/* 	font-size: 1.4em; */
/* 	position: relative; */
/* 	top: 4px; */
}

/* Kopieren mit Zuordnungen */
.moi-gen-copy-assignments:before{
	content: "\e003";
/* 	font-size: 40px; */
}

/* Aufruf der erweiterten Suche */
.moi-gen-advanced-search:before{
	content: "\e064";
/* 	font-size: 40px; */
}

/* Datensätze als Liste anzeigen */
.moi-gen-list:before{
	content: "\e007";
/* 	font-size: 40px; */
}

/* Ausdrucken im HTML-Format */
.moi-gen-print-html:before{
	content: "\e057";
/* 	font-size: 36px; */
}

/* Ausdrucken im PDF-Format */
.moi-gen-print-pdf:before{
	content: "\e035";
/* 	font-size: 45px; */
}

/* Ausdrucken im MS Word-Format */
.moi-gen-print-word:before{
	content: "\e036";
/* 	font-size: 29px; */
}

/* Verlassen des Programms */
.moi-gen-exit:before{
	content: "\e049";
/* 	font-size: 28px; */
}

/* Anzeige der Online-Hilfe */
.moi-gen-help:before{
	content: "\e018";
/* 	font-size: 28px; */
}

/* Zum Seitenende blättern */
.moi-gen-page-end:before{
	content: "\e077";
/* 	font-size: 28px; */
}

/* Zum Seitenanfang blättern */
.moi-gen-page-start:before{
	content: "\e078";
/* 	font-size: 28px; */
}

/* Alle Datensätze markieren */
.moi-gen-check-all:before{
	content: "\e034";
/* 	font-size: 45px; */
}

/* Markierung aufheben */
.moi-gen-check-none:before{
	content: "\e033";
/* 	font-size: 45px; */
}

/* Sortierung ändern */
.moi-gen-sort:before{
	content: "\e082";
/* 	font-size: 28px; */
}

/* Burger Menu Icon */
.moi-gen-burger-menu:before{
	content: "\e090";
/* 	font-size: 29px; */
}

/* Alles Ausdrucken */
.moi-gen-print-all:before{
	content: "\e058";
}

/* Homepage */
.moi-gen-homepage:before{
	content: "\e059";
}

/* Telefonhörer */
.moi-gen-telephone:before{
	content: "\e024";
}

/* Pipette */
.moi-gen-color-picker:before{
	content: "\e051";
}

/* Leeres Icon als Platzhalter */
.moi-gen-empty:before{
	content: "\2000"; /* EN QUAD https://www.cs.tut.fi/~jkorpela/chars/spaces.html */
}

.moi-gen-empty.moi-digit:before {
	content: '';
}

/* Kreis */
.moi-gen-ticket-status-answered:before{
	content: "\e062";
	color: #4AFF4A;
}

/* Kreis */
.moi-gen-ticket-status-not-answered:before{
	content: "\e062";
	color: #FF5239;
}

/* Kreis mit Pfeil */
.moi-gen-ticket-status-forwarded:before{
	content: "\e063";
/* 	color: #FFEF4A; */
}

/* Icons zur Anzeige, Neuanlage oder Modifikation der Daten ---------------- */
/* Datensatz neu anlegen */
.moi-man-new:before{
	content: "\e004";
/* 	font-size: 40px; */
}

/* Anzeige der Detailinformationen */
.moi-man-detail:before{
	content: "\e015";
/* 	font-size: 40px; */
/* 	font-size: 1.4em; */
/* 	position: relative; */
/* 	top: 6px; */
}

/* Anzeigemodus wechseln */
.moi-man-display-mode:before{
	content: "\e014";
/* 	font-size: 40px; */
}

/* Änderungshistorie anzeigen */
.moi-man-history{ width: 1em !important;}
.moi-man-history:before{
	content: "\e074";
/* 	font-size: 40px; */
}

/* Dokument hochladen */
.moi-man-upload:before{
	content: "\e017";
/* 	font-size: 28px; */
}

/* Dokument runterladen */
.moi-man-download:before{
	content: "\e016";
/* 	font-size: 28px; */
}

/* Sortierreihenfolge ändern */
.moi-man-sort:before{
	content: "\e031";
/* 	font-size: 43px; */
}

/* Notiz erstellen */
.moi-man-note:before{
	content: "\e008";
/* 	font-size: 39px; */
}

/* Bearbeiten */
.moi-man-edit:before{
	content: "\e053";
/* 	font-size: 40px; */
}

/* Datensatzberechtigungen verwalten */
.moi-man-change-permissions:before{
	content: "\e052";
}

/* Icons zur Ausgabe von Daten --------------------------------------------- */

/* Exportieren im MS-Excel-Format */
.moi-out-export-excel:before{
	content: "\e037";
}

/* Exportieren im XML-Format */
.moi-out-export-xml:before{
	content: "\e029";
/* 	font-size: 45px; */
}

/* Zu Favoriten hinzufügen */
.moi-out-favorite:before{
	content: "\e019";
}

/* Tool-Icon Bearbeitungsmodus */
.moi-out-edit-mode:before{
	content: "\e053";
}

/* Neu laden */
.moi-out-reload:before{
	content: "\e085";
}

/* Zurück zur ersten Seite */
.moi-out-first-page{ width: 1em !important;}
.moi-out-first-page:before{
	content: "\e080";
}

/* Vorherige Seite */
.moi-out-prev:before{
	content: "\e081";
}

/* Vor zur letzten Seite */
.moi-out-last-page{ width: 1em !important;}
.moi-out-last-page:before{
	content: "\e084";
}

/* Nächste Seite */
.moi-out-next:before{
	content: "\e083";
}

/* Kalender */
.moi-out-calendar:before{
	content: "\e009";
}

/* Notiz erstellen */
.moi-out-note:before{
	content: "\e008";
}

/* Entsperren */
.moi-out-unlock:before{
	content: "\e054";
}

/* Dokument öffnen */
.moi-out-document:before{
	content: "\e012";
}

/* E-Mail versenden */
.moi-out-mail:before{
	content: "\e067";
}

/* Mehrere Mails */
.moi-out-multiple-mail:before{
	content: "\e068";
}

/* Historie zum Datensatz anzeigen */
.moi-out-history{ width: 1em !important;}
.moi-out-history:before{
	content: "\e074";
}

/* ERM-Diagramm öffnen */
.moi-out-erm:before{
	content: "\e070";
}

/* ERM-Diagramm als Tabelle */
.moi-out-erm-table:before{
	content: "\e071";
}

/* Ausdruck übersetzen */
.moi-out-translate:before{
	content: "\e032";
}

/* SQL-Abfrage öffnen */
.moi-out-sql:before{
	content: "\e028";
/* 	font-size: 34px; */
}

/* Filter erstellen */
.moi-out-filter:before{
	content: "\e069";
/* 	font-size: 26px; */
}

/* Schnellsuche */
.moi-out-fast-search:before{
	content: "\e064";
/* 	font-size: 29px; */
}

/* Ausdrucken im CSV-Format */
.moi-out-csv:before{
	content: "\e030";
/* 	font-size: 29px; */
}

/* Kalender (Heute) */
.moi-out-calendar-today:before{
	content: "\e010";
}

/* Power Point */
.moi-out-export-power-point:before{
	content: "\e038";
}

/* Open Office Dokument */
.moi-out-export-open-office:before{
	content: "\e046";
}

/* PNG Bild */
.moi-out-export-png:before{
	content: "\e026";
}

/* Gif Bild */
.moi-out-export-gif:before{
	content: "\e027";
}

.moi-out-image:before{
	content: "\e039";
}

.moi-out-sound:before{
	content: "\e041";
}

.moi-out-video:before{
	content: "\e040";
}


/* Sonstige Icons ---------------------------------------------------------- */

/* Trichter */
.moi-misc-filter:before{
	content: "\e056";
}

/* Workflow */
.moi-misc-show-workflow:before{
	content: "\e060";
}

/* Workflow durchgestrichen */
.moi-misc-show-workflow-disabled:before{
	content: "\e061";
}

/* Blatt mit Strichen */
.moi-misc-report:before{
	content: "\e013";
}

/* Kettenglied */
.moi-misc-external-link:before{
	content: "\e089";
}

/* Dokument mit Pfeil im Eck */
.moi-misc-manage-documents:before{
	content: "\e005";
}

.moi-misc-manage-documents-empty:before{
	content: "\e006";
}

/* Pfeil in Kreis/Abgerundetem Quadrat */
.moi-misc-arrow-right:before{
	content: "\e023";
}

/* Pfeil in Kreis */
.moi-misc-arrow-left:before{
	content: "\e023";
}

.moi-misc-arrow-left{
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* Balken die höher werden */
.moi-misc-statistics:before{
	content: "\e042";
}

/* Balkendiagramm */
.moi-misc-chart-bar:before{
	content: "\e043";
}

/* Kuchendiagramm */
.moi-misc-chart-pie:before{
	content: "\e044";
}

/* Liniendiagramm */
.moi-misc-chart-line:before{
	content: "\e045";
}

/* Sonstiges */
.moi-misc-settings:before{
	content: "\e048"
}

.moi-misc-assistant:before{
 	content: "\e050";
}

.moi-misc-cross:before{
	content: "\e022";
}

/* Tool-Icon aktivieren */
.moi-misc-edit-mode-activate:before{
	content: "\e053";
}

/* Tool-Icon deaktivieren */
.moi-misc-edit-mode-deactivate:before{
	content: "\e053";
}

/* kleines Kügelchen */
.moi-misc-led:before{
	content: "\e025";
}

/* Rufzeichen in Kreis/Abgerundetem Quadrat */
.moi-misc-exclamation:before{
	content: "\e020";
}

/* Häkchen in Quadrat */
.moi-misc-tick:before{
	content: "\e034";
}

/* Pfeil Rauf-Runter zum sortieren */
.moi-misc-order-updown:before{
	content: "\e079";
}

/* Häkchen in Kreis/Abgerundetem Quadrat */
.moi-misc-check-circle:before{
	content: "\e021";
}

/* Plus */
.moi-misc-plus:before{
	content: "\e075";
}
.moi-misc-plus.moi-v1{
	background-image: url(../images/plus.gif);
}

/* Minus */
.moi-misc-minus:before{
	content: "\e076";
}
.moi-misc-minus.moi-v1{
    background-image: url(../images/minus.gif);
}

/* SOP Support System */
.moi-misc-sop-support-system:before{
	content: "\e091";
}


/* Icons ohne Präfix */
.moi-ewp-paperplane:before{
 	content: "\e047";
}

/* Weitere Klassen ---------------------------------------------------------- */
.moi-messageRow {
	border: solid 1px black;
	border-radius: 5px;
	min-height: 33px;
	display: flex;
	position: relative;
}

.moi-messageRow > div {
	margin-left: 28px;
	width: 100%;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	padding: 5px;
	min-height: 23px;
}

.moi-messageRow.with-title > div {
	padding: 0px;
}

.moi-messageRow.with-title > div > div.title {
	color: rgb(35, 8, 113);
	background-color: rgb(255, 224, 102);
	padding: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid white;
}

.moi-messageRow.with-title > div > div.content {
	padding: 5px;
}

.moi-messageRow > div:before{
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 32px;
	font-smooth: never;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 0.75em;
	line-height: 0.75em;
	cursor: default;
	vertical-align: top;
	overflow: hidden;
	
	font-family: 'mobility-online_roundedRg' !important;
	
	font-size: 32px;
	height: 24px;
	line-height: 24px;
	width: 24px;
	
	display: inline-block;
	text-align: center;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	position: absolute;
	left: 0px;
}

.moi-messageRow.warning {
	background-color: rgb(255, 168, 168);
}

.moi-messageRow.warning > div{
	background-color: rgb(255, 168, 168);
}

.moi-messageRow.warning > div:before{	
	content: "\e020";
	color: rgb(250, 82, 82);
}

.moi-messageRow.with-title > div > div.title {
	border-left: 0;
}

.moi-messageRow.info {
	background-color: rgb(255, 224, 102);
}

.moi-messageRow.info > div{
	background-color: white;
}

.moi-messageRow.info > div:before{	
	content: "\e015";
	color: rgb(35, 8, 113);
}

.moi-messageRow.success {
	background-color: green;
}

.moi-messageRow.success > div{
	background-color: white;
}

.moi-messageRow.success > div:before{	
	content: "\e021";
	color: white;
}