/* LOGIN SCREEN Stylesheet */
/* ProcessManager Color scheme: DEFAULT */
/* Global Colors */
:root {
  --pm-color-brand-bright: #ea6300;
  --pm-color-brand-warm: #FFBF00;
  --pm-color-brand-base: #007aa9;
  --pm-color-brand-highlight: #FFDC76;
}

body {
  background-color: #737373;
  background-attachment: fixed;
}

footer {
  height: 150px;
  width: 600px;
  background: url("../image/icon/branding/pm_logo_big.svg") no-repeat;
}

.bg-brand {
  background-color: #007aa9;
}

a {
  color: #737373;
}

a:hover {
  color: #ea6300;
}

.shadow {
  box-shadow: 3px 3px 3px rgba(17, 17, 17, 0.25);
}

grey {
  color: #737373;
}

lightgrey {
  color: #afafaf;
}

.grey {
  color: #737373 !important;
}

.lightgrey {
  color: #afafaf;
}

.white {
  color: #fff;
}

.green {
  color: #77B107;
}

.red {
  color: #CE271C !important;
}

.orange {
  color: #ea6300;
}

.yellow {
  color: #FFBF00;
}

.blue {
  color: #007aa9;
}

.purple {
  color: #9111BF;
}

.brown {
  color: #753406;
}

green {
  color: #77B107;
}

red {
  color: #CE271C;
}

orange {
  color: #ea6300;
}

black {
  color: #111;
}

.glow {
  box-shadow: 0px 0px 8px #FFBF00 !important;
}

.disabled {
  background: #eee !important;
  border: 1px solid #ddd !important;
  box-shadow: none !important;
}

.thin_border {
  border: 1px solid #ccc;
}

.top_shadow {
  box-shadow: inset 0 15px 15px -15px rgba(51, 51, 51, 0.75);
}

/* Typography Colors */
hr {
  border: 0;
  height: 0;
  border-bottom: 1px solid #ddd;
  width: 100%;
}

div.vertical_hr {
  border-right: 1px solid rgba(175, 175, 175, 0.7);
}

.horizontal {
  background: #bbb;
}

.border_bottom {
  border-bottom: 1px solid #bbb !important;
  margin-bottom: 0.75em;
}

.active {
  box-shadow: 0px 0px 8px #007aa9 !important;
  background: #f9f9f9 !important;
}

.menu_btn:hover, .menu_btn:active {
  background: #ea6300;
}

/* Notification-area */
div.menu_notif {
  background: #FFDC76;
  color: #007aa9;
}
div.menu_notif_none {
  color: #007aa9;
  background: rgba(255, 255, 255, 0.5);
}

/* Colorpicker */
.color_preview {
  box-sizing: border-box;
}

.cc_black {
  background: #000;
}

.cc_lightgrey {
  background: #ddd;
}

.cc_darkgrey {
  background: #666;
}

.cc_beige {
  background: #DFDFD0;
}

.cc_brown {
  background: #8C4600;
}

.cc_red {
  background: #FF1000;
}

.cc_orange {
  background: #FFBF00;
}

.cc_yellow {
  background: #FFFF00;
}

.cc_green {
  background: #A3D900;
}

.cc_darkgreen {
  background: #1A6600;
}

.cc_darkblue {
  background: #0040FF;
}

.cc_blue {
  background: #73B9FF;
}

.cc_purple {
  background: #A300D9;
}

.cc_white {
  background: #fff;
}

.cc_none {
  background: url("../image/icon/inputfields/cc_none.svg") no-repeat center #fff;
}

.cc_multiple {
  background: -moz-linear-gradient(left, #ff3232 0%, #f9fc2f 25%, #207cca 75%, #f189ff 100%);
  background: -webkit-linear-gradient(left, #ff3232 0%, #f9fc2f 25%, #207cca 75%, #f189ff 100%);
  background: -linear-gradient(left, #ff3232 0%, #f9fc2f 25%, #207cca 75%, #f189ff 100%);
}

.colorchip {
  border: 1px solid rgba(175, 175, 175, 0.5);
}
.colorchip:hover {
  box-sizing: border-box;
}

/* Menu Colors */
.column-header {
  background: #007aa9;
  color: #eee;
}

.infobox .column-header {
  background: #ddd;
  color: #666;
}

/* Search Colors*/
.search_button {
  background: url("../image/icon/inputfields/btn_search.svg") center no-repeat !important;
}

.searchbox:focus {
  background: #FFDC76;
}

/* Actionmenu Colors */
.actionmenu {
  background: #eee;
}

/* Button Colors */
button, .ok_button, .button_active, .button_pause {
  background: #eee;
  border-radius: 2px;
  border: 2px solid #bbb;
}
button p, .ok_button p, .button_active p, .button_pause p {
  color: #737373;
}
button:active, .ok_button:active, .button_active:active, .button_pause:active {
  box-shadow: none;
  background: rgba(221, 221, 221, 0.2) !important;
  box-shadow: inset 0px 1px 1px rgba(144, 144, 144, 0.85);
}
button:hover, .ok_button:hover, .button_active:hover, .button_pause:hover {
  border-color: #909090;
}
button:disabled, .ok_button:disabled, .button_active:disabled, .button_pause:disabled {
  filter: opacity(0.5);
  -webkit-filter: opacity(0.5);
  background: #ccc;
  cursor: not-allowed;
}
button:disabled:hover, .ok_button:disabled:hover, .button_active:disabled:hover, .button_pause:disabled:hover {
  border-color: #909090;
}
button:disabled:active, .ok_button:disabled:active, .button_active:disabled:active, .button_pause:disabled:active {
  box-shadow: none;
  background: initial;
}
button.-color-green, .-color-green.ok_button, .-color-green.button_active, .-color-green.button_pause {
  background-color: #77B107 !important;
  background-image: none;
}
button.-color-blue, .-color-blue.ok_button, .-color-blue.button_active, .-color-blue.button_pause {
  background-color: #007aa9 !important;
  background-image: none;
}
button.-color-orange, .-color-orange.ok_button, .-color-orange.button_active, .-color-orange.button_pause {
  background-color: #ea6300 !important;
  background-image: none;
}
button.-color-yellow, .-color-yellow.ok_button, .-color-yellow.button_active, .-color-yellow.button_pause {
  background-color: #FFBF00 !important;
  background-image: none;
}
button.-color-purple, .-color-purple.ok_button, .-color-purple.button_active, .-color-purple.button_pause {
  background-color: #9111BF !important;
  background-image: none;
}
button.-color-red, .-color-red.ok_button, .-color-red.button_active, .-color-red.button_pause {
  background-color: #CE271C !important;
  background-image: none;
}
button.-color-brown, .-color-brown.ok_button, .-color-brown.button_active, .-color-brown.button_pause {
  background-color: #753406 !important;
  background-image: none;
}
button.-color-black, .-color-black.ok_button, .-color-black.button_active, .-color-black.button_pause {
  background-color: #111 !important;
  background-image: none;
}
button.-color-grey, .-color-grey.ok_button, .-color-grey.button_active, .-color-grey.button_pause {
  background-color: #737373 !important;
  background-image: none;
}
button.-color-lightgrey, .-color-lightgrey.ok_button, .-color-lightgrey.button_active, .-color-lightgrey.button_pause {
  background-color: #afafaf !important;
  background-image: none;
}
button.-color-darkgreen, .-color-darkgreen.ok_button, .-color-darkgreen.button_active, .-color-darkgreen.button_pause {
  background-color: #1A6600 !important;
  background-image: none;
}
button.-color-darkblue, .-color-darkblue.ok_button, .-color-darkblue.button_active, .-color-darkblue.button_pause {
  background-color: #0040FF !important;
  background-image: none;
}
button.-color-beige, .-color-beige.ok_button, .-color-beige.button_active, .-color-beige.button_pause {
  background-color: #DFDFD0 !important;
  background-image: none;
}
button.-color-tan, .-color-tan.ok_button, .-color-tan.button_active, .-color-tan.button_pause {
  background-color: #d1b26f !important;
  background-image: none;
}
button.-color-pink, .-color-pink.ok_button, .-color-pink.button_active, .-color-pink.button_pause {
  background-color: #ff81c0 !important;
  background-image: none;
}
button.-color-lime, .-color-lime.ok_button, .-color-lime.button_active, .-color-lime.button_pause {
  background-color: #89fe05 !important;
  background-image: none;
}
button.-color-cyan, .-color-cyan.ok_button, .-color-cyan.button_active, .-color-cyan.button_pause {
  background-color: #0ff !important;
  background-image: none;
}
button.-color-magenta, .-color-magenta.ok_button, .-color-magenta.button_active, .-color-magenta.button_pause {
  background-color: #c20078 !important;
  background-image: none;
}
button.-color-lightblue, .-color-lightblue.ok_button, .-color-lightblue.button_active, .-color-lightblue.button_pause {
  background-color: #95d0fc !important;
  background-image: none;
}
button.-color-lavender, .-color-lavender.ok_button, .-color-lavender.button_active, .-color-lavender.button_pause {
  background-color: #c79fef !important;
  background-image: none;
}

.button_fullwidth {
  background: #ddd;
}

.button_active, .button_pause {
  box-shadow: inset 0px 1px 1px rgba(51, 51, 51, 0.75);
  background: rgba(255, 220, 118, 0.5) !important;
}

.button_pause {
  background: #77B107 !important;
  border: 1px solid #77B107;
}
.button_pause img {
  filter: brightness(3);
  -webkit-filter: brightness(3);
}

.button_cancel {
  background: #ccc;
}
.button_cancel p {
  color: #fff;
}

.ok_button {
  background: #007aa9;
}

/* Input styles Colors */
.input label, .input_menu label {
  color: #737373;
}

.filtermenu .input label, .filtermenu .input_menu label {
  color: #fff;
}

label[required], li[data-attention] {
  color: #ea6300 !important;
}

label[attention], li[data-attention] {
  background: #FFDC76;
}

input[type=submit] {
  background: #ea6300;
  border: none;
}

input[type=text],
input[type=number],
input[type=password],
select {
  background: #ddd;
  border: 0.1em solid #909090;
}

:not(.form-check) > input[type=radio] + label,
:not(.form-check) > input[type=checkbox] + label {
  color: #afafaf;
}

#popFillDiv div.btn-group input[type=checkbox]:checked + label {
  color: #fff;
}

input[type=button], input[type=submit] {
  border-radius: 2px;
  color: rgba(206, 39, 28, 0);
}

input[type=button]:active, input[type=submit]:active {
  opacity: 0.6;
}

:not(.form-check) > input[type=checkbox]:not(old) + label > span,
:not(.form-check) > input[type=radio]:not(old) + label > span,
input[type=text],
input[type=number],
input[type=password],
div.fakeinput.enabled {
  background: #fff;
  border: 1px solid #ddd;
}

select {
  background-color: #fff;
  border: 1px solid #ddd;
}
select:not([multiple]):not(.form-select) {
  background-position-x: right !important;
  background-repeat: no-repeat !important;
  background-image: url("../image/icon/button/btn_dropdown_arrow.svg") !important;
  background-size: auto !important;
}

:not(.form-check) > input[type=checkbox]:not(old):checked + label > span:before {
  color: #FFBF00;
}

input[type=text]:disabled:not(.form-control),
input[type=number]:disabled:not(.form-control),
input[type=password]:disabled:not(.form-control),
textarea:disabled:not(.form-control),
select:disabled:not(.form-select),
.tokenfield .token,
div.fakeinput:not(.enabled) {
  background: #eee;
  color: #333;
  border: 1px solid #ddd;
  -webkit-text-fill-color: #333;
  -webkit-opacity: 1;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

input[type=text]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
textarea:disabled,
.tokenfield .token {
  cursor: not-allowed;
}

textarea:not(.form-control) {
  border: 1px solid #ddd;
  -webkit-opacity: 1;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

s.list_header {
  color: #007aa9;
  background: #fff;
}

input[type=radio]:not(old):checked + label > span > span {
  background: #ea6300;
}

.flex.column.leftgroup {
  border-left: 1px solid #737373;
  border-radius: 5px 0 0 5px;
}

/* Views colors */
.border-hr {
  border-right: 1px solid #eee;
  border-left: 1px solid #ccc;
}

/* Orderblock colors */
.carcomment {
  color: #737373;
}

.prio_high {
  min-height: 0.25em;
  clear: both;
  background: #CE271C;
}

.prio_normal {
  min-height: 0.25em;
  clear: both;
  background: #007aa9;
}

.prio_agreed {
  min-height: 0.25em;
  clear: both;
  background: #77B107;
}

.prio_low {
  min-height: 0.25em;
  clear: both;
  background: #ddd;
}

.time_high {
  color: #eee;
  background: #CE271C;
}

.time_med {
  color: #444;
  background: #FFBF00;
}

.time_low {
  color: #77B107;
}

.time_none {
  color: #444;
}

.card_upper, .card_lower {
  background: #eee;
}

/* General orderview colors */
.card_bg_primary:hover {
  background: #fff !important;
}

.card_bg_primary {
  background: #ddd;
}

.card_bg_secondary {
  background: #ddd;
}

/* Order block colors */
.o_block_hover:hover {
  background: #fff;
}

.o_block_mid, .o_block_thumbnail {
  border-bottom: 1px solid #bbb;
}

.o_block_detail.-expand {
  border-bottom: 1px solid #bbb;
}

.o_block_wrapper {
  background: #ddd;
  box-shadow: 3px 3px 3px rgba(17, 17, 17, 0.25);
}

/* Order Row Colors */
.o_row_left:hover {
  background: #fff !important;
}

.o_row_wrapper {
  background: #ddd;
}

/* Order List Colors */
s.o_list:active, .o_list:hover {
  background: #eee !important;
}

.border-hr {
  color: #bbb;
}

/* Popup colors */
.pu_body {
  background: #fff;
}

.pu_wrapper {
  background: #eee;
}

.pu {
  background: #ddd;
  box-shadow: 3px 3px 3px rgba(17, 17, 17, 0.25);
}
.pu .tabs {
  background: #ddd;
}

.pu_header {
  background: #007aa9;
}
.pu_header h1 {
  color: #fff;
}
.pu_header .button_pause {
  background: #77B107 !important;
}
.pu_header button, .pu_header .ok_button, .pu_header .button_active, .pu_header .button_pause {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0);
}

.infobox {
  box-shadow: 0px 0px 4px #afafaf;
}

.infobox_header {
  border-bottom: 1px solid #ddd;
  color: #666;
}
.infobox_header h1 {
  color: #007aa9;
}

.infobox_active {
  background: #ddd;
  box-shadow: 0px 0px 4px #afafaf;
}

#main > section > .infobox {
  background: #fff;
  box-shadow: 3px 3px 3px rgba(17, 17, 17, 0.25);
}
#main > section > .infobox h1 {
  vertical-align: top;
  padding-left: 0.5em;
}

#main > section > * > .flex.block {
  background: #fff;
}

.datatable tbody tr:hover {
  background: #FFDC76 !important;
}

.a_active {
  color: #ea6300 !important;
  background: #fff !important;
  border-bottom: 1px solid #fff !important;
}

.tabs a {
  background: #ccc;
}
.tabs a:hover {
  background: #fff !important;
}

/* Workorder Popup  Colors */
.work_popup {
  background: #eee;
  border: 3px solid #afafaf;
}
.work_popup::before {
  border-left: 12px solid transparent;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #fff;
  color: rgba(255, 255, 255, 0.9);
}
.work_popup table th {
  color: #737373;
}
.work_popup table th.-color-green {
  color: #77B107;
}
.work_popup table th.-color-blue {
  color: #007aa9;
}
.work_popup table th.-color-orange {
  color: #ea6300;
}
.work_popup table th.-color-yellow {
  color: #FFBF00;
}
.work_popup table th.-color-purple {
  color: #9111BF;
}
.work_popup table th.-color-red {
  color: #CE271C;
}
.work_popup table th.-color-brown {
  color: #753406;
}
.work_popup table th.-color-black {
  color: #111;
}
.work_popup table th.-color-grey {
  color: #737373;
}
.work_popup table th.-color-lightgrey {
  color: #afafaf;
}
.work_popup table th.-color-darkgreen {
  color: #1A6600;
}
.work_popup table th.-color-darkblue {
  color: #0040FF;
}
.work_popup table th.-color-beige {
  color: #DFDFD0;
}
.work_popup table th.-color-tan {
  color: #d1b26f;
}
.work_popup table th.-color-pink {
  color: #ff81c0;
}
.work_popup table th.-color-lime {
  color: #89fe05;
}
.work_popup table th.-color-cyan {
  color: #0ff;
}
.work_popup table th.-color-magenta {
  color: #c20078;
}
.work_popup table th.-color-lightblue {
  color: #95d0fc;
}
.work_popup table th.-color-lavender {
  color: #c79fef;
}
.work_popup table th.-color-textcolor {
  color: var(--pm-text-color);
}
.work_popup_header {
  background: #ddd;
}
.work_popup_header:hover {
  background: #FFDC76;
}
.work_popup_header h1 {
  color: #333 !important;
}
.work_popup_section {
  background: rgba(255, 255, 255, 0.9);
}
.work_popup_section thead {
  background: transparent;
}
.work_popup_section:hover {
  background: #eee;
}
.work_popup h1 {
  color: #007aa9;
}

/* Palette Colors */
.palette {
  background: #afafaf;
  box-shadow: 6px 6px 6px rgba(17, 17, 17, 0.3);
}

.palette:after {
  border-color: #fff transparent;
}

div.palette > table thead th {
  color: #fff;
}

div.palette:before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #afafaf;
  color: #737373;
}

table.calendar_palette td {
  background: rgba(221, 221, 221, 0.35);
}
table.calendar_palette td:hover {
  background: #bbb;
  color: #fff !important;
}
table.calendar_palette td.greyedout {
  color: #bbb;
}
table.calendar_palette td.selected {
  color: #fff;
}
table.calendar_palette td.current_date {
  background: #737373;
  color: #FFDC76;
}
table.calendar_palette th.month {
  border: 0 1px 0px 1px solid #afafaf;
}

table.time_palette td {
  color: #FFDC76;
}
table.time_palette tr:nth-child(1) td:nth-child(odd) {
  border-bottom: 2px solid #ddd;
}
table.time_palette tr:nth-child(3) td:nth-child(odd) {
  border-top: 2px solid #ddd;
}

/* Search Dropdown colors */
.searchdropdown {
  box-shadow: 6px 6px 6px rgba(17, 17, 17, 0.3);
}

.searchoption {
  background: #f9f9f9;
  border: 2px solid #ddd;
}
.searchoption h4 {
  color: #737373;
}

.searchoption_addterm {
  background: #CED8DD;
  border: 2px solid #CED8DD !important;
}

/* Table default colors */
table {
  background: none;
}

thead {
  background-color: #eee;
  color: #737373;
}

tfoot {
  background: #fff;
  color: #ea6300;
}

tbody tr:child(last) {
  border-bottom: none;
}

.selected {
  background: #FFDC76 !important;
}

.flex.table .header {
  background-color: #eee;
  color: #737373;
}
.flex.table .footer {
  background: #fff;
  color: #ea6300;
}
.flex.table .footer .cell.-color-green {
  background-color: #77B107 !important;
  background-image: none;
}
.flex.table .footer .cell.-color-blue {
  background-color: #007aa9 !important;
  background-image: none;
}
.flex.table .footer .cell.-color-orange {
  background-color: #ea6300 !important;
  background-image: none;
}
.flex.table .footer .cell.-color-yellow {
  background-color: #FFBF00 !important;
  background-image: none;
}
.flex.table .footer .cell.-color-purple {
  background-color: #9111BF !important;
  background-image: none;
}
.flex.table .footer .cell.-color-red {
  background-color: #CE271C !important;
  background-image: none;
}
.flex.table .footer .cell.-color-brown {
  background-color: #753406 !important;
  background-image: none;
}
.flex.table .footer .cell.-color-black {
  background-color: #111 !important;
  background-image: none;
}
.flex.table .footer .cell.-color-grey {
  background-color: #737373 !important;
  background-image: none;
}
.flex.table .footer .cell.-color-lightgrey {
  background-color: #afafaf !important;
  background-image: none;
}
.flex.table .footer .cell.-color-darkgreen {
  background-color: #1A6600 !important;
  background-image: none;
}
.flex.table .footer .cell.-color-darkblue {
  background-color: #0040FF !important;
  background-image: none;
}
.flex.table .footer .cell.-color-beige {
  background-color: #DFDFD0 !important;
  background-image: none;
}
.flex.table .footer .cell.-color-tan {
  background-color: #d1b26f !important;
  background-image: none;
}
.flex.table .footer .cell.-color-pink {
  background-color: #ff81c0 !important;
  background-image: none;
}
.flex.table .footer .cell.-color-lime {
  background-color: #89fe05 !important;
  background-image: none;
}
.flex.table .footer .cell.-color-cyan {
  background-color: #0ff !important;
  background-image: none;
}
.flex.table .footer .cell.-color-magenta {
  background-color: #c20078 !important;
  background-image: none;
}
.flex.table .footer .cell.-color-lightblue {
  background-color: #95d0fc !important;
  background-image: none;
}
.flex.table .footer .cell.-color-lavender {
  background-color: #c79fef !important;
  background-image: none;
}

/* Data Tables */
table.datatable thead tr {
  background: #ddd;
}
table.datatable td {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ccc;
}
table.datatable td:last-child {
  border-right: none;
}
table.datatable tr:nth-child(even) {
  background: #eee;
}

/* Flexbox based Data Tables */
.flex.table.data .header, .flex.table.data .header > .cell {
  background: #ddd;
}
.flex.table.data ._row .cell {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ccc;
}
.flex.table.data ._row .cell:last-child {
  border-right: none;
}
.flex.table.data ._row:nth-of-type(even), .flex.table.data ._row:nth-of-type(even) > .cell {
  background: #eee;
}
.flex.table.data ._row.-highlight, .flex.table.data ._row.-highlight > .cell, .flex.table.data ._row > .cell.-highlight {
  background: #FFDC76;
}
.flex.table.data:not(.-no-hover) ._row:hover, .flex.table.data:not(.-no-hover) ._row:hover > .cell {
  background: #FFDC76;
}

.flex.block {
  border: 1px solid #ddd;
}
.flex.block .header {
  background: #ddd;
}
.flex.block .body ._row {
  border: 1px solid #ccc;
}
.flex.block .body ._row .cell.secondary {
  border-top: 1px solid #ddd;
}

/* Collapsible Table */
table.collapsible tbody tr:hover, tr.expanded_none tr:hover {
  background: #FFDC76;
}

tbody.collapsed {
  background: rgba(255, 220, 118, 0.4);
  border-bottom: 2px solid #afafaf;
}
tbody.collapsed td {
  font-size: 0.85em;
}
tbody.collapsed tr {
  background: none !important;
}

thead.collapsed {
  background: rgba(255, 220, 118, 0.4);
  box-shadow: inset 0 15px 15px -15px rgba(51, 51, 51, 0.75);
}
thead.collapsed th {
  font-size: 0.85em;
}

tr.expanded {
  background: #FFDC76;
}

tr.expanded_none {
  background: none;
}
tr.expanded_none:hover {
  background: #FFDC76 !important;
}

/* Table Input */
.td_button:hover {
  background: rgba(238, 238, 238, 0.25);
}
.td_button:hover img {
  filter: brightness(0);
}

table.car_selector tr:not(:first-child) {
  border-top: 1px solid #ddd;
}
table.car_selector td:hover {
  background: #eee;
}
table.car_selector h1 {
  color: #007aa9;
}
table.car_selector p {
  color: #737373;
}

/* Table Listview */
.table_listview {
  box-shadow: 3px 3px 3px rgba(17, 17, 17, 0.25);
}
.table_listview td {
  border-bottom: 1px solid #ccc;
}
.table_listview th.listviewheader {
  border-radius: 3px 3px 0px 0px;
  background: #007aa9;
  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(51, 51, 51, 0.4);
  color: #eee;
}
.table_listview tbody tr {
  background: #eee;
}
.table_listview tbody tr:hover {
  background: #fff !important;
}

.table_sorting {
  background: #ccc;
  color: #737373;
}

.flex.table.list {
  box-shadow: 3px 3px 3px rgba(17, 17, 17, 0.25);
}
.flex.table.list ._row {
  border-bottom: 1px solid #ccc;
}
.flex.table.list .header:first-child {
  background: transparent;
}
.flex.table.list .header:first-child .cell {
  border-radius: 3px 3px 0px 0px;
  background: #007aa9;
  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(51, 51, 51, 0.4);
  color: #eee;
}
.flex.table.list ._row {
  background: #eee;
}
.flex.table.list ._row.-color-green {
  background-color: #77B107 !important;
  background-image: none;
}
.flex.table.list ._row.-color-blue {
  background-color: #007aa9 !important;
  background-image: none;
}
.flex.table.list ._row.-color-orange {
  background-color: #ea6300 !important;
  background-image: none;
}
.flex.table.list ._row.-color-yellow {
  background-color: #FFBF00 !important;
  background-image: none;
}
.flex.table.list ._row.-color-purple {
  background-color: #9111BF !important;
  background-image: none;
}
.flex.table.list ._row.-color-red {
  background-color: #CE271C !important;
  background-image: none;
}
.flex.table.list ._row.-color-brown {
  background-color: #753406 !important;
  background-image: none;
}
.flex.table.list ._row.-color-black {
  background-color: #111 !important;
  background-image: none;
}
.flex.table.list ._row.-color-grey {
  background-color: #737373 !important;
  background-image: none;
}
.flex.table.list ._row.-color-lightgrey {
  background-color: #afafaf !important;
  background-image: none;
}
.flex.table.list ._row.-color-darkgreen {
  background-color: #1A6600 !important;
  background-image: none;
}
.flex.table.list ._row.-color-darkblue {
  background-color: #0040FF !important;
  background-image: none;
}
.flex.table.list ._row.-color-beige {
  background-color: #DFDFD0 !important;
  background-image: none;
}
.flex.table.list ._row.-color-tan {
  background-color: #d1b26f !important;
  background-image: none;
}
.flex.table.list ._row.-color-pink {
  background-color: #ff81c0 !important;
  background-image: none;
}
.flex.table.list ._row.-color-lime {
  background-color: #89fe05 !important;
  background-image: none;
}
.flex.table.list ._row.-color-cyan {
  background-color: #0ff !important;
  background-image: none;
}
.flex.table.list ._row.-color-magenta {
  background-color: #c20078 !important;
  background-image: none;
}
.flex.table.list ._row.-color-lightblue {
  background-color: #95d0fc !important;
  background-image: none;
}
.flex.table.list ._row.-color-lavender {
  background-color: #c79fef !important;
  background-image: none;
}
.flex.table.list ._row.-color-green {
  color: #111;
  --pm-text-color: #111;
}
.flex.table.list ._row.-color-blue {
  color: #fff;
  --pm-text-color: #fff;
}
.flex.table.list ._row.-color-orange {
  color: #111;
  --pm-text-color: #111;
}
.flex.table.list ._row.-color-yellow {
  color: #111;
  --pm-text-color: #111;
}
.flex.table.list ._row.-color-purple {
  color: #fff;
  --pm-text-color: #fff;
}
.flex.table.list ._row.-color-red {
  color: #fff;
  --pm-text-color: #fff;
}
.flex.table.list ._row.-color-brown {
  color: #fff;
  --pm-text-color: #fff;
}
.flex.table.list ._row.-color-black {
  color: #fff;
  --pm-text-color: #fff;
}
.flex.table.list ._row.-color-grey {
  color: #fff;
  --pm-text-color: #fff;
}
.flex.table.list ._row.-color-lightgrey {
  color: #111;
  --pm-text-color: #111;
}
.flex.table.list ._row.-color-darkgreen {
  color: #fff;
  --pm-text-color: #fff;
}
.flex.table.list ._row.-color-darkblue {
  color: #fff;
  --pm-text-color: #fff;
}
.flex.table.list ._row.-color-beige {
  color: #111;
  --pm-text-color: #111;
}
.flex.table.list ._row.-color-tan {
  color: #111;
  --pm-text-color: #111;
}
.flex.table.list ._row.-color-pink {
  color: #111;
  --pm-text-color: #111;
}
.flex.table.list ._row.-color-lime {
  color: #111;
  --pm-text-color: #111;
}
.flex.table.list ._row.-color-cyan {
  color: #111;
  --pm-text-color: #111;
}
.flex.table.list ._row.-color-magenta {
  color: #fff;
  --pm-text-color: #fff;
}
.flex.table.list ._row.-color-lightblue {
  color: #111;
  --pm-text-color: #111;
}
.flex.table.list ._row.-color-lavender {
  color: #111;
  --pm-text-color: #111;
}
.flex.table.list ._row.birthday {
  background-image: url("../image/confetti.svg");
}
.flex.table.list ._row.birthday:hover {
  background-color: #fff;
}
.flex.table.list ._row:hover:not(.birthday) {
  background: #fff;
}
.flex.table.list .header:not(:first-child) {
  background: #ccc;
  color: #737373;
}

/* Table Selector */
.table_selector td, .table_selector thead {
  color: #333;
}

table.table_selector {
  border-spacing: 0px 0px 0px 4px;
  border-collapse: separate;
}
table.table_selector p {
  color: #444;
}
table.table_selector thead p {
  margin-left: 0em;
}
table.table_selector thead {
  background: none;
}
table.table_selector tbody tr:nth-child(even) {
  background-color: #ddd;
}
table.table_selector tbody tr:nth-child(odd) {
  background-color: #eee;
}
table.table_selector tbody tr {
  box-shadow: 0px 1px 1px rgba(17, 17, 17, 0.15);
}
table.table_selector td {
  border-right: 1px solid #ccc;
}
table.table_selector td:last-child {
  border-right: none;
}
table.table_selector td:first-child {
  border-left: none;
}
table.table_selector td:only-child {
  border-left: none !important;
}

/* Flexbox Selector */
.flex.table.selector .cell {
  color: #333;
}
.flex.table.selector p {
  color: #444;
}
.flex.table.selector .header {
  background: none;
}
.flex.table.selector ._row {
  box-shadow: 0px 1px 1px rgba(17, 17, 17, 0.15);
}
.flex.table.selector ._row:nth-of-type(even) {
  background-color: #ddd;
}
.flex.table.selector ._row:nth-of-type(odd) {
  background-color: #eee;
}
.flex.table.selector ._row .cell {
  border-right: 1px solid #ccc;
}
.flex.table.selector ._row .cell:last-child {
  border-right: none;
}
.flex.table.selector ._row .cell:first-child {
  border-left: none;
}

/* Table Media */
div.document_preview {
  background: #f3f3f3;
}

div.document_selected {
  background: #FFDC76;
}

/* Sidebar colors */
nav {
  box-shadow: 6px 6px 6px rgba(17, 17, 17, 0.3);
  background-color: rgba(20, 20, 20, 0.6);
}
nav ul.sidebar {
  box-shadow: 3px 3px 3px rgba(17, 17, 17, 0.25);
}
nav ul.sidebar:last-child {
  background: #333;
}

.sidebar_item, .sidebar_item_sub {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar_item_sub {
  background: #737373;
}
.sidebar_item_sub:hover {
  background: #eee;
}

nav.visible {
  box-shadow: 6px 6px 6px rgba(17, 17, 17, 0.3);
}

.sidebar {
  background: rgba(68, 68, 68, 0.95);
}
.sidebar li:hover {
  background: #ddd;
  color: #333;
}
.sidebar li.breadcrumb {
  color: #ea6300;
}

.sidebar_darker {
  border-top: 1px solid #909090;
}
.sidebar_darker li:hover {
  background: #ddd;
  color: #737373;
}

/* SVG Colors */
svg.drawing g.passive g {
  stroke: #afafaf;
  stroke-width: 2;
  stroke-linecap: round;
  fill: #fff;
}
svg.drawing g.passive g.full {
  fill: #77B107;
}
svg.drawing g.passive g.partial {
  fill: #FFBF00;
}

svg.drawing g.active g {
  fill: #909090;
}
svg.drawing g.active g:hover {
  cursor: crosshair;
}
svg.drawing g.active g.full {
  fill: #77B107;
}
svg.drawing g.active g.partial {
  fill: #FFBF00;
}

svg.drawing g.window {
  fill: #e1eef8;
}
svg.drawing g.tyre {
  fill: #ddd;
}
svg.drawing g.frontlight {
  fill: #ffdf20;
}
svg.drawing g.rearlight {
  fill: #ff675c;
}

.column-counter {
  color: rgba(255, 255, 255, 0.75);
}

:root, html {
  background-color: #737373;
}

body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
body > header {
  box-sizing: border-box;
  width: 100%;
  height: 2.5rem;
  flex: 0 0 auto;
  z-index: 30;
}
body > menu {
  box-sizing: border-box;
  width: 100%;
  height: 2.5rem;
  flex: 0 0 auto;
  z-index: 25;
}
body > menu:empty {
  display: none;
}
body > main {
  box-sizing: border-box;
  width: 100%;
  flex: 1 0 0px;
  z-index: 20;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
body > footer {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 10;
  max-width: 100vw;
  background-size: contain;
  background-position-y: bottom;
}

main {
  display: block;
  padding: 8px 6px;
}
main > section {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
main > .flex.table, main > form {
  min-width: 1350px;
  max-width: calc(100vw - 3rem);
  margin-left: 0.75rem;
  flex-grow: 0;
}
main > .flex.table.medium, main > form.medium {
  min-width: 900px;
  width: calc(100vw - 3rem);
}
main > .flex.table.narrow, main > form.narrow {
  min-width: 500px;
  width: 500px;
  margin: auto;
}

.typo_small {
  font-size: 0.75em;
}

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

.component_input {
  clear: both;
  display: flex;
  flex-shrink: 0;
  margin: 0.16em 0;
  align-items: center;
}
.flex.table .component_input {
  flex: 1 1 0%;
}
.component_input > .component_input {
  margin: 0;
}
._row > .component_input {
  flex: 1 1 0%;
}
.component_input.-unsaved {
  box-shadow: 0px 0px 8px #007aa9;
  min-width: 18px;
}
.component_input.flex.input, .component_input.flex.input_menu {
  padding: 0;
}
.component_input > label {
  color: #737373;
  padding: 0 0.4em;
  font-weight: 500;
  flex: 0 0 10rem;
  box-sizing: border-box;
  min-height: 2.5em;
  align-self: flex-start;
  align-items: center;
  line-height: 1;
  display: flex;
  flex-direction: row-reverse;
  text-align: right;
}
.component_input > label.-postfix {
  flex: 0 0 auto;
}
.component_input > label span {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25em;
}
.component_input > label .component_icon {
  padding-left: 0.25em;
}
.component_input > :not(label):not(._overlay_button):not(img):not(.tox) {
  flex: 1 1;
  box-sizing: border-box;
  min-width: 0px;
}
.component_input > .tox {
  flex-grow: 1;
}
.component_input.growlabel > label {
  flex: 1 0 auto;
  max-width: calc(100% - 10rem);
  white-space: normal;
  box-sizing: content-box;
}
.component_input.growlabel > :not(label):not(._overlay_button):not(button):not(.button_active):not(.button_pause):not(.ok_button) {
  flex: 0 0 10rem;
  width: 10rem;
}
.component_input.growlabel-small > label {
  flex: 1 0 auto;
  max-width: calc(100% - 5rem);
  white-space: normal;
}
.component_input.growlabel-small > :not(label):not(._overlay_button):not(button):not(.button_active):not(.button_pause):not(.ok_button) {
  flex: 0 0 5rem;
  width: 5rem;
}
.component_input.growlabel-big > label {
  flex: 1 0 auto;
  max-width: calc(100% - 15rem);
  white-space: normal;
}
.component_input.growlabel-big > :not(label):not(._overlay_button):not(button):not(.button_active):not(.button_pause):not(.ok_button) {
  flex: 0 0 15rem;
  width: 15rem;
}
.component_input.autolabel > label {
  flex: 0 0 auto;
}
.component_input input:not([type=button]):not([type=checkbox]):not([type=radio]), .component_input select:not([multiple]), .component_input div.fakeinput {
  height: 2.5em;
}
.component_input div.fakeinput {
  -webkit-user-select: text;
  user-select: text;
}
.component_input > div:not(.tox) {
  display: flex;
  align-items: center;
}
.component_input > div:not(.tox)._column {
  flex-direction: column;
}
.component_input > div:not(.tox)._column:not(.-leftgroup) {
  align-items: flex-start;
}
.component_input > div:not(.tox)._column input[type=checkbox], .component_input > div:not(.tox)._column input[type=radio] {
  height: 1rem;
  margin-bottom: -1rem;
}
.component_input ._overlay_button, .component_input ._overlay_icon {
  flex: 0 0;
  width: 20px;
  min-width: 20px;
  position: relative;
  padding: 0px;
  border-bottom: 0px;
}
.component_input ._overlay_button {
  margin: 0px 10px 0px -30px;
  z-index: 1;
}
.component_input ._overlay_button + ._overlay_button {
  left: -25px;
}
.component_input ._overlay_button.file_image {
  background: url("../image/icon/actionmenu/actionmenu_add.svg") center no-repeat;
  background-size: 20px 20px;
}
.component_input ._overlay_button.retrieve {
  background: url("../image/icon/inputfields/btn_retrieve.svg") center no-repeat;
}
.component_input ._overlay_button.time {
  background: url("../image/icon/inputfields/btn_time.svg") center no-repeat;
}
.component_input ._overlay_button.calendar {
  background: url("../image/icon/inputfields/btn_calendar.svg") center no-repeat;
}
.component_input ._overlay_button.color {
  background: url("../image/icon/inputfields/btn_color.svg") center no-repeat;
}
.component_input ._overlay_button.file {
  background: url("../image/icon/inputfields/btn_file.svg") center no-repeat;
}
.component_input ._overlay_button.copy {
  background: url("../image/icon/inputfields/btn_copy.svg") center no-repeat;
}
.component_input ._overlay_button.phone {
  background: url("../image/icon/inputfields/btn_phone.svg") center no-repeat;
}
.component_input ._overlay_button.search {
  background: url("../image/icon/inputfields/btn_search.svg") center no-repeat;
}
.component_input ._overlay_button.file, .component_input ._overlay_button.search {
  background-size: 20px 20px;
}
.component_input ._overlay_button.locked {
  background: url("../image/icon/jobcard/btn_jc_lock.svg");
  background-size: 20px 20px;
}
.component_input ._overlay_button.unlocked {
  background: url("../image/icon/jobcard/btn_jc_unlock.svg");
  background-size: 20px 20px;
}
.component_input ._overlay_icon {
  margin: 0px -30px 0px 10px;
}
.component_input ._overlay_icon + input:not([type=button]):not([type=checkbox]):not([type=radio]), .component_input ._overlay_icon + div.fakeinput {
  padding-left: 35px;
}
.component_input ._overlay_icon + select {
  padding-left: 30px;
}
.component_input ._datetime input[type=text] {
  flex: 1 1 40%;
}
.component_input ._datetime input[type=text]:first-child {
  flex: 1 1 60%;
}
.component_input ._datetime input.glow, .component_input ._datetime input.glow + input._overlay_button {
  z-index: 1;
}
.component_input.-reverse {
  flex-direction: row-reverse;
}
.component_input.-reverse > label {
  text-align: left;
}
.component_input.-natural > * {
  flex: 0 0 auto;
}
.component_input.-uppercase input {
  text-transform: uppercase;
}
.component_input .-monospace {
  font-family: "Fira Code", monospace;
}

.login_form {
  box-sizing: border-box;
  background: #fff;
  width: 380px;
  min-width: 380px;
  margin: 10rem auto;
  padding: 25px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.login_form ._logo {
  width: 100%;
  margin-bottom: 1rem;
}
.login_form ._message {
  margin: 0 -25px 1rem;
  box-sizing: border-box;
  background: #FFDC76;
  padding: 0.5em 25px;
}
.login_form ._message:empty {
  display: none;
}
.login_form ._message.-warning {
  background: #CE271C;
  color: #fff;
}
.login_form button, .login_form .button_active, .login_form .button_pause, .login_form .ok_button {
  flex: 1 1 0%;
  height: 2.5rem;
}
.login_form hr {
  width: 100%;
  margin: 1rem 0;
}