@charset "utf-8";
/* CSS Document */

body {
  background: #efefef;
  font-family: "Cantarell", sans-serif;
}

.jmspinner {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
}

.red {
  background-color: #ff5555 !important;
}

.titleicons {
  float: right;
  margin-right: 5px;
  opacity: 0.8;
}
.titleicon {
  cursor: pointer;
  padding-left: 3px;
}

.header {
  height: 50px;
  background-image: linear-gradient(to right, #1f2172, #979dfd);
  padding-top: 10px;
  padding-left: 50px;
  padding-right: 50px;
}

.headerTitel {
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
}

.headerVersion {
  font-size: 14px;
  color: #ffffff;
  padding-left: 5px;
}

.headerLicense {
  font-size: 24px;
  color: #ffffff;
  float: right;
}

.mainmenu {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.mainmenu th {
  padding: 5px 5px 5px 5px;
  font-weight: bold;
  text-align: left;
  height: 30px;
}

.mainmenu tr {
  height: 30px;
}

.mainmenulink {
  padding: 5px 5px 5px 5px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
 }
.mainmenulink:hover, .mainmenulink:focus, .mainmenulink:active {
  background-color: #dcdbf4;
  border-radius: 5px;
}
a, a:visited {
  color: #000000;
}

.disabledmainmenulink {
  pointer-events: none !important;
  opacity: 0.4 !important;
}

.mainmenuicon {
  padding-top: 5px;
}

.contentheaderdivider {
  height: 5px;
  background-image: linear-gradient(to right, #1f2172, #979dfd);
  margin-top: -20px;
  margin-left: -15px;
  margin-right: -15px;
}

.contentheaderbar {
  height: 40px;
  background-color: #1f2172;
  padding-top: 7px;
  margin-top: -20px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 5px;
}

.contentheaderbarlabel {
  color: #ffffff;
  padding-left: 15px;
  padding-right: 5px;
}

.contentheaderbarlabelnext {
  color: #ffffff;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 5px;
}

.contenttabs {
  margin-top: -5px;
  margin-left: -15px;
  margin-right: -15px;
}

.contenttabcontent {
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  color: #1f2172;
  background: #efefef;
}

.content {
  color: #1f2172;
  padding-bottom: 10px;
}

.contentnext {
  color: #1f2172;
  padding-top: 20px;
  padding-bottom: 10px;
}

.contentspace {
  padding-top: 10px;
}

.contenttitle {
  font-weight: bolder;
  color: #1f2172;
  padding-bottom: 10px;
}

.contenttitlenext {
  font-weight: bolder;
  color: #1f2172;
  padding-top: 20px;
  padding-bottom: 10px;
}

.contenttable {
  border-spacing: 0px;
  border-collapse: collapse;
  padding: 0px 0px 0px 0px;
}

.contenttable > tbody > tr > td {
  padding-bottom: 5px;
}

.formlabel {
  color: #1f2172;
  padding-right: 10px;
}

.formlabeltop {
  color: #1f2172;
  padding-top: 4px;
  padding-right: 10px;
}

.formlabelnext {
  color: #1f2172;
  padding-left: 20px;
  padding-right: 10px;
}

.formlabelnexttop {
  color: #1f2172;
  padding-top: 4px;
  padding-left: 20px;
  padding-right: 10px;
}

/* Elemente mit Attribut readonly einfärben und deaktivieren */
/* div[readonly] ist für jqxDropDownList */
/* div[readonly] > div ist für jqxCheckBox */
/* div[readonly] > input ist für jqxNumberInput */
/* div[readonly] > div > input ist für jqxDateTimeInput */
/* div[readonly] > div > textarea ist für jqxTextArea */
textarea[readonly], input[readonly], div[readonly], div[readonly] > div, div[readonly] > input, div[readonly] > div > input, div[readonly] > div > textarea {
  background-color: #efefef !important;
  pointer-events: none;
}

.warningmessage {
  color: #cc0000
}

#mandantSelection {
  background-color: #dcdbf4;
}

div.btnredo {
  cursor: pointer;
  content:url("icons/redo.png");
  /*background-image: url("images/redo.png");*/
  /*background-repeat: no-repeat;*/
  /*background-position-x: center;*/
  /*background-position-y: 5px;*/
  width: 15px;
}

.btnassistant {
   cursor: pointer;
   background-image: url("images/assistant.png");
   background-repeat: no-repeat;
   background-position: center;
   width: 20px;
}

div.btncopy {
   cursor: pointer;
   content:url("icons/copy.png");
   width: 15px;
}


/* JQX-Einstellungen */

.jqx-notification-container {
	z-index: 100000;
}

/* Wichtig, damit das Filtermenu im Grid nicht hinter dem Grid verschwindet */
.jqx-menu-wrapper {
	z-index: 100000 !important;
}
.jqx-listbox-container {
  z-index: 101000 !important;
}

/* Spaltenüberschriften im Grid in kleiner Schrift */
/* Die zweite Definition überschreibt einen line-height von 100px, welchen jqxGrid automatisch hinzufügt */
.jqx-grid-small-header {
  padding-top: 3px;
  font-size: 10px;
}
.jqx-grid-small-header div div {
  line-height: 10px !important;
}

/* Zeilenumbruch in Tabellenzellen */
.jqx-grid-wordwrap {
  padding-left: 5px;
  padding-top: 8px;
  word-wrap: break-word; /* IE 5.5+ and CSS3 */
  white-space: pre-wrap; /* CSS3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  overflow: hidden;
}

/* Hintergrund von nicht editierbaren Zellen */
.jqx-grid-noneditable-cell {
  background-color: #efefef;
}

/* Grosse Schrift (für Kapitelnummer im Register) */
.jqx-grid-big {
  font-size: 18px;
  font-weight: bold;
  margin-top: -4px;
  padding-bottom: 4px;
}


/* Main Toolbar */
.maintoolbar {
  background-color: #dcdbf4;
}
.maintoolbarmenuleft {
  background: none !important;
  border-color: transparent !important;
  margin-left: 30px;
}
.jqx-menu-dropdown {
  width: 250px;
}
.jqx-menu-item-top-selected {
  background: none !important;
  border-color: transparent !important;
}
.jqx-menu-item-arrow-top-right-mabo, .jqx-menu-item-arrow-right-selected-mabo {
  height: 0px;
}


/* Generelle JQX-Einstellungen */
.jqx-window-header-mabo {
  height: 20px;
  background-image: linear-gradient(to right, #1f2172, #979dfd);
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 5px;
  font-family: "Cantarell", sans-serif;
  font-size: 18px;
  color: #ffffff;
 }

.jqx-window-content-mabo {
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  background: #efefef;
}

.jqx-widget-content-mabo {
  border-color: #979dfd;
}

.jqx-input-widget-mabo {
  height: 25px;
  padding-left: 5px;
  padding-right: 5px;
}

.jqx-text-area-element-mabo {
  padding: 2px 5px 2px 5px;
}

.jqx-fill-state-normal-mabo {
  border-color: #1f2172;
  background-color: #dcdbf4;
}

.jqx-fill-state-hover-mabo {
  border-color: #1f2172;
  background-color: #979dfd;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.jqx-fill-state-focus-mabo {
  border-color: #1f2172;
  box-shadow: 0 0 0 2px #f90 !important;
  background-color: #dcdbf4;
}

.jqx-scrollbar-state-normal-mabo, .jqx-grid-bottomright-mabo, .jqx-panel-bottomright-mabo, .jqx-listbox-bottomright-mabo {
  background-color: #dcdbf4
}

.jqx-grid-column-header-mabo {
  border-color: #979dfd;
  background: #dcdbf4;
  font-weight: bolder;
}

.jqx-widget-mabo {
  border-color: #979dfd;
}

.jqx-grid-cell-mabo, .jqx-widget-mabo .jqx-grid-cell-mabo, .jqx-widget-mabo .jqx-grid-group-cell-mabo, .jqx-grid-group-cell-mabo {
  border-color: #cfcfcf;
}

.jqx-tabs-mabo {
  border: none;
}

.jqx-tabs-header-mabo {
  border: none;
  background: #cfcfcf;
  padding-top: 0px;
}

.jqx-tabs-title-selected-bottom-mabo, .jqx-tabs-selection-tracker-bottom-mabo, .jqx-tabs-title-selected-top-mabo, .jqx-tabs-selection-tracker-top-mabo {
  border: none;
  background: #efefef
}

.jqx-grid-cell-sort-alt-mabo, .jqx-grid-cell-filter-alt-mabo, .jqx-grid-cell-pinned-mabo, .jqx-grid-cell-alt-mabo, .jqx-grid-cell-sort-mabo {
  background-color: #efefef;
}

.jqx-grid-cell-selected-mabo {
  background-color: #dcdbf4 !important;
  color: #2b465e !important;
}

.jqx-grid-cell-hover-mabo {
  background-color: #979dfd !important;
}

.jqx-menu-vertical-mabo {
  background: #efefef;
}

.jqx-dropdownlist-mabo {
  background-color: #ffffff;
}

.jqx-radiobutton-check-checked-mabo {
  background: #1f2172;
}

.jqx-checkbox-default-mabo {
  background-color: #ffffff;
  border-color: #979dfd;
  margin-left: 0px;
}

.jqx-layout-mabo
{
  background-color: #00ffff;
}


/* JExcel Einstellungen */
.jexcel > tbody {
  font-family: "Cantarell", sans-serif;
  font-size: 0.8em;
  color: #000000;
}


/* Icons */

.mabo-icon-add
{
  background-image: url("icons/add.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-attribut
{
  background-image: url("icons/attribute.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-attributsuche
{
  background-image: url("icons/magnifier.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-book
{
  background-image: url("icons/book.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-check
{
  background-image: url("icons/check.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-checklist
{
  background-image: url("icons/checklist.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-cross
{
  background-image: url("icons/cross.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-calendar
{
  background-image: url("icons/calendar.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-delete
{
  background-image: url("icons/delete.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-export
{
  background-image: url("icons/export.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-filtercancel
{
  background-image: url("icons/filter_cancel.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-glasses
{
  background-image: url("icons/glasses.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-head
{
  background-image: url("icons/head.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-import
{
  background-image: url("icons/import.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-nav-first
{
  background-image: url("icons/nav-first.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-nav-prev
{
  background-image: url("icons/nav-prev.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-nav-next
{
  background-image: url("icons/nav-next.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-nav-last
{
  background-image: url("icons/nav-last.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-print
{
  background-image: url("icons/print.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-refresh
{
  background-image: url("icons/refresh.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-restore
{
  background-image: url("icons/restore.png");
  background-repeat: no-repeat;
  background-position: center;
}

.mabo-icon-save
{
  background-image: url("icons/save.png");
  background-repeat: no-repeat;
  background-position: center;
}