.annotation {
  margin: 30px -20px 30px -20px;
  padding: 12px 25px 12px 14px;
  border-left: 4px solid #CCC;
  background: #f9f9f9;
}
.annotation p:last-child {
  margin-bottom: 0;
}
.annotation.danger {
  border-color: #f17156;
  background: #fff5f8;
}

.modal-body .annotation {
  margin-left: -16px;
  margin-right: -16px;
}

.badge {
  border-radius: 4px;
  font-size: 9.75px;
  font-weight: 600;
  background: #e2e5ed;
  color: #405189;
}
.badge.danger, .badge.bg-danger, .badge.Attendant.Canceled, .badge.Deployment.Stop.Omitted, .badge.Invoice.Cancelled, .badge.InvoiceStateCreated, .badge.InvoiceStateOutbox, .badge.Order.Cancelled, .badge.Order.Deleted, .badge.Offer.Rejected, .badge.Offer.Position.Declined, .badge.Order.Unpaid, .badge.Payment.Unpaid {
  background: #fde8e4 !important;
  color: #f17156 !important;
}
.badge.bg-success, .badge.Attendant.Booked, .badge.Attendant.CheckedIn, .badge.Deployment.Completed, .badge.Deployment.Stop.Completed, .badge.InvoiceStatePayed, .badge.InvoiceStatePaid, .badge.Invoice.Paid, .badge.OfferStateAccepted, .badge.OfferStateSend, .badge.Offer.Accepted, .badge.Offer.Completed, .badge.Offer.Position.Accepted, .badge.Order.Paid, .badge.Order.Completed, .badge.Payment.Paid, .badge.PickingPacked, .badge.PickingPositionPacked, .badge.ProductStateReleased, .badge.StatePaid, .badge.StateCompleted, .badge.TodoStateBilled, .badge.TodoStateClosed, .badge.ProjectLightboxScreen.Approved {
  color: #18b7a2 !important;
  background: #daf4f0 !important;
}
.badge.bg-warning, .badge.InvoiceStateSend, .badge.ProductStateCreated, .badge.Offer.Created, .badge.ProjectServiceStateOpen, .badge.Scheduled {
  color: #ffc700 !important;
  background: #fff8dd !important;
}
.badge.bg-info, .badge.PickingCreated, .badge.PickingPositionCreated {
  color: #0c85f5 !important;
  background: #f1faff !important;
}
.badge.InvoiceStateCancelled {
  background: #d1d8e9 !important;
  color: #999 !important;
}

.state-badge {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #0c85f5;
  border-radius: 3px;
  font-size: 10px;
  color: #FFF;
  text-align: center;
  line-height: 18px;
}
.state-badge.New {
  background: #18b7a2;
}
.state-badge.Today {
  background: #18b7a2;
}

ol.breadcrumb {
  margin: 20px 0 30px 0;
  padding: 10px;
  background: rgba(38, 56, 113, 0.06);
  border-radius: 4px;
}

.card .card-body ol.breadcrumb {
  margin: 0;
  padding: 0;
  background: none;
}

.btn.btn-primary {
  background: #1b84ff;
  border-color: #1b84ff;
  color: #FFF !important;
}
.btn.btn-primary.active {
  background: rgb(0, 111.0789473684, 241.2);
  border-color: rgb(0, 111.0789473684, 241.2);
}
.btn.btn-danger {
  color: #FFF !important;
}

.card {
  margin-bottom: 30px;
  border: none;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(27, 38, 56, 0.03);
}
.card.bg-danger-light {
  background-color: #fde8e4 !important;
  box-shadow: none !important;
}
.card.bg-danger-light h2 {
  border-color: #071437 !important;
}
.card.bg-primary-light {
  background-color: rgba(27, 132, 255, 0.1) !important;
  box-shadow: none !important;
}
.card .card-body {
  padding: 20px;
}
.card .card-body h2:last-child {
  margin-bottom: 10px;
}
.card .card-body p:last-child {
  margin-bottom: 0;
}
.card .card-body header:last-child {
  margin-bottom: 0;
}
.card .card-body .input-receiver:last-child table.table, .card .card-body table.table:last-child {
  margin-bottom: 0;
}
.card .card-body .input-receiver:last-child table.table tbody:last-of-type tr:last-of-type th, .card .card-body .input-receiver:last-child table.table tbody:last-of-type tr:last-of-type td, .card .card-body table.table:last-child tbody:last-of-type tr:last-of-type th, .card .card-body table.table:last-child tbody:last-of-type tr:last-of-type td {
  border-bottom: none;
}
.card .card-body .input-receiver:last-child table.table tfoot:last-of-type tr:last-of-type th, .card .card-body .input-receiver:last-child table.table tfoot:last-of-type tr:last-of-type td, .card .card-body table.table:last-child tfoot:last-of-type tr:last-of-type th, .card .card-body table.table:last-child tfoot:last-of-type tr:last-of-type td {
  border-bottom: none;
}
.card .card-body .input-receiver:first-child table.table:first-child {
  margin-top: 0;
}
.card .card-body .input-receiver:first-child .table-responsive:first-child table.table:first-child {
  margin-top: 0;
}
.card .card-body .input-receiver:last-child table.table:last-child {
  margin-bottom: 0;
}
.card .card-body .input-receiver:last-child .table-responsive:last-child table.table:last-child {
  margin-bottom: 0;
}
.card h4:first-child {
  margin-top: 5px;
}
.card nav.card-tab-nav {
  border-top: 2px solid rgba(38, 56, 113, 0.1);
  background: #FFF;
}
@media (min-width: 768px) {
  .card nav.card-tab-nav {
    display: flex;
  }
}
.card nav.card-tab-nav a {
  display: inline-block;
  margin-right: 1px;
  padding: 10px 20px;
  border-bottom: 3px solid transparent;
  color: #263871;
}
.card nav.card-tab-nav a.active {
  border-bottom: 3px solid #1b84ff;
}
.card nav.card-tab-nav a:hover {
  border-bottom: 3px solid #263871;
}

dl {
  margin-top: 20px;
}
@media (min-width: 768px) {
  dl {
    display: grid; /* grid container */
    grid-template-columns: 150px 1fr; /* 3 equal columns */
    grid-gap: 10px; /* row and column gap */
    grid-auto-flow: dense;
  }
}
dl dt {
  margin-top: 20px;
  grid-column: 1; /* first column */
}
@media (min-width: 768px) {
  dl dt {
    margin-top: 0;
  }
}
dl dd {
  margin: 0;
  grid-column: 2;
}

html .dropdown-menu .dropdown-item {
  font-size: 14px;
  line-height: 24px;
  color: #071437 !important;
}
html .dropdown-menu .dropdown-item a {
  color: #071437 !important;
}
html .dropdown-menu .dropdown-item.active a {
  color: #FFF !important;
}
html h1 .dropdown .btn, html h2 .dropdown .btn, html h3 .dropdown .btn, html h4 .dropdown .btn, html h5 .dropdown .btn {
  padding-top: 0;
  padding-bottom: 0;
}

.upload-dropzone {
  margin: 0;
  padding: 30px;
  background: #FFF;
  border: 3px dashed #CCC;
  cursor: pointer;
  text-align: center;
  color: #CCC;
}
.upload-dropzone .dz-preview {
  margin: 20px 0 0 0;
  padding: 10px;
  border: 1px solid #EEE;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.upload-dropzone .dz-preview .dz-success-mark, .upload-dropzone .dz-preview .dz-error-mark {
  display: none;
}
.upload-dropzone .dz-preview .dz-image {
  margin: 0 15px 0 0;
}
.upload-dropzone .dz-preview .dz-image img {
  width: 75px;
  height: 75px;
}
.upload-dropzone .dz-preview.dz-error {
  border-color: #f17156;
  border-style: dashed;
}
.upload-dropzone .dz-preview.dz-error .dz-error-message {
  padding-left: 10px;
  color: #f17156;
}
.upload-dropzone.success {
  border-color: #18b7a2;
}

form.inline {
  margin: 30px 0;
  padding-bottom: var(--bs-gutter-y);
  border-radius: 5px;
  background: #f2f4fa;
}

h1 .icon {
  vertical-align: middle;
}

h1 .icon, h2 .icon, h3 .icon, h4 .icon, h5 .icon {
  margin-left: 10px;
  font-size: 20px;
  line-height: 20px;
  display: inline-block;
}
h1 .icon.add, h2 .icon.add, h3 .icon.add, h4 .icon.add, h5 .icon.add {
  color: #18b7a2;
}
h1 .prefix, h2 .prefix, h3 .prefix, h4 .prefix, h5 .prefix {
  padding-right: 10px;
  color: #d1d8e9;
  font-weight: 400;
}

.heading {
  margin: 0 0 20px 0;
}
.heading.h1 .subtitle {
  display: block;
  margin-top: 5px;
  font-size: 24px;
}
.heading.h2 {
  margin-top: 40px;
  margin-bottom: 10px;
}
.heading.h2 h2 {
  margin-bottom: 0 !important;
}
.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 {
  margin: 0;
}
.heading .text-end {
  font-size: 16px !important;
  line-height: 16px !important;
}
.heading a.icon {
  font-size: 16px !important;
  line-height: 16px !important;
}
.heading i.icon.small {
  font-size: 16px !important;
  line-height: 16px !important;
  color: #CCC;
}

.card .card-body .heading.h2 {
  margin-left: -20px;
}
.card .card-body .heading.h2:first-child {
  margin-top: 10px;
}

h1.editable i.editing, h2.editable i.editing {
  opacity: 0.5;
  color: #CCC;
}
h1.editable:hover span.editable-title, h2.editable:hover span.editable-title {
  border-bottom: 2px dashed #CCC;
}
h1.editable:hover i, h2.editable:hover i {
  opacity: 1;
}
h1.editable span.editable-title:focus, h2.editable span.editable-title:focus {
  outline: none;
  border-bottom: 2px dashed #CCC;
}

h1 {
  margin: 0 0 20px 0;
  font-size: 20px;
  line-height: 32px;
}
@media (min-width: 768px) {
  h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
h1 .soft {
  padding-right: 10px;
  color: rgba(38, 56, 113, 0.4);
  font-size: 28px;
}
h1.editable i.posticon {
  font-size: 22px;
}
h1 div.dropdown {
  display: inline;
}

h2 {
  margin: 10px 0 20px -20px;
  padding: 3px 0 3px 16px;
  border-left: 4px solid #1b84ff;
  font-size: 20px;
  font-weight: bold;
}
h2 .btn {
  margin-top: -4px;
  height: 24px;
  line-height: 22px;
}
h2 .btn i {
  font-size: 16px;
}

.generic-receiver + h2 {
  margin-top: 20px;
}

h3 {
  margin: 30px 0 20px 0;
  font-size: 18px;
  font-weight: bold;
}

h4 {
  margin: 20px 0;
  font-size: 16px;
  font-weight: bold;
}

i.preicon, i.pre-icon {
  margin-right: 8px;
}
i.posticon, i.post-icon {
  margin-left: 8px;
}
i.light {
  color: #d1d8e9;
}
i.danger {
  color: #f17156;
}

.icongroup, .icon-group {
  display: table;
  color: #78829d;
}
.icongroup i, .icon-group i {
  display: table-cell;
  width: 26px;
  padding-right: 8px !important;
  vertical-align: middle;
}
.icongroup.baseline i, .icon-group.baseline i {
  vertical-align: baseline;
}
.icongroup .text, .icon-group .text {
  display: table-cell;
}
.icongroup .text .link, .icongroup .text em, .icon-group .text .link, .icon-group .text em {
  font-style: normal;
  font-weight: 500;
  display: block;
}

.message {
  margin: 20px 0;
  padding: 12px 20px;
  border: 1px dashed #CCC;
  border-radius: 5px;
  text-align: center;
  color: #CCC;
}
.message.error {
  border-color: #f17156;
  color: #f17156;
}
.message.info {
  border-color: #1b84ff;
  color: #1b84ff;
}
.message.success {
  border-color: #18b7a2;
  color: #18b7a2;
}
.message.warning {
  border-color: #ffc700;
  color: #ffc700;
}
.message.warning a {
  color: rgb(204, 159.2, 0);
}
.message.danger {
  border-color: #f17156;
  color: #f17156;
}
.message.danger a {
  color: rgb(204, 159.2, 0);
}
.message a {
  text-decoration: underline;
}
.message p {
  margin-bottom: 5px;
}
.message p:last-of-type {
  margin-bottom: 0;
}

.card-body .help {
  margin: 10px -19px 20px -20px;
  padding: 10px 0 10px 16px;
  border-left: 4px solid rgba(27, 132, 255, 0.5);
  background: rgba(27, 132, 255, 0.05);
}
.card-body .generic-receiver:first-child .message:first-child {
  margin-top: 0;
}
.card-body .generic-receiver:last-child .message:last-child {
  margin-bottom: 0;
}
.card-body .message:last-child {
  margin-bottom: 0;
}
.card-body .message:first-child {
  margin-top: 0;
}

.main-content .message:first-child {
  margin-top: 0;
}

.modal nav {
  position: relative;
  z-index: 900;
}
.modal .modal-tabs {
  padding: 10px 0 0 5px;
  background: #f2f4fa;
}
.modal .modal-content .modal-body {
  position: relative;
  z-index: 901;
}
.modal .modal-content .modal-body h3:first-child {
  margin-top: 5px;
}

@media print {
  body {
    background: none !important;
  }
  .main-container {
    padding-top: 0 !important;
  }
  .main-container .main-content {
    padding: 0 !important;
  }
  h2 {
    border: none !important;
    margin-left: 0;
    padding-left: 0;
  }
  .card {
    box-shadow: none !important;
  }
  .card .card-body {
    padding: 0 !important;
  }
  .card .card-tab-nav {
    display: none !important;
  }
  .no-print {
    display: none !important;
  }
  nav[aria-label=breadcrumb] {
    display: none !important;
  }
  .container.h-100, .container-fluid.h-100 {
    height: auto !important;
  }
  .container .row.h-100, .container-fluid .row.h-100 {
    height: auto !important;
  }
  .col-print-12 {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  table.table thead tr th {
    font-size: 8pt !important;
    color: #000 !important;
  }
  table.table tbody tr td, table.table tbody tr th {
    padding: 8px !important;
    font-size: 8pt !important;
    color: #000 !important;
  }
}
table.table td, table.table th {
  padding: 10px 8px;
  font-size: 13px;
}
table.table td.w-50p, table.table th.w-50p {
  width: 50%;
}
table.table td.w-20, table.table th.w-20 {
  width: 20px;
}
table.table td.w-30, table.table th.w-30 {
  width: 30px;
}
table.table td.w-40, table.table th.w-40 {
  width: 40px;
}
table.table td.w-50, table.table th.w-50 {
  width: 50px !important;
}
table.table td.w-60, table.table th.w-60 {
  width: 60px;
}
table.table td.w-70, table.table th.w-70 {
  width: 70px;
}
table.table td.w-75, table.table th.w-75 {
  width: 75px !important;
}
table.table td.w-100, table.table th.w-100 {
  width: 100px !important;
}
table.table td.w-110, table.table th.w-110 {
  width: 110px !important;
}
table.table td.w-120, table.table th.w-120 {
  width: 120px !important;
}
table.table td.w-130, table.table th.w-130 {
  width: 130px !important;
}
table.table td.w-140, table.table th.w-140 {
  width: 140px !important;
}
table.table td.w-150, table.table th.w-150 {
  width: 150px !important;
}
table.table td.w-160, table.table th.w-160 {
  width: 160px !important;
}
table.table td.w-170, table.table th.w-170 {
  width: 170px !important;
}
table.table td.w-180, table.table th.w-180 {
  width: 180px !important;
}
table.table td .subline, table.table th .subline {
  font-size: 12px;
}
table.table td.level-2, table.table th.level-2 {
  padding-left: 30px;
}
table.table td.level-3, table.table th.level-3 {
  padding-left: 60px;
}
table.table td.level-4, table.table th.level-4 {
  padding-left: 90px;
}
table.table td.level-5, table.table th.level-5 {
  padding-left: 120px;
}
table.table td.level-6, table.table th.level-6 {
  padding-left: 150px;
}
table.table.small-text td, table.table.small-text th {
  font-size: 12px;
}
table.table.sticky-header {
  border-collapse: separate;
  border-spacing: 0;
}
table.table.sticky-header thead {
  position: sticky;
  inset-block-start: 83px;
}
table.table.sticky-header thead tr th {
  background: #FFF;
}
table.table thead tr th {
  color: #99a1b7;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
table.table thead tr th.metric-end {
  text-align: right;
  white-space: nowrap;
}
table.table tbody tr td {
  vertical-align: middle;
  color: #78829d;
}
table.table tbody tr td a, table.table tbody tr td .link, table.table tbody tr td em {
  color: #252f4a;
}
table.table tbody tr td.metric-end {
  text-align: right;
  white-space: nowrap;
}
table.table tbody tr td.label {
  font-weight: bold;
}
table.table tbody tr.disabled td {
  text-decoration: line-through;
  color: #CCC !important;
}
table.table tbody tr.disabled td a, table.table tbody tr.disabled td .link {
  color: #CCC !important;
}
table.table tfoot tr td {
  border-top: 2px solid #DDD;
  color: #78829d;
}
table.table tfoot tr td.metric-end {
  text-align: right;
  white-space: nowrap;
}
table.table tfoot tr:last-child td {
  border-top: 2px solid #999;
  font-weight: bold;
}
table.table.table-row-dashed tbody tr td, table.table.table-row-dashed tbody tr th {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom-style: dashed;
}
table.table.table-row-dashed tbody tr._highlighted td {
  border-top: 1px solid #FFF;
  border-color: transparent;
}
table.table.table-row-dashed tbody tr:first-of-type td {
  border-top: 1px solid transparent;
}
table.table.table-row-dashed tbody tr[data-href]:hover {
  border-top: 1px solid #FFF;
  border-color: transparent;
}
table.table.table-row-dashed tbody tr.active td {
  border-top: 1px solid #FFF;
  background: #1b84ff !important;
  color: #FFF !important;
}
table.table.table-row-dashed tbody tr.active td .icongroup {
  color: #FFF !important;
}
table.table.table-row-dashed tbody tr.active td .icongroup i {
  color: #FFF !important;
}
table.table.table-row-dashed tbody tr.active td .icongroup em {
  color: #FFF !important;
}
table.table.table-row-dashed tbody tr.danger td {
  background: #fde8e4 !important;
  color: #f17156 !important;
}

table.table tbody tr td .icon {
  margin-right: 6px;
}
table.table tbody tr[data-modal]:hover td, table.table tbody tr[data-href]:hover td {
  background: #f6f7f7;
  cursor: pointer;
}
table.table tbody tr.highlighted td, table.table tbody tr.bg-info td {
  background: #f1faff !important;
}
table.table tbody tr.inside-footer td {
  padding-bottom: 40px;
  border-top: 2px solid #CCC;
  font-weight: bold;
}

.modal-content table.table {
  margin-bottom: 0;
}
.modal-content table.table tr th:first-of-type, .modal-content table.table tr td:first-of-type {
  padding-left: 16px;
}
.modal-content table.table tr th:last-of-type, .modal-content table.table tr td:last-of-type {
  padding-right: 16px;
}
.modal-content table.table tr:last-of-type th, .modal-content table.table tr:last-of-type td {
  border-bottom: none;
}

.tags-badge {
  color: #FFF !important;
}

.Controller.Tickets .Partial.Vcalendar {
  padding: 12px 20px;
  border: 1px dashed #CCC;
  border-radius: 5px;
}
.Controller.Tickets .Partial.Vcalendar .big-icon {
  font-size: 36px;
}

a {
  text-decoration: none;
  color: #1b84ff;
  transition: color 0.5s;
}
a.text {
  color: #263871;
}
a.text:hover {
  color: #1b84ff;
}
a .fc-primary {
  color: #1b84ff !important;
}

.ellipsis {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.selectable {
  -webkit-user-select: all;
  user-select: all;
}

ul {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: square;
}
ul li {
  left: 0;
}
ul.no-styles {
  margin: 0;
  padding: 0;
  list-style: none;
}

table.table tbody tr td ul:first-child {
  margin-top: 0;
}
table.table tbody tr td ul:last-child {
  margin-bottom: 0;
}

.nav.nav-tabs {
  border: none;
}
.nav.nav-tabs .nav-link {
  position: relative;
  z-index: 1000;
  border: none;
}
.nav.nav-tabs .nav-link.active {
  background-color: #FFF;
}

.card.with-tab-nav {
  border-top-left-radius: 0;
}

.no-wrap {
  white-space: nowrap;
}

.copy-to-clipboard i {
  color: transparent;
}
.copy-to-clipboard i.preicon {
  color: inherit;
}
.copy-to-clipboard:hover i {
  color: inherit;
}

.sticky-top {
  z-index: 700 !important;
}

html, body {
  height: 100%;
}

body {
  background: #f2f4fa;
}

body {
  font-size: 12px;
  font-family: "Inter", "Arial", sans-serif;
  color: #071437;
}
@media (min-width: 768px) {
  body {
    font-size: 14px;
  }
}

.silent {
  color: #CCC !important;
}

.fw-semi {
  font-weight: 500 !important;
}

.subline {
  display: block;
}

.fc-success {
  color: #18b7a2 !important;
}

.fc-light {
  color: #CCC !important;
}

.fc-danger {
  color: #f17156 !important;
}

.fc-warning {
  color: #ffc700 !important;
}

.fs-base {
  font-size: 1rem !important;
}

.fs-2hx {
  font-size: 2.5rem !important;
}

.lh-1 {
  line-height: 1 !important;
}

.text-gray-500 {
  color: rgb(153, 161, 183) !important;
}

.text-gray-200 {
  color: rgb(190, 190, 190) !important;
}

.standalone .content {
  padding: 30px;
}
.standalone .content .logo {
  margin: 0 0 50px 0;
}
.standalone .content .logo img {
  max-width: 180px;
}
.standalone .content h1 {
  margin: 0 0 30px 0;
  font-size: 34px;
  font-weight: 500;
}
.standalone .content h2 {
  border: none;
  margin-left: 0;
  padding-left: 0;
}
@media (min-width: 768px) {
  .standalone .back-layer {
    background: linear-gradient(90deg, rgb(65, 57, 216) 0%, rgb(74, 67, 236) 100%);
  }
}
@media print and (min-width: 768px) {
  .standalone .back-layer {
    background: none;
  }
}
@media (min-width: 768px) {
  .standalone .content {
    padding: 25% 120px 0 120px;
  }
}
@media print and (min-width: 768px) {
  .standalone .content {
    padding: 1cm;
  }
}
@media (min-width: 768px) {
  .standalone.Wide .content {
    padding: 100px 120px 0 120px;
  }
}

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