#page #header {
  height: 60px;
}
#page #navigation {
  text-align: left;
}
#page #navigation .inside {
  margin-right: -1px;
  border-right: 1px solid #e5e5e5;
}
#page #navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#page #navigation ul li {
  margin: 0;
  padding: 0;
}
#page #navigation ul li a {
  line-height: 30px;
  display: block;
  padding: 0px 10px;
  color: #0088cc;
}
#page #navigation ul li a:hover {
  background-color: #f1f1f1;
  text-decoration: none;
  color: #005580;
}
#page #navigation ul li a.active {
  background-color: #f1f1f1;
  font-weight: bold;
  color: #005580;
}
#page #footer {
  padding-top: 30px;
  text-align: center;
  color: #aaaaaa;
}
#page #footer .container {
  border-top: 1px solid #e5e5e5;
}
#page #footer .container p {
  margin-top: 10px;
}
.env-badge {
  position: fixed;
  top: 0;
  right: 0;
  font-size: 16px;
  line-height: 1.0;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #ED2424;
  padding: 0.5em;
  border-bottom-left-radius: 5px;
}
.env-live .env-badge {
  display: none;
}
.controller-login {
  text-align: center;
}
.controller-login #header {
  height: 260px !important;
}
.controller-categories #add-category-button {
  float: right;
  margin-bottom: 20px;
}
.controller-categories #table-categories tbody tr {
  cursor: pointer;
}
.controller-categories #table-categories tbody tr td:first-child,
.controller-categories #table-categories thead tr th:first-child {
  padding-left: 30px;
}
.controller-categories #table-categories .level1 {
  margin-left: 35px;
}
.controller-categories #table-categories .level2 {
  margin-left: 70px;
}
.controller-categories #table-categories .level3 {
  margin-left: 105px;
}
.controller-categories #table-categories .level4 {
  margin-left: 140px;
}
.controller-categories #table-categories .level5 {
  margin-left: 175px;
}
.controller-categories #table-categories .level6 {
  margin-left: 210px;
}
.controller-categories #inputPosition option.current {
  font-weight: bold;
}
.controller-kits #add-kit-button {
  float: right;
  margin-bottom: 20px;
}
.controller-kits #table-kits tbody tr {
  cursor: pointer;
}
.controller-kits #table-kits .kit-category {
  font-size: 0.8em;
  opacity: 0.6;
}
.controller-kits #table-kit-components {
  margin-top: 12px;
  /*.kit-remove-component-button {
			visibility: hidden;
		}
		tr:hover .kit-remove-component-button {
			visibility: visible;
		}*/
}
.controller-kits #table-kit-components td {
  vertical-align: middle;
}
#kit-add-component-modal,
#cart-add-modal {
  width: 780px;
  margin-left: -310px;
}
#kit-add-component-modal .request-loading,
#cart-add-modal .request-loading {
  margin: 4px 10px 0px 20px;
}
#kit-add-component-modal .steps li span,
#cart-add-modal .steps li span {
  opacity: 0.33;
}
#kit-add-component-modal .steps li.active,
#cart-add-modal .steps li.active {
  font-weight: bold;
}
#kit-add-component-modal .steps li.active span,
#cart-add-modal .steps li.active span {
  opacity: 1.0;
}
#kit-add-component-modal .steps li.previous span,
#cart-add-modal .steps li.previous span {
  opacity: 1.0;
}
#kit-add-component-modal #table-kits tr,
#cart-add-modal #table-kits tr,
#kit-add-component-modal #table-components tr,
#cart-add-modal #table-components tr {
  cursor: pointer;
}
#kit-add-component-modal #table-kits tbody tr.selected,
#cart-add-modal #table-kits tbody tr.selected,
#kit-add-component-modal #table-components tbody tr.selected,
#cart-add-modal #table-components tbody tr.selected {
  font-weight: bold;
  background-color: #daf1da !important;
}
#kit-add-component-modal #table-kits tbody tr.selected td,
#cart-add-modal #table-kits tbody tr.selected td,
#kit-add-component-modal #table-components tbody tr.selected td,
#cart-add-modal #table-components tbody tr.selected td {
  background-color: #dff1df !important;
}
.controller-components #add-component-button {
  float: right;
}
.controller-components #table-components th,
.controller-components #table-components tr {
  cursor: pointer;
}
.controller-components #values-companies {
  clear: both;
  margin-top: 24px;
}
.controller-components #values-companies .tab-pane h2 {
  margin: 0px 0px 0px 20px;
}
.controller-components .additional-identifiers input {
  display: block;
  margin-top: 2px;
  width: 193px;
}
.controller-components #table-kits tbody tr {
  cursor: pointer;
}
.controller-components #table-kits tbody tr:first-child {
  white-space: nowrap;
}
.controller-components #table-component-contacts {
  /*.component-remove-contact-button {
			visibility: hidden;
		}
		tr:hover .component-remove-contact-button {
			visibility: visible;
		}*/
}
.controller-components #table-component-contacts td {
  vertical-align: middle;
}
.controller-components #component-add-contact-modal {
  width: 780px;
  margin-left: -310px;
}
.controller-components #component-add-contact-modal .request-loading {
  margin: 4px 10px 0px 20px;
}
.controller-components #component-add-contact-modal #table-contacts tr {
  cursor: pointer;
}
.controller-components #component-add-contact-modal #table-contacts tbody tr.selected {
  font-weight: bold;
  background-color: #daf1da !important;
}
.controller-components #component-add-contact-modal #table-contacts tbody tr.selected td {
  background-color: #dff1df !important;
}
.controller-companies #add-company-button {
  float: right;
  margin-bottom: 20px;
}
.controller-companies #table-companies tbody tr {
  cursor: pointer;
}
.controller-contacts #add-contact-button {
  float: right;
  margin-bottom: 20px;
}
.controller-contacts #table-contacts tbody tr {
  cursor: pointer;
}
.controller-customers .customer-primaryactivation {
  cursor: pointer;
}
.controller-customers #table-customers tbody tr {
  cursor: pointer;
}
.controller-carts .customer-primaryactivation {
  cursor: pointer;
}
.controller-carts #table-carts tbody tr {
  cursor: pointer;
}
.controller-carts .cart .customer-data {
  margin: 16px 0px;
  padding: 8px 0px;
  border: 1px solid #E5E5E5;
  border-left: none;
  border-right: none;
}
.controller-carts .cart .customer-notes {
  margin: 0px 0px 16px 0px;
  padding: 0px 0px 8px 0px;
  border-bottom: 1px solid #E5E5E5;
}
.controller-carts .cart .table-components .edit-shortinfo,
.controller-carts .cart .table-kits .edit-shortinfo {
  visibility: hidden;
  margin: 0px 10px;
  cursor: pointer;
}
.controller-carts .cart .table-components td:hover .edit-shortinfo,
.controller-carts .cart .table-kits td:hover .edit-shortinfo {
  visibility: visible;
}
.controller-carts .cart .table-components .shortinfo,
.controller-carts .cart .table-kits .shortinfo {
  display: block;
  font-size: 0.85em;
  line-height: 1.2em;
  margin-bottom: 2px;
  color: #666666;
}
.controller-carts .cart .table-components tbody td {
  padding: 4px 8px;
}
.controller-carts .cart .table-kits .kit {
  font-weight: bold;
}
.controller-carts .cart .table-kits .kit td {
  padding: 8px;
}
.controller-carts .cart .table-kits .kit-content tr td {
  padding: 4px 8px;
}
.controller-carts .cart .table-kits .kit-content tr td:nth-child(2) {
  padding-left: 0px;
}
.controller-carts .cart .table-kits .shortinfo {
  margin-left: 42px;
}
.controller-carts .cart .kit-quantity {
  display: block;
  float: left;
  width: 30px;
  text-align: right;
  opacity: 0.33;
  margin-right: 12px;
}
.controller-carts .cart .table-components td.component-cart-actions,
.controller-carts .cart .table-kits td.component-cart-actions,
.controller-carts .cart .table-components td.kit-cart-actions,
.controller-carts .cart .table-kits td.kit-cart-actions {
  text-align: right;
  color: #BBBBBB;
}
.controller-carts .cart .table-components td.component-cart-actions img,
.controller-carts .cart .table-kits td.component-cart-actions img,
.controller-carts .cart .table-components td.kit-cart-actions img,
.controller-carts .cart .table-kits td.kit-cart-actions img {
  box-shadow: #DDDDDD 1px 1px 0px;
  float: none;
  margin: 0px 1px;
  margin-right: 4px;
  cursor: pointer;
  vertical-align: -1px;
  transition: opacity 0.5s ease-out;
}
.controller-carts .cart .table-components td.component-cart-actions img:last-child,
.controller-carts .cart .table-kits td.component-cart-actions img:last-child,
.controller-carts .cart .table-components td.kit-cart-actions img:last-child,
.controller-carts .cart .table-kits td.kit-cart-actions img:last-child {
  margin-left: 4px;
  opacity: 0.2;
  cursor: default;
}
.controller-carts .cart .table-components td.component-cart-actions img.disabled-loading,
.controller-carts .cart .table-kits td.component-cart-actions img.disabled-loading,
.controller-carts .cart .table-components td.kit-cart-actions img.disabled-loading,
.controller-carts .cart .table-kits td.kit-cart-actions img.disabled-loading {
  cursor: default;
}
@media print {
  .controller-carts .cart .table-components td.component-cart-actions img,
  .controller-carts .cart .table-kits td.component-cart-actions img,
  .controller-carts .cart .table-components td.kit-cart-actions img,
  .controller-carts .cart .table-kits td.kit-cart-actions img {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
  }
}
.controller-carts .cart .table-components td.component-cart-actions div,
.controller-carts .cart .table-kits td.component-cart-actions div,
.controller-carts .cart .table-components td.kit-cart-actions div,
.controller-carts .cart .table-kits td.kit-cart-actions div {
  width: 30px;
  display: inline-block;
  text-align: center;
}
.controller-carts .cart .table-components td.component-cart-actions.in-cart,
.controller-carts .cart .table-kits td.component-cart-actions.in-cart,
.controller-carts .cart .table-components td.kit-cart-actions.in-cart,
.controller-carts .cart .table-kits td.kit-cart-actions.in-cart {
  color: #333333;
}
.controller-carts .cart .table-components td.component-cart-actions.in-cart img:last-child,
.controller-carts .cart .table-kits td.component-cart-actions.in-cart img:last-child,
.controller-carts .cart .table-components td.kit-cart-actions.in-cart img:last-child,
.controller-carts .cart .table-kits td.kit-cart-actions.in-cart img:last-child {
  opacity: 1;
  cursor: pointer;
}
.controller-carts #cart-shortinfo-modal .modal-body table {
  margin-bottom: 10px;
}
.controller-carts #cart-shortinfo-modal .modal-body table tr td:first-child {
  padding-right: 16px;
}
.controller-carts #cart-shortinfo-modal .modal-body .request-loading {
  display: none;
}
.controller-carts #cart-shortinfo-modal .modal-body #shortinfo-edit-source-container {
  visibility: hidden;
  opacity: 0.0;
}
.controller-carts #cart-shortinfo-modal .modal-body #shortinfo-edit-source-container.loaded {
  visibility: visible;
  opacity: 0.6;
  transition: opacity 1000ms ease-out;
}
.controller-carts #cart-shortinfo-modal .modal-body #shortinfo-edit-source-container #shortinfo-edit-source-shortinfo {
  font-weight: bold;
}
.controller-carts #cart-shortinfo-modal .modal-body #shortinfo-edit-source-container #shortinfo-edit-source-shortinfo.empty {
  font-weight: bold;
  color: #880000;
}
.controller-carts #cart-shortinfo-modal .modal-body #shortinfo-edit-source-container input[type=checkbox] {
  vertical-align: top;
  margin-right: 2px;
}
.controller-carts #cart-log-notify-button {
  margin-top: 8px;
}
.controller-carts .cart-log {
  max-height: 300px;
  overflow-y: auto;
  padding: 8px 8px;
  border: 1px solid #E5E5E5;
}
.controller-carts .cart-log .cart-log-entry {
  font-size: 0.9em;
  line-height: 1.2em;
}
.controller-carts .cart-log .cart-log-entry .datetime {
  float: right;
  padding-left: 16px;
  font-size: 0.9em;
  line-height: 1.2em;
  opacity: 0.75;
}
.controller-carts .cart-log .cart-log-entry .counter {
  opacity: 0.5;
}
.controller-carts .cart-log-add-comment textarea {
  width: 768px;
  height: 120px;
}
.controller-carts input.component-price,
.controller-carts input.component-price-total {
  width: 48px;
  margin: 0px;
  padding: 0px 6px;
  height: 18px;
  font-size: 0.9em;
  text-align: right;
}
.controller-carts .cart-price {
  margin-top: 40px;
}
.controller-carts .cart-price .netto {
  font-size: 1.3em;
}
.controller-carts .cart-price .netto > span {
  font-size: 1.2em;
  font-weight: bold;
}
.controller-carts .cart-price .netto > span span {
  font-size: 1.2em;
}
.controller-carts .cart-price .brutto > span {
  font-weight: bold;
}
.controller-carts .cart-price .publish input {
  vertical-align: 0px;
}
.controller-carts .cart-price .publish label {
  display: inline;
}
.controller-vehicles #add-vehicle-button {
  float: right;
  margin-bottom: 20px;
}
.controller-vehicles #table-vehicles tbody tr {
  cursor: pointer;
}
.controller-qrphotos .qrphotos-index-actions,
.controller-qrphotos .qrphotos-index-actions-exit {
  display: block;
  text-align: right;
  margin-bottom: 30px;
}
.controller-qrphotos .qrphotos-index-actions-exit {
  display: none;
}
.controller-qrphotos #table-qrphotos tbody tr {
  cursor: pointer;
}
.controller-qrphotos #grid-qrphotos {
  clear: both;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
          align-items: stretch;
}
.controller-qrphotos .qrphoto-entry {
  position: relative;
  margin: 0 20px 24px 0;
}
.controller-qrphotos .qrphoto-entry a,
.controller-qrphotos .qrphoto-entry a:hover,
.controller-qrphotos .qrphoto-entry a:focus,
.controller-qrphotos .qrphoto-entry a:active {
  display: block;
  text-decoration: none;
}
.controller-qrphotos .qrphoto-entry.qrphoto-entry--unprinted:before {
  content: '\f02f';
  font-family: FontAwesome;
  font-size: 30px;
  position: absolute;
  right: 0.3em;
  top: 0.4em;
  color: #dd4444;
  pointer-events: none;
}
.controller-qrphotos .qrphoto-entry__image,
.controller-qrphotos .qrphoto-entry__no-image-placeholder {
  width: 220px;
  height: 165px;
  border: 1px solid #FFFFFF;
  outline: 1px solid #DADADA;
}
.controller-qrphotos .qrphoto-entry__no-image-placeholder {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background: #f6f6f6;
  font-size: 20px;
}
.controller-qrphotos .qrphoto-entry__title {
  font-weight: 700;
}
.controller-qrphotos .qrphoto-entry__inserted {
  opacity: 0.5;
  margin-right: 24px;
}
.controller-qrphotos .qrphoto-entry__print-checkbox {
  float: right;
  margin: 8px 0 0 0;
  display: none;
}
.controller-qrphotos.controller-qrphotos--state-choose-print .qrphotos-index-actions {
  display: none;
}
.controller-qrphotos.controller-qrphotos--state-choose-print .qrphotos-index-actions-exit {
  display: block;
}
.controller-qrphotos.controller-qrphotos--state-choose-print .qrphoto-entry:not(.qrphoto-entry--selected) .qrphoto-entry__image,
.controller-qrphotos.controller-qrphotos--state-choose-print .qrphoto-entry:not(.qrphoto-entry--selected) .qrphoto-entry__no-image-placeholder {
  opacity: 0.5;
}
.controller-qrphotos.controller-qrphotos--state-choose-print .qrphoto-entry__print-checkbox {
  display: inline-block;
}
.worklog-table-container {
  position: relative;
}
.worklog-table-container:before,
.worklog-table-container:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 25px;
  pointer-events: none;
}
.worklog-table-container:before {
  top: 0;
  /* Permalink - http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
}
.worklog-table-container:after {
  bottom: 0;
  /* Permalink - http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
}
.worklog-table-container {
  position: relative;
  border: 1px solid #E5E5E5;
  margin-bottom: 40px;
  min-height: 50px;
}
.worklog-table-container .scroll-container {
  max-height: 400px;
  overflow-y: auto;
  padding: 8px 0;
}
.worklog-table-container .table-worklog {
  margin-bottom: 0;
}
.worklog-table-container .table-worklog td th:first-child,
.worklog-table-container .table-worklog th th:first-child {
  padding-left: 12px;
}
.worklog-table-container .table-worklog td th:last-child,
.worklog-table-container .table-worklog th th:last-child {
  padding-right: 12px;
}
.worklog-table-container .worklog-loading-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  display: none;
}
.worklog-table-container .worklog-loading-container.loading {
  display: block;
}
.worklog-table-container .worklog-loading-container img {
  display: inline-block;
  margin: 20px;
}
.table-worklog tbody {
  font-size: 13px;
}
.table-worklog.table th,
.table-worklog.table td {
  padding-left: 6px;
  padding-right: 6px;
}
.table-worklog .worklog-entry-template {
  display: none;
}
.table-worklog .worklog-entry-images img {
  display: block;
  width: 40px;
  height: 30px;
  margin-top: 1px;
}
.table-worklog .worklog-entry-images a:first-child img {
  margin-top: 0;
}
.table-worklog .worklog-entry-actions {
  white-space: nowrap;
}
.table-worklog .worklog-entry-actions [class^="icon-"],
.table-worklog .worklog-entry-actions [class*=" icon-"] {
  cursor: pointer;
}
.table-worklog.table-worklog--component .worklog-entry-component-head,
.table-worklog.table-worklog--component .worklog-entry-component {
  display: none;
}
.table-worklog.table-worklog--kit .worklog-entry-component-head,
.table-worklog.table-worklog--kit .worklog-entry-component {
  display: none;
}
.table-worklog.table-worklog--vehicle {
  /*.worklog-entry-actions-head,
		.worklog-entry-actions {
			display: none;
		}*/
}
.table-worklog.table-worklog--vehicle .worklog-entry-vehicle-head,
.table-worklog.table-worklog--vehicle .worklog-entry-vehicle {
  display: none;
}
#worklog-entry-modal {
  width: 780px;
  margin-left: -310px;
}
#worklog-entry-modal .modal-body {
  max-height: 600px;
  max-height: calc(80vh - 100px);
}
#worklog-entry-modal .iframe-target {
  position: relative;
}
#worklog-entry-modal .iframe-target iframe {
  width: 100%;
  height: 700px;
  border: 0;
  overflow: auto;
}
#worklog-entry-modal .iframe-target:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 50px;
  pointer-events: none;
  bottom: 0;
  /* Permalink - http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
}
#label-print-modal form {
  margin: 0px;
}
#label-print-modal #label-print-swap-checked {
  float: left;
  line-height: 30px;
}
#label-print-modal table tbody tr {
  cursor: pointer;
}
#label-print-modal table tr td {
  vertical-align: middle;
  /*&:first-child {
					padding-left: 5px;
				}*/
}
#label-print-modal table tr td input {
  margin: 0px;
}
#label-print-modal table tr td input[type=text] {
  height: 14px;
  line-height: 14px;
}
fieldset legend a.btn.pull-right {
  position: relative;
  top: 3px;
}
#choose-textblock-modal {
  width: 620px;
  margin-left: -230px;
}
#choose-textblock-modal .modal-body table tbody tr {
  cursor: pointer;
}
.availability-0 {
  color: #b71919 !important;
}
.availability-1 {
  color: #ccab51;
}
.availability-2 {
  color: #55aa55;
}
.availability-3 {
  color: #438443 !important;
}
#imageList .imageListItem {
  border: 1px solid #FFFFFF;
  outline: 1px solid #DADADA;
  margin: 2px;
  float: left;
  cursor: move;
}
#imageList .imageListItemButtons {
  display: none;
  width: 102px;
  margin: 54px auto 0px auto;
  opacity: 1.0;
  background: url('../img/transparent_grey.png');
  padding: 5px;
  cursor: default;
  border-radius: 16px;
}
.statusMessage {
  margin: 0px 0px 16px 0px;
  padding: 7px 40px;
  line-height: 1.4em;
  font-size: 15px;
  font-weight: bold;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: #ffffff;
  background: #999999;
  box-shadow: 0px 0px 7px #888888;
}
.statusMessage.error {
  color: #ffffff;
  background: #B71919;
  box-shadow: 0px 0px 7px #B71919;
}
.statusMessage.notice {
  color: #ffffff;
  background: #60ABC4;
  box-shadow: 0px 0px 7px #60ABC4;
}
.statusMessage.ok {
  color: #ffffff;
  background: #82B41A;
  box-shadow: 0px 0px 7px #82B41A;
}
.statusMessage.warning {
  color: #ffffff;
  background: #CCAB51;
  box-shadow: 0px 0px 7px #CCAB51;
}
.statusMessage img {
  vertical-align: bottom;
  margin: 0px 5px 0px 0px;
}
.input-list {
  position: relative;
  overflow: visible;
  display: none;
}
.input-list div {
  position: absolute;
  top: -5px;
  left: 2px;
  white-space: nowrap;
  line-height: 1.2em;
  background: #FFFFFF;
  padding: 4px 10px;
  box-shadow: 1px 1px 3px #777777;
}
.input-list div a {
  display: block;
  margin: 4px 0px;
  padding: 3px 0px;
}
/* // done via PHP
.controller-index {

}
.controller-customers {
	#table-activitylog {
		.customer-name {
			display: none;
		}
	}
}*/
@media print {
  #page #navigation {
    display: none;
  }
  #page #content {
    width: 940px;
  }
  .print-hidden,
  .btn {
    display: none !important;
  }
  a[href]:after {
    content: none !important;
  }
  .ui-tooltip {
    display: none !important;
  }
}

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