/*
 * @modul: Variables
 * @desc:
 * @author: Yannick Herzog
 * @lastModified: 2016-04-20
 */
/*
 * Colors
 */
/* Material Color Palette, jeweils 500 */
/*
 * Fonts
 */
/*
 * Sidebar
 */
/*
 * @modul: Variables
 * @desc:
 * @author: Yannick Herzog
 * @lastModified: 2016-04-20
 */
/*
 * Colors
 */
/* Material Color Palette, jeweils 500 */
/*
 * Fonts
 */
/*
 * Sidebar
 */
/*
 * @modul: Base Styles
 * @desc:
 * @author: Yannick Herzog
 * @lastModified: 2016-04-05
 */
* {
  box-sizing: border-box; }

html {
  font-family: "Roboto", sans-serif;
  font-size: 100%; }

/*
 * @modul: Variables
 * @desc:
 * @author: Yannick Herzog
 * @lastModified: 2016-04-20
 */
/*
 * Colors
 */
/* Material Color Palette, jeweils 500 */
/*
 * Fonts
 */
/*
 * Sidebar
 */
/*
 * @modul: Helper Styles
 * @desc:
 * @author: Yannick Herzog
 * @lastModified: 2016-04-21
 */
.bg--transparent {
  background: transparent; }

.text-center {
  text-align: center !important; }

/*
 * @modul: Variables
 * @desc:
 * @author: Yannick Herzog
 * @lastModified: 2016-04-20
 */
/*
 * Colors
 */
/* Material Color Palette, jeweils 500 */
/*
 * Fonts
 */
/*
 * Sidebar
 */
/*
 * @modul: Table Styles
 * @desc:
 * @author: Yannick Herzog
 * @lastModified: 2016-04-06
 */
.md-cell {
  padding-top: 0.7rem !important;
  padding-bottom: 0.7rem !important; }

.md-cell.success {
  color: #ffffff !important;
  background-color: #4caf50; }

.md-cell.padding--left {
  padding-left: 1.5rem !important; }

table.md-table th.md-column {
  font-size: 18px; }

table.md-table td.md-cell {
  font-size: 18px; }

.md-button {
  font-size: 18px;
  padding: 4px 12px; }

.md-table-pagination {
  font-size: 18px; }

.md-button.md-fab.md-mini {
  font-size: 14px;
  padding: 0 6px; }

.big-font {
  font-size: 20px; }

md-toolbar.second-toolbar {
  min-height: 36px; }

md-toolbar.second-toolbar .md-toolbar-tools {
  height: 36px; }

md-toolbar.second-toolbar > .second-toolbar-panel > md-content {
  overflow: hidden; }

/************
 * DOCS MENU
 ************/
.docs-menu,
.docs-menu ul {
  list-style: none;
  padding: 0;
  max-width: 100%;
  overflow-x: hidden; }

.docs-menu li {
  margin: 0; }

.docs-menu .md-button {
  border-radius: 0;
  cursor: pointer;
  display: block;
  -webkit-align-items: inherit;
  -ms-flex-align: inherit;
  -ms-grid-row-align: inherit;
  align-items: inherit;
  line-height: 40px;
  margin: 0;
  max-height: 40px;
  overflow: hidden;
  padding: 0px 16px;
  text-align: left;
  text-decoration: none;
  white-space: normal;
  width: 100%; }

.docs-menu .md-button:hover,
.docs-menu .md-button:focus {
  background: #267ED5 !important;
  color: white; }

.docs-menu .md-button md-icon {
  color: white; }

.docs-menu button.md-button::-moz-focus-inner {
  padding: 0; }

.docs-menu .md-button.active {
  background: #267ED5;
  color: white; }

.route-item:last-child {
  margin-bottom: 20px;
  /* Prevent the hidden License link from causing a double bottom-border */
  border-bottom: none; }

.md-button-toggle .md-toggle-icon {
  display: block;
  margin-left: auto;
  vertical-align: middle;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out; }

.md-button-toggle .md-toggle-icon.toggled {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg); }

.wco-table-search {
  height: 34px;
  margin: auto; }

md-toast.md-danger-toast-theme .md-toast-content {
  background: red; }

md-toast .md-toast-content {
  padding-top: 24px;
  padding-bottom: 24px;
  height: auto; }

.wco-loader {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000; }

.wco-loading-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5); }

.wco-loading-container {
  background: white none repeat scroll 0 0;
  border-radius: 6px;
  display: table;
  height: 90px;
  left: 50%;
  margin-left: -45px;
  margin-top: -45px;
  position: absolute;
  top: 50%;
  width: 90px;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.75); }

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg); }

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg); }

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg); }

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg); }

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s; }

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

.md-datepicker-container label {
  -webkit-transform-origin: left top;
  transform-origin: left top;
  position: absolute;
  color: rgba(0, 0, 0, 0.54);
  -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
  transform: translate3d(0, 6px, 0) scale(0.75);
  transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  margin-top: 0;
  top: -6px; }

@media (max-width: 959px) {
  /* Kompaktes Layout */
  .md-datepicker-container label {
    top: -22px; } }

.md-datepicker-container {
  position: relative; }

tr.table-form-row td.md-cell {
  padding: 0 5px !important; }

tr.table-form-row td.md-cell.normal-md-cell-padding {
  padding: 0 56px 0 0 !important; }

tr.table-form-row md-input-container {
  margin: 0px 0;
  padding-top: 25px; }

tr.table-form-row td.md-numeric md-input-container input {
  text-align: right; }

tr.table-form-row md-datepicker {
  background: transparent; }

/*
 * @modul: Variables
 * @desc:
 * @author: Yannick Herzog
 * @lastModified: 2016-04-20
 */
/*
 * Colors
 */
/* Material Color Palette, jeweils 500 */
/*
 * Fonts
 */
/*
 * Sidebar
 */
/*
 * @modul: Login
 * @desc:
 * @author: Yannick Herzog
 * @lastModified: 2016-04-21
 */
.page__login {
  background: #eeeeee;
  height: 100%; }

.login__app-title {
  margin-top: 10vh; }

.login__app-logo {
  margin-right: 0.7rem; }

.login__box {
  background: #ffffff;
  border: 1px solid #d5d5d5;
  width: 350px; }

.login__headline {
  border-bottom: 1px solid gainsboro;
  font-size: 1.3rem;
  line-height: 1.5rem;
  padding: 0.8rem 1rem;
  margin: 0; }

.login__app-version {
  color: #c8c8c8;
  font-size: 0.9rem;
  margin-top: 0.8rem;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9); }

table.md-table tr.invalid-mhdinfo td.md-cell {
  color: red; }

.wco-top-panel .md-toolbar-tools .md-button {
  width: 100%; }

table.striped > tbody > tr:nth-child(odd) {
  background-color: #f2f2f2; }

/*# sourceMappingURL=app.css.map */