@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("/css/fonts/OpenSans-Light.ttf");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/css/fonts/OpenSans-Regular.ttf");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("/css/fonts/OpenSans-Bold.ttf");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/css/fonts/OpenSans-ExtraBold.ttf");
}
/* Styles on default html elements */
html, body, div, span, applet, object, iframe,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  outline: none;
}

colgroup, col {
  display: none;
}

tr, td, th {
  vertical-align: middle;
  text-align: left;
  font-weight: 300;
}

td[rowspan] {
  vertical-align: top;
}

strong, h1, h2, h3, h4, th {
  font-weight: 700;
}

h1 {
  font-size: 1.5em;
}

h2 {
  font-size: 1.3em;
}

h3 {
  font-size: 1.1em;
}

h4, h5, h6 {
  font-variant: small-caps;
  text-decoration: underline;
}

h6 {
  font-size: 0.9em;
}

*, *:before, *:after {
  box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html, body {
  height: 100%;
}

body {
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #4E4D50;
}
body > br {
  content: " ";
  display: none;
}
body > br:after {
  content: " ";
}

ol, ul {
  list-style: none;
}

id {
  display: none;
}

select {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #4E4D50;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #e8e7e7 url(/images/svg/angle-down.svg) no-repeat 97% 50%;
  background-size: 15px 15px;
  padding: 6px 12px;
  padding-right: 25px !important;
  width: auto;
  outline: none;
  border: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538);
  border-radius: 2px;
  height: 31px;
  position: relative;
  text-overflow: "";
  text-indent: 0.01px;
}

select[size][multiple=multiple] {
  height: auto;
}

input[type=button], input[type=submit] {
  margin-top: 0px;
  background: #F05822;
  border: none;
  padding: 7px 10px;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  border-radius: 1px;
  font-family: "Open Sans", sans-serif;
}
input[type=button]:not([disabled]):hover, input[type=submit]:not([disabled]):hover {
  background: #d64627;
}
input[type=button].state_not_set, input[type=submit].state_not_set {
  background: #F05822 !important;
  color: #fff !important;
}
input[type=button].state_set, input[type=submit].state_set {
  background: #FEC000 !important;
  color: #4E4D50 !important;
}

.chosen-search-input.default {
  padding: 7px !important;
}

input[type=text], .chosen-container, textarea, input[type=password] {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #4E4D50;
  border: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538);
  border-radius: 2px;
  width: 100%;
  padding: 7px;
  outline: none;
}

input[type=text], input[type=password] {
  height: 31px !important;
}

button {
  outline: none !important;
}

input[type=checkbox] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  outline: none;
  border-radius: 2px;
  width: 15px;
  height: 15px;
  margin-left: 0px;
  margin-right: 7px;
  border: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538);
  background: #e8e7e7;
  vertical-align: middle;
}

input[type=checkbox]:checked {
  background-color: #F05822;
  border-color: #F05822;
}

input[type=checkbox]:checked:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  font-weight: 900;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
}

label {
  font-size: 11px;
  font-weight: 300;
  color: #212B33;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: rgb(180.025477707, 179.076433121, 181.923566879);
}

::-moz-placeholder { /* Firefox 19+ */
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: rgb(180.025477707, 179.076433121, 181.923566879);
}

:-ms-input-placeholder { /* IE 10+ */
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: rgb(180.025477707, 179.076433121, 181.923566879);
}

:-moz-placeholder { /* Firefox 18- */
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: rgb(180.025477707, 179.076433121, 181.923566879);
}

::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.5);
}

::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar:horizontal {
  height: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.2);
}

h2 {
  display: block;
  margin-top: 10px !important;
  padding-bottom: 10px;
  margin-bottom: 10px !important;
}
h2 strong {
  font-size: 25px;
  font-weight: 400;
  color: #353535;
}
h2 span > span {
  color: #F05822 !important;
}
h2 span > span:hover {
  text-decoration: underline;
}

hr {
  width: 100%;
  border-top: 1px dotted #e8e7e7;
  display: none;
}

img[src="images/copy2.png"] {
  content: url(../images/svg/copy.svg);
  width: 15px;
}

img[src="images/copy2.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  background-size: 100% 100% !important;
  background: url(../images/svg/copy.svg) no-repeat;
  width: 15px;
  height: 15px;
}

img[src="images/edit2.png"] {
  display: inline-block;
  content: url(../images/svg/edit.svg);
  width: 15px;
}

img[src="images/edit2.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  background-size: 100% 100% !important;
  background: url(../images/svg/edit.svg) no-repeat;
  width: 15px;
  height: 15px;
}

img[src="images/add.png"] {
  display: inline-block;
  content: url(../images/svg/add.svg);
  width: 15px;
}

img[src="images/add.png"], img[src="images/_core/add.orange.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  background-size: 100% 100% !important;
  background: url(../images/svg/add.svg) no-repeat;
  width: 15px;
  height: 15px;
}

img[src="images/warning.png"] {
  display: inline-block;
  content: url(../images/svg/warning.svg);
  width: 15px;
}

img[src="images/warning.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  background-size: 100% 100% !important;
  background: url(../images/svg/warning.svg) no-repeat;
  width: 15px;
  height: 15px;
}

img[src="images/imex.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  background-size: 100% 100% !important;
  background: url(../images/svg/info.svg) no-repeat;
  width: 18px;
  height: 18px;
}

img[src="images/clock.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  background-size: 100% 100% !important;
  background: url(../images/svg/clock.svg) no-repeat;
  width: 18px;
  height: 18px;
}

img[src="images/excel.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  background-size: 100% 100% !important;
  background: url(../images/svg/excel.svg) no-repeat;
  width: 18px;
  height: 18px;
}

img[src="images/excel_schedule.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  background-size: 100% 100% !important;
  background: url(../images/svg/upload.svg) no-repeat;
  width: 18px;
  height: 18px;
}

img[src="images/letteropen.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/svg/read.svg) no-repeat;
  width: 12px;
  height: 12px;
}

img[src="images/small_save.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/svg/check.svg) no-repeat;
  width: 15px;
  height: 15px;
  float: left;
}

img[src="images/pending.gif"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/svg/clock.svg) no-repeat;
  width: 15px;
  height: 15px;
  float: left;
}

img[src="images/chrono.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/svg/clock.svg) no-repeat;
  width: 17px;
  height: 17px;
}

img[src="images/calc.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/svg/calc.svg) no-repeat;
  width: 15px;
  height: 15px;
}

img[src="images/camera.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/svg/camera.svg) no-repeat;
  width: 15px;
  height: 15px;
}

img[src="images/remarks.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/svg/note.svg) no-repeat;
  width: 15px;
  height: 15px;
}

img[src="images/box.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/svg/box.svg) no-repeat;
  width: 15px;
  height: 15px;
}

img[src="images/delete.png"] {
  width: 15px;
  height: 15px;
}

img[src="images/close.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 25px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/svg/close.svg) no-repeat;
  width: 25px;
  height: 25px;
}
img[src="images/close.png"]:hover {
  background: url(../images/svg/close_h.svg) no-repeat;
}

img[src="images/_core/delete.png"], img[src="images/trash.png"] {
  display: inline;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/svg/close.svg) no-repeat;
  width: 15px;
  height: 15px;
}
img[src="images/_core/delete.png"]:hover, img[src="images/trash.png"]:hover {
  background: url(../images/svg/close_h.svg) no-repeat;
}

h1 img[src="images/carpass.gif"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 163px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/logo-carpass-white.png) no-repeat;
  width: 163px;
  height: 40px;
}

img.comm_type,
img.comm_direction {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 40px;
  overflow: hidden;
  background-position: center center !important;
  background-size: 50% 50% !important;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}
img.comm_type:hover, img.comm_type[src$="active.png"],
img.comm_direction:hover,
img.comm_direction[src$="active.png"] {
  background-color: #F05822;
}

img[src="images/sms.png"] {
  background-image: url(../images/svg/sms.svg);
}

img[src="images/smsactive.png"],
img[src="images/sms.png"]:hover {
  background-image: url(../images/svg/sms_a.svg);
}

img[src="images/email.png"] {
  background-image: url(../images/svg/at.svg);
}

img[src="images/emailactive.png"],
img[src="images/email.png"]:hover {
  background-image: url(../images/svg/at_a.svg);
}

img[src="images/phone.png"] {
  background-image: url(../images/svg/phone.svg);
}

img[src="images/phoneactive.png"],
img[src="images/phone.png"]:hover {
  background-image: url(../images/svg/phone_a.svg);
}

img[src="images/mobile.png"] {
  background-image: url(../images/svg/mobile.svg);
}

img[src="images/mobileactive.png"],
img[src="images/mobile.png"]:hover {
  background-image: url(../images/svg/mobile_a.svg);
}

img[src="images/fax.png"] {
  background-image: url(../images/svg/fax.svg);
}

img[src="images/faxactive.png"],
img[src="images/fax.png"]:hover {
  background-image: url(../images/svg/fax_a.svg);
}

img[src="images/other.png"] {
  background-image: url(../images/svg/other.svg);
}

img[src="images/otheractive.png"],
img[src="images/other.png"]:hover {
  background-image: url(../images/svg/other_a.svg);
}

img[src="images/pencil_note.png"] {
  background-image: url(../images/svg/pencil_note.svg);
}

img[src="images/pencil_noteactive.png"],
img[src="images/pencil_note.png"]:hover {
  background-image: url(../images/svg/pencil_note_a.svg);
}

img[src="images/notification.png"] {
  background-image: url(../images/svg/comment.svg);
}

img[src="images/notificationactive.png"],
img[src="images/notification.png"]:hover {
  background-image: url(../images/svg/comment_a.svg);
}

img[src="images/mailin.png"] {
  background-image: url(../images/svg/inbox.svg);
}

img[src="images/mailinactive.png"],
img[src="images/mailin.png"]:hover {
  background-image: url(../images/svg/inbox_a.svg);
}

img[src="images/mailout.png"] {
  background-image: url(../images/svg/outbox.svg);
}

img[src="images/mailoutactive.png"],
img[src="images/mailout.png"]:hover {
  background-image: url(../images/svg/outbox_a.svg);
}

img[src="images/save.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 23px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/svg/save.svg) no-repeat;
  width: 23px;
  height: 23px;
}

img[src="images/commprint.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/svg/print.svg) no-repeat;
  width: 20px;
  height: 20px;
}

img[src="images/sendandsave.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 23px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/svg/send.svg) no-repeat;
  width: 20px;
  height: 20px;
}

img[src="images/star.orange.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/svg/star.svg) no-repeat;
  width: 15px;
  height: 15px;
}

input[src="images/save.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  overflow: hidden;
  background-size: 100% 100% !important;
  background: url(../images/svg/save.svg) no-repeat;
  width: 30px;
  height: 30px;
}

.bold-underlined {
  text-decoration: underline;
  font-weight: bold;
}

.pnlqtcore input[type=text], .pnlqtcore input[type=password] {
  width: 500px;
}

.pnlqtcore .qfolderselect input[type=text] {
  width: 400px;
}

.pnlqtcore .qfolderselect button {
  width: 100px;
}

strong, strong * {
  font-weight: 700;
}

.smaller {
  font-weight: 600;
}

span.small-caps-head {
  font-variant: small-caps;
  font-size: 2em;
  font-weight: bold;
}

div.letterselect {
  margin: 5px;
  padding: 2px;
}

div.letterselect span[data-role=letter-button] {
  display: inline-block;
  cursor: pointer;
  border: 1px solid black;
  margin: 1px;
  padding: 4px;
  font-weight: bold;
  min-width: 24px;
  text-align: center;
  color: #fff;
  background-color: #F05822;
}

div.letterselect span[data-role=letter-button][data-selected="1"] {
  color: #4E4D50;
  background-color: #FEC000;
}

.fa-clock-o.fa-v4 {
  font-family: FontAwesome; /* FA4 font */
}

.fa-clock-o.fa-v4.planning-clock-icon {
  padding-right: 5px;
  font-size: 18px;
}

.fa-clock-o.fa-v4.working_too_long_notproductive_color {
  color: #ffed19;
}

.fa-clock-o.fa-v4.working_too_long_color {
  color: #FF2832;
}

.fa-clock-o.fa-v4.almost_working_too_long_color {
  color: #f05822;
}

.fa-clock-o.fa-v4.working_color {
  color: #009991;
}

/* Standard icon styles */
.fa-icon {
  font-family: "Font Awesome 5 Free";
}

.ui-icon-person:after {
  content: "\f007";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
}

.icon_label[onclick] {
  border: 0 none;
}

.ico_small {
  width: 19px;
  height: 19px;
  background-image: url(../images/ico_small.png) !important;
  display: inline-block;
  cursor: pointer;
  margin: 0 2px;
  position: relative;
  vertical-align: text-bottom;
  text-align: center;
}

.ico_big {
  width: 25px;
  height: 25px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 1px 1px;
  vertical-align: text-bottom;
  text-align: center;
}
.ico_big:after {
  content: "";
  width: 25px;
  height: 25px;
  line-height: 25px;
  display: block;
  position: absolute;
  font-size: 20px;
  font-family: "Font Awesome 5 Free";
  top: 0;
  left: 0;
}

.ico_biggy {
  width: 18px;
  height: 18px;
  background-size: 390px auto;
  background-image: url(../images/ico_big.png) !important;
  display: inline-block;
  cursor: pointer;
  margin: 1px 1px;
  vertical-align: text-bottom;
  text-align: center;
}

.ico_big.albatros {
  width: 34px;
  height: 34px;
  background: url(../images/ico_big.png) -374px -68px;
}

.ico_big.driver2 {
  background: url(../images/ico_big.png) -170px -68px;
  height: 34px;
  width: 34px;
}

.ico_big.plusgrey {
  width: 34px;
  height: 34px;
  background: url(../images/ico_big.png) -510px -68px;
}

.ico_big.plusdarkgrey {
  width: 34px;
  height: 34px;
  background: url(../images/ico_big.png) -544px -68px;
}

.ico_big.plusorange {
  width: 34px;
  height: 34px;
  background: url(../images/ico_big.png) -578px -68px;
}

.ico_big.plusred {
  width: 34px;
  height: 34px;
  background: url(../images/ico_big.png) -612px -68px;
}

.ico_biggy.lock_closed {
  background-position: -22px -44px;
}

.qcontextmenu.ico_big.close {
  margin: 0 !important;
}

.ico_big.infoselected:after, .ico_big.info:after, .ico_big.infojob:after {
  content: "\f129";
  font-weight: 900;
}

.ico_big.print:after {
  content: "\f02f";
  font-weight: 900;
}

.ico_big.logistics:after {
  content: "\f4d7";
  font-weight: 900;
}

.ico_big.videos:after {
  content: "\f03d";
  font-weight: 900;
}

.ico_big.gic-btn:after {
  content: "\f065";
  font-weight: 900;
  font-size: 22px;
}

.ico_big.gic-btn:before {
  content: "";
  position: absolute;
  background: currentColor;
  width: 11px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ico_big.send:after {
  content: "\f1d8";
  font-weight: 900;
}

.ico_big.log:after {
  content: "\f1da";
  font-weight: 900;
}

.ico_big.docsselected:after, .ico_big.docs:after {
  content: "\f07c";
  font-weight: 900;
}

.ico_big.commselected:after, .ico_big.comm:after {
  content: "\f2ce";
  font-weight: 900;
}

.ico_big.replan:after, .ico_big.plan:after {
  content: "\f0ae";
  font-weight: 900;
}

.ico_big.orderedparts:after, .ico_big.orderparts:after, .ico_big.offeredparts:after {
  content: "\f07a";
  font-weight: 900;
}

.ico_big.thirdparty:after, .ico_big.thirdpartyselected:after {
  content: "\f2b5";
}

.ico_big.damage:after, .ico_big.damageselected:after {
  content: "\f5e1";
  font-weight: 900;
}

.ico_big.merge:after {
  content: "\f0c1";
  font-weight: 900;
}

.ico_big.rental:after, .ico_big.rentalinfo:after {
  content: "\f5e4";
  font-weight: 900;
}

.ico_big.custom:after {
  content: "\f1de";
  font-weight: 900;
}

.ico_big.remove:after {
  content: "\f05e";
  font-weight: 900;
}

.ico_big.lock_open:after {
  content: "\f023";
  font-weight: 900;
}

.ico_big.lock_closed:after {
  content: "\f09c";
  font-weight: 900;
}

.ico_big.estimation:after {
  content: "\f1ec";
  font-weight: 900;
}

.ico_big.agreement:after {
  content: "\f15c";
}

.ico_big.order:after {
  content: "\f03a";
  font-weight: 900;
}

.ico_big.ticket:after {
  content: "\f02c";
  font-weight: 900;
}

.ico_big.calendar-plus:after {
  content: "\f271";
  font-weight: 900;
}

.ico_big.close:after {
  content: "\f00d";
  font-weight: 900;
  margin-left: 10px;
  font-size: 25px;
}

.ico_big.tablet:after {
  content: "\f3cd";
  font-weight: 900;
  font-size: 30px;
}

.ico_big.broom:after {
  content: "\f12d";
  font-weight: 900;
}

.ico_big.invoice:after {
  content: "\f3d1";
  font-weight: 900;
}

.ico_big.idcard:after {
  content: "\f2c2";
}

.ico_big.save:after {
  content: "\f0c7";
}

.ico_biggy.lock_closed {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  background-size: 100% 100% !important;
  background-repeat: no-repeat;
  background-position: 0px 0px !important;
  background-image: url(../images/svg/lock.svg) !important;
  width: 15px;
  height: 15px;
}

.ico_small.chrono {
  position: relative;
  right: 25px;
}
.ico_small.chrono:after {
  background: #fff;
  padding: 2px;
  left: -1px;
}

.ico_small.card {
  position: absolute !important;
  top: 8px !important;
  left: auto !important;
  margin-left: -25px;
  background-image: none !important;
}
.ico_small.card:after {
  content: "\f2c2";
  display: inline-block;
  position: absolute;
  top: -1px;
  left: -1px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background: #f5f7f9;
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  opacity: 1;
}

.ico_small.responster:after {
  content: "\f118";
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #f5f7f9;
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  opacity: 1;
}

.ico_small.gear {
  background: none !important;
  position: relative;
}

.ico_small.gear:after {
  display: block;
  position: absolute;
  font-size: 20px;
  line-height: 1;
  text-decoration: none;
  content: "\f1de";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  text-decoration: inherit;
  top: 0px;
  padding-right: 3px;
  left: 0px;
}

.ico_small.comm {
  background: none !important;
  position: relative;
}

.ico_small.comm:after {
  display: block;
  position: absolute;
  font-size: 20px;
  line-height: 1;
  text-decoration: none;
  content: "\f2ce";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  text-decoration: inherit;
  top: 0px;
  padding-right: 3px;
  left: 0px;
}

.preferred_comm.comm:after {
  font-size: 15px;
  top: 3px;
}

.ico_small.imex {
  content: "\f129";
  font-weight: 900;
}

.ico_small.history {
  float: none !important;
  margin-right: 10px;
}

.ico_small.car2:after {
  display: block;
  position: relative;
  font-size: 15px;
  text-decoration: none;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  text-decoration: inherit;
  top: 0px;
  line-height: 20px;
  width: 20px;
  padding: 0 2px;
  background: #f5f7f9;
  left: 0;
  content: "\f1b9";
  font-weight: 900;
}

.ico_small.rentalinfo {
  background: transparent none !important;
}
.ico_small.rentalinfo:after {
  display: block;
  position: relative;
  font-size: 15px;
  text-decoration: none;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  text-decoration: inherit;
  top: 0px;
  line-height: 20px;
  width: 20px;
  padding: 0 2px;
  background: #f5f7f9;
  left: 0;
  content: "\f5e4";
  font-weight: 900;
  background: transparent none;
}

.ico_small.history:after {
  display: block;
  position: relative;
  font-size: 15px;
  text-decoration: none;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  text-decoration: inherit;
  top: 0px;
  line-height: 20px;
  width: 20px;
  padding: 0 2px;
  background: #f5f7f9;
  left: 0;
  content: "\f2d2";
  color: rgb(83.0675159236, 82.0025477707, 85.1974522293);
  font-weight: 900;
}

.ico_small.chrono:after {
  display: block;
  position: relative;
  font-size: 15px;
  text-decoration: none;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  text-decoration: inherit;
  top: 0px;
  line-height: 20px;
  width: 20px;
  padding: 0 2px;
  background: #f5f7f9;
  left: 0;
  content: "\f017";
  font-size: 18px;
}

.ico_small.refresh:after {
  display: block;
  position: relative;
  font-size: 15px;
  text-decoration: none;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  text-decoration: inherit;
  top: 0px;
  line-height: 20px;
  width: 20px;
  padding: 0 2px;
  background: #f5f7f9;
  left: 0;
  content: "\f2f1";
  font-weight: 900;
  background: #fff;
}

.ico_small.checklist:after {
  display: block;
  position: relative;
  font-size: 15px;
  text-decoration: none;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  text-decoration: inherit;
  top: 0px;
  line-height: 20px;
  width: 20px;
  padding: 0 2px;
  background: #f5f7f9;
  left: 0;
  content: "\f022";
  font-size: 18px;
}

.ico_small.appointmenttype_walk_in:after {
  display: block;
  position: relative;
  font-size: 15px;
  text-decoration: none;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  text-decoration: inherit;
  top: 0px;
  line-height: 20px;
  width: 20px;
  padding: 0 2px;
  background: #f5f7f9;
  left: 0;
  content: "\f554";
  font-size: 18px;
}

.ico_small.appointmenttype_walk_in {
  background-image: none !important;
}

.ico_small.appointmenttype_collection {
  content: " ";
  background: url(../images/collection2.svg) no-repeat center center !important;
  background-size: 100% !important;
}

.ico_small.appointmenttype_recovery {
  content: " ";
  background: url(../images/Recovery.svg) no-repeat center center !important;
  background-size: 100% !important;
}

.ico_small.new {
  margin-left: -25px;
  position: relative;
  display: inline-block;
  float: none !important;
  background-image: none !important;
}

.ico_small.new:after {
  display: inline;
  position: relative;
  font-size: 15px;
  text-decoration: none;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  top: 2px;
  background: #fff;
  left: 0;
  content: "\f044";
  font-size: 18px;
}

.ico_small.graph:after {
  display: block;
  position: relative;
  font-size: 15px;
  text-decoration: none;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  text-decoration: inherit;
  top: 0px;
  line-height: 20px;
  width: 20px;
  padding: 0 2px;
  background: #f5f7f9;
  left: 0;
  content: "\f201";
  font-size: 15px;
  font-weight: 900;
}

.ico_small.calculation {
  background-position: -38px 0;
}

.ico_small.clear {
  background-position: -57px 0;
}

.ico_small.imex {
  background-position: -76px 0;
}

.ico_small.orangestar {
  background-position: -95px 0;
}

.ico_small.copy {
  background-position: -114px 0;
}

.ico_small.import {
  background-position: -133px 0;
}

.ico_small.ub {
  background-position: -152px 0;
  padding: 0 !important;
  margin: 2px;
}

/* row 2 (afwijkende formaten) */
.ico_small.history {
  background-position: 0px -19px;
}

.ico_small.chrono {
  background-position: -19px -19px;
}

.ico_small.graph {
  background-position: -38px -19px;
}

.ico_small.car2 {
  background-position: -57px -19px;
}

.ico_small.new {
  background-position: -76px -19px;
}

.ico_small.euro {
  background-position: -95px -19px;
}

.ico_small.etx {
  background-position: -114px -19px;
}

.ico_small.pm {
  background-position: -133px -19px;
}

.ico_small.paint {
  background-position: -152px -19px;
}
.ico_small.paint:after {
  content: "\f575";
  font-weight: 900;
}

/* row 3 */
.ico_small.albatros {
  background-position: 0px -38px;
}

.ico_small.driver2 {
  background-position: -19px -38px;
}

.ico_small.gtmotive {
  background-position: -38px -38px;
}

.ico_small.wincar {
  background-image: url(../images/logo_wincar.png) !important;
  padding: 0 !important;
}

.ico_small.gear {
  background-position: -57px -38px;
}

.ico_small.audagarage {
  background-position: -38px -209px;
}

.ico_small.responster {
  background-position: -95px -38px;
}

.ico_small.refresh {
  background-position: -152px -38px;
}

/* row 4 */
.ico_small.idcard {
  background-position: 0px -57px;
}

.ico_small.prosec {
  background-position: -19px -57px;
}

.ico_small.checklist {
  background-position: -38px -57px;
}

.ico_small.warningred {
  background-position: -57px -57px;
}

.ico_small.warningyellow {
  background-position: -76px -57px;
}

.ico_small.success {
  background-position: -95px -57px;
}

.ico_small.question {
  background-position: -114px -57px;
}

/* row 5 thumbs */
.ico_small.thumb_up {
  background-position: 0px -76px;
}

.ico_small.thumb_up_green {
  background-position: -19px -76px;
}

.ico_small.thumb_down {
  background-position: -38px -76px;
}

.ico_small.thumb_down_red {
  background-position: -57px -76px;
}

.ico_small.database {
  background-position: -76px -76px;
}

.ico_small.dat {
  background-position: -95px -76px;
}

.ico_small.clocktiny {
  background-position: -114px -76px;
  width: 19px;
  height: 19px;
  position: absolute;
  right: 1px;
}

.ico_small.mantiny {
  background-position: -152px -76px;
  width: 19px;
  height: 19px;
  position: absolute;
  right: 1px;
}

.ico_small.ced {
  background-position: 0px -95px;
}

.ico_small.rentaltiny {
  background-position: -133px -83px;
  width: 13px;
  height: 13px;
}

.ico_small.audatex:after {
  content: " ";
  background: #e8e7e7 url(../images/svg/logo_aeg_black.svg) no-repeat center center !important;
  background-size: 50% !important;
}

.ico_small.qapter {
  background-image: none !important;
}
.ico_small.qapter:after {
  content: " ";
  background-image: url(../images/qapter_icon.png) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #e8e7e7;
  background-size: 50% !important;
}
.ico_small.qapter:hover:after {
  background-image: url(../images/qapter_icon_white.png) !important;
  background-color: #d64627 !important;
}

.ico_small.imex:after {
  content: "\f129";
  font-weight: 900;
}

.ico_small.dekra {
  background: transparent url(../images/svg/dekra.svg) no-repeat center center !important;
}

.ico_small.date-faulty {
  background: transparent none !important;
}
.ico_small.date-faulty:after {
  display: block;
  position: relative;
  font-size: 15px;
  text-decoration: none;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  text-decoration: inherit;
  top: 0px;
  line-height: 20px;
  width: 20px;
  padding: 0 2px;
  background: #f5f7f9;
  left: 0;
  background: transparent none;
  content: "\f273";
  font-size: 18px;
  font-weight: 400;
}
.taskrow .blocklabel .ico_small.date-faulty {
  width: 12px;
  height: 12px;
  margin: 0 2px;
}
.taskrow .blocklabel .ico_small.date-faulty:after {
  width: 12px;
  font-size: 11px;
  line-height: 11px;
}

.ico_big.navision {
  background: url(../images/logo_navision_new.png) no-repeat center;
  height: 28px;
  width: 35px;
  background-size: contain;
}

.traffic-light, .next-task-ready-to-start {
  background: transparent none !important;
  margin-left: 2px;
  float: left;
  font-size: 8px;
  text-shadow: 0 0 4px #000;
}

.traffic-light-red {
  color: red;
}

.traffic-light-green {
  color: green;
}

.traffic-light-yellow {
  color: yellow;
}

.ico_translation {
  color: #F05822;
  font-size: 1rem;
}
.ico_translation:hover {
  cursor: pointer;
}

#header {
  background: #454F57; /* Old browsers */
  background: -moz-linear-gradient(left, #454F57 0%, #454F57 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #454F57 0%, #454F57 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #454F57 0%, #454F57 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#454F57, endColorstr=#454F57, GradientType=1); /* IE6-9 */
  height: 100px;
  color: #f5f7f9;
  transition: height 0.3s ease;
}
#header #logowrap {
  width: 220px;
  position: fixed;
  top: 0;
  left: 0;
}
#header.collapse {
  height: 60px;
}
#header.collapse #logowrap {
  margin: 0 0 0 -70px;
}
#header.collapse #logowrap h1 {
  display: none;
}
#header.collapse #logowrap img {
  max-width: 60px;
}

#content {
  margin-top: -69px;
}
#content.collapse {
  margin-top: -29px;
}

#btnBack {
  position: absolute;
  top: 0;
  margin-left: -10px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
  color: #f5f7f9;
  cursor: pointer;
  padding: 5px 7px;
}

.topNav {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #f5f7f9;
  font-weight: 500;
  font-size: 12px;
}
.topNav .item-logout {
  cursor: pointer;
}
.topNav .item-logout:hover {
  background: #343e46;
  color: #f5f7f9;
  font-weight: inherit;
}
.topNav .item-logout, .topNav .item-user {
  padding: 6px 20px;
}
.topNav .item-logout:before, .topNav .item-user:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  padding-right: 10px;
  font-size: 13px;
  font-weight: 900;
}
.topNav .item-user::before {
  content: "\f007";
}
.topNav .item-logout::before {
  content: "\f2f5";
}
.topNav .item-lstLang {
  padding-left: 20px;
  cursor: pointer;
}
.topNav .item-lstLang:hover {
  background: #343e46;
  color: #f5f7f9;
}
.topNav .item-lstLang span > select {
  color: inherit;
  font-size: 12px;
  font-weight: 500;
  font-family: inherit;
  background: transparent;
  border: none;
  padding: 6px 20px 6px 10px !important;
}
.topNav .item-lstLang span > select option {
  background: #454F57;
}
.topNav span[onclick] {
  border-bottom: none;
}

#btnSwitchlayout {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  top: 5px;
  right: 25px;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  color: #F05822;
  border: none;
  outline: none;
}
#btnSwitchlayout:hover {
  text-decoration: underline;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #f5f7f9;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#nav-icon {
  height: 29px;
  width: 27px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon span:nth-child(1) {
  top: 0;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(2) {
  top: 8px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(3) {
  top: 16px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#mobilemenu {
  display: none;
  background: #454F57;
  padding: 20px;
}
#mobilemenu::after {
  content: "";
  display: table;
  clear: both;
}

#nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2px;
  left: 3px;
}

#nav-icon.open span:nth-child(2) {
  width: 0;
  opacity: 0;
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 17px;
  left: 3px;
}

/* ================== */
/* =    MAIN NAV    = */
/* ================== */
#navigator.collapse #navCommunication {
  color: transparent;
}

#navigator {
  float: left;
  width: 220px;
  position: fixed;
  overflow-x: hidden;
  height: calc(100% - 100px);
  border-top: 2px solid #212B33;
  transition: all 0.3s ease;
  background: #212B33; /* Old browsers */
  background: -moz-linear-gradient(top, #212B33 0%, #454F57 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #212B33 0%, #454F57 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #212B33 0%, #454F57 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#212B33, endColorstr=#454F57, GradientType=0); /* IE6-9 */
}
#navigator::after {
  content: "";
  display: table;
  clear: both;
}
#navigator #collapseMenuBtn {
  position: fixed;
  bottom: 0;
  transition: all 0.2s ease;
}
#navigator #collapseMenuBtn:hover {
  color: #fff;
  background: #F05822;
}
#navigator #collapseMenuBtn span {
  border-top: 1px solid #212B33;
}
#navigator #search {
  height: auto;
  border: 0;
  position: absolute;
  bottom: 63px;
  width: 100%;
  transition: all 0.2s ease;
}
#navigator #search:after {
  cursor: pointer;
  content: "\f002";
  font-weight: 900;
  position: absolute;
  bottom: 0;
  text-align: center;
  font-size: 22px;
  width: 63px;
  line-height: 37px;
  right: 0;
  font-family: "Font Awesome 5 Free";
}
#navigator #search .searchItem {
  padding: 0;
}
#navigator #search .searchItem {
  text-align: center;
  line-height: 1;
  height: auto;
  border: 0;
}
#navigator #search .searchItem input {
  padding: 10px;
  width: 100%;
  background: #212B33;
  color: #f5f7f9;
  border: 1px solid #212B33;
}
#navigator #search .searchItem input:focus {
  outline: 0;
}
#navigator #search .searchItem:hover {
  background: 0;
  cursor: auto;
}
#navigator .mnuItem:after {
  width: 63px;
  height: 63px;
  position: absolute;
  font-size: 22px;
  font-weight: 900;
  text-align: center;
  right: 0;
  font-family: "Font Awesome 5 Free";
}
#navigator.collapse {
  height: calc(100% - 60px);
  margin-left: -140px;
}
#navigator.collapse .mnuItem:after {
  display: inline;
}
#navigator.collapse #collapseMenuBtn:after {
  content: "\f152";
}
#navigator #navHelp:after {
  content: "\f128";
}
#navigator #navMain:after {
  content: "\f017";
}
#navigator #navFile:after {
  content: "\f15c";
}
#navigator #navPlanning:after {
  content: "\f073";
}
#navigator #navReport:after {
  content: "\f201";
}
#navigator #navMaintenance:after {
  content: "\f0ad";
}
#navigator #navSystem:after {
  content: "\f1de";
}
#navigator #navRental:after {
  content: "\f5e4";
}
#navigator #navInvoicing:after {
  content: "\f3d1";
}
#navigator #navCommunication:after {
  content: "\f086";
  color: #929497;
}
#navigator #navCommunication.selected:after, #navigator #navCommunication:hover:after {
  color: #fff;
}
#navigator #collapseMenuBtn:after {
  content: "\f191";
}
#navigator #navCommunication:hover.mnuItem[data-count]:before, #navigator #navCommunication.selected.mnuItem[data-count]:before {
  background: #fff;
  color: #F05822;
}
#navigator #navCommunication.mnuItem[data-count]:before {
  content: attr(data-count);
  position: absolute;
  height: 15px;
  min-width: 15px;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #F05822;
  right: 15px;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 1px;
  white-space: nowrap;
  line-height: 1;
  font-size: 11px;
  font-weight: 700;
  transition: all 0.2s ease;
}
#navigator.collapse #navCommunication.mnuItem[data-count]:before {
  top: 5px;
  right: 10px;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}
#navigator span {
  position: relative;
  display: block;
  height: 60px;
  border-bottom: 1px solid #212B33;
  color: #B3B2B3;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
}
#navigator span:last-child {
  border-bottom: none;
}
#navigator span span {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
  padding-left: 20px;
  line-height: 60px;
}
#navigator span span.selected, #navigator span span:hover {
  background: #F05822;
  color: #fff;
}

/* ================== */
/* =     SEC NAV    = */
/* ================== */
#subnav {
  padding: 0 15px 0 15px;
  background: #e8e7e7;
}

#subnav h1 {
  font-size: 42px;
  font-weight: 700;
  color: #353535;
  padding-bottom: 14px;
}

#mnuSubmenu > span > li {
  display: inline-block;
  padding: 15px;
  cursor: pointer;
  color: #929497;
  font-weight: 400;
  font-size: 14px;
  text-transform: inherit;
  border: 1px solid rgba(255, 255, 255, 0);
  border-bottom: 0 solid rgba(255, 255, 255, 0);
}
#mnuSubmenu > span > li.current, #mnuSubmenu > span > li:hover {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #F05822;
  border-bottom-style: solid;
  border-bottom-width: 0;
  border-bottom-color: #4E4D50;
}
#mnuSubmenu > span > li:not(.current):hover {
  border-bottom-color: rgb(180.025477707, 179.076433121, 181.923566879);
}
#mnuSubmenu > span > li ul {
  max-height: 0;
  overflow: hidden;
  position: absolute;
  background: #fff;
  min-width: 100px;
  margin-left: -16px;
  margin-top: 16px;
  z-index: 3;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.42);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.42);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.42);
  color: #929497;
  font-weight: 400;
  font-size: 14px;
  text-transform: inherit;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#mnuSubmenu > span > li ul li {
  line-height: 20px;
  padding: 10px 20px 10px 20px;
}
#mnuSubmenu > span > li ul li:hover, #mnuSubmenu > span > li ul li.current {
  color: #F05822;
  text-decoration: underline;
}
#mnuSubmenu > span > li ul span {
  padding: 10px;
}
#mnuSubmenu > span > li ul span:first-child {
  display: none;
}
#mnuSubmenu > span > li:hover ul {
  max-height: 800px;
  height: auto;
}

@media only screen and (max-height: 850px) {
  #navigator span {
    height: 55px;
  }
  #navigator span span {
    line-height: 55px;
  }
}
@media screen and (max-height: 830px) {
  #navigator {
    overflow-y: auto;
  }
  #navigator #collapseMenuBtn, #navigator #search {
    bottom: 0;
    position: relative;
  }
  #navigator #collapseMenuBtn span, #navigator #search span {
    border-top: none;
  }
}
@media only screen and (max-width: 768px) {
  #mobilemenu {
    height: 60px;
    margin-top: 27px;
    float: right;
    display: block;
  }
  #logowrap {
    margin-left: 0;
  }
  #navigator {
    width: 100%;
    float: none;
    position: static;
    height: auto;
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
  }
  #navigator #collapseMenuBtn {
    display: none;
  }
  #navigator .mnuItem:after {
    display: inline;
  }
  #navigator.collapse {
    margin-left: 0;
  }
  #navigator.openmenu {
    max-height: 1000px;
  }
  #logowrap {
    width: 100%;
    position: static;
  }
  #mnuSubmenu {
    padding-bottom: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  #mnuSubmenu > span > li {
    display: block;
  }
  #mnuSubmenu > span > li.current, #mnuSubmenu > span > li:hover {
    border-bottom: 1px solid #fff;
  }
  #mnuSubmenu > span > li ul {
    max-height: 0;
    overflow: hidden;
    background: #fff;
    right: 20px;
    min-width: 40%;
    margin-left: -20px;
    z-index: 1;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.42);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.42);
    color: #929497;
    font-weight: 400;
    font-size: 14px;
    text-transform: inherit;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
}
#logowrap {
  transition: margin 0.3s ease;
  text-align: center;
}
#logowrap img#logo {
  max-height: 50px;
  margin: 5px 0 5px 0;
  max-width: 190px;
}
#logowrap div.sublogowrap img {
  max-height: 40px;
  max-width: 100%;
}
#logowrap h1 {
  margin-top: 5px;
  display: block;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: inherit;
}
#logowrap h1 span:first-child {
  font-weight: 700;
}
#logowrap[data-role=login-popup-logo] {
  position: static;
  display: inline-block;
  width: 100%;
  background-color: #454F57;
  color: #f5f7f9;
}

/* Custom css stuffs */
/* ================== */
/* =   MAIN STYLES  = */
/* ================== */
form {
  background: #454F57;
}

#roadmapIFrame {
  height: 750px !important;
}

#sphinx\.iFrame {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}

#rentalwrap iframe {
  width: 100%;
}

#container {
  margin: 0 auto;
  width: 100%;
}
#container::after {
  content: "";
  display: table;
  clear: both;
}

.chosen-container {
  padding: 0;
  margin: 10px 0 0 10px;
}
.chosen-container ul li {
  height: 30px;
}
.chosen-container .chosen-results {
  max-height: 140px;
}
.chosen-container .chosen-choices {
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #e8e7e7 !important;
  background-image: none !important;
  box-shadow: none;
}
.chosen-container .chosen-search-input {
  line-height: 30px !important;
  height: 30px !important;
  padding: 4px;
  color: rgb(180.025477707, 179.076433121, 181.923566879) !important;
  font-family: "Open Sans", sans-serif !important;
}

.alert, .lock {
  font-size: 14px;
  padding: 10px 30px;
  color: #F05822;
  position: relative;
  font-weight: 400;
}
.alert span, .lock span {
  font-weight: 400;
}
.alert:before, .lock:before {
  content: "\f071";
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.lock:before {
  content: "\f09c";
  left: 12px;
}

#bannerbox {
  background: #f5f7f9;
}
#bannerbox > span {
  display: block;
  padding-left: 38px;
}

.ac_results {
  font-family: "Open Sans", sans-serif !important;
  color: #212B33;
}
.ac_results .ac_over {
  background: #F05822 !important;
}

.renderWithName {
  position: relative;
}
.renderWithName .left, .renderWithName .right {
  position: relative;
}

.menu {
  border: 1px solid #e8e7e7;
  outline: none !important;
  color: #212B33;
  font-weight: 400;
  font-size: 10px;
}
.menu > div {
  background: #f5f7f9 !important;
  padding: 5px !important;
  border-bottom: 1px solid #e8e7e7;
}
.menu > div:hover {
  background: #F05822 !important;
  color: #fff;
}

.floatcontainer .left2 div.highlight-field {
  float: right;
}

#personnelAbilityTable tr td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#personnelAbilityTable tr td .textbox.calculable {
  max-width: 100px;
}

.carlogo {
  display: inline-block;
  max-height: 20px;
  max-width: 50px;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
  height: 100%;
  position: relative;
}
.carlogo:after {
  line-height: 20px;
  height: 30px;
  width: 100%;
  position: absolute;
  top: 0;
  background: #fff;
  content: attr(alt);
  display: block;
  text-align: center;
  font-size: 12px;
}

.smalltitle {
  font-variant: small-caps;
  font-size: 2em;
  font-weight: bold;
}

.bigbutton .carlogo:after {
  text-align: left;
}

.datagrid tbody tr:nth-child(odd) .carlogo:after {
  background: #f5f7f9;
}
.datagrid .make {
  text-align: center;
}

.input-currency, .ui-dialog span.input-currency {
  position: relative !important;
}

.input-currency[data-currency=DH] input {
  text-indent: 1.5em;
}

.color-white {
  color: white !important;
}

.color-black {
  color: black !important;
}

/* ================== */
/* =      MISC      = */
/* ================== */
#doomsdayclock {
  position: fixed;
  bottom: 15px !important;
  right: 15px !important;
  padding: 10px 30px 10px 45px !important;
  font-size: 12px;
  max-width: 300px;
  font-weight: 400;
  border: none !important;
  background-color: #fff !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
  left: auto !important;
  height: auto !important;
}
#doomsdayclock:before {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  content: "\f05a";
  left: 15px;
  font-size: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#doomsdayclock img[src="images/asterisk_yellow.png"] {
  display: none;
}
#doomsdayclock a {
  color: #F05822;
  text-decoration: none;
}

/*br {
  content: ' ';
  display: none;
}
br:after {
  content: ' '
}*/
.fileflow .ico_small.clocktiny {
  position: relative;
  right: 0;
}

.fileflow .ico_small.mantiny {
  position: relative;
  right: 0;
}

.btnClientWaiting {
  background-repeat: no-repeat;
  background-image: url("../images/coffeecupinactive.png") !important;
  cursor: pointer;
  opacity: 0.3;
  position: relative;
  margin: 0 2px 0 5px;
}

.isWaiting .btnClientWaiting {
  opacity: 1;
  background-image: url(../images/coffeecup.png) !important;
}

.isWaitingSmall {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
}
.isWaitingSmall::after {
  font-family: "Font Awesome 5 Free";
  content: "\f7b6";
  font-weight: 900;
  padding-right: 2px;
  font-size: 10px;
}

.btnPriority:after {
  content: "\f06a";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #f5f7f9;
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  opacity: 1;
  font-weight: 900;
}

.priority.blink .btnPriority:after {
  color: #F05822;
}

.btnPriority {
  position: relative;
  background-repeat: no-repeat;
  background-image: none !important;
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
  opacity: 1;
  width: 20px;
  height: 15px;
}

.datagrid .btnPriority {
  margin-left: 10px;
}

.namecontainer > input {
  padding-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btnbusinessnr {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.btnbusinessnr:after {
  font-family: "Font Awesome 5 Free";
  width: 15px;
  height: 15px;
  font-size: 15px;
  position: absolute;
  content: "\f002";
  font-weight: 900;
}

.priority:after {
  color: #F05822;
}

/* ================== */
/* =    CONTENT     = */
/* ================== */
#app_controller {
  position: relative;
  /*padding: 0px 10px 0px 10px;*/
  padding: 15px;
  background: #fff;
  margin-top: -1px;
  border-top: 1px solid #fff;
}
#app_controller::after {
  content: "";
  display: table;
  clear: both;
}

#content {
  margin-left: 220px;
  min-height: 95.6vh;
  min-height: calc(100vh - 32px);
  background: #fff;
  transition: margin 0.3s ease;
}
#content::after {
  content: "";
  display: table;
  clear: both;
}
#content.collapse {
  margin-left: 80px;
}

/* ================== */
/* =   DATAGRIDS    = */
/* ================== */
#fileTable .datagrid {
  min-height: 480px;
}
#fileTable .datagrid td, #fileTable .datagrid a, #fileTable .datagrid .tdImage, #fileTable .datagrid span {
  font-weight: 400;
}
#fileTable .datagrid .tdImage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#fileTable .datagrid .number-of-days {
  font-weight: bold;
  border: 1px solid #4E4D50;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.datagrid, table#data {
  display: inline-block;
  vertical-align: top;
  min-height: 100px;
  max-width: 100%;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 15px;
  font-size: 12px;
  margin-bottom: 15px;
  border: 1px solid #f5f7f9;
  -webkit-overflow-scrolling: touch;
}
.datagrid thead, table#data thead {
  border-top: 1px solid #e8e7e7;
  border-bottom: 1px solid #e8e7e7;
  background: #fff;
}
.datagrid thead .selectBox select, table#data thead .selectBox select {
  background: transparent url(/images/svg/angle-down.svg) no-repeat 97% 50%;
  background-size: 15px 15px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  height: auto;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
}
.datagrid a, table#data a {
  text-decoration: none;
  color: #4E4D50;
  font-weight: 400;
}
.datagrid th a, table#data th a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.datagrid th a:hover, table#data th a:hover {
  text-decoration: underline;
  color: #F05822;
}
.datagrid tbody tr:nth-child(odd), table#data tbody tr:nth-child(odd) {
  background-color: #f5f7f9;
}
.datagrid tbody tr:nth-child(even), table#data tbody tr:nth-child(even) {
  background-color: #fff;
}
.datagrid tr, table#data tr {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.datagrid th, table#data th {
  /* position:relative; */ /* !!! DO NOT generalize position relative here, or it will bug out again */
  height: 50px;
}
.datagrid th, .datagrid td, table#data th, table#data td {
  font-weight: 400;
  padding: 8px;
}
.datagrid th span, .datagrid td span, table#data th span, table#data td span {
  color: #4E4D50 !important;
}
.datagrid th span.text-red, .datagrid td span.text-red, table#data th span.text-red, table#data td span.text-red {
  color: red !important;
}
.datagrid th span.text-orange, .datagrid td span.text-orange, table#data th span.text-orange, table#data td span.text-orange {
  color: orange !important;
}
.datagrid caption, table#data caption {
  position: relative;
  display: block !important;
  width: 100% !important;
  background: #f5f7f9;
  padding: 10px 10px;
  color: #000;
  font-weight: 400;
}
.datagrid caption::after, table#data caption::after {
  content: "";
  display: table;
  clear: both;
}
.datagrid caption a, table#data caption a {
  color: #000;
  font-weight: 400;
}

.datagrid tbody tr:hover, .datagrid tbody tr:hover a, .datagrid tbody tr:hover span {
  cursor: pointer;
  color: #F05822 !important;
}

.datagrid tbody tr:hover .number-of-days {
  border-color: #F05822 !important;
}

.datagrid--flip th:not(:last-child),
.datagrid--flip td:not(:last-child) {
  border-bottom: 0;
}

tbody {
  width: 100% !important;
}

.paginator {
  float: right;
  line-height: 30px;
  text-align: left;
}
.paginator .selected {
  color: #F05822;
  padding: 5px;
}
.paginator .page {
  padding: 5px;
}
.paginator span.arrow:first-child {
  background: rgb(246.4830508475, 160.1779661017, 129.5169491525) no-repeat;
  background-size: contain;
  padding: 0 !important;
  position: relative !important;
  z-index: 0;
  top: 3px;
  display: inline-block;
  height: 15px;
  width: 15px !important;
  overflow: hidden;
  color: rgb(246.4830508475, 160.1779661017, 129.5169491525);
  margin-right: 10px;
  background-image: url(../images/svg/left.svg);
}
.paginator span.arrow:last-child {
  background: rgb(246.4830508475, 160.1779661017, 129.5169491525) no-repeat;
  background-size: contain;
  padding: 0 !important;
  position: relative !important;
  z-index: 0;
  top: 3px;
  display: inline-block;
  height: 15px;
  width: 15px !important;
  overflow: hidden;
  color: rgb(246.4830508475, 160.1779661017, 129.5169491525);
  margin-left: 10px;
  background-image: url(../images/svg/right.svg);
}
.paginator span.arrow:last-child a {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccc;
  width: 15px;
  height: 15px;
  background-color: #F05822 !important;
  content: url(../images/svg/right.svg);
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  background-size: 100% 100% !important;
  background: #F05822 url(../images/svg/right.svg) no-repeat;
  width: 15px;
  height: 15px;
}
.paginator span.arrow:first-child a {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccc;
  width: 15px;
  height: 15px;
  background-color: #F05822 !important;
  content: url(../images/svg/left.svg);
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  background-size: 100% 100% !important;
  background: #F05822 url(../images/svg/left.svg) no-repeat;
  width: 15px;
  height: 15px;
}
.paginator .break {
  display: none;
}

.datagrid .left {
  float: left;
  text-align: left;
  line-height: 30px;
}

.datagrid .left > span input, .datagrid_tab {
  float: left;
  margin-right: 10px;
}

/* ================== */
/* =    FILTER      = */
/* ================== */
.left2fixedpixels {
  position: relative;
}

.left2fixedpixels::after, .left2::after, .left2system::after {
  content: "";
  display: table;
  clear: both;
}
.left2fixedpixels .filter, .left2 .filter, .left2system .filter {
  display: block;
  position: relative;
  float: left;
  width: 60%;
  margin-bottom: 15px;
  padding-right: 10px;
}
.left2fixedpixels .filter thead, .left2fixedpixels .filter tbody, .left2fixedpixels .filter th, .left2fixedpixels .filter td, .left2fixedpixels .filter tr, .left2 .filter thead, .left2 .filter tbody, .left2 .filter th, .left2 .filter td, .left2 .filter tr, .left2system .filter thead, .left2system .filter tbody, .left2system .filter th, .left2system .filter td, .left2system .filter tr {
  display: block;
}
.left2fixedpixels .filter caption, .left2 .filter caption, .left2system .filter caption {
  text-align: left;
  display: block;
  float: right;
  padding-top: 10px;
}
.left2fixedpixels .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_expanded.png"] + span, .left2fixedpixels .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_not_expanded.png"] + span, .left2 .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_expanded.png"] + span, .left2 .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_not_expanded.png"] + span, .left2system .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_expanded.png"] + span, .left2system .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_not_expanded.png"] + span {
  background: #F05822;
  border: none;
  padding: 7px 10px;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  border-radius: 1px;
  font-family: "Open Sans", sans-serif;
  display: inline-block;
  padding-left: 5px;
  padding-right: 7px;
  margin-top: 5px;
  margin-right: 0;
  margin-left: 0;
}
.left2fixedpixels .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_expanded.png"] + span:not([disabled]):hover, .left2fixedpixels .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_not_expanded.png"] + span:not([disabled]):hover, .left2 .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_expanded.png"] + span:not([disabled]):hover, .left2 .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_not_expanded.png"] + span:not([disabled]):hover, .left2system .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_expanded.png"] + span:not([disabled]):hover, .left2system .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_not_expanded.png"] + span:not([disabled]):hover {
  background: #d64627;
}
.left2fixedpixels .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_expanded.png"] + span.state_not_set, .left2fixedpixels .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_not_expanded.png"] + span.state_not_set, .left2 .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_expanded.png"] + span.state_not_set, .left2 .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_not_expanded.png"] + span.state_not_set, .left2system .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_expanded.png"] + span.state_not_set, .left2system .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_not_expanded.png"] + span.state_not_set {
  background: #F05822 !important;
  color: #fff !important;
}
.left2fixedpixels .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_expanded.png"] + span.state_set, .left2fixedpixels .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_not_expanded.png"] + span.state_set, .left2 .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_expanded.png"] + span.state_set, .left2 .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_not_expanded.png"] + span.state_set, .left2system .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_expanded.png"] + span.state_set, .left2system .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_not_expanded.png"] + span.state_set {
  background: #FEC000 !important;
  color: #4E4D50 !important;
}
.left2fixedpixels .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_expanded.png"], .left2fixedpixels .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_not_expanded.png"], .left2 .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_expanded.png"], .left2 .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_not_expanded.png"], .left2system .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_expanded.png"], .left2system .filter > tbody > tr:nth-child(10) td > span:first-child img[src="images/_core/treenav_not_expanded.png"] {
  display: none;
}
.left2fixedpixels .filter #btnAdvanced_ctl, .left2 .filter #btnAdvanced_ctl, .left2system .filter #btnAdvanced_ctl {
  display: block !important;
  width: 100%;
  float: none !important;
  margin-bottom: 13px;
  margin-top: 58px;
}
.left2fixedpixels .filter #btnAdvanced_ctl img[src="images/_core/treenav_expanded.png"] + span, .left2 .filter #btnAdvanced_ctl img[src="images/_core/treenav_expanded.png"] + span, .left2system .filter #btnAdvanced_ctl img[src="images/_core/treenav_expanded.png"] + span {
  background: #F05822;
  border: none;
  padding: 7px 10px;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  border-radius: 1px;
  font-family: "Open Sans", sans-serif;
  padding-left: 5px;
  padding-right: 7px;
  margin-top: 20px;
  margin-right: 0;
  margin-left: 0;
}
.left2fixedpixels .filter #btnAdvanced_ctl img[src="images/_core/treenav_expanded.png"] + span:not([disabled]):hover, .left2 .filter #btnAdvanced_ctl img[src="images/_core/treenav_expanded.png"] + span:not([disabled]):hover, .left2system .filter #btnAdvanced_ctl img[src="images/_core/treenav_expanded.png"] + span:not([disabled]):hover {
  background: #d64627;
}
.left2fixedpixels .filter #btnAdvanced_ctl img[src="images/_core/treenav_expanded.png"] + span.state_not_set, .left2 .filter #btnAdvanced_ctl img[src="images/_core/treenav_expanded.png"] + span.state_not_set, .left2system .filter #btnAdvanced_ctl img[src="images/_core/treenav_expanded.png"] + span.state_not_set {
  background: #F05822 !important;
  color: #fff !important;
}
.left2fixedpixels .filter #btnAdvanced_ctl img[src="images/_core/treenav_expanded.png"] + span.state_set, .left2 .filter #btnAdvanced_ctl img[src="images/_core/treenav_expanded.png"] + span.state_set, .left2system .filter #btnAdvanced_ctl img[src="images/_core/treenav_expanded.png"] + span.state_set {
  background: #FEC000 !important;
  color: #4E4D50 !important;
}
.left2fixedpixels .filter #btnAdvanced_ctl img[src="images/_core/treenav_expanded.png"], .left2 .filter #btnAdvanced_ctl img[src="images/_core/treenav_expanded.png"], .left2system .filter #btnAdvanced_ctl img[src="images/_core/treenav_expanded.png"] {
  display: none;
}
.left2fixedpixels .filter > tbody, .left2 .filter > tbody, .left2system .filter > tbody {
  padding: 0 10px 10px 10px;
  background: #f5f7f9;
}
.left2fixedpixels .filter > tbody::after, .left2 .filter > tbody::after, .left2system .filter > tbody::after {
  content: "";
  display: table;
  clear: both;
}
.left2fixedpixels .filter > tbody > tr:first-child, .left2 .filter > tbody > tr:first-child, .left2system .filter > tbody > tr:first-child {
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 5px;
  border-bottom: 1px solid #e8e7e7;
  margin-bottom: 10px;
  line-height: 30px;
  background: #f5f7f9;
}
.left2fixedpixels .filter select, .left2 .filter select, .left2system .filter select {
  height: 31px !important;
  width: 100%;
}
.left2fixedpixels .filter select[multiple=multiple][size], .left2 .filter select[multiple=multiple][size], .left2system .filter select[multiple=multiple][size] {
  height: auto !important;
}
.left2fixedpixels .filter select[multiple=multiple] + br + a, .left2 .filter select[multiple=multiple] + br + a, .left2system .filter select[multiple=multiple] + br + a {
  background: #F05822;
  border: none;
  padding: 7px 10px;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  border-radius: 1px;
  font-family: "Open Sans", sans-serif;
  position: absolute;
  right: -25px;
  margin-top: 5px;
  text-decoration: none;
}
.left2fixedpixels .filter select[multiple=multiple] + br + a:not([disabled]):hover, .left2 .filter select[multiple=multiple] + br + a:not([disabled]):hover, .left2system .filter select[multiple=multiple] + br + a:not([disabled]):hover {
  background: #d64627;
}
.left2fixedpixels .filter select[multiple=multiple] + br + a.state_not_set, .left2 .filter select[multiple=multiple] + br + a.state_not_set, .left2system .filter select[multiple=multiple] + br + a.state_not_set {
  background: #F05822 !important;
  color: #fff !important;
}
.left2fixedpixels .filter select[multiple=multiple] + br + a.state_set, .left2 .filter select[multiple=multiple] + br + a.state_set, .left2system .filter select[multiple=multiple] + br + a.state_set {
  background: #FEC000 !important;
  color: #4E4D50 !important;
}
.left2fixedpixels .filter > tbody > tr:nth-child(n+2):nth-child(-n+9), .left2 .filter > tbody > tr:nth-child(n+2):nth-child(-n+9), .left2system .filter > tbody > tr:nth-child(n+2):nth-child(-n+9) {
  padding: 0 0 0 1px;
  width: 25%;
  min-height: 40px;
  float: left;
}
.left2fixedpixels .filter > tbody > tr:nth-child(n+2):nth-child(-n+9) input:not([type=checkbox]):not([type=radio]), .left2 .filter > tbody > tr:nth-child(n+2):nth-child(-n+9) input:not([type=checkbox]):not([type=radio]), .left2system .filter > tbody > tr:nth-child(n+2):nth-child(-n+9) input:not([type=checkbox]):not([type=radio]) {
  width: 100%;
}
.left2fixedpixels .filter > tbody > tr:nth-child(n+2):nth-child(-n+9) td, .left2 .filter > tbody > tr:nth-child(n+2):nth-child(-n+9) td, .left2system .filter > tbody > tr:nth-child(n+2):nth-child(-n+9) td {
  position: relative;
}
.left2fixedpixels .filter > tbody > tr:nth-child(6), .left2 .filter > tbody > tr:nth-child(6), .left2system .filter > tbody > tr:nth-child(6) {
  clear: both;
}
.left2fixedpixels .filter .advanced_filter, .left2 .filter .advanced_filter, .left2system .filter .advanced_filter {
  width: 33.33%;
  background: #f5f7f9;
  float: left;
  height: 36px;
  padding-right: 5px;
  padding-top: 5px;
}
.left2fixedpixels .filter .advanced_filter td, .left2 .filter .advanced_filter td, .left2system .filter .advanced_filter td {
  position: relative;
}
.left2fixedpixels .filter .advanced_filter td .ui-datepicker-trigger, .left2 .filter .advanced_filter td .ui-datepicker-trigger, .left2system .filter .advanced_filter td .ui-datepicker-trigger {
  margin-right: 3px;
}
.left2fixedpixels .filter .advanced_filter table, .left2 .filter .advanced_filter table, .left2system .filter .advanced_filter table {
  display: block;
  text-align: left;
  background: #fff;
  border: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538);
}
.left2fixedpixels .filter .advanced_filter table tbody, .left2fixedpixels .filter .advanced_filter table tr, .left2 .filter .advanced_filter table tbody, .left2 .filter .advanced_filter table tr, .left2system .filter .advanced_filter table tbody, .left2system .filter .advanced_filter table tr {
  display: block;
}
.left2fixedpixels .filter .advanced_filter table td, .left2 .filter .advanced_filter table td, .left2system .filter .advanced_filter table td {
  display: inline-block;
  line-height: 28px;
  text-align: left;
}
.left2fixedpixels .filter .advanced_filter table td input[type=checkbox], .left2 .filter .advanced_filter table td input[type=checkbox], .left2system .filter .advanced_filter table td input[type=checkbox] {
  float: left;
  margin-left: 5px;
}
.left2fixedpixels .filter .ui-datepicker-trigger, .left2 .filter .ui-datepicker-trigger, .left2system .filter .ui-datepicker-trigger {
  position: absolute;
  top: 7px;
  right: 5px;
}
.left2fixedpixels .filter .calendar, .left2 .filter .calendar, .left2system .filter .calendar {
  width: 100% !important;
}
.left2fixedpixels .ui-daterangepicker-arrows, .left2 .ui-daterangepicker-arrows, .left2system .ui-daterangepicker-arrows {
  position: relative;
  background: #fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  height: 31px;
  border: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538);
}
.left2fixedpixels .ui-daterangepicker-prev, .left2fixedpixels .ui-daterangepicker-next, .left2 .ui-daterangepicker-prev, .left2 .ui-daterangepicker-next, .left2system .ui-daterangepicker-prev, .left2system .ui-daterangepicker-next {
  text-decoration: none;
  color: #999;
  border: none;
}
.left2fixedpixels .ui-daterangepicker-prev:hover, .left2fixedpixels .ui-daterangepicker-next:hover, .left2 .ui-daterangepicker-prev:hover, .left2 .ui-daterangepicker-next:hover, .left2system .ui-daterangepicker-prev:hover, .left2system .ui-daterangepicker-next:hover {
  border: none;
  color: #F05822;
}
.left2fixedpixels .ui-daterangepicker-next:hover, .left2 .ui-daterangepicker-next:hover, .left2system .ui-daterangepicker-next:hover {
  margin-right: 2px;
}
.left2fixedpixels .ui-daterangepicker-prev:after, .left2fixedpixels .ui-daterangepicker-next:after, .left2 .ui-daterangepicker-prev:after, .left2 .ui-daterangepicker-next:after, .left2system .ui-daterangepicker-prev:after, .left2system .ui-daterangepicker-next:after {
  display: block;
  position: absolute;
  width: 20px;
  font-size: 16px;
  padding-left: 3px;
  height: 28px;
  line-height: 28px;
  top: -6px;
  text-decoration: none;
  background: #fff;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
.left2fixedpixels .ui-daterangepicker-prev:after, .left2 .ui-daterangepicker-prev:after, .left2system .ui-daterangepicker-prev:after {
  content: "\f053";
  font-weight: 900;
  left: 0;
}
.left2fixedpixels .ui-daterangepicker-next:after, .left2 .ui-daterangepicker-next:after, .left2system .ui-daterangepicker-next:after {
  content: "\f054";
  font-weight: 900;
  left: -2px;
}
.left2fixedpixels .ui-daterangepicker-arrows input.ui-rangepicker-input, .left2 .ui-daterangepicker-arrows input.ui-rangepicker-input, .left2system .ui-daterangepicker-arrows input.ui-rangepicker-input {
  height: 28px !important;
  border: 0;
  margin-left: 28px !important;
  width: 60%;
  margin-top: -2px;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  color: #4E4D50;
}
.left2fixedpixels .chosen-container, .left2 .chosen-container, .left2system .chosen-container {
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  border: none;
  padding: 0 !important;
}
.left2fixedpixels .chosen-container::after, .left2 .chosen-container::after, .left2system .chosen-container::after {
  content: "";
  display: table;
  clear: both;
}
.left2fixedpixels .chosen-container input, .left2 .chosen-container input, .left2system .chosen-container input {
  height: 28px !important;
  width: 100% !important;
}
.left2fixedpixels .chosen-container .chosen-choices, .left2 .chosen-container .chosen-choices, .left2system .chosen-container .chosen-choices {
  border: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538) !important;
}
.left2fixedpixels .chosen-container ul li, .left2 .chosen-container ul li, .left2system .chosen-container ul li {
  height: 29px;
}

.left2 {
  overflow: visible;
}

/* ================== */
/* =  CLAIMS PAGE   = */
/* ================== */
.floatcontainer #pnlStats {
  float: right;
  width: 40%;
  padding-left: 10px;
}
.floatcontainer #pnlStats .filter {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
}
.floatcontainer #pnlStats .filter tr {
  display: table-row;
  margin: 0;
  width: 100%;
  height: auto;
  padding: 10px;
  float: none;
}
.floatcontainer #pnlStats .filter tr::after {
  content: "";
  display: table;
  clear: both;
}
.floatcontainer #pnlStats .filter tr th {
  font-weight: 600;
}
.floatcontainer #pnlStats .filter tr td, .floatcontainer #pnlStats .filter tr th {
  display: table-cell;
  font-size: 12px;
  padding: 1px;
  margin: 0;
  width: 25%;
  height: 20px;
}
.floatcontainer #pnlStats .filter tr th:first-child,
.floatcontainer #pnlStats .filter tr td:first-child {
  width: 50%;
}
.floatcontainer #pnlStats .filter tr:nth-child(odd) {
  background: #f5f7f9 !important;
}

.qdocumentlist {
  text-align: left;
  margin-top: 15px;
  padding: 5px 5px 1px 5px;
}
.qdocumentlist .ui-state-highlight {
  height: 138px;
  background: #fff;
  border: 1px dashed #4E4D50;
}
.qdocumentlist .documentActionsWrap {
  margin-left: -4px;
}
.qdocumentlist .documentActionsWrap div {
  width: 50%;
  display: inline-block;
}
.qdocumentlist .documentActions {
  padding-bottom: 7px;
}
.qdocumentlist .documentActions select {
  margin-left: 7px;
  padding: 2px;
  height: auto;
  width: auto !important;
}
.qdocumentlist .documentCatEdit {
  margin-bottom: 5px;
  text-align: right;
}
.qdocumentlist .documentCatEdit input {
  outline: 0;
  background: 0;
  padding: 0;
  color: #F05822;
}
.qdocumentlist .filter-items {
  margin-left: -4px;
}
.qdocumentlist .filter-items li {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
  width: calc(25% - 4px);
  position: relative;
}
.qdocumentlist .filter-items li i {
  font-size: 11px;
}
.qdocumentlist .filter-items li.addCat {
  width: 31px;
}
.qdocumentlist .filter-items li.addCat a {
  padding-top: 7px;
}
.qdocumentlist .filter-items li.customCat a {
  width: calc(100% - 34px);
  display: inline-block;
}
.qdocumentlist .filter-items li.customCat a.deleteCat {
  width: 32px;
  padding-top: 7px;
}
.qdocumentlist .filter-items li a {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  font-size: 11px;
  cursor: pointer;
  font-weight: 600;
  padding: 8px 11px;
  background: #e8e7e7;
  color: #212B33;
  display: block;
}
.qdocumentlist .filter-items li a.new {
  display: inline-block;
  width: calc(100% - 34px);
  border: 1px solid #212B33;
  text-overflow: initial;
  border-right: 0;
  cursor: text;
  min-height: 29px;
  overflow: hidden;
}
.qdocumentlist .filter-items li a.new:hover {
  background: #e8e7e7;
  color: #212B33;
}
.qdocumentlist .filter-items li a.new + a {
  width: 34px;
  padding-top: 7px;
  border: 1px solid #212B33;
  border-left: 0;
  display: inline-block;
}
.qdocumentlist .filter-items li a:hover, .qdocumentlist .filter-items li a.selected {
  color: #f5f7f9;
  background-color: #212B33;
}
.qdocumentlist .qdocline {
  margin-left: -5px;
  position: relative;
}
.qdocumentlist .qdocline > span {
  display: inline-block;
  width: calc(25% - 10px);
  max-width: 138px;
  margin: 5px !important;
}
.qdocumentlist .qdocline.editMode .qdocument img[src="images/delete.png"] {
  display: none;
}
.qdocumentlist .qdocline.editMode .qdocument > img:nth-child(1) {
  filter: blur(1px) grayscale(100%);
}
.qdocumentlist .qdocline.editMode .qdocument.selected {
  color: #F05822;
  font-weight: 700;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.56), 0 5px 5px rgba(0, 0, 0, 0.5);
}
.qdocumentlist .qdocline.editMode .qdocument.selected > img:nth-child(1) {
  filter: saturate(2) grayscale(0%);
}
.qdocumentlist .qdocline .qdocument {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 10px solid #fff !important;
  text-align: center;
  position: relative;
  background: #fff;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.qdocumentlist .qdocline .qdocument:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
.qdocumentlist .qdocline .qdocument:hover span:nth-child(4) {
  color: #F05822;
}
.qdocumentlist .qdocline .qdocument > img:nth-child(1) {
  height: 100px !important;
  width: 100% !important;
  top: auto;
  right: auto;
  object-fit: cover;
  position: relative !important;
}
.qdocumentlist .qdocline .qdocument .removeIconParent {
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 5;
}
.qdocumentlist .qdocline .qdocument img[src="images/view.png"] {
  display: none;
}
.qdocumentlist .qdocline .qdocument img[src="images/delete.png"] {
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.qdocumentlist .qdocline .qdocument span {
  font-size: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
}
.qdocumentlist .qdocline .qdocument span[onclick] {
  max-width: none;
  white-space: normal;
  overflow: visible;
  text-overflow: none;
  line-height: normal;
  border-bottom: none;
  font-weight: normal;
}

.plupload_container {
  background: #f5f7f9 !important;
  font-family: "Open Sans", sans-serif;
}

.plupload_header_content {
  display: none;
}

.plupload_filelist_footer {
  height: auto !important;
}

.plupload_filelist_header, .plupload_filelist_footer {
  background: #e8e7e7;
}

.plupload_filelist {
  width: auto !important;
  border-left: 5px solid #e8e7e7 !important;
  background: #fff !important;
}
.plupload_filelist li {
  background: #fff !important;
}
.plupload_filelist li.plupload_droptext {
  line-height: 270px !important;
}

.ui-icon-closethick {
  background-image: none !important;
}

.ui-icon-closethick:after {
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  font-family: "Font Awesome 5 Free";
  content: "\f00d";
  font-weight: 900;
  color: #212B33;
  font-size: 25px;
  left: 0;
  top: 0;
}

.ui-button-icon-only .ui-icon {
  text-indent: 0 !important;
  position: relative;
  top: 10px;
  left: 6px;
  width: 25px;
  height: 25px;
}

.ui-button-icon-only:hover .ui-icon-closethick:after {
  color: #F05822;
}

.ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close {
  border: 0;
  position: absolute !important;
  background: none;
  width: 25px !important;
  height: 25px !important;
  background-color: #e8e7e7 !important;
  color: #e8e7e7;
  top: 7px !important;
  right: 13px !important;
  padding: 0 !important;
  margin: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: inline-block !important;
  overflow: hidden;
}

.ui-dialog-title {
  font-weight: 600;
}

.ui-dialog-titlebar {
  display: block !important;
  -webkit-border-radius: 1px !important;
  -moz-border-radius: 1px !important;
  border-radius: 1px !important;
  background: #e8e7e7 !important;
  margin: 0;
  border: 0;
  padding: 5px 15px !important;
  font-weight: 400;
  color: #454F57;
  line-height: 30px;
  position: relative !important;
  font-size: 14px;
}

.ui-widget-overlay {
  background: rgb(0, 0, 0);
  position: fixed !important;
}

#pSearch {
  background: #f5f7f9 !important;
}

#quickappointment_popup {
  width: 50% !important;
  margin: 0 auto;
}

.rounded {
  margin-bottom: 15px;
  border: 1px solid #e8e7e7;
}
.rounded tr {
  height: 50px;
}
.rounded tr td, .rounded tr th {
  padding-left: 15px;
}
.rounded tr:nth-child(even) {
  background: #fff;
}
.rounded tr:nth-child(odd) {
  background: #f5f7f9;
}
.rounded th {
  font-weight: 600 !important;
  background: #fff;
  border-bottom: 1px solid #e8e7e7;
}
.rounded th a {
  font-weight: 600;
  text-decoration: none;
}

#radtable {
  width: 60% !important;
  margin: 0 auto !important;
  margin-bottom: 15px !important;
}
#radtable tr:nth-child(1) td, #radtable tr:nth-child(1) th {
  background: #fff !important;
  border: none !important;
  border-bottom: 1px solid #e8e7e7 !important;
}
#radtable tr {
  background: #fff;
}
#radtable tr td, #radtable tr th {
  width: auto !important;
  min-width: 150px;
  padding: 7px;
  font-size: 12px !important;
  background: #fff !important;
  border-bottom: 1px solid #e8e7e7;
}
#radtable tr td label, #radtable tr th label {
  line-height: 14px;
  font-size: 12px !important;
  background: #fff !important;
}

#transactioninvoice .renderWithName {
  margin-bottom: 5px;
}
#transactioninvoice .renderWithName::after {
  content: "";
  display: table;
  clear: both;
}
#transactioninvoice .renderWithName .left, #transactioninvoice .renderWithName .right {
  float: left;
  padding: 5px;
  min-width: 150px;
}
#transactioninvoice div:nth-child(3) .renderWithName {
  margin-bottom: 0;
}
#transactioninvoice div:nth-child(5) .renderWithName {
  margin-top: 0;
}
#transactioninvoice div:nth-child(4) .renderWithName {
  margin-bottom: 0;
  margin-top: 0;
}
#transactioninvoice div:nth-child(4) .renderWithName .right, #transactioninvoice div:nth-child(4) .renderWithName .left {
  padding: 0;
}
#transactioninvoice label, #transactioninvoice span {
  font-size: 12px;
  font-weight: 400;
}

#bannerbox .info, #bannerbox .warning {
  padding: 5px;
  margin-bottom: 10px;
  color: #4E4D50;
}

#bannerbox .info:before, #bannerbox .warning:before {
  width: 12px;
  padding-right: 8px;
  height: 12px;
  color: #4E4D50;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

#bannerbox .info:before {
  content: "\f05a";
  font-weight: 900;
}

#bannerbox .warning:before {
  content: "\f06a";
  color: #ec1661;
}

#bannerbox ~ div .renderWithName select {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* ================== */
/* = CLAIMS DETAILS = */
/* ================== */
#claimdetail .ico_small.responster {
  margin-left: -15px;
}
#claimdetail #injectpopup span a {
  margin-bottom: 15px;
}
#claimdetail #injectpopup span:last-child a {
  margin-bottom: 0;
}
#claimdetail #injectpopup .ico_small:after {
  content: "";
}

.mnupopup {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  padding: 15px;
  background: #fff;
  width: auto;
  min-width: 100px;
}
.mnupopup a {
  color: #454F57;
  text-decoration: none;
  font-size: 12px;
}
.mnupopup .ico_big {
  text-align: center;
}
.mnupopup .ico_big:after {
  position: relative;
  top: 1px;
  left: -7px;
}
.mnupopup .ico_big.remove:after {
  content: "\f1f8";
}
.mnupopup#adminpopup .file_button_container {
  line-height: 25px;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 12px;
  text-align: left !important;
}
.mnupopup#adminpopup .file_button_container:hover {
  background: #F05822;
  color: #fff;
}
.mnupopup#adminpopup .file_button_container br {
  display: none;
}
.mnupopup#adminpopup .file_button_container .icon_label {
  text-align: left !important;
}
.mnupopup .anchor2, .mnupopup .anchorbutton {
  padding: 5px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mnupopup .anchor2:hover, .mnupopup .anchorbutton:hover {
  background: #F05822;
  color: #fff;
}
.mnupopup .anchor2:hover a, .mnupopup .anchorbutton:hover a {
  color: #fff;
}
.mnupopup .anchorbutton {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  line-height: 25px;
}
.mnupopup .anchorbutton span {
  display: inline-block;
  vertical-align: top;
  margin: 1px;
  white-space: nowrap;
}
.mnupopup div.anchor2 div {
  display: inline-block;
}
.mnupopup div.anchor2 div:last-child {
  top: 3px;
  position: relative;
}
.mnupopup div.anchor2 a {
  display: block;
  white-space: nowrap;
}
.mnupopup div.anchor2 a:last-child {
  font-size: 10px;
  font-style: italic;
}

#c1 .floatcontainer > span:first-child + div div:nth-child(9) > div:hover .mnupopup {
  opacity: 1;
}

.observeme {
  border-top: 30px solid #e8e7e7;
  background: #f5f7f9;
  display: block !important;
}
.observeme .ui-datepicker-trigger {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 70px !important;
}
.observeme input[type=checkbox] {
  float: left;
  top: 1px;
  margin-left: 0;
}
.observeme #chkQuotIn {
  position: absolute;
  margin-left: 5px;
  top: 3px;
}
.observeme #txtVin {
  width: 137px !important;
}
.observeme #txtVincode {
  width: 28px !important;
  padding: 0;
  min-width: 10px;
  text-align: center;
}
.observeme #txtMileage {
  width: 77px !important;
}
.observeme #txtMileage2 {
  width: 78px !important;
}
.observeme #datFirstregistration {
  width: 170px !important;
}
.observeme #datFirstregistration + .ui-datepicker-trigger {
  left: 145px;
}
.observeme #txtBlock {
  min-width: 165px;
}
.observeme > tbody {
  font-size: 14px;
  font-weight: 300;
  color: #4E4D50;
  display: block;
  font-weight: 300 !important;
  color: #212B33;
  padding: 25px 15px;
  font-size: 12px;
}
.observeme > tbody::after {
  content: "";
  display: table;
  clear: both;
}
.observeme tr td {
  position: relative;
  padding: 2px;
}
.observeme tr td span {
  display: inline-block;
}
.observeme #datDamagedate {
  width: 170px !important;
}
.observeme #datDamagedate ~ .ui-datepicker-trigger, .observeme #datFirstregistration ~ .ui-datepicker-trigger {
  left: 145px !important;
}
.observeme .calendar {
  position: relative;
}
.observeme .btnClientWaiting {
  position: absolute;
  left: -25px;
  top: 5px;
  margin: 0 2px;
}
.observeme #datQuoteDate, .observeme #datAppointmentDate, .observeme #datDateIn, .observeme #datReadytostart, .observeme #datPredictedEnddate, .observeme #datSignoffdate, .observeme #datePickupdate, .observeme #datBookOutDate, .observeme #datVehicleBlockedStart, .observeme #datVehicleBlockedEnd {
  width: 90px !important;
}
.observeme .calendar:after {
  width: 10px;
  height: 10px;
  content: "";
  position: absolute;
}
.observeme input[type=text], .observeme select {
  font-size: 10px !important;
  min-width: 35px;
  max-width: 165px;
  line-height: 25px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 0;
  padding: 2px 5px;
}
.observeme .time {
  width: 75px !important;
}
.observeme .hasDatepicker {
  width: 115px !important;
}
.observeme #lblNumberOfDaysVehicleInWorkshop {
  line-height: 25px;
}

.observeme + hr {
  display: none;
}

#claimsactions {
  background: #e8e7e7;
  height: auto !important;
  margin-bottom: 0;
}
#claimsactions::after {
  content: "";
  display: table;
  clear: both;
}
#claimsactions hr {
  display: none;
}
#claimsactions > div {
  display: block !important;
  float: left;
}
#claimsactions > div::after {
  content: "";
  display: table;
  clear: both;
}

.observeme + hr + .floatcontainer > span div:nth-child(5) > div, .observeme + hr + .floatcontainer > span div:nth-child(4) > div {
  margin-right: 10px;
  font-weight: 700;
}

.observeme + hr + .floatcontainer > span > div div:hover:after {
  background: #F05822;
  color: #fff;
}

.observeme + hr + .floatcontainer > div > div > div {
  display: block;
  float: left;
  margin-top: 1px;
  margin-left: 1px;
  margin-bottom: 1px;
  background: #f5f7f9;
  height: 47px !important;
  width: 45px;
  padding: 0 !important;
}

.btnestimation {
  padding-top: 25px;
  height: 47px;
  width: 45px;
  position: relative;
  padding-left: 5px;
  background: none !important;
  margin-left: 0;
}

.btnestimation:after {
  display: block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: -1px;
  right: 1px;
  border-style: solid;
  border-width: 15px 0 0 15px;
  border-color: transparent transparent transparent #e8e7e7;
}

.active_estimation {
  background: #fff !important;
}

.planning:after {
  border-color: transparent transparent transparent #ec1661;
}

.ho:after {
  border-color: transparent transparent transparent #48b14a;
}

.invoiced:after {
  border-color: transparent transparent transparent #1194fb;
}

.imagebox_false, .imagebox_true {
  display: block;
  padding: 7px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  margin-top: 10px;
  font-style: normal !important;
  font-weight: 400;
  min-width: 100px;
  cursor: pointer;
  margin-right: 10px;
}

.imagebox_false {
  background: #fff;
}

.imagebox_false:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00d";
  font-weight: 900;
  margin-right: 5px;
}

.imagebox_true {
  background: #F05822;
  color: #fff;
}

.imagebox_true:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  margin-right: 5px;
  font-weight: 900;
}

#estimatebannerbox + .floatcontainer > div {
  width: 48% !important;
}

#estimatebannerbox + .floatcontainer div {
  position: relative;
}

#estimatebannerbox + .floatcontainer table {
  border: none;
}

#estimatebannerbox + .floatcontainer table tfoot {
  font-weight: 600;
  background: #e8e7e7;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

#estimatebannerbox + .floatcontainer table tfoot input {
  margin: -15px -15px;
  outline: none;
  padding: 5px 5px 5px 25px;
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  color: #e8e7e7;
  background: #e8e7e7 url(../images/svg/export.svg) no-repeat 7px 7px;
  background-size: 60%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#estimatebannerbox + .floatcontainer table tfoot input:hover {
  color: #F05822;
  background: #F05822 url(../images/svg/export_W.svg);
}

#estimatebannerbox + .floatcontainer table tr span {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #4E4D50 !important;
}

#estimatebannerbox + .floatcontainer table tr:hover, #estimatebannerbox + .floatcontainer table tr:hover span {
  text-decoration: none !important;
  border: none !important;
  color: #F05822 !important;
}

/*#estimatebannerbox + .floatcontainer table tr td:first-child,
#estimatebannerbox + .floatcontainer table tr th:first-child,
#estimatebannerbox + .floatcontainer > div:nth-child(1) > div > div div:nth-child(1) > div table tr td:nth-child(2),
#estimatebannerbox + .floatcontainer > div:nth-child(1) > div > div div:nth-child(1) > div table tr th:nth-child(2) {
  display: none;
}*/
#estimatebannerbox + .floatcontainer table {
  margin-top: 25px;
}

#estimatebannerbox + .floatcontainer table h1 {
  margin-bottom: 5px;
  margin-top: 5px;
  display: inline-block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  font-weight: 400;
}

#estimatebannerbox + .floatcontainer .icon_refresh {
  color: #F05822;
  cursor: pointer;
  display: block;
  text-align: right;
  font-weight: 400;
}

#estimatebannerbox + .floatcontainer .icon_refresh:hover {
  text-decoration: underline;
}

#estimatebannerbox + .floatcontainer > div:nth-child(2) table:before {
  display: block;
  /*content: 'Activiteit';*/
  padding-top: 10px;
  padding-bottom: 14px;
  line-height: 23px;
  color: #212B33;
  font-weight: 400;
  font-size: 20px;
}

#estimatebannerbox + .floatcontainer > div:nth-child(2) > div > div > div ~ span > input {
  background: none;
  color: #F05822;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 35px;
}

#estimatebannerbox + .floatcontainer > div:nth-child(2) > div > div > div ~ span > input:hover {
  text-decoration: underline;
}

#svgWrap {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

#carsvg {
  /*  position: relative !important;
   top: 0px !important;
   left: 0px !important;
   max-width: 1200px;
   max-height: 630px;
   width: 100%;
   height: auto !important;*/
}

#svgWrap > div {
  top: 0 !important;
  left: 0 !important;
}

#damage_menu {
  display: none;
  width: 0;
  height: 0;
}

#carsvg2 {
  width: 50%;
}

.unitbox span:last-child {
  border-top: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538) !important;
  border-left: 1px dotted rgb(171.3461538462, 180.9615384615, 188.6538461538) !important;
  padding: 8px 3px 7px !important;
}

#damageAnalysis table {
  min-height: auto;
}
#damageAnalysis #generator {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: right;
}
#damageAnalysis #generator span:last-child input {
  margin-right: 0;
}
#damageAnalysis .currfields {
  margin-top: 0;
  margin-bottom: 15px;
  border: 0;
  font-size: 12px;
  border-collapse: collapse;
}
#damageAnalysis .currfields tbody tr th {
  border: 0;
}
#damageAnalysis .currfields tbody tr.headsub th {
  border-top: 5px solid #fff;
  background-color: #e8e7e7;
}
#damageAnalysis .currfields tbody tr:first-child th {
  border: 0;
}
#damageAnalysis .currfields tbody tr th, #damageAnalysis .currfields tbody tr.subhead td {
  padding: 12px 5px;
}
#damageAnalysis .currfields tbody tr:first-child th {
  background-color: #f5f7f9;
  border: 0;
  color: #454F57;
}
#damageAnalysis .currfields tbody tr td {
  font-size: 11px;
  color: #212B33;
}
#damageAnalysis .currfields tbody tr td.pos {
  padding-left: 10px;
  border-bottom: 1px solid #fff;
  background-color: #fff;
}
#damageAnalysis .currfields tbody tr td.pos img {
  height: 95px;
}
#damageAnalysis .currfields tbody tr.pics td {
  height: 100%;
}
#damageAnalysis .currfields tbody tr.pics td .textbox {
  height: 117px !important;
}
#damageAnalysis .currfields tbody tr.subhead {
  background-color: #fff;
  border-bottom: 1px solid #e8e7e7 !important;
  font-style: normal;
  font-weight: 700;
}
#damageAnalysis .currfields tbody tr.subhead td {
  color: #212B33;
  padding: 5px 5px;
}
#damageAnalysis .currfields .qdocline {
  margin: 0;
}
#damageAnalysis .currfields .qdocline .qdocument > img {
  height: 80px !important;
  display: block;
}
#damageAnalysis .currfields .qdocline .qdocument span img {
  position: relative;
  margin-bottom: 4px;
  top: 5px;
}
#damageAnalysis .currfields .qdocline .qdocument span:last-child {
  display: none;
}
#damageAnalysis .currfields tfoot .summary td, #damageAnalysis .currfields tfoot .summary th {
  background-color: #f5f7f9;
  font-size: 11px;
  padding: 5px 5px;
}
#damageAnalysis .currfields tfoot .summary th {
  border-top: 5px solid #fff;
  border-bottom: 0;
}
#damageAnalysis .currfields tfoot .summary td {
  font-weight: 400;
}
#damageAnalysis table#data th {
  background-color: #f5f7f9;
  border: 0;
}
#damageAnalysis table#data tr td {
  font-size: 11px;
  color: #212B33;
}
#damageAnalysis table#data tr:nth-child(even) {
  background-color: #f5f7f9 !important;
}

#activitywrap table {
  display: block;
  width: 100% !important;
}
#activitywrap table tbody {
  display: table;
}
#activitywrap > h2 + table {
  border-top: 30px solid #e8e7e7;
  border-bottom: 30px solid #e8e7e7;
  font-size: 12px;
  padding: 15px;
  background: #f5f7f9;
}
#activitywrap > h2 + table tr td {
  position: relative;
  padding: 5px;
}
#activitywrap > h2 + table select, #activitywrap > h2 + table input[type=text] {
  width: 100% !important;
}
#activitywrap > h2 + table .ui-datepicker-trigger {
  position: absolute;
  margin-top: 7px;
  margin-left: -25px;
}
#activitywrap .datagrid {
  margin-left: 0 !important;
  margin-top: 15px !important;
}
#activitywrap .textbox.time {
  max-width: 70px;
}

#albatroswrap .floatcontainer::after {
  content: "";
  display: table;
  clear: both;
}

.flc > table {
  display: block;
  width: 100% !important;
  border-top: 30px solid #e8e7e7;
  border-bottom: 30px solid #e8e7e7;
  font-size: 12px;
  padding: 15px;
  background: #f5f7f9;
}
.flc > table tbody {
  display: table;
}
.flc > table tr td {
  position: relative;
  padding: 5px;
}
.flc > table tr td[rowspan] {
  vertical-align: top !important;
}
.flc > table select, .flc > table input[type=text] {
  width: 100% !important;
}
.flc > table .ui-datepicker-trigger {
  position: absolute;
  margin-top: 7px;
  margin-left: -25px;
}
.flc > table .edit_button {
  position: absolute;
  right: -15px;
  top: 12px;
  z-index: 5;
}

#parttable {
  display: block;
  width: 100% !important;
  border-top: 30px solid #e8e7e7;
  border-bottom: 30px solid #e8e7e7;
  font-size: 12px;
  padding: 15px;
  background: #f5f7f9;
}
#parttable tbody {
  display: table;
}
#parttable tr td {
  position: relative;
  padding: 5px;
}
#parttable tr td[rowspan] {
  vertical-align: top !important;
}
#parttable tr td[valign=middle] {
  vertical-align: middle !important;
}
#parttable select, #parttable input[type=text] {
  width: 100% !important;
}

.ui-icon-help {
  margin: 0 0 4px -18px;
  display: inline-block;
}

#tpdata {
  width: 100%;
  border: 1px solid lightgray;
}
#tpdata .input-currency {
  font-size: 11px;
}
#tpdata tbody:first-child > tr:first-child {
  background: #e8e7e7;
  padding: 7px;
}
#tpdata tbody:first-child > tr:first-child th {
  background: none;
  color: #4E4D50;
}
#tpdata td, #tpdata th {
  padding: 4px 7px !important;
}

/* ==================== */
/* =   CLAIMS PAGES   = */
/* ==================== */
#winformex .left2 {
  float: left;
  padding-right: 8px;
  margin-top: 30px;
  width: 25%;
}
#winformex .left2 > span {
  position: absolute;
  display: block;
  margin-top: 5px;
  top: 15px;
  font-weight: 400 !important;
  font-size: 42px;
  font-weight: 700;
  color: #353535;
  font-size: 25px !important;
  line-height: 25px;
  width: auto !important;
  white-space: normal !important;
  height: auto !important;
  font-variant: normal !important;
}
#winformex .left2 > span + div {
  top: 15px;
  right: 25px;
  position: absolute;
  text-align: left !important;
  background: none !important;
  border: none !important;
}
#winformex .left2 > span + div select {
  margin-left: 15px;
}
#winformex .left2 .datagrid {
  margin-top: 15px !important;
  margin-bottom: 0 !important;
  padding: 15px;
  /*      br {
  display: block;
   }*/
  background: #f5f7f9 !important;
  min-height: 270px;
  border-right: none !important;
  border-left: none !important;
}
#winformex .left2 .datagrid + .datagrid div {
  overflow-y: scroll !important;
  height: 158px !important;
  background: #212B33 !important;
}
#winformex .left2 .datagrid th {
  border: none !important;
}
#winformex .left2 .datagrid td {
  background: none !important;
  border: none !important;
}
#winformex .left2 .datagrid tr {
  background: #f5f7f9 !important;
}
#winformex .left2 .datagrid tr:hover {
  text-decoration: none;
  cursor: auto;
  color: #4E4D50 !important;
}
#winformex .left2 .filter {
  position: absolute;
  right: 15px;
  top: 55px;
  margin-top: 15px;
  width: auto;
  left: 25%;
  margin-left: 20px;
}
#winformex .right2 {
  float: right;
  width: 75%;
  padding-left: 7px;
  margin-top: 200px;
}
#winformex .right2 .datagrid {
  margin-top: 25px;
}

.fileassetDbox {
  position: fixed;
  left: 45%;
  background: #fff;
  padding: 30px;
  -webkit-border-radius: 1px !important;
  -moz-border-radius: 1px !important;
  border-radius: 1px !important;
  font-family: "Open Sans", sans-serif !important;
  font-size: 12px;
  font-weight: 300;
}
.fileassetDbox input[type=file] {
  margin-bottom: 20px;
  background: #e8e7e7;
  padding: 10px;
}

#orderswrap .left2fixedpixels > .filter {
  width: 40%;
  padding-right: 0;
  padding-left: 10px;
}
#orderswrap .left2fixedpixels > .filter tr input[type=text] {
  margin-top: -5px;
  height: 30px;
}
#orderswrap .left2fixedpixels > .filter input[type=button] {
  width: auto !important;
  padding: 7px 10px !important;
}

#contact.floatcontainer .right2 .left2fixedpixels .filter {
  display: block;
  position: relative;
  float: left;
  margin-bottom: 15px;
  padding-right: 10px;
}
#contact.floatcontainer .right2 .left2fixedpixels .filter thead, #contact.floatcontainer .right2 .left2fixedpixels .filter tbody, #contact.floatcontainer .right2 .left2fixedpixels .filter th, #contact.floatcontainer .right2 .left2fixedpixels .filter td, #contact.floatcontainer .right2 .left2fixedpixels .filter tr {
  display: block;
}
#contact.floatcontainer .right2 .left2fixedpixels .filter caption {
  text-align: left;
  display: block;
  float: right;
  padding-top: 10px;
}
#contact.floatcontainer .right2 .left2fixedpixels .filter > tbody > tr:nth-child(n+2):nth-child(-n+9) {
  padding: 0 0 0 1px;
  width: 25% !important;
  min-height: 40px;
  float: left !important;
}
#contact.floatcontainer .right2 .left2fixedpixels .filter > tbody > tr:nth-child(n+2):nth-child(-n+9) input:not([type=checkbox]) {
  width: 100%;
}
#contact.floatcontainer .right2 .left2fixedpixels .filter > tbody > tr:nth-child(n+2):nth-child(-n+9) td {
  position: relative;
}
#contact.floatcontainer .right2 .left2fixedpixels .filter > tbody > tr:nth-child(6) {
  clear: both;
}

#order_form, #offer_form {
  width: 100% !important;
  border-top: 30px solid #e8e7e7;
  border-bottom: 30px solid #e8e7e7;
  background: #f5f7f9;
  display: block;
}
#order_form .ui-datepicker-trigger, #order_form .ico_small.refresh, #offer_form .ui-datepicker-trigger, #offer_form .ico_small.refresh {
  position: absolute !important;
  top: 10px !important;
  right: 25px;
  margin-left: -20px;
}
#order_form > tbody, #offer_form > tbody {
  font-size: 14px;
  font-weight: 300;
  color: #4E4D50;
  display: table;
  font-weight: 300 !important;
  max-width: 1200px;
  color: #212B33;
  border-top: 25px solid #f5f7f9;
  border-bottom: 25px solid #f5f7f9;
  border-left: 15px solid #f5f7f9;
  border-right: 15px solid #f5f7f9;
  font-size: 12px;
}
#order_form > tbody::after, #offer_form > tbody::after {
  content: "";
  display: table;
  clear: both;
}
#order_form > tbody > tr td, #offer_form > tbody > tr td {
  position: relative;
  padding: 3px 15px 3px 3px;
  line-height: 20px;
}
#order_form > tbody > tr td[valign=top], #offer_form > tbody > tr td[valign=top] {
  vertical-align: top;
}
#order_form > tbody > tr:last-child td, #offer_form > tbody > tr:last-child td {
  padding: 25px 10px 0 0;
  text-align: right;
}
#order_form > tbody > tr:last-child td span:last-child input[type=button], #offer_form > tbody > tr:last-child td span:last-child input[type=button] {
  margin-right: 0 !important;
}
#order_form input[type=text], #order_form select, #offer_form input[type=text], #offer_form select {
  font-size: 10px !important;
  width: 100% !important;
  height: 25px;
  line-height: 25px;
  margin: 0;
  padding: 2px 5px;
}

#oltable input[type=checkbox] {
  float: left;
}
#oltable input[type=text] {
  height: 22px !important;
  margin-top: 3px;
  padding: 0 7px;
}
#oltable tbody tr td:first-child {
  max-width: 100px;
}
#oltable tfoot {
  border-top: 1px solid #e8e7e7;
  font-weight: 600;
}
#oltable tfoot tr:last-child td:first-child {
  display: none;
}

.pagehead + .floatcontainer .left2 {
  float: left;
  width: 25%;
  padding-right: 10px;
}
.pagehead + .floatcontainer .left2 .datagrid {
  margin-top: 15px !important;
  border: none !important;
  width: 100% !important;
  background: #f5f7f9;
  padding-bottom: 15px;
}
.pagehead + .floatcontainer .left2 .datagrid br {
  display: block;
}
.pagehead + .floatcontainer .left2 .datagrid tr:nth-child(odd), .pagehead + .floatcontainer .left2 .datagrid tr:nth-child(even) {
  background: none;
}
.pagehead + .floatcontainer .left2 .datagrid tr:nth-child(odd):hover, .pagehead + .floatcontainer .left2 .datagrid tr:nth-child(odd):hover td, .pagehead + .floatcontainer .left2 .datagrid tr:nth-child(odd):hover td a, .pagehead + .floatcontainer .left2 .datagrid tr:nth-child(odd):hover th, .pagehead + .floatcontainer .left2 .datagrid tr:nth-child(even):hover, .pagehead + .floatcontainer .left2 .datagrid tr:nth-child(even):hover td, .pagehead + .floatcontainer .left2 .datagrid tr:nth-child(even):hover td a, .pagehead + .floatcontainer .left2 .datagrid tr:nth-child(even):hover th {
  cursor: inherit;
  text-decoration: none;
  color: #212B33;
}
.pagehead + .floatcontainer .left2 .datagrid td {
  padding: 0;
}
.pagehead + .floatcontainer .left2 .datagrid tbody {
  width: 100%;
  display: block;
}
.pagehead + .floatcontainer .left2 .datagrid > tbody > tr {
  width: 100%;
  margin-bottom: 5px;
  display: block;
}
.pagehead + .floatcontainer .left2 .datagrid > tbody > tr > td {
  padding: 5px 15px;
  width: 100%;
  display: block;
}
.pagehead + .floatcontainer .left2 .datagrid > tbody > tr > td:first-child {
  color: #212B33;
}
.pagehead + .floatcontainer .left2 .datagrid > tbody > tr:first-child {
  display: block;
}
.pagehead + .floatcontainer .left2 .datagrid caption {
  display: none !important;
}
.pagehead + .floatcontainer .left2 .datagrid th {
  display: block;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #e8e7e7;
  margin-bottom: 10px;
  padding: 12px 15px;
  line-height: 27px;
  color: #212B33;
  background: #f5f7f9;
  width: 100%;
}
.pagehead + .floatcontainer .left2 .datagrid input[type=text], .pagehead + .floatcontainer .left2 .datagrid select {
  width: 100% !important;
}
.pagehead + .floatcontainer .left2 .datagrid select[multiple=multiple] {
  min-height: 100px;
}
.pagehead + .floatcontainer .right2 {
  float: right;
  width: 75%;
  padding-left: 10px;
}

#deliverywrap .btn-advanced {
  clear: both;
  display: block;
  position: relative;
  border: none;
}

#offerwrap .datagrid caption h1 {
  text-align: right;
}
#offerwrap .datagrid tfoot {
  border-top: 1px solid #e8e7e7;
}
#offerwrap .datagrid tfoot img[src="images/spacer.png"] {
  display: none;
}
#offerwrap .datagrid tfoot tr td {
  text-align: right;
}
#offerwrap .datagrid tfoot tr td:last-child {
  text-align: right;
}
#offerwrap .datagrid tfoot tr td:last-child input[type=button] {
  margin-right: 0;
}

#stockwrap .filter {
  float: none;
  display: block;
  overflow: auto;
}
#stockwrap .left2 > span, #stockwrap .left2 > div:last-child {
  float: right;
}
#stockwrap .left2 > span:nth-last-of-type(2) input {
  margin-right: 0 !important;
}

.inline-popup > div {
  position: fixed !important;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background: #fff;
  width: auto !important;
  top: 50% !important;
  left: 50% !important;
  font-size: 12px;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  padding: 15px;
  max-height: 100vh;
  overflow: auto;
}
.inline-popup > div > div {
  border: none !important;
  padding: 0 !important;
  background: #f5f7f9 !important;
}
.inline-popup > div > div > span {
  position: static !important;
  display: block;
  width: 100%;
  text-align: right;
  background: #e8e7e7;
  padding: 5px;
}
.inline-popup > div > div > table {
  width: 100% !important;
  padding: 15px;
  display: block;
}
.inline-popup > div > div > table tbody {
  display: table;
}
.inline-popup > div > div > table tbody tr td {
  border: none !important;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.inline-popup > div > div .datagrid {
  max-height: 200px;
  overflow: auto;
}
.inline-popup select, .inline-popup input[type=text] {
  width: 100% !important;
}

#vatbookwrap .filter {
  padding-right: 0;
}
#vatbookwrap .filter tr td {
  position: relative;
}
#vatbookwrap .filter tr td input[type=text] {
  width: 100% !important;
}
#vatbookwrap .filter .ui-datepicker-trigger {
  position: absolute;
  margin-left: -25px;
  top: 7px;
}
#vatbookwrap .filter table {
  width: 100%;
}
#vatbookwrap .filter table tbody {
  padding: 0;
}
#vatbookwrap .filter table tbody tr td {
  display: inline-block;
  height: 20px;
  line-height: 20px;
}

#albatroswrap .left2 select, #albatroswrap .left2 input[type=text] {
  width: 100% !important;
}
#albatroswrap .left2 .datagrid {
  background: #f5f7f9;
  padding-left: 7px;
  padding-right: 7px;
  overflow: visible;
  margin-top: 15px !important;
  padding-bottom: 10px;
}
#albatroswrap .left2 .datagrid tbody {
  display: block;
}
#albatroswrap .left2 .datagrid tr {
  display: block;
  background: none;
}
#albatroswrap .left2 .datagrid tr td {
  width: 100%;
  display: block;
  padding: 5px;
}
#albatroswrap .left2 .datagrid tr:nth-child(1) th {
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  padding: 11px 11px 11px 5px;
  border-bottom: 1px solid #e8e7e7;
  margin-bottom: 10px;
  line-height: 30px;
  background: #f5f7f9;
}
#albatroswrap .left2 .datagrid tr:nth-child(2) td {
  padding-top: 15px;
}
#albatroswrap .left2 .datagrid tr:nth-child(3), #albatroswrap .left2 .datagrid tr:nth-child(4) {
  font-weight: 400;
  color: #212B33;
}
#albatroswrap .left2 .datagrid tbody tr:hover, #albatroswrap .left2 .datagrid tbody tr:hover a, #albatroswrap .left2 .datagrid tbody tr:hover span {
  text-decoration: none !important;
  transition: none !important;
  cursor: inherit !important;
  color: #4E4D50 !important;
}

#carpasswrap .left2 {
  float: left;
  width: 25%;
  padding-right: 8px;
}
#carpasswrap .left2 > div {
  background: #f5f7f9 !important;
  padding: 12px !important;
  line-height: 32px;
  font-weight: 600 !important;
  color: #212B33 !important;
  border: none !important;
  border-bottom: 1px solid #e8e7e7 !important;
}
#carpasswrap .left2 > div select {
  width: 100% !important;
}
#carpasswrap .left2 > h1 {
  text-align: center;
  padding: 32px 0;
  background: #2DB458;
}
#carpasswrap .right2 {
  float: right;
  width: 75%;
  padding-left: 7px;
}
#carpasswrap .right2 .datagrid {
  margin-top: 0 !important;
}
#carpasswrap .right2 .datagrid tr[style="background-color:#B33A3A;"] {
  background: rgb(251.380952381, 210.619047619, 224.9047619048) !important;
  font-weight: 400;
}
#carpasswrap .right2 .datagrid tr[style="background-color:orange;"] {
  background: rgb(252.9661016949, 232.3559322034, 225.0338983051) !important;
  font-weight: 400;
}

/* ================== */
/* =   COMM POPUP   = */
/* ================== */
#communication, #medium, #direction, #contact {
  height: auto !important;
}

#communication {
  margin-left: -5px;
  margin-bottom: 0 !important;
}
#communication img {
  margin-left: 0 !important;
  margin-right: 5px !important;
}

#message {
  display: table;
}
#message colgroup {
  display: table-column-group;
}
#message col {
  display: table-column;
}
#message .ui-datepicker-trigger {
  margin-top: 0;
  top: 0;
  margin-left: -25px;
  right: auto !important;
}
#message .ui-icon-person {
  position: absolute;
  top: 5px;
  margin-left: -25px;
  width: 20px;
  height: 20px;
  border: 1px solid black;
}
#message .ui-icon-person:after {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #212B33;
  left: 0;
  position: absolute;
}
#message img {
  position: relative !important;
}
#message > tbody .bttns img {
  vertical-align: top;
  margin-top: -3px;
}
#message > tbody .bttns > span, #message > tbody .bttns > div {
  margin-right: 10px;
}
#message > tbody td:nth-child(3) {
  width: 30%;
}
#message > tbody tr td {
  width: auto;
}
#message > tbody::after {
  content: "";
  display: table;
  clear: both;
}
#message > tbody .calendar {
  width: 60% !important;
}
#message > tbody .time {
  margin-left: 15px !important;
  width: 20% !important;
}
#message > tbody > tr:nth-last-of-type(n + 4) {
  border: 1px solid blue;
}
#message > tbody > tr:nth-last-of-type(n + 4) th, #message > tbody > tr:nth-last-of-type(n + 4) strong {
  font-weight: 400;
  line-height: 30px;
  color: #212B33;
}
#message > tbody > tr:nth-last-of-type(-n + 2) {
  border: 1px solid black;
}
#message .datagrid {
  white-space: normal;
}
#message .datagrid tr td, #message .datagrid tr th {
  padding: 12px 5px;
}
#message .datagrid img {
  top: auto !important;
  right: auto !important;
  position: relative;
}
#message #docrow {
  color: #212B33;
  font-weight: 400;
}
#message #docrow .qdocumentlist {
  margin: 0;
  padding: 0;
}
#message #docrow .qdocument {
  min-width: 80px;
}
#message #docrow .qdocument img[src="images/view.png"] {
  display: none;
}
#message #docrow .qdocument img {
  height: 100px !important;
}
#message #docrow .qdocument img + br + span {
  display: block;
  color: #212B33;
  font-size: 10px !important;
  margin-top: 10px !important;
  margin-bottom: 5px;
}

/* ===================== */
/* =   INSPECT POPUP   = */
/* ===================== */
#inspectorpop table, #inspectorpop tbody, #inspectorpop tr, #inspectorpop td, #inspectorpop span, #inspectorpop div {
  display: block;
  width: 100%;
}
#inspectorpop h3 {
  line-height: 100% !important;
  margin: 0 0 15px 0;
}
#inspectorpop img {
  right: auto !important;
  top: auto !important;
}
#inspectorpop img.QR {
  width: 90% !important;
}
#inspectorpop div {
  bottom: auto !important;
  margin: 0 !important;
  position: relative !important;
}
#inspectorpop > tbody > tr > td {
  float: left;
  min-width: 240px;
  max-width: 300px;
  width: 50%;
  padding: 5px;
  margin: 0 auto;
}
#inspectorpop > tbody > tr > td label {
  padding-bottom: 5px;
  display: block;
}
#inspectorpop > tbody > tr > td span::after {
  content: "";
  display: table;
  clear: both;
}
#inspectorpop > tbody > tr > td select[multiple=multiple] {
  height: 100px !important;
}
#inspectorpop > tbody > tr > td select[multiple=multiple] + br + a {
  float: right;
  margin-top: 3px;
  color: #F05822;
}
#inspectorpop > tbody > tr > td:nth-child(2) span:last-child {
  font-weight: 600;
}
#inspectorpop img {
  position: relative;
}

/* ===================== */
/* =   SIDEXA POPUP    = */
/* ===================== */
#popSidexa {
  height: 100% !important;
}
#popSidexa .floatcontainer {
  margin-bottom: 15px;
}
#popSidexa .column {
  float: left;
}
#popSidexa .column:last-child {
  text-align: right;
  float: none;
  overflow: hidden;
  min-width: 190px;
}
#popSidexa .column .textbox {
  width: auto !important;
  max-width: 200px;
  margin-top: 10px !important;
}
#popSidexa .column .button {
  margin-right: 0;
}

.line-wrap {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  border: 1px dashed #ccc;
  margin: 10px;
}

.line {
  position: absolute;
  left: 49%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgb(199.7884615385, 206.1346153846, 211.2115384615);
  z-index: 1;
}

.word-wrap {
  text-align: center;
  height: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -8px;
  z-index: 2;
}

.word {
  text-transform: lowercase;
  padding: 3px;
  line-height: 9px;
  font-weight: 400;
  font-size: 10px;
  color: rgb(80.2788461538, 91.9134615385, 101.2211538462);
  background: #f5f7f9;
}

/* ================== */
/* =    PLANNING    = */
/* ================== */
#txtSearch {
  height: 31px !important;
}

#searchbutton {
  width: 25px;
  margin-left: -20px;
}

.ui-icon-search {
  position: relative !important;
  background-color: white !important;
  border: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538) !important;
  border-left: none !important;
  height: 31px;
}

.ui-icon-search:after {
  position: absolute;
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top: 0;
  left: 0;
  padding-right: 5px;
  font-size: 15px;
  padding-top: 5px;
  background: #fff;
  width: 25px;
  height: 30px;
}

#planningwrap::after {
  content: "";
  display: table;
  clear: both;
}
#planningwrap .floatcontainer {
  width: 100%;
  margin-bottom: 15px;
}
#planningwrap .floatcontainer::after {
  content: "";
  display: table;
  clear: both;
}
#planningwrap .floatcontainer > div:first-child {
  width: 60% !important;
  min-width: 305px;
}
#planningwrap .floatcontainer > div:first-child + div {
  width: 40% !important;
  min-width: 280px;
}
#planningwrap #dateselect {
  width: 100px !important;
}
#planningwrap #dateselect + .ui-datepicker-trigger {
  margin-left: -20px;
  top: 2px;
  position: relative;
}
#planningwrap .left {
  width: 60%;
}
#planningwrap span:nth-child(3) input[type=button] {
  float: right;
  position: relative;
  margin-top: 20px !important;
  margin-right: 0 !important;
}

#planning {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 15px;
}
#planning .planning_head {
  background: #e8e7e7;
  color: #212B33;
  font-size: 12px;
}
#planning .planning_head .now {
  color: #F05822;
}
#planning .personnel {
  background: #f5f7f9;
}
#planning .personnel:hover .employee {
  color: rgb(32.3923566879, 31.9770700637, 33.2229299363);
}
#planning #planning_subheader {
  background: #e8e7e7;
}
#planning #planning_subheader .hour {
  font-size: 11px;
  padding: 3px;
}
#planning .taskrow .block {
  outline: none;
  font-weight: 400;
}
#planning .taskrow .block .ico_small[style="visibility:hidden;"] {
  display: none;
}

fieldset {
  position: relative;
  font-size: 12px;
  border: none !important;
  display: block;
  padding: 15px;
  margin: 0 !important;
  float: left !important;
  min-height: inherit !important;
}
fieldset legend {
  margin-left: -5px;
  padding-right: 5px;
  padding-left: 5px;
}
fieldset legend span {
  font-size: 24px;
  font-weight: 400 !important;
  color: #212B33;
}
fieldset > span {
  margin-bottom: 10px !important;
  margin-right: 5px;
  margin-top: 0 !important;
  margin-left: 10px;
}
fieldset .block, fieldset .overwork {
  width: 20px !important;
  height: 20px !important;
  outline: none !important;
  margin-bottom: 2px !important;
}
fieldset .vehicleout {
  background-color: #1194fb !important;
}
fieldset div {
  line-height: 20px;
  margin-left: 10px;
  margin-bottom: 2px;
  padding: 0;
}
fieldset div::after {
  content: "";
  display: table;
  clear: both;
}
fieldset div img {
  margin-right: 7px;
  width: 20px;
  float: left;
  content: url(../images/block2.png);
}

/* ================== */
/* =    WORKSHOP    = */
/* ================== */
#workshopwrap {
  max-width: 100%;
  position: relative;
  padding-top: 50px;
}
#workshopwrap .floatcontainer {
  width: 100%;
}
#workshopwrap .floatcontainer::after {
  content: "";
  display: table;
  clear: both;
}
#workshopwrap #planning {
  margin-top: 0;
}
#workshopwrap #dateselect {
  width: 100px !important;
}
#workshopwrap #dateselect + .ui-datepicker-trigger {
  margin-left: -20px;
  top: 2px;
  position: relative;
}
#workshopwrap div#topplanwrap {
  margin-top: 0;
}
#workshopwrap div#topplanwrap .planning_head {
  background: #e8e7e7;
}
#workshopwrap div#topplanwrap .selection {
  margin-top: 15px;
}
#workshopwrap div#topplanwrap .chosen-container {
  margin: 0;
}
#workshopwrap div#topplanwrap .renderWithName {
  height: auto !important;
}
#workshopwrap div#topplanwrap .renderWithName .left {
  padding-bottom: 5px;
}
#workshopwrap div#topplanwrap .renderWithName .left label {
  color: #212B33;
  font-weight: 700;
}
#workshopwrap div#topplanwrap .taskrow .block {
  outline: 1px solid #777;
  color: #fff;
  text-shadow: 1px 1px #212B33;
  font-weight: 400;
}
#workshopwrap div#topplanwrap .taskrow .block .ico_small[style="visibility:hidden;"] {
  display: none;
}
#workshopwrap .right .floatcontainer {
  position: absolute;
  top: 0;
  left: 0;
}
#workshopwrap .right .floatcontainer div:first-child {
  min-width: 350px;
}

#workshopplanningwrap .planning_head {
  margin-top: 0 !important;
}

/* ================== */
/* =      ATR       = */
/* ================== */
.checks.stop .floatcontainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.checks.stop .floatcontainer .left {
  margin-right: 5px;
}
.checks.stop .prettyradio > a.checked {
  border: 0;
}

#atrwrap {
  overflow: auto;
}
#atrwrap .carlogo {
  float: left;
}
#atrwrap #planning_footer {
  clear: both;
}
#atrwrap .datagridheaderrow {
  margin-top: 15px;
  padding: 0;
  background: #e8e7e7 !important;
  color: #212B33 !important;
  font-size: 10px;
  font-weight: 400;
}
#atrwrap .datagridheaderrow .wrap_page_details span {
  color: #212B33 !important;
}
#atrwrap .datagridheaderrow .wrap_back_buttons, #atrwrap .datagridheaderrow .wrap_forward_buttons {
  padding-top: 5px;
}
#atrwrap .datagridheaderrow .wrap_back_buttons img, #atrwrap .datagridheaderrow .wrap_forward_buttons img {
  width: 20px !important;
  margin: 5px;
  padding: 5px;
  background-color: #212B33;
}
#atrwrap .datagridheaderrow .wrap_back_buttons span:first-child img {
  content: url(../images/navigation/previous.svg);
}
#atrwrap .datagridheaderrow .wrap_back_buttons span:nth-child(2) img {
  content: url(../images/navigation/back.svg);
}
#atrwrap .datagridheaderrow .wrap_forward_buttons span:first-child img {
  content: url(../images/navigation/next.svg);
}
#atrwrap .datagridheaderrow .wrap_forward_buttons span:nth-child(2) img {
  content: url(../images/navigation/forward.svg);
}
#atrwrap .wrap_big_buttons {
  margin-bottom: 15px;
  border-bottom: 1px solid #e8e7e7;
  position: relative;
  text-align: center;
}
#atrwrap .wrap_big_buttons .wrap_big_buttons_inner {
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  max-width: 100%;
  width: 100%;
}
#atrwrap .wrap_big_buttons .wrap_big_buttons_inner > div {
  float: left;
  display: inline-block !important;
  margin: 5px;
  max-width: 300px;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 250px;
  -moz-flex-basis: 250px;
  -ms-flex-basis: 250px;
  flex-basis: 250px;
}
#atrwrap .wrap_big_buttons .bigbutton {
  position: relative;
  text-align: left;
  width: 100%;
  background-color: #f5f7f9;
  color: #212B33;
  overflow: hidden;
  min-height: 2em;
  height: 150px;
  font-size: 13px;
  padding: 15px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-out;
  line-height: 20px;
}
#atrwrap .wrap_big_buttons .bigbutton:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
}
#atrwrap .wrap_big_buttons .bigbutton .bigbuttonPic {
  float: right;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  border: 4px solid rgba(0, 0, 0, 0.3);
  bottom: 0;
}
#atrwrap .wrap_big_buttons .bigbutton .bigbuttonPic img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #fff;
  object-fit: contain;
  vertical-align: top;
}
#atrwrap .wrap_big_buttons .bigbutton .bigbuttonInfo {
  float: left;
  max-width: calc(100% - 55px);
}
#atrwrap .wrap_big_buttons .bigbutton .bigbuttonInfo div {
  font-size: 12px;
}
#atrwrap .wrap_big_buttons .bigbutton .bigbuttonInfo div:first-child {
  font-weight: 600;
  font-size: 14px;
}
#atrwrap .wrap_big_buttons .bigbutton img.atr_checkedin {
  padding-top: 20px;
  float: right;
}

#planning_footer fieldset div {
  overflow: hidden;
}
#planning_footer fieldset div img[src="images/man.png"] {
  content: url(../images/man.png);
  height: 30px;
}
#planning_footer fieldset div img {
  margin-right: 7px;
}

.ready_to_work {
  background-color: #f5f7f9 !important;
  color: #212B33 !important;
}
.ready_to_work .carlogo:after {
  background: #f5f7f9;
}

.working_productive {
  background-color: #009991 !important;
  color: #fff !important;
}
.working_productive .carlogo:after {
  background: #009991;
}

.absent {
  background-color: #667d90 !important;
  color: #fff !important;
}
.absent .carlogo:after {
  background: #667d90;
}

.working_not_productive {
  background-color: #9a9a9a !important;
}
.working_not_productive .carlogo:after {
  background: #9a9a9a;
}

.working_too_long {
  background: #FF2832 !important;
  color: #fff !important;
}
.working_too_long .carlogo:after {
  background: #FF2832;
}

.almost_working_too_long {
  background: #F05822 !important;
  color: #fff !important;
}
.almost_working_too_long .carlogo:after {
  background: #FF2832;
}

.working_too_long_notproductive {
  background: #ffed19 !important;
  color: #fff !important;
}
.working_too_long_notproductive .carlogo:after {
  background: #ffed19;
}

.flow_filter {
  text-align: right;
}
.flow_filter .right {
  display: inline-block;
}

.flow_container {
  margin-top: 10px;
}
.flow_container h1 {
  margin: 0 0 7px 0;
  padding: 7px;
  font-size: 18px;
  background: #e8e7e7;
  font-weight: 400;
}
.flow_container::after {
  content: "";
  display: table;
  clear: both;
}
.flow_container .personnel {
  float: left;
  width: calc(50% - 30px);
  margin-right: 30px;
}
.flow_container #atrwrap .wrap_big_buttons {
  border: 0;
}
.flow_container #atrwrap .wrap_big_buttons_inner {
  margin-left: -5px;
}
.flow_container #atrwrap .bigbutton.ui-droppable-hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
}

.fileflow {
  float: left;
  width: 50%;
}
.fileflow #pnlFilesContainer {
  padding-top: 5px;
}
.fileflow .fileflowItem {
  font-size: 12px;
  border: 1px solid #e8e7e7;
  margin-bottom: 10px;
}
.fileflow .fileflowItem .row {
  padding: 0 7px;
}
.fileflow .fileflowItem .filteFlowItemHead {
  padding: 7px;
  margin-bottom: 15px;
  background: #454F57;
  color: #fff;
}
.fileflow .fileflowItem .filteFlowItemHead::after {
  content: "";
  display: table;
  clear: both;
}
.fileflow .fileflowItem .filteFlowItemHead .fileflow_date {
  float: left;
}
.fileflow .fileflowItem .filteFlowItemHead .fileflow_time {
  float: right;
}
.fileflow span {
  display: inline-block;
}
.fileflow .row {
  white-space: normal;
}
.fileflow .row div {
  display: block;
}
.fileflow .row .actions {
  margin-top: 5px;
  padding: 5px 0;
  text-align: right;
}
.fileflow .row .actions input[type=button] {
  margin-right: 0;
}
.fileflow .header {
  font-weight: 600;
  color: #212B33;
}
.fileflow .header a {
  color: #F05822;
  text-decoration: none;
}
.fileflow .header .spare_time {
  float: right;
  font-weight: 700;
}
.fileflow .header .spare_time .file_flow_spare_time_warning {
  color: #FF2832;
}
.fileflow .header span {
  margin-top: 7px;
  display: block;
}
.fileflow .qcard {
  min-width: auto;
  display: inline-block !important;
  width: auto !important;
  float: none !important;
}
.fileflow .qcard:after {
  display: none;
}
.fileflow .qcard tr th {
  padding-bottom: 0 !important;
}

/* ================== */
/* =    EMPLOYEE    = */
/* ================== */
#employeewrap::after {
  content: "";
  display: table;
  clear: both;
}
#employeewrap .floatcontainer {
  max-height: 50px;
}
#employeewrap .floatcontainer::after {
  content: "";
  display: table;
  clear: both;
}
#employeewrap .floatcontainer span {
  display: inline-block;
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  white-space: normal;
}
#employeewrap > table:first-child tr:nth-child(1) td {
  width: auto !important;
}
#employeewrap > table:first-child tr:nth-child(1) td .floatcontainer span:nth-child(2) {
  font-size: 12px;
}
#employeewrap > table:first-child tr:nth-child(1) td .floatcontainer span:nth-child(2) img {
  margin-left: -25px;
  content: url(../images/svg/search.svg);
  width: 20px;
  -webkit-filter: opacity(50%);
  -ms-filter: opacity(50%);
  filter: opacity(50%);
}
#employeewrap > table:first-child tr:nth-child(1) td .title {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  color: #212B33;
  font-size: 35px;
  font-weight: 400;
}
#employeewrap > table:first-child tr:nth-child(2) td {
  padding-top: 5px;
}
#employeewrap > table:first-child tr:nth-child(2) td .onoffswitch {
  width: 135px !important;
}
#employeewrap > table:first-child tr:nth-child(2) td .onoffswitch .onoffswitch-label {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border: none;
}
#employeewrap > table:first-child tr:nth-child(2) td .onoffswitch .onoffswitch-inner:before {
  background-color: #F05822;
}
#employeewrap > table:first-child tr:nth-child(2) td .onoffswitch .onoffswitch-inner:after {
  background-color: #f5f7f9;
  color: #454F57;
}
#employeewrap > table:first-child tr:nth-child(2) td .onoffswitch .onoffswitch-switch {
  border: none;
  background-color: rgb(249.7245762712, 196.2669491525, 177.2754237288);
  -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
#employeewrap > div.floatcontainer {
  height: auto;
  max-height: 35px;
  background: rgb(238.625, 241.9, 245.175);
  margin-top: 15px;
  padding: 7px 10px !important;
  color: #212B33;
}
#employeewrap > div.floatcontainer span.label {
  font-weight: 400;
  font-size: 20px;
}
#employeewrap > div.floatcontainer span.paginator {
  width: auto !important;
}
#employeewrap > div.floatcontainer span.paginator span {
  display: inline;
}
#employeewrap > div.floatcontainer span.paginator .paginator {
  float: right;
  line-height: 20px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
}
#employeewrap > div.floatcontainer span.paginator .paginator .selected {
  color: #F05822;
  padding: 5px !important;
}
#employeewrap > div.floatcontainer span.paginator .paginator .page a {
  color: #212B33;
  text-decoration: none;
  padding: 5px !important;
}
#employeewrap > div.floatcontainer span.paginator .paginator span.arrow:first-child {
  background: rgb(246.4830508475, 160.1779661017, 129.5169491525) no-repeat;
  background-size: contain;
  padding: 0 !important;
  position: relative !important;
  z-index: 0;
  top: 3px;
  display: inline-block;
  height: 15px;
  width: 15px !important;
  overflow: hidden;
  color: rgb(246.4830508475, 160.1779661017, 129.5169491525);
  margin-right: 10px !important;
}
#employeewrap > div.floatcontainer span.paginator .paginator span.arrow:last-child {
  background: rgb(246.4830508475, 160.1779661017, 129.5169491525) no-repeat;
  background-size: contain;
  padding: 0 !important;
  position: relative !important;
  z-index: 0;
  top: 3px;
  display: inline-block;
  height: 15px;
  width: 15px !important;
  overflow: hidden;
  color: rgb(246.4830508475, 160.1779661017, 129.5169491525);
  margin-left: 10px !important;
}
#employeewrap > div.floatcontainer span.paginator .paginator .break {
  display: none;
}
#employeewrap .datarepeater {
  margin: 15px 0 0 0;
  padding: 0;
  border: none;
  white-space: normal;
  width: 100%;
  overflow-x: hidden;
}
#employeewrap .datarepeater .qcard {
  min-height: 210px;
  overflow: hidden;
  font-weight: 400;
}
#employeewrap .floatcontainer:nth-child(2) + .datarepeater .qcard:after {
  border-top: solid 15px transparent;
  border-left: solid 15px #ec1661;
  border-bottom: solid 15px #ec1661;
  border-right: solid 15px transparent;
}
#employeewrap .floatcontainer:nth-child(4) + .datarepeater .qcard:after {
  border-top: solid 15px transparent;
  border-left: solid 15px #ffc200;
  border-bottom: solid 15px #ffc200;
  border-right: solid 15px transparent;
}
#employeewrap .floatcontainer:nth-child(6) + .datarepeater .qcard:after {
  border-top: solid 15px transparent;
  border-left: solid 15px #667d90;
  border-bottom: solid 15px #667d90;
  border-right: solid 15px transparent;
}

#taskinfo > div:nth-child(1) {
  margin: 0 !important;
  padding: 6px 2px;
  margin-bottom: 15px !important;
}
#taskinfo > div:nth-child(1)::after {
  content: "";
  display: table;
  clear: both;
}
#taskinfo > div:nth-child(1) .left2 {
  float: left;
}
#taskinfo > div:nth-child(1) .right2 {
  float: right;
}
#taskinfo > div:nth-child(1) .right2 .title {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  color: #212B33;
  font-size: 30px;
  font-weight: 400;
}
#taskinfo > div:nth-child(1) .right2 .title a {
  color: #F05822;
  text-decoration: none;
}
#taskinfo > div:nth-child(2) {
  background: #f5f7f9;
  border-top: 10px solid #e8e7e7;
  border-bottom: 10px solid #e8e7e7;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  height: auto !important;
}
#taskinfo > div:nth-child(2) > table {
  font-size: 12px;
  width: 35% !important;
  /*      br {
  display: block;
   }*/
}
#taskinfo > div:nth-child(2) > table tr td:nth-child(1) {
  font-weight: 400;
  width: 30%;
}
#taskinfo > div:nth-child(2) > table tr td {
  line-height: 15px;
  vertical-align: top;
  padding: 5px 2px;
}
#taskinfo > div:nth-child(2)::after {
  content: "";
  display: table;
  clear: both;
}
#taskinfo .vtabpanel {
  width: 60% !important;
  margin-right: 15px;
  max-width: 665px;
  margin-top: 25px;
  border: 1px solid #e8e7e7 !important;
  height: auto !important;
  float: right !important;
  display: block !important;
}
#taskinfo .vtabpanel .left {
  top: -26px;
  right: -1px;
  left: auto;
}
#taskinfo .vtabpanel .left br {
  display: none;
}
#taskinfo .vtabpanel .left .atr-tab {
  width: auto !important;
  float: left;
  line-height: 25px;
  padding: 0 10px;
  background: #e8e7e7;
  margin-left: 2px;
  font-weight: 400;
  font-size: 12px;
  color: #212B33;
  border: 1px solid #e8e7e7;
  cursor: pointer;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
#taskinfo .vtabpanel .left .atr-tab.selected {
  color: #F05822;
  background: #fff;
  border: 1px solid #e8e7e7;
  border-bottom: none;
}
#taskinfo .vtabpanel .right {
  background: #fff;
}
#taskinfo .vtabpanel .right > div > div {
  height: 330px !important;
  position: relative;
}
#taskinfo .vtabpanel .right > div > div > div img {
  width: 70%;
  max-height: 330px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 10px;
  border: none !important;
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
#taskinfo .qdocumentlist {
  margin: 0;
}
#taskinfo .datarepeater {
  border: none;
}
#taskinfo .datarepeater .qcard {
  height: 110px;
  overflow: hidden;
}

/* ================== */
/* =      HELP      = */
/* ================== */
#helpwrap {
  position: relative;
}
#helpwrap::after {
  content: "";
  display: table;
  clear: both;
}
#helpwrap h3 {
  display: none;
}
#helpwrap fieldset {
  display: block;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  color: #212B33;
  font-size: 11px;
  margin: 0 0 0 115px !important;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background: #f5f7f9;
  position: absolute !important;
  padding: 15px;
  right: 0 !important;
  top: 0 !important;
  text-align: left;
  width: 20% !important;
  float: right;
}
#helpwrap fieldset legend {
  display: none;
}
#helpwrap fieldset br {
  line-height: 14px;
}
#helpwrap fieldset br:nth-child(odd) {
  line-height: 0;
}
#helpwrap fieldset strong {
  font-weight: 600;
  padding-left: 5px;
}
#helpwrap .tblHelp {
  display: block;
  width: 80% !important;
  padding: 0 15px !important;
  max-width: inherit !important;
}
#helpwrap .tblHelp::after {
  content: "";
  display: table;
  clear: both;
}
#helpwrap .tblHelp tbody::after {
  content: "";
  display: table;
  clear: both;
}
#helpwrap .tblHelp tr, #helpwrap .tblHelp td, #helpwrap .tblHelp tbody {
  display: block;
}
#helpwrap .tblHelp tr {
  height: 220px;
  width: 25%;
  min-width: 215px;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  border-right: 1px solid #e8e7e7;
  text-align: center !important;
}
#helpwrap .tblHelp tr a {
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #212B33;
  text-decoration: none !important;
}
#helpwrap .tblHelp tr a:visited {
  color: #212B33;
}
#helpwrap .tblHelp tr .heading {
  font-size: 20px;
  font-weight: 600;
  text-decoration: none !important;
  position: absolute;
  bottom: 20px;
  display: block;
  padding: 6px;
  width: 100%;
}
#helpwrap .tblHelp tr img {
  margin-top: 25px;
  height: 120px;
}
#helpwrap .tblHelp tr img {
  margin: 25px auto 0 auto;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 120px;
  background-size: 100% 100% !important;
  background-position: center;
  height: 120px;
  width: 120px;
}
#helpwrap .tblHelp tr:nth-child(1) {
  border-left: 1px solid #e8e7e7;
}
#helpwrap .tblHelp tr:nth-child(1) img {
  content: url(../images/svg/faq.svg);
}
#helpwrap .tblHelp tr:nth-child(1) img {
  background: url(../images/svg/faq.svg) no-repeat;
}
#helpwrap .tblHelp tr:nth-child(1):hover img {
  content: url(../images/svg/faq_h.svg);
}
#helpwrap .tblHelp tr:nth-child(1):hover img {
  background: url(../images/svg/faq_h.svg) no-repeat;
}
#helpwrap .tblHelp tr:nth-child(2) img {
  content: url(../images/svg/server.svg);
}
#helpwrap .tblHelp tr:nth-child(2) img {
  background: url(../images/svg/server.svg) no-repeat;
}
#helpwrap .tblHelp tr:nth-child(2):hover img {
  content: url(../images/svg/server_h.svg);
}
#helpwrap .tblHelp tr:nth-child(2):hover img {
  background: url(../images/svg/server_h.svg) no-repeat;
}
#helpwrap .tblHelp tr:nth-child(3) img {
  content: url(../images/svg/contact.svg);
}
#helpwrap .tblHelp tr:nth-child(3) img {
  background: url(../images/svg/contact.svg) no-repeat;
}
#helpwrap .tblHelp tr:nth-child(3):hover img {
  content: url(../images/svg/contact_h.svg);
}
#helpwrap .tblHelp tr:nth-child(3):hover img {
  background: url(../images/svg/contact_h.svg) no-repeat;
}
#helpwrap .tblHelp tr:nth-child(4) img {
  content: url(../images/svg/safari-brands.svg);
}
#helpwrap .tblHelp tr:nth-child(4) img {
  background: url(../images/svg/safari-brands.svg) no-repeat;
}
#helpwrap .tblHelp tr:nth-child(4):hover img {
  content: url(../images/svg/safari-brands_h.svg);
}
#helpwrap .tblHelp tr:nth-child(4):hover img {
  background: url(../images/svg/safari-brands_h.svg) no-repeat;
}
#helpwrap .tblHelp tr:hover td {
  background: #F05822;
}
#helpwrap .tblHelp tr:hover a {
  color: #fff;
}
#helpwrap .tblHelp tr td {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
  text-align: center;
  height: 220px;
  width: 90%;
  margin: 0 auto;
}
#helpwrap .tblHelp tr td:nth-child(2) {
  display: none;
}

#contactform {
  background: #f5f7f9;
  max-width: 700px;
  min-width: 200px;
  margin: 0 auto;
  float: none !important;
}
#contactform legend {
  font-size: 20px;
  font-weight: 400;
  color: #212B33;
  display: block;
  position: relative;
  top: 30px;
  margin-left: 15px;
  padding-top: 10px;
}
#contactform legend + div {
  text-align: left !important;
  text-decoration: none !important;
  font-style: normal !important;
  font-weight: 400 !important;
  top: 20px;
  position: relative;
  left: 10px;
}
#contactform select {
  width: 100%;
}
#contactform input[type=button] {
  margin-left: 10px;
  margin-top: 25px !important;
}
#contactform textarea {
  height: 150px !important;
}

#faqwrap h3 {
  margin: 0;
}
#faqwrap .left {
  display: none;
}
#faqwrap .right {
  max-height: 35px;
}
#faqwrap .right::after {
  content: "";
  display: table;
  clear: both;
}
#faqwrap .right input[type=text] {
  float: right;
  max-width: 250px;
}
#faqwrap #faqpanel {
  margin-top: 15px;
  width: 100%;
  max-width: inherit !important;
}
#faqwrap #faqpanel > div > div > li {
  margin-bottom: 20px;
}
#faqwrap #faqpanel h2.category {
  visibility: hidden;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 52px;
}
#faqwrap #faqpanel h2.category a {
  visibility: visible;
  background: #f5f7f9;
  border: 1px solid #f5f7f9;
  border-bottom: 1px solid #e8e7e7;
  display: block;
  padding: 15px 15px 15px;
  font-weight: 400;
  color: #212B33;
  font-size: 20px;
}
#faqwrap #faqpanel h2.category span {
  display: none;
}
#faqwrap #faqpanel .category + ul li.plus:after {
  content: "\f107";
}
#faqwrap #faqpanel .category + ul li.min:after {
  content: "\f106";
}
#faqwrap #faqpanel .category + ul li.min, #faqwrap #faqpanel .category + ul li.plus {
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 15px 30px 15px 15px;
  line-height: 1;
  border: 1px solid #e8e7e7;
  margin-top: 0;
  border-top: none;
  list-style-position: inside;
  text-align: right;
  cursor: pointer;
  background: #fff;
  font-weight: 400;
}
#faqwrap #faqpanel .category + ul li.min:after, #faqwrap #faqpanel .category + ul li.plus:after {
  display: block;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  color: #F05822;
  background: #fff;
  top: 0;
  line-height: 42px;
  right: 15px;
  font-size: 30px;
  font-weight: 900;
}
#faqwrap #faqpanel .category + ul li.min:hover h3, #faqwrap #faqpanel .category + ul li.plus:hover h3 {
  color: #F05822;
}
#faqwrap #faqpanel .category + ul li.min.min h3, #faqwrap #faqpanel .category + ul li.plus.min h3 {
  color: #F05822;
}
#faqwrap #faqpanel .category + ul li.min h3, #faqwrap #faqpanel .category + ul li.plus h3 {
  width: 100%;
  text-align: left;
  float: left;
  background: transparent;
  color: #212B33;
  font-size: 14px;
}
#faqwrap #faqpanel .category + ul li.min .faqcontent.loaded, #faqwrap #faqpanel .category + ul li.plus .faqcontent.loaded {
  text-align: left;
  cursor: auto;
  margin-top: 15px;
  font-size: 12px;
  padding: 25px 15px 15px 15px;
  color: #212B33;
  line-height: 20px;
}
#faqwrap #faqpanel .category + ul li.min .faqcontent.loaded ul li, #faqwrap #faqpanel .category + ul li.plus .faqcontent.loaded ul li {
  list-style: initial inside;
}
#faqwrap #faqpanel .category + ul li.min .faqcontent.loaded .ico_pdf, #faqwrap #faqpanel .category + ul li.min .faqcontent.loaded .ico_pdf + span, #faqwrap #faqpanel .category + ul li.plus .faqcontent.loaded .ico_pdf, #faqwrap #faqpanel .category + ul li.plus .faqcontent.loaded .ico_pdf + span {
  display: inline-block;
  margin-top: -5px;
}
#faqwrap #faqpanel .category + ul li.min .faqcontent.loaded .ico_pdf + span, #faqwrap #faqpanel .category + ul li.plus .faqcontent.loaded .ico_pdf + span {
  font-weight: 600;
  margin-left: 5px;
}
#faqwrap #faqpanel .category + ul li.min .faqcontent.loaded p, #faqwrap #faqpanel .category + ul li.plus .faqcontent.loaded p {
  display: block !important;
  margin-top: 10px;
}
#faqwrap #faqpanel .category + ul li.min .faqcontent.loaded p::after, #faqwrap #faqpanel .category + ul li.plus .faqcontent.loaded p::after {
  content: "";
  display: table;
  clear: both;
}
#faqwrap #faqpanel .category + ul li.min .faqcontent.loaded p img, #faqwrap #faqpanel .category + ul li.plus .faqcontent.loaded p img {
  display: block;
}
#faqwrap #faqpanel .category + ul li.min .faqcontent.loaded br, #faqwrap #faqpanel .category + ul li.plus .faqcontent.loaded br {
  display: block;
}
#faqwrap #faqpanel .category + ul li.min .faqcontent.loaded a, #faqwrap #faqpanel .category + ul li.plus .faqcontent.loaded a {
  font-weight: 600;
  color: #F05822;
  text-decoration: none;
}
#faqwrap #faqpanel .category + ul li.min .faqcontent.loaded a:hover, #faqwrap #faqpanel .category + ul li.plus .faqcontent.loaded a:hover {
  text-decoration: underline;
}
#faqwrap #faqpanel .category + ul li.min .faqcontent.loaded h3, #faqwrap #faqpanel .category + ul li.plus .faqcontent.loaded h3 {
  color: #212B33;
  font-weight: 600;
  margin-bottom: 10px;
}

/* ================== */
/* =     RAPPORT    = */
/* ================== */
div.overlay {
  z-index: 1000;
  position: absolute !important; /*changed this to absolute, if you want to do a setOverlay on a specific element, make sure that element is relative*/
}

div.overlay img, div.overlay progress {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px; /* Half the height */
  margin-left: -50px; /* Half the width */
}

.panel-default {
  color: #212B33;
  box-sizing: border-box;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border: none;
  position: relative;
}
.panel-default .panel-title {
  font-size: 20px;
  font-weight: 400;
}
.panel-default .panel-heading {
  background: #e8e7e7;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.panel-default .panel-body {
  background: #f5f7f9;
}
.panel-default .panel-body svg > rect {
  fill: #f5f7f9 !important;
}
.panel-default .panel-footer {
  position: relative;
  background: #f5f7f9;
  border-top: 1px solid #e8e7e7;
  padding-bottom: 5px;
}
.panel-default .panel-footer::after {
  content: "";
  display: table;
  clear: both;
}
.panel-default .panel-footer .renderWithName {
  float: left;
  width: auto;
  min-width: 200px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.panel-default .panel-footer .renderWithName .left {
  margin-bottom: 5px;
}
.panel-default .panel-footer .renderWithName select, .panel-default .panel-footer .renderWithName input {
  width: 100% !important;
}
.panel-default .panel-footer .renderWithName label {
  color: #212B33;
  font-weight: 400;
}
.panel-default .panel-footer .renderWithName .ui-datepicker-trigger {
  position: absolute;
  margin-left: -25px;
  margin-top: 7px;
}
.panel-default .panel-footer .renderWithName .chosen-container {
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  border: none;
  padding: 0 !important;
}
.panel-default .panel-footer .renderWithName .chosen-container::after {
  content: "";
  display: table;
  clear: both;
}
.panel-default .panel-footer .renderWithName .chosen-container input {
  height: 30px !important;
  width: 100% !important;
}
.panel-default .panel-footer .renderWithName .chosen-container .chosen-choices {
  height: auto;
  border: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538) !important;
}
.panel-default .panel-footer .renderWithName .chosen-container .chosen-drop {
  position: absolute;
  z-index: 999999;
}
.panel-default .panel-footer .renderWithName .chosen-container ul li {
  height: auto;
}

.qinfopanel {
  padding: 7px;
  width: 20% !important;
  float: left;
  border: none !important;
  min-width: 200px;
  margin: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.qinfopanel:hover .title {
  color: #F05822 !important;
}
.qinfopanel .title {
  text-align: left !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  font-variant: normal !important;
  font-size: 12px;
  color: #212B33 !important;
  padding: 15px 15px 0 15px !important;
  background: #f5f7f9 !important;
  font-weight: 400 !important;
}
.qinfopanel .info {
  padding: 15px !important;
  color: #212B33;
  font-size: 10px;
  line-height: 16px;
  overflow: hidden;
  height: 120px;
  background: #f5f7f9 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.flots {
  margin: 5px !important;
  background: #f5f7f9;
  box-sizing: border-box;
  padding: 15px;
  width: 99% !important;
}
.flots::after {
  content: "";
  display: table;
  clear: both;
}

.jqplot-target, .qflot_wrapper {
  width: 100% !important;
  left: 0;
}
.jqplot-target .jqplot-title, .qflot_wrapper .jqplot-title {
  font-size: 14px;
  color: #212B33;
  font-weight: 600;
  margin-bottom: 15px;
}

.qflot_wrapper {
  margin-bottom: 25px;
}
.qflot_wrapper h1 {
  color: #212B33 !important;
  font-size: 14px !important;
  font-weight: 600;
  margin-bottom: 15px;
}
.qflot_wrapper h1 + div {
  width: 100% !important;
}
.qflot_wrapper legend {
  margin-top: 15px !important;
}

.report .buttonbar {
  overflow: auto;
  background: #f5f7f9;
  color: #212B33;
  font-weight: 400;
  line-height: 25px;
  padding: 15px;
  border-bottom: 1px solid #e8e7e7;
}
.report .buttonbar::after {
  content: "";
  display: table;
  clear: both;
}
.report .buttonbar div {
  padding: 0 !important;
}
.report .buttonbar div:first-child span span:last-child {
  top: 0 !important;
  position: static !important;
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: 600;
}
.report .buttonbar div:first-child img {
  margin-left: 15px !important;
  vertical-align: middle;
}
.report .left2 {
  padding-right: 7px;
  width: 25%;
  float: left;
  min-width: inherit !important;
}
.report .left2 .datagrid {
  margin-top: 15px !important;
  border: none !important;
  width: 100% !important;
  background: #f5f7f9;
  padding-bottom: 15px;
}
.report .left2 .datagrid tr:nth-child(odd), .report .left2 .datagrid tr:nth-child(even) {
  background: none;
}
.report .left2 .datagrid tr:nth-child(odd):hover, .report .left2 .datagrid tr:nth-child(odd):hover td, .report .left2 .datagrid tr:nth-child(odd):hover td a, .report .left2 .datagrid tr:nth-child(odd):hover th, .report .left2 .datagrid tr:nth-child(even):hover, .report .left2 .datagrid tr:nth-child(even):hover td, .report .left2 .datagrid tr:nth-child(even):hover td a, .report .left2 .datagrid tr:nth-child(even):hover th {
  cursor: inherit;
  text-decoration: none;
  color: #212B33;
}
.report .left2 .datagrid td {
  padding: 0;
}
.report .left2 .datagrid tbody {
  width: 100%;
  display: block;
}
.report .left2 .datagrid > tbody > tr {
  width: 100%;
  margin-bottom: 5px;
  display: block;
}
.report .left2 .datagrid > tbody > tr > td {
  padding: 5px 15px;
  width: 100%;
  display: block;
}
.report .left2 .datagrid > tbody > tr > td:first-child {
  color: #212B33;
}
.report .left2 .datagrid > tbody > tr:first-child {
  display: block;
}
.report .left2 .datagrid caption {
  display: none !important;
}
.report .left2 .datagrid th {
  display: block;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #e8e7e7;
  margin-bottom: 10px;
  padding: 12px 15px;
  line-height: 27px;
  color: #212B33;
  background: #f5f7f9;
  width: 100%;
}
.report .left2 .datagrid input[type=text], .report .left2 .datagrid select {
  width: 100% !important;
}
.report .left2 .datagrid select[multiple=multiple] {
  min-height: 100px;
}
.report .left2 .datagrid .ui-datepicker-trigger {
  margin-left: -20px;
  margin-top: 7px;
  position: absolute;
}
.report .left2 .chosen-container {
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  border: none;
  padding: 0 !important;
}
.report .left2 .chosen-container::after {
  content: "";
  display: table;
  clear: both;
}
.report .left2 .chosen-container input {
  height: 30px !important;
  width: 100% !important;
}
.report .left2 .chosen-container .chosen-choices {
  border: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538) !important;
}
.report .left2 .chosen-container .chosen-drop {
  position: absolute;
  z-index: 999999;
}
.report .right2 {
  padding-left: 7px;
  float: right;
  width: 75%;
}
.report .right2 .qflot_wrapper, .report .right2 .jqplot-target {
  margin-top: 15px;
}
.report .right2 .qflot_wrapper h1, .report .right2 .qflot_wrapper .jqplot-title, .report .right2 .jqplot-target h1, .report .right2 .jqplot-target .jqplot-title {
  padding: 12px 15px;
  border-bottom: 1px solid #e8e7e7;
  text-align: left !important;
  background: #f5f7f9;
  line-height: 27px;
}
.report .right2 .timeregistrationreport_subheader {
  background-color: #f5f7f9;
}
.report .right2 > .right .paginator {
  float: right;
  line-height: 30px;
  padding: 11px;
  border-bottom: 1px solid #e8e7e7;
  margin-top: 15px;
  width: 100%;
  position: relative;
  z-index: 2;
  margin-bottom: -15px;
  text-align: right;
  background: #f5f7f9;
}
.report .right2 > .right .paginator .selected {
  color: #F05822;
  padding: 5px;
}
.report .right2 > .right .paginator .page {
  padding: 5px;
}
.report .right2 > .right .paginator .page a {
  color: #212B33;
  text-decoration: none;
}
.report .right2 > .right .paginator span.arrow:first-child {
  background: rgb(246.4830508475, 160.1779661017, 129.5169491525) no-repeat;
  background-size: contain;
  padding: 0 !important;
  position: relative !important;
  z-index: 0;
  top: 3px;
  display: inline-block;
  height: 15px;
  width: 15px !important;
  overflow: hidden;
  color: rgb(246.4830508475, 160.1779661017, 129.5169491525);
  margin-right: 10px;
  background-image: url(../images/svg/left.svg);
}
.report .right2 > .right .paginator span.arrow:last-child {
  background: rgb(246.4830508475, 160.1779661017, 129.5169491525) no-repeat;
  background-size: contain;
  padding: 0 !important;
  position: relative !important;
  z-index: 0;
  top: 3px;
  display: inline-block;
  height: 15px;
  width: 15px !important;
  overflow: hidden;
  color: rgb(246.4830508475, 160.1779661017, 129.5169491525);
  margin-left: 10px;
  background-image: url(../images/svg/right.svg);
}
.report .right2 > .right .paginator span.arrow:last-child a {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccc;
  width: 15px;
  height: 15px;
  background-color: #F05822 !important;
  content: url(../images/svg/right.svg);
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  background-size: 100% 100% !important;
  background: #F05822 url(../images/svg/right.svg) no-repeat;
  width: 15px;
  height: 15px;
}
.report .right2 > .right .paginator span.arrow:first-child a {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccc;
  width: 15px;
  height: 15px;
  background-color: #F05822 !important;
  content: url(../images/svg/left.svg);
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  background-size: 100% 100% !important;
  background: #F05822 url(../images/svg/left.svg) no-repeat;
  width: 15px;
  height: 15px;
}
.report .right2 > .right .paginator .break {
  display: none;
}
.report .right2 .datagrid {
  border: 1px solid #e8e7e7 !important;
}
.report .right2 .datagrid tbody tr:nth-child(odd) {
  background-color: #f5f7f9 !important;
}
.report .right2 .datagrid th {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 20px;
  border-bottom: 1px solid #e8e7e7;
}

#financewrap > table {
  display: block;
  background: #f5f7f9;
  padding: 15px !important;
  margin-bottom: 0 !important;
  border: none !important;
}
#financewrap > table tbody {
  display: table;
}
#financewrap > table td {
  position: relative;
  padding: 5px;
  font-size: 12px;
}
#financewrap > table td input[type=text], #financewrap > table td select {
  width: 100% !important;
}
#financewrap > table td input[type=button] {
  float: right;
}
#financewrap > table td .ui-datepicker-trigger {
  position: absolute;
  margin-top: 7px;
  margin-left: -25px;
}
#financewrap .left2 {
  float: left;
  width: 50% !important;
  margin-right: 0 !important;
  padding-right: 7px;
}
#financewrap .right2 {
  float: right;
  width: 50% !important;
  padding-left: 7px;
}

#workshopcontrolreport table {
  overflow: scroll;
}
#workshopcontrolreport table thead {
  border-top: none !important;
}
#workshopcontrolreport table thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
  background-color: #ffffff;
}
#workshopcontrolreport tr td {
  padding: 0;
  height: 50px;
  margin-top: 10px;
}
#workshopcontrolreport tr td div {
  display: block;
  margin-top: 0px;
  padding-top: 10px;
  height: 60px;
  padding-left: 10px;
  padding-right: 5px;
}
#workshopcontrolreport tr td div.red-background {
  background: lightcoral;
}
#workshopcontrolreport tr td div.green-background {
  background: lightgreen;
}
#workshopcontrolreport tr td div.orange-background {
  background: orange;
}
#workshopcontrolreport tr td div.grey-background {
  background: lightgrey;
  height: 60px;
}
#workshopcontrolreport tr td div.repair-task {
  border-style: solid;
  border-color: #A0A0A0;
  border-width: 1px 1px 0 0;
}
#workshopcontrolreport tr td div.total-cell {
  border-top: 1px solid black;
  border-right: none !important;
  height: 50px;
  width: 100%;
  margin-top: 0px;
  padding-top: 15px;
  padding-bottom: 60px;
}
#workshopcontrolreport .buttonbar {
  float: left;
  overflow: auto;
  background: transparent;
  border-bottom: none;
  color: #212B33;
  font-weight: 400;
  line-height: 25px;
  margin-top: 10px;
  padding: 15px 15px 10px 15px;
  width: 100%;
}
#workshopcontrolreport .buttonbar::after {
  content: "";
  display: table;
  clear: both;
}
#workshopcontrolreport .buttonbar div {
  top: 0 !important;
  padding: 0 !important;
}
#workshopcontrolreport .buttonbar div.filter {
  float: left;
  width: 160px;
  margin-right: 20px;
  background-color: transparent;
  margin-top: 0;
}
#workshopcontrolreport .buttonbar div:first-child span span {
  top: 0 !important;
  position: relative !important;
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: 600;
}
#workshopcontrolreport .buttonbar div:first-child img {
  margin-left: 15px !important;
  vertical-align: middle;
}
#workshopcontrolreport .buttonbar div:first-child .ui-datepicker-trigger {
  position: absolute;
  margin-top: 7px;
  margin-left: -25px !important;
}
#workshopcontrolreport .buttonbar div:first-child input[type=checkbox] {
  margin-left: 15px;
}
#workshopcontrolreport .buttonbar input[type=text] {
  width: 100% !important;
}
#workshopcontrolreport .buttonbar input[type=button] {
  margin-right: 0 !important;
}
#workshopcontrolreport .buttonbar .unfloat {
  color: transparent;
}
#workshopcontrolreport .buttonbar .unfloat span {
  position: relative !important;
}

#reportplanningwrap .buttonbar {
  overflow: auto;
  background: #f5f7f9;
  border-bottom: 1px solid #e8e7e7;
  color: #212B33;
  font-weight: 400;
  line-height: 25px;
  margin-top: 10px;
  padding: 15px 15px 10px 15px;
}
#reportplanningwrap .buttonbar::after {
  content: "";
  display: table;
  clear: both;
}
#reportplanningwrap .buttonbar div {
  top: 0 !important;
  padding: 0 !important;
}
#reportplanningwrap .buttonbar div:first-child span span {
  top: 0 !important;
  position: relative !important;
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: 600;
}
#reportplanningwrap .buttonbar div:first-child img {
  margin-left: 15px !important;
  vertical-align: middle;
}
#reportplanningwrap .buttonbar div:first-child .ui-datepicker-trigger {
  position: absolute;
  margin-top: 7px;
  margin-left: -25px !important;
}
#reportplanningwrap .buttonbar div:first-child input[type=checkbox] {
  margin-left: 15px;
}
#reportplanningwrap .buttonbar input[type=text] {
  width: 100% !important;
}
#reportplanningwrap .buttonbar input[type=button] {
  margin-right: 0 !important;
}
#reportplanningwrap .buttonbar .unfloat span {
  position: relative !important;
}
#reportplanningwrap::after {
  content: "";
  display: table;
  clear: both;
}
#reportplanningwrap .floatcontainer {
  width: 100%;
  overflow: auto;
}
#reportplanningwrap .floatcontainer::after {
  content: "";
  display: table;
  clear: both;
}
#reportplanningwrap #dateselect {
  width: 100px !important;
}
#reportplanningwrap #dateselect + .ui-datepicker-trigger {
  margin-left: -20px;
  top: 2px;
  position: relative;
}
#reportplanningwrap #txtSearch {
  height: 31px !important;
}
#reportplanningwrap #searchbutton {
  width: 25px;
  margin-left: -20px;
}
#reportplanningwrap span:nth-child(3) input[type=button] {
  float: right;
  position: relative;
  margin-top: 20px !important;
  margin-right: 0 !important;
}
#reportplanningwrap .dtr {
  min-width: 300px !important;
  margin-top: 15px;
  color: #212B33;
}
#reportplanningwrap .dtr thead {
  border-top: 1px solid #e8e7e7;
  border-bottom: 1px solid #e8e7e7;
}
#reportplanningwrap .dtr thead tr {
  background: #f5f7f9 !important;
}
#reportplanningwrap .dtr thead .row-count {
  position: relative;
  display: inline-block;
  top: auto !important;
  right: auto !important;
  line-height: 14px;
  padding: 0 3px !important;
  text-align: center;
  min-width: 15px;
  width: auto;
  height: 15px;
  background-color: #212B33 !important;
  color: white;
  font-weight: bold;
  font-size: 11px !important;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  border-radius: 15px !important;
  box-shadow: none !important;
  float: right;
}
#reportplanningwrap .dtr td, #reportplanningwrap .dtr th {
  font-size: 12px;
  padding: 5px;
}
#reportplanningwrap .dtr th {
  font-weight: 600;
}

.checklistreport table {
  display: inline-block;
  vertical-align: top;
  min-height: 100px;
  max-width: 100%;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 12px;
  margin-bottom: 15px;
  position: relative;
  border: 1px solid #e8e7e7 !important;
  -webkit-overflow-scrolling: touch;
}
.checklistreport table .head {
  border-top: 1px solid #e8e7e7;
  border-bottom: 1px solid #e8e7e7;
  background: #fff;
}
.checklistreport table th {
  font-weight: 700;
  text-align: left;
}
.checklistreport table a {
  text-decoration: none;
  color: #4E4D50;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.checklistreport table a:hover {
  text-decoration: underline;
  color: #F05822;
}
.checklistreport table tbody {
  width: 100% !important;
}
.checklistreport table tbody .file {
  background-color: #f5f7f9 !important;
  font-weight: 400 !important;
}
.checklistreport table tbody .file td {
  border-top: 1px solid #e8e7e7 !important;
}
.checklistreport table tbody span[title=OK] {
  color: #48b14a !important;
}
.checklistreport table tbody span[title="Niet OK"] {
  color: #ec1661 !important;
}
.checklistreport table tbody .head, .checklistreport table tbody .subhead {
  background: #e8e7e7 !important;
  color: #212B33 !important;
  font-weight: 600 !important;
}
.checklistreport table tbody .item {
  background-color: #fff !important;
}
.checklistreport table tbody tr {
  background-color: #f5f7f9;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.checklistreport table tbody th,
.checklistreport table tbody td {
  width: 1%;
  padding: 12px 5px;
}
.checklistreport table tbody th span,
.checklistreport table tbody td span {
  color: #4E4D50 !important;
}
.checklistreport table .left {
  float: left;
  text-align: left;
  line-height: 30px;
}
.checklistreport table .left > span input {
  float: left;
  margin-right: 10px;
}
.checklistreport .paginator {
  float: right;
  line-height: 30px;
  text-align: left;
  margin-top: 20px;
}
.checklistreport .paginator .selected {
  color: #F05822;
  padding: 5px;
}
.checklistreport .paginator .page {
  padding: 5px;
}
.checklistreport .paginator span.arrow:first-child {
  background: rgb(246.4830508475, 160.1779661017, 129.5169491525) no-repeat;
  background-size: contain;
  padding: 0 !important;
  position: relative !important;
  z-index: 0;
  top: 3px;
  display: inline-block;
  height: 15px;
  width: 15px !important;
  overflow: hidden;
  color: rgb(246.4830508475, 160.1779661017, 129.5169491525);
  margin-right: 10px;
  background-image: url(../images/svg/left.svg);
}
.checklistreport .paginator span.arrow:last-child {
  background: rgb(246.4830508475, 160.1779661017, 129.5169491525) no-repeat;
  background-size: contain;
  padding: 0 !important;
  position: relative !important;
  z-index: 0;
  top: 3px;
  display: inline-block;
  height: 15px;
  width: 15px !important;
  overflow: hidden;
  color: rgb(246.4830508475, 160.1779661017, 129.5169491525);
  margin-left: 10px;
  background-image: url(../images/svg/right.svg);
}
.checklistreport .paginator span.arrow:last-child a {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccc;
  width: 15px;
  height: 15px;
  background-color: #F05822 !important;
  content: url(../images/svg/right.svg);
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  background-size: 100% 100% !important;
  background: #F05822 url(../images/svg/right.svg) no-repeat;
  width: 15px;
  height: 15px;
}
.checklistreport .paginator span.arrow:first-child a {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccc;
  width: 15px;
  height: 15px;
  background-color: #F05822 !important;
  content: url(../images/svg/left.svg);
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  background-size: 100% 100% !important;
  background: #F05822 url(../images/svg/left.svg) no-repeat;
  width: 15px;
  height: 15px;
}
.checklistreport .paginator .break {
  display: none;
}
.checklistreport .left {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 15px;
  float: left;
}

/* ================== */
/* =   MAINTENANCE  = */
/* ================== */
#personnel .filter, #thirdparty .filter, #catalog .filter {
  float: none;
  overflow: auto;
  display: block;
}
#personnel .left2fixedpixels > div:nth-child(3), #personnel .left2fixedpixels > span, #thirdparty .left2fixedpixels > div:nth-child(3), #thirdparty .left2fixedpixels > span, #catalog .left2fixedpixels > div:nth-child(3), #catalog .left2fixedpixels > span {
  float: right;
}
#personnel .left2fixedpixels > span input, #thirdparty .left2fixedpixels > span input, #catalog .left2fixedpixels > span input {
  margin-right: 0;
}
#personnel .listbox, #thirdparty .listbox, #catalog .listbox {
  margin-right: 10px;
}

#organisation .chosen-container, .dataeditor .chosen-container, #standardjobs .chosen-container, #inspector .chosen-container, #checklist .chosen-container, #scheduleview .chosen-container, #vatbookwrap .chosen-container, #albatroswrap .chosen-container {
  width: 100% !important;
  height: auto !important;
  border: none;
  margin: 0 !important;
  padding: 0 !important;
}
#organisation .chosen-container::after, .dataeditor .chosen-container::after, #standardjobs .chosen-container::after, #inspector .chosen-container::after, #checklist .chosen-container::after, #scheduleview .chosen-container::after, #vatbookwrap .chosen-container::after, #albatroswrap .chosen-container::after {
  content: "";
  display: table;
  clear: both;
}
#organisation .chosen-container input, .dataeditor .chosen-container input, #standardjobs .chosen-container input, #inspector .chosen-container input, #checklist .chosen-container input, #scheduleview .chosen-container input, #vatbookwrap .chosen-container input, #albatroswrap .chosen-container input {
  height: 30px !important;
  width: 100% !important;
}
#organisation .chosen-container .chosen-choices, .dataeditor .chosen-container .chosen-choices, #standardjobs .chosen-container .chosen-choices, #inspector .chosen-container .chosen-choices, #checklist .chosen-container .chosen-choices, #scheduleview .chosen-container .chosen-choices, #vatbookwrap .chosen-container .chosen-choices, #albatroswrap .chosen-container .chosen-choices {
  border: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538) !important;
}
#organisation .chosen-drop, .dataeditor .chosen-drop, #standardjobs .chosen-drop, #inspector .chosen-drop, #checklist .chosen-drop, #scheduleview .chosen-drop, #vatbookwrap .chosen-drop, #albatroswrap .chosen-drop {
  position: absolute;
  z-index: 999999;
}
#organisation .left2, .dataeditor .left2, #standardjobs .left2, #inspector .left2, #checklist .left2, #scheduleview .left2, #vatbookwrap .left2, #albatroswrap .left2 {
  float: left;
  width: 25%;
  padding-right: 10px;
  overflow: visible;
}
#organisation .left2 input[type=checkbox], .dataeditor .left2 input[type=checkbox], #standardjobs .left2 input[type=checkbox], #inspector .left2 input[type=checkbox], #checklist .left2 input[type=checkbox], #scheduleview .left2 input[type=checkbox], #vatbookwrap .left2 input[type=checkbox], #albatroswrap .left2 input[type=checkbox] {
  width: 15px !important;
}
#organisation .left2::after, .dataeditor .left2::after, #standardjobs .left2::after, #inspector .left2::after, #checklist .left2::after, #scheduleview .left2::after, #vatbookwrap .left2::after, #albatroswrap .left2::after {
  content: "";
  display: table;
  clear: both;
}
#organisation .left2 .datagrid, .dataeditor .left2 .datagrid, #standardjobs .left2 .datagrid, #inspector .left2 .datagrid, #checklist .left2 .datagrid, #scheduleview .left2 .datagrid, #vatbookwrap .left2 .datagrid, #albatroswrap .left2 .datagrid {
  width: 100% !important;
  margin-top: 0;
}
#organisation .left2 .datagrid tr td:first-child, #organisation .left2 .datagrid tr th:first-child, .dataeditor .left2 .datagrid tr td:first-child, .dataeditor .left2 .datagrid tr th:first-child, #standardjobs .left2 .datagrid tr td:first-child, #standardjobs .left2 .datagrid tr th:first-child, #inspector .left2 .datagrid tr td:first-child, #inspector .left2 .datagrid tr th:first-child, #checklist .left2 .datagrid tr td:first-child, #checklist .left2 .datagrid tr th:first-child, #scheduleview .left2 .datagrid tr td:first-child, #scheduleview .left2 .datagrid tr th:first-child, #vatbookwrap .left2 .datagrid tr td:first-child, #vatbookwrap .left2 .datagrid tr th:first-child, #albatroswrap .left2 .datagrid tr td:first-child, #albatroswrap .left2 .datagrid tr th:first-child {
  display: table-cell;
}
#organisation > div > div > div, .dataeditor > div > div > div, #standardjobs > div > div > div, #inspector > div > div > div, #checklist > div > div > div, #scheduleview > div > div > div, #vatbookwrap > div > div > div, #albatroswrap > div > div > div {
  margin-top: 0 !important;
}
#organisation .right2, .dataeditor .right2, #standardjobs .right2, #inspector .right2, #checklist .right2, #scheduleview .right2, #vatbookwrap .right2, #albatroswrap .right2 {
  padding-left: 10px;
  float: right;
  width: 75%;
}
#organisation .right2 .datagrid, .dataeditor .right2 .datagrid, #standardjobs .right2 .datagrid, #inspector .right2 .datagrid, #checklist .right2 .datagrid, #scheduleview .right2 .datagrid, #vatbookwrap .right2 .datagrid, #albatroswrap .right2 .datagrid {
  margin-top: 0;
}
#organisation .filter, .dataeditor .filter, #standardjobs .filter, #inspector .filter, #checklist .filter, #scheduleview .filter, #vatbookwrap .filter, #albatroswrap .filter {
  width: 100%;
  background: #f5f7f9;
}
#organisation .filter tbody, .dataeditor .filter tbody, #standardjobs .filter tbody, #inspector .filter tbody, #checklist .filter tbody, #scheduleview .filter tbody, #vatbookwrap .filter tbody, #albatroswrap .filter tbody {
  padding-left: 10px;
  padding-right: 10px;
}
#organisation .filter th div, .dataeditor .filter th div, #standardjobs .filter th div, #inspector .filter th div, #checklist .filter th div, #scheduleview .filter th div, #vatbookwrap .filter th div, #albatroswrap .filter th div {
  display: none !important;
}
#organisation .filter tr:nth-of-type(n+2), .dataeditor .filter tr:nth-of-type(n+2), #standardjobs .filter tr:nth-of-type(n+2), #inspector .filter tr:nth-of-type(n+2), #checklist .filter tr:nth-of-type(n+2), #scheduleview .filter tr:nth-of-type(n+2), #vatbookwrap .filter tr:nth-of-type(n+2), #albatroswrap .filter tr:nth-of-type(n+2) {
  float: none !important;
  display: block !important;
  width: 100% !important;
  margin-top: 10px;
}
#organisation .filter tr:nth-of-type(n+2) td::after, .dataeditor .filter tr:nth-of-type(n+2) td::after, #standardjobs .filter tr:nth-of-type(n+2) td::after, #inspector .filter tr:nth-of-type(n+2) td::after, #checklist .filter tr:nth-of-type(n+2) td::after, #scheduleview .filter tr:nth-of-type(n+2) td::after, #vatbookwrap .filter tr:nth-of-type(n+2) td::after, #albatroswrap .filter tr:nth-of-type(n+2) td::after {
  content: "";
  display: table;
  clear: both;
}
#organisation .filter tr:nth-of-type(n+2) td:first-child, .dataeditor .filter tr:nth-of-type(n+2) td:first-child, #standardjobs .filter tr:nth-of-type(n+2) td:first-child, #inspector .filter tr:nth-of-type(n+2) td:first-child, #checklist .filter tr:nth-of-type(n+2) td:first-child, #scheduleview .filter tr:nth-of-type(n+2) td:first-child, #vatbookwrap .filter tr:nth-of-type(n+2) td:first-child, #albatroswrap .filter tr:nth-of-type(n+2) td:first-child {
  margin-bottom: 5px;
  font-size: 12px;
  color: #212B33;
}
#organisation .filter tr:nth-of-type(n+2) input[type=submit], #organisation .filter tr:nth-of-type(n+2) input[type=button], .dataeditor .filter tr:nth-of-type(n+2) input[type=submit], .dataeditor .filter tr:nth-of-type(n+2) input[type=button], #standardjobs .filter tr:nth-of-type(n+2) input[type=submit], #standardjobs .filter tr:nth-of-type(n+2) input[type=button], #inspector .filter tr:nth-of-type(n+2) input[type=submit], #inspector .filter tr:nth-of-type(n+2) input[type=button], #checklist .filter tr:nth-of-type(n+2) input[type=submit], #checklist .filter tr:nth-of-type(n+2) input[type=button], #scheduleview .filter tr:nth-of-type(n+2) input[type=submit], #scheduleview .filter tr:nth-of-type(n+2) input[type=button], #vatbookwrap .filter tr:nth-of-type(n+2) input[type=submit], #vatbookwrap .filter tr:nth-of-type(n+2) input[type=button], #albatroswrap .filter tr:nth-of-type(n+2) input[type=submit], #albatroswrap .filter tr:nth-of-type(n+2) input[type=button] {
  width: auto !important;
}
#organisation .filter tr:nth-of-type(n+2) input, .dataeditor .filter tr:nth-of-type(n+2) input, #standardjobs .filter tr:nth-of-type(n+2) input, #inspector .filter tr:nth-of-type(n+2) input, #checklist .filter tr:nth-of-type(n+2) input, #scheduleview .filter tr:nth-of-type(n+2) input, #vatbookwrap .filter tr:nth-of-type(n+2) input, #albatroswrap .filter tr:nth-of-type(n+2) input {
  max-width: 100%;
}
#organisation .filter tr:nth-of-type(n+2) select, .dataeditor .filter tr:nth-of-type(n+2) select, #standardjobs .filter tr:nth-of-type(n+2) select, #inspector .filter tr:nth-of-type(n+2) select, #checklist .filter tr:nth-of-type(n+2) select, #scheduleview .filter tr:nth-of-type(n+2) select, #vatbookwrap .filter tr:nth-of-type(n+2) select, #albatroswrap .filter tr:nth-of-type(n+2) select {
  width: 100%;
}

#locationwrap::after {
  content: "";
  display: table;
  clear: both;
}
#locationwrap > div:nth-child(1) {
  width: 60%;
  float: right;
  padding-left: 10px;
}
#locationwrap > div:nth-child(1) .datagrid {
  margin-top: 0;
}
#locationwrap > div:nth-child(2) {
  width: 40% !important;
  float: left;
  padding-right: 10px;
  background: #f5f7f9;
}
#locationwrap > div:nth-child(2)::after {
  content: "";
  display: table;
  clear: both;
}
#locationwrap > div:nth-child(2) > div > div {
  margin-top: 0 !important;
}
#locationwrap > div:nth-child(2) > div > div > div {
  background: none !important;
  padding: 15px !important;
  border: none !important;
}
#locationwrap > div:nth-child(2) > div > div textarea {
  background: #fff !important;
  height: 200px !important;
}
#locationwrap > div:nth-child(2) table tr select {
  width: 100% !important;
}
#locationwrap > div:nth-child(2) table tr td:nth-child(2) {
  display: none;
}
#locationwrap > div:nth-child(2) table tr td {
  display: block;
  margin-bottom: 10px;
}
#locationwrap > div:nth-child(2) table tr label {
  color: #212B33;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 10px;
  display: block;
}
#locationwrap > div:nth-child(2) table colgroup col {
  display: none;
}
#locationwrap > div:nth-child(2) table input {
  margin-left: 0 !important;
}
.nicEdit-pane input[type=submit] {
  background-color: #F05822 !important;
  border: none !important;
  margin: 0 !important;
  margin-top: 5px !important;
  float: none !important;
  clear: both;
}

.nicEdit-button {
  background-image: url(../images/nicEditIcons.gif) !important;
}

.nicEdit-main {
  margin: 0 !important;
  padding: 10px;
  width: 100% !important;
  background: #fff;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.nicEdit-main br {
  display: block;
}

.nicEdit-selectContain {
  width: 72px !important;
}

.nicEdit-selectControl {
  width: 0 !important;
}

#tasktype div:nth-child(1) {
  float: left;
  width: 50%;
  margin: 0 !important;
  padding-right: 10px;
}
#tasktype div:nth-child(2) {
  float: right;
  width: 50%;
  margin: 0 !important;
  padding-left: 10px;
}
#tasktype .datagrid {
  background: #f5f7f9;
  margin-top: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}
#tasktype .datagrid tr {
  background: none;
}
#tasktype .datagrid tr td {
  padding: 5px;
}
#tasktype .datagrid tr:nth-child(1) th {
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  padding: 11px 11px 11px 5px;
  border-bottom: 1px solid #e8e7e7;
  margin-bottom: 10px;
  line-height: 30px;
  background: #f5f7f9;
}
#tasktype .datagrid tr:nth-child(2) td {
  padding-top: 15px;
}
#tasktype .datagrid tbody tr:hover, #tasktype .datagrid tbody tr:hover a, #tasktype .datagrid tbody tr:hover span {
  text-decoration: none !important;
  transition: none !important;
  cursor: inherit !important;
  color: #4E4D50 !important;
}

#communicationtemplate::after {
  content: "";
  display: table;
  clear: both;
}
#communicationtemplate #commTemplateRight {
  float: right;
  width: 50%;
  padding-left: 10px;
}
#communicationtemplate #commTemplateRight .datagrid {
  margin-top: 0;
}
#communicationtemplate #commTemplateLeft {
  float: left;
  width: 50% !important;
  padding-right: 10px;
}
#communicationtemplate #commTemplateLeft > div > div {
  margin-top: 0 !important;
}
#communicationtemplate #commTemplateLeft > div > div > div {
  border: none !important;
  padding: 15px !important;
  background: #f5f7f9 !important;
}
#communicationtemplate #commTemplateLeft .textbox {
  width: 100% !important;
  margin-left: 0 !important;
}
#communicationtemplate #commTemplateLeft .button.save {
  margin-left: 7px !important;
}
#communicationtemplate #commTemplateLeft .button.delete {
  margin-right: 0;
}
#communicationtemplate #commTemplateLeft table tbody {
  display: block;
}
#communicationtemplate #commTemplateLeft table tbody td {
  display: block;
}
#communicationtemplate #commTemplateLeft table tbody .inputAndLabels::after {
  content: "";
  display: table;
  clear: both;
}
#communicationtemplate #commTemplateLeft table tbody .inputAndLabels .commeditor {
  float: left;
  width: 60%;
}
#communicationtemplate #commTemplateLeft table tbody .inputAndLabels .commeditorbuttons {
  float: right;
  width: 40%;
  padding-left: 5px !important;
}
#communicationtemplate #commTemplateLeft table tbody .inputAndLabels .commeditorbuttons input[type=button] {
  width: 49% !important;
  min-width: 70px;
  font-size: 10px;
  margin-bottom: 2px;
  margin-right: 1%;
  float: left;
}

.button.delete {
  background: #b1b1b1;
  color: #FFF;
}
.button.delete:hover {
  background: #757575;
}

#catalog .filter .advanced_filter {
  width: 100%;
}
#catalog .filter .advanced_filter td input {
  width: 100%;
}
#catalog .left2fixedpixels > div:nth-child(2) {
  float: right;
}
#catalog .left2fixedpixels > div:nth-child(2) input {
  margin-right: 0;
}

#inspector {
  position: relative;
}
#inspector::after {
  content: "";
  display: table;
  clear: both;
}
#inspector #inspectorPricing input[type=checkbox] {
  width: 15px;
}

.uploadInput {
  font-size: 12px;
  color: #212B33;
}
.uploadInput > span input[type=button] {
  background: 0;
  outline: 0;
  color: #F05822;
}

.floatcontainer .datagrid {
  width: 100% !important;
}

.half .sortable .ui-sortable-handle {
  background: #f5f7f9;
  color: #4E4D50;
  padding: 10px;
}

#personnel_data > tbody {
  font-size: 14px;
  font-weight: 300;
  color: #4E4D50;
  display: block;
  font-weight: 300 !important;
  overflow-y: auto;
  padding: 25px 15px;
  font-size: 12px;
}
#personnel_data > tbody .ui-datepicker-trigger {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#personnel_data > tbody::after {
  content: "";
  display: table;
  clear: both;
}
#personnel_data > tbody > tr {
  position: relative;
  display: block;
}
#personnel_data > tbody > tr::after {
  content: "";
  display: table;
  clear: both;
}
#personnel_data > tbody > tr:first-child > td {
  display: block;
  min-width: 300px;
  width: 30%;
  border: 1px solid #f5f7f9;
}
#personnel_data > tbody > tr:first-child > td h2 {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 20px 0 !important;
  padding: 0;
}
#personnel_data > tbody > tr:first-child > td .limitedTable {
  max-width: inherit;
}
#personnel_data > tbody > tr:first-child > td .limitedTable > tbody > tr > td:first-child {
  width: 150px;
}
#personnel_data > tbody > tr:first-child > td .limitedTable tr td {
  position: relative;
  padding: 2px 0;
}
#personnel_data > tbody > tr:first-child > td:first-child tr:last-child {
  display: none;
}
#personnel_data > tbody > tr:first-child > td:nth-child(2) h2 {
  display: none;
}
#personnel_data > tbody > tr:first-child > td:last-child {
  width: 60%;
  position: absolute;
  margin-left: 40%;
  top: 0;
}
#personnel_data > tbody > tr:first-child > td:last-child tbody tr:nth-of-type(n + 4) div {
  display: inline-block !important;
}
#personnel_data > tbody > tr:last-child {
  margin-top: 15px;
}
#personnel_data > tbody > tr:last-child td {
  float: right;
}
#personnel_data > tbody > tr:last-child td span:last-child input {
  margin-right: 0;
}
#personnel_data > tbody input[type=text], #personnel_data > tbody select, #personnel_data > tbody .chosen-container {
  font-size: 10px !important;
  width: 100% !important;
  min-width: 200px;
  line-height: 25px !important;
  margin: 0;
  padding: 2px 5px !important;
}
#personnel_data > tbody input[type=password] {
  min-width: 200px;
  max-width: 100%;
  width: 100% !important;
}
#personnel_data > tbody .chosen-container {
  height: auto !important;
  border: none;
  padding: 0 !important;
}
#personnel_data > tbody .chosen-container::after {
  content: "";
  display: table;
  clear: both;
}
#personnel_data > tbody .chosen-container input {
  height: 30px !important;
  width: 100% !important;
}
#personnel_data > tbody .chosen-container .chosen-choices {
  border: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538) !important;
}
#personnel_data > tbody .chosen-container .chosen-choices .search-choice {
  width: 100%;
  float: none;
}
#personnel_data > tbody .smaller {
  max-width: 250px;
  font-size: 10px;
}
#personnel_data > tbody .smaller.pointer {
  cursor: pointer;
}
#personnel_data > tbody .hidden {
  display: none;
}

.pagehead {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 5px;
  padding: 15px 5px;
  background: #f5f7f9;
  color: #212B33;
  border-bottom: 1px solid #e8e7e7;
}

.pagehead + table {
  position: relative;
  display: block;
  background: #f5f7f9;
  border-top: 30px solid #e8e7e7;
  border-bottom: 30px solid #e8e7e7;
  padding: 25px 15px;
  font-size: 12px;
}
.pagehead + table tbody {
  display: block;
  width: 100%;
}
.pagehead + table tbody tr td {
  width: 1%;
  padding: 2px;
}
.pagehead + table tbody tr td .time {
  min-width: 70px;
}
.pagehead + table tr:nth-child(2) td:nth-child(4) {
  vertical-align: top;
}
.pagehead + table tr:nth-child(2) td:nth-child(4) span {
  visibility: collapse;
  display: block;
  max-width: 300px;
  white-space: normal;
}
.pagehead + table tr:nth-child(2) td:nth-child(4) span strong {
  visibility: visible;
  display: block;
  font-weight: 400;
  line-height: 30px;
}
.pagehead + table tr:nth-child(2) td:nth-child(4) span a {
  font-weight: 400;
  margin-right: -3px;
  margin-top: 2px;
  font-size: 10px;
  visibility: visible;
  display: inline-block;
  background: #F05822;
  color: #fff;
  text-decoration: none;
  padding: 5px;
}
.pagehead + table tr:nth-child(2) td:nth-child(4) span a:hover {
  background: #d64627;
}

.thirdpartiedetail .filter {
  position: relative;
  display: block;
  background: #f5f7f9 !important;
  border-top: 30px solid #e8e7e7;
  padding: 25px 15px;
  font-size: 12px;
  overflow-x: auto;
}
.thirdpartiedetail .filter #pbtnBusiNr {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 7px;
  left: 170px;
  top: 32%;
  transform: translateY(-50%);
  cursor: pointer;
}
.thirdpartiedetail .filter #pbtnBusiNr:after {
  font-family: "Font Awesome 5 Free";
  width: 15px;
  height: 15px;
  font-size: 15px;
  position: absolute;
  content: "\f002";
  font-weight: 900;
}
.thirdpartiedetail .filter > tbody {
  display: block;
  width: 100%;
}
.thirdpartiedetail .filter > tbody tr th {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 15px 0 !important;
  padding: 0;
  display: block;
  position: absolute;
  width: 50% !important;
  min-width: 300px;
}
.thirdpartiedetail .filter > tbody > tr {
  position: relative;
}
.thirdpartiedetail .filter > tbody > tr:first-child {
  height: 40px;
}
.thirdpartiedetail .filter > tbody > tr.identitycard_row {
  display: none;
}
.thirdpartiedetail .filter > tbody > tr.identitycard_row input[type=text] {
  width: 100% !important;
}
.thirdpartiedetail .filter > tbody > tr:last-child {
  display: block;
  height: 65px;
}
.thirdpartiedetail .filter > tbody > tr:last-child td {
  display: block;
  width: 100% !important;
  text-align: right;
  margin-top: 15px;
}
.thirdpartiedetail .filter > tbody > tr:last-child td span:last-child input {
  margin-right: 0;
}
.thirdpartiedetail .filter > tbody tr th:nth-child(2) {
  display: none;
}
.thirdpartiedetail .filter > tbody tr td {
  position: relative;
  width: 5%;
  padding: 2px 20px 2px 2px;
}
.thirdpartiedetail .filter > tbody tr td .phonecontainer {
  max-width: 200px !important;
}
.thirdpartiedetail .filter > tbody tr td .phonecontainer > input.textbox {
  min-width: auto;
}
.thirdpartiedetail .filter > tbody tr td:nth-child(odd) {
  max-width: 100px;
}
.thirdpartiedetail .filter > tbody tr td .time {
  min-width: 70px;
}
.thirdpartiedetail .filter > tbody tr td .ui-datepicker-trigger {
  position: absolute;
  top: 10px;
  right: 30px;
}
.thirdpartiedetail .filter > tbody tr td input[type=text], .thirdpartiedetail .filter > tbody tr td select, .thirdpartiedetail .filter > tbody tr td div.citybox {
  min-width: 100px;
  max-width: 200px;
}
.thirdpartiedetail .filter > tbody tr td div.citybox input {
  min-width: 0;
}
.thirdpartiedetail .filter > tbody tr td select {
  width: 100%;
}
.thirdpartiedetail .filter > tbody tr td input[type=checkbox] + input[type=text] {
  width: 75% !important;
  margin-right: 4px;
  min-width: 70px;
  max-width: 140px;
  float: left;
}
.thirdpartiedetail .privacy_table {
  margin-left: 0 !important;
  width: 100%;
  padding: 5px;
  border: 0 !important;
  background: #e8e7e7 !important;
  table-layout: fixed;
}
.thirdpartiedetail .privacy_table tr:nth-child(2) {
  display: none;
}
.thirdpartiedetail .privacy_table tr td {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.thirdpartiedetail .privacy_table tr td strong {
  font-size: 12px;
  color: #212B33;
  font-weight: 400;
}
.thirdpartiedetail .privacy_table label {
  padding-left: 2px;
}
.thirdpartiedetail h2 {
  font-size: 20px;
  font-weight: 400;
  margin: 20px 0 20px 0 !important;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-top: 10px;
  border-bottom: 1px solid #e8e7e7;
  background: #f5f7f9;
}
.thirdpartiedetail .datagrid {
  margin-top: 0;
  width: 100% !important;
  border-bottom: 1px solid #e8e7e7;
}

#typemap .datagrid tbody tr:nth-child(even) {
  background-color: #fff !important;
}

/* ================== */
/* =     SYSTEM     = */
/* ================== */
.systemwrap .left2, .systemwrap .left2system {
  float: left;
  width: 25%;
  padding-right: 15px;
}
.systemwrap .left2 strong, .systemwrap .left2system strong {
  font-weight: 400;
}
.systemwrap .left2 a, .systemwrap .left2system a {
  text-decoration: none;
  font-weight: 400;
  color: #F05822;
  padding-top: 2px;
}
.systemwrap .left2 a:hover, .systemwrap .left2system a:hover {
  text-decoration: underline;
}
.systemwrap .left2 div, .systemwrap .left2system div {
  margin: 0 !important;
}
.systemwrap .left2 .filter, .systemwrap .left2system .filter {
  width: 100%;
  max-width: inherit;
  margin-top: 15px;
  padding-right: 0;
  margin-bottom: 0;
}
.systemwrap .left2 .filter > tbody, .systemwrap .left2 .filter > tbody > tr, .systemwrap .left2 .filter > tbody > tr > td, .systemwrap .left2system .filter > tbody, .systemwrap .left2system .filter > tbody > tr, .systemwrap .left2system .filter > tbody > tr > td {
  display: block;
  width: 100% !important;
  float: none;
}
.systemwrap .left2 .filter > tbody > tr, .systemwrap .left2system .filter > tbody > tr {
  margin-bottom: 10px;
}
.systemwrap .left2 .filter > tbody > tr[style="display: table-row;"], .systemwrap .left2system .filter > tbody > tr[style="display: table-row;"] {
  display: block !important;
}
.systemwrap .left2 .filter > tbody > tr > td, .systemwrap .left2system .filter > tbody > tr > td {
  font-size: 12px;
}
.systemwrap .left2 .filter > tbody > tr > td:first-child, .systemwrap .left2system .filter > tbody > tr > td:first-child {
  margin-bottom: 5px;
  color: #212B33;
}
.systemwrap .left2 .filter > tbody > tr > td input[type=submit], .systemwrap .left2 .filter > tbody > tr > td input[type=button], .systemwrap .left2system .filter > tbody > tr > td input[type=submit], .systemwrap .left2system .filter > tbody > tr > td input[type=button] {
  width: auto !important;
}
.systemwrap .left2 .renderWithName, .systemwrap .left2system .renderWithName {
  float: left;
  width: 100%;
  padding: 10px;
  margin-top: 15px !important;
  background: #f5f7f9;
}
.systemwrap .left2 .renderWithName::after, .systemwrap .left2system .renderWithName::after {
  content: "";
  display: table;
  clear: both;
}
.systemwrap .left2 .renderWithName .left label, .systemwrap .left2system .renderWithName .left label {
  display: block;
  padding: 10px 5px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 14px;
  color: #4E4D50;
  border-bottom: 1px solid #e8e7e7;
}
.systemwrap .left2 #twostepinfo, .systemwrap .left2system #twostepinfo {
  float: left;
  background: #f5f7f9;
  padding: 10px;
  font-size: 12px;
}
.systemwrap .left2 #twostepinfo h3, .systemwrap .left2system #twostepinfo h3 {
  margin-bottom: 15px;
  font-weight: 600;
}
.systemwrap .left2 #twostepinfo img, .systemwrap .left2system #twostepinfo img {
  width: 100%;
  height: auto;
}
.systemwrap .left2 #twostepinfo ul.twostep, .systemwrap .left2system #twostepinfo ul.twostep {
  list-style-type: none;
  margin: 10px 10px 10px 0;
}
.systemwrap .left2 #twostepinfo ul.twostep li, .systemwrap .left2system #twostepinfo ul.twostep li {
  margin-top: 5px;
}
.systemwrap .left2 #twostepinfo ul.twostep li span, .systemwrap .left2system #twostepinfo ul.twostep li span {
  color: #F05822;
  float: left;
  font-size: 35px;
  font-weight: 700;
}
.systemwrap .left2 #twostepinfo ul.twostep li p, .systemwrap .left2system #twostepinfo ul.twostep li p {
  margin-left: 40px;
  min-height: inherit;
  padding: 5px 0 !important;
  font-size: 11px;
}
.systemwrap .left2 #twostepinfo ul.twostep li p.nr, .systemwrap .left2system #twostepinfo ul.twostep li p.nr {
  font-weight: 400;
  color: #212B33;
  border-bottom: 1px solid #e8e7e7;
}
.systemwrap .left2 h3, .systemwrap .left2system h3 {
  padding: 10px 15px;
  background: #f5f7f9;
}
.systemwrap .left2 #bundle, .systemwrap .left2system #bundle {
  width: 100%;
}
.systemwrap .right2system h3 {
  display: none;
}
.systemwrap .right2, .systemwrap .right2system {
  overflow-x: auto;
}

#internalframe {
  width: 100% !important;
}

#versionwrap {
  background: #f5f7f9;
}
#versionwrap h1 {
  padding: 15px;
  background: #f5f7f9;
  border-bottom: 1px solid #e8e7e7;
  font-weight: 600;
  font-size: 14px;
}
#versionwrap #buttonwrap {
  padding: 15px;
}

#odbcwrap .datagrid {
  margin-top: 0;
}
#odbcwrap h1, #odbcwrap .filter th {
  padding: 15px;
  background: #f5f7f9;
  border-bottom: 1px solid #e8e7e7;
  font-weight: 600;
  font-size: 14px;
}
#odbcwrap .filter {
  margin-top: 15px;
  background: #f5f7f9;
  font-size: 12px;
}
#odbcwrap .filter tr:nth-child(2) td {
  padding-top: 15px;
}
#odbcwrap .filter tr:last-child td {
  padding-bottom: 15px;
}
#odbcwrap .filter tr td {
  padding: 5px;
  line-height: 14px;
}
#odbcwrap .filter tr td select, #odbcwrap .filter tr td input[type=text] {
  max-width: inherit !important;
  width: 100% !important;
}
#odbcwrap .filter tr td .CodeMirror {
  border: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538);
  width: 100%;
}
#odbcwrap .filter tr td .CodeMirror-gutters {
  border-right: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538);
}
#odbcwrap .filter tr td:first-child {
  padding-left: 15px;
}
#odbcwrap .filter tr td:last-child {
  padding-right: 15px;
}

#shortcuts h3 {
  padding: 15px;
  background: #f5f7f9;
  border-bottom: 1px solid #e8e7e7;
  font-weight: 600;
  font-size: 14px;
}
#shortcuts table tr {
  display: block;
  float: left;
  width: 20%;
  background: #f5f7f9;
  border: 7px solid #fff;
  height: 140px;
  min-width: 180px;
}
#shortcuts table tr:first-child {
  display: none;
}
#shortcuts table tr td {
  display: block;
}
#shortcuts table tr td:first-child {
  font-weight: 400;
  margin: 15px auto 0 auto;
  width: 35px;
  height: 35px;
  border: 1px solid #a9a9a9;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  text-align: center;
  padding-top: 10px;
  padding-left: 2px;
  padding-right: 2px;
  color: #4E4D50;
  background: #f9f9f9;
  -webkit-box-shadow: 0px 2px 0px 0px rgb(169, 169, 169);
  -moz-box-shadow: 0px 2px 0px 0px rgb(169, 169, 169);
  box-shadow: 0px 2px 0px 0px rgb(169, 169, 169);
  font-size: 9px;
}
#shortcuts table tr td:nth-child(2) {
  text-align: center;
  font-size: 12px;
  padding: 15px;
}

.collapseTable img[src="images/treenav_not_expanded.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 25px;
  overflow: hidden;
  cursor: pointer;
  background-size: 100% 100% !important;
  background: url(../images/svg/angle-down.svg) no-repeat;
  width: 25px;
  height: 25px;
}
.collapseTable img[src="images/treenav_expanded.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 25px;
  overflow: hidden;
  cursor: pointer;
  background-size: 100% 100% !important;
  background: url(../images/svg/angle-up.svg) no-repeat;
  width: 25px;
  height: 25px;
}
.collapseTable tr:hover td {
  background: #e8e7e7;
}
.collapseTable tr td, .collapseTable tr label {
  color: #4E4D50;
  font-size: 12px;
  font-weight: 400;
}
.collapseTable tr.mainTitle {
  background: #f5f7f9 !important;
}
.collapseTable tr.mainTitle th {
  padding: 7px;
}
.collapseTable tr[term]:nth-child(odd) {
  background: #f4f4f4;
}
.collapseTable tr[term] td:first-child {
  padding: 10px 15px;
}
.collapseTable tr[term] td {
  padding: 0 7px;
}

#usergroup::after {
  content: "";
  display: table;
  clear: both;
}

/* ================== */
/* =     RENTAL     = */
/* ================== */
#rentalwrap::after {
  content: "";
  display: table;
  clear: both;
}
#rentalwrap .floatcontainer {
  max-height: 85px;
}
#rentalwrap .floatcontainer::after {
  content: "";
  display: table;
  clear: both;
}
#rentalwrap .floatcontainer #btnRentalRefresh, #rentalwrap .floatcontainer #btnApiSearch {
  padding: 7px 10px !important;
  margin-right: 2px;
}
#rentalwrap .floatcontainer #btnApiSearch {
  margin-left: 1px;
}
#rentalwrap .floatcontainer > div:first-child {
  width: 60% !important;
  min-width: 305px;
}
#rentalwrap .floatcontainer > div:first-child + div {
  width: 40% !important;
  min-width: 280px;
}
#rentalwrap #dateselect {
  width: 100px !important;
}
#rentalwrap #dateselect + .ui-datepicker-trigger {
  margin-left: -20px;
  top: 2px;
  position: relative;
}
#rentalwrap #searchbox {
  width: 130px;
}
#rentalwrap #searchbutton {
  display: inline-block;
  top: 1px;
}

#rentalpanel {
  position: relative;
  top: 12px;
  margin-bottom: 65px;
}
#rentalpanel::after {
  content: "";
  display: table;
  clear: both;
}
#rentalpanel #rntlbdy {
  border: 1px solid lightgray;
}
#rentalpanel .header {
  position: relative;
  top: 32px;
  width: 100%;
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #e8e7e7;
  color: #212B33;
  font-size: 12px;
  font-weight: 400;
  height: 45px;
  z-index: 100;
}
#rentalpanel .header .now {
  color: #F05822;
}
#rentalpanel .header .day {
  font-size: 10px;
  line-height: 18px;
  top: -5px !important;
  font-weight: 400;
}
#rentalpanel .header .column-left, #rentalpanel .header .column-right {
  margin-top: 7px;
}
#rentalpanel .header .column-left span img, #rentalpanel .header .column-right span img {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  overflow: hidden;
  padding-left: 20px;
  background-size: 50% 50% !important;
  background-position: center center !important;
  background-repeat: no-repeat;
  background-color: #212B33;
}
#rentalpanel .header .column-left {
  padding-left: 10px;
}
#rentalpanel .header .column-left .nav-backward span:first-child img {
  background-image: url(../images/navigation/previous.svg);
}
#rentalpanel .header .column-left .nav-backward span:last-child img {
  background-image: url(../images/navigation/back.svg);
}
#rentalpanel .header .column-left .nav-forward span:first-child img {
  background-image: url(../images/navigation/next.svg);
}
#rentalpanel .header .column-left .nav-forward span:last-child img {
  background-image: url(../images/navigation/forward.svg);
}
#rentalpanel .subheader .column-right, #rentalpanel .footer .column-right {
  float: left;
  width: auto;
}
#rentalpanel .subheader {
  position: relative;
  top: -48px;
  line-height: 35px;
  height: 35px;
  background-color: #fff;
  display: flex;
}
#rentalpanel .subheader .unit {
  color: #212B33;
  font-weight: 300;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 11px !important;
}
#rentalpanel .subheader .column-left {
  float: right;
  width: auto;
  order: 2;
  overflow: visible;
}
#rentalpanel .subheader .column-left input {
  margin-right: 0;
  margin-left: 10px;
}
#rentalpanel .subheader .column-center {
  margin: 0;
  top: 0;
  overflow: visible;
  width: unset !important;
  flex-grow: 1;
  font-weight: 400;
  color: #212B33;
}
#rentalpanel .subheader .column-right {
  overflow: visible;
}
#rentalpanel .footer {
  height: 45px;
  line-height: 45px;
  font-weight: 400;
  color: #212B33;
  background: #e8e7e7;
  border: none;
}
#rentalpanel .footer .column-right {
  display: none;
}
#rentalpanel .footer .column-center {
  padding-right: 10px;
  float: right;
  text-align: right;
}
#rentalpanel .footer .column-center div {
  padding: 0 !important;
}
#rentalpanel #rntlbdy {
  position: relative;
  margin-top: 0;
}
#rentalpanel #rntlbdy .column-right {
  display: none;
}
#rentalpanel #rntlbdy .container .column-left {
  height: 100%;
  background: #f5f7f9 none;
  z-index: 10 !important;
  position: relative;
}
#rentalpanel #rntlbdy .container .column-left .courtesycar_label_column_left {
  white-space: normal;
  display: block;
  font-size: 10px;
  font-weight: 400;
  margin-left: 7px;
  width: 70%;
}
#rentalpanel #rntlbdy .container .column-left .courtesycar_label_column_left b:nth-child(1) {
  font-weight: 700;
}
#rentalpanel #rntlbdy .container .column-left .courtesycar_label_column_left br {
  display: block;
}
#rentalpanel #rntlbdy .container .column-left img {
  z-index: 11;
}
#rentalpanel #rntlbdy .container .column-left:after {
  width: 42px;
  content: "";
  background: rgba(255, 255, 255, 0.4);
  right: 0;
  top: 0;
  position: absolute;
}
#rentalpanel #rntlbdy .container .column-center {
  border-color: #e8e7e7;
}
#rentalpanel #rntlbdy .container .column-center.data {
  position: relative;
}
#rentalpanel #rntlbdy .container .column-center.data:after {
  position: absolute;
  width: 100%;
  z-index: 8;
  top: 0;
  left: 0;
  content: " ";
  background-color: rgba(255, 255, 255, 0.8);
}
#rentalpanel #rntlbdy .container .column-center .rental {
  z-index: 9;
  border: none;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  margin: 0;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 400;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
#rentalpanel .out {
  background: #ffed19;
  color: #000;
}
#rentalpanel .out_late {
  background: #ec1661;
}
#rentalpanel .planned {
  background: #1194fb;
  color: #fff;
}
#rentalpanel .in {
  background: #009991;
  color: #fff;
}
#rentalpanel img.selected {
  background-color: #454F57;
}
#rentalpanel .selected {
  box-shadow: 0px 0px 0px 4px black;
  z-index: 20 !important;
}
#rentalpanel img[src="images/block.png"] {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  background-size: 100% 100% !important;
  vertical-align: middle;
  width: 20px;
  margin-left: 10px;
  margin-right: 5px;
  height: 20px;
}

#advanced_filter {
  background: #fff !important;
}
#advanced_filter .fields > div {
  width: auto !important;
}
#advanced_filter .filter {
  display: block;
  width: 100%;
}
#advanced_filter .filter::after {
  content: "";
  display: table;
  clear: both;
}
#advanced_filter .filter > tbody, #advanced_filter .filter caption, #advanced_filter .filter tr {
  display: block;
  width: 100%;
}
#advanced_filter .filter caption {
  text-align: right;
}
#advanced_filter .filter caption span {
  display: table-caption;
}
#advanced_filter .filter caption input[type=button] {
  margin-right: 0;
}
#advanced_filter .filter > tbody > tr > td {
  display: block;
  width: 100%;
}
#advanced_filter .filter select {
  width: 100%;
}
#advanced_filter .filter th {
  display: none;
}
#advanced_filter .filter #btnAdvanced {
  display: none;
}
#advanced_filter .filter .chosen-container {
  margin: 2px 0;
  width: 100% !important;
  height: auto !important;
  border: none;
  padding: 0 !important;
}
#advanced_filter .filter .chosen-container::after {
  content: "";
  display: table;
  clear: both;
}
#advanced_filter .filter .chosen-container input {
  height: 30px !important;
  width: 100% !important;
}
#advanced_filter .filter .chosen-container .chosen-choices {
  border: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538) !important;
}
#advanced_filter .filter .advanced_filter {
  float: left;
  width: 50%;
}
#advanced_filter .filter .advanced_filter:nth-child(odd) {
  padding-right: 5px;
}
#advanced_filter .filter .advanced_filter > td > span > label {
  display: block;
  font-weight: 600;
  padding-left: 2px;
  color: #212B33;
  width: 100% !important;
}
#advanced_filter .filter .advanced_filter > td > span > label + table {
  display: block;
}
#advanced_filter .filter .advanced_filter > td > span > label + table tr {
  display: inline-block;
}
#advanced_filter .filter .advanced_filter > td > span > label + table tr td {
  line-height: 1;
}
#advanced_filter .filter .advanced_filter > td > span > label + table tr td label {
  margin-top: -2px;
}

#newcarwrap .pagehead + table input[type=text], #newcarwrap .pagehead + table select {
  min-width: 150px;
  max-width: 200px;
  width: 100% !important;
}
#newcarwrap .pagehead + table textarea {
  width: 100% !important;
}
#newcarwrap .pagehead + table .ui-datepicker-trigger {
  position: absolute;
  margin-top: 7px;
  margin-left: -20px;
}
#newcarwrap .pagehead + table .history {
  margin-top: 3px;
  position: absolute;
}
#newcarwrap .pagehead + table .hidden {
  display: none;
}
#newcarwrap .pagehead + table + div::after {
  content: "";
  display: table;
  clear: both;
}
#newcarwrap .pagehead + table + div .hidden {
  display: none;
}
#newcarwrap .pagehead + table + div table {
  display: block;
  float: left;
  width: 33.33%;
}
#newcarwrap .pagehead + table + div table b {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}
#newcarwrap .pagehead + table + div .smaller {
  margin-top: 10px;
}
#newcarwrap .pagehead + table + div .objectsInCar {
  margin-top: 15px;
  width: 100% !important;
}
#newcarwrap .smaller {
  font-size: 10px;
}
#newcarwrap .smaller.pointer {
  cursor: pointer;
}
#newcarwrap .pagehead + div {
  display: block !important;
}
#newcarwrap .pagehead + div > div > div:first-child {
  text-align: right !important;
  color: #212B33;
  text-transform: uppercase;
  font-size: 10px;
  margin-top: 15px;
  font-weight: 600;
}
#newcarwrap .pagehead + div > div > div:first-child select {
  margin-right: 10px;
}
#newcarwrap .pagehead + div .jtline {
  margin: 15px 0 25px 0;
  padding: 15px 0;
  border-top: 30px solid #e8e7e7;
  border-bottom: 30px solid #e8e7e7;
  background: #f5f7f9;
}
#newcarwrap .pagehead + div .jtline .timeline {
  max-width: 1024px;
}
#newcarwrap .pagehead + div .jtline .timeline .events-wrapper {
  margin: 0 30px;
}
#newcarwrap .pagehead + div .jtline .timeline .events {
  background: #e8e7e7;
}
#newcarwrap .pagehead + div .jtline .timeline .events a {
  font-size: 10px;
  font-weight: 600;
  color: #F05822;
  text-decoration: none;
}
#newcarwrap .pagehead + div .jtline .timeline .events a:after {
  border: 2px solid #F05822;
}
#newcarwrap .pagehead + div .jtline .timeline .events a.selected:after {
  background: #F05822;
}
#newcarwrap .pagehead + div .jtline .timeline .filling-line {
  background-color: #212B33;
}
#newcarwrap .pagehead + div .jtline .cd-timeline-navigation a {
  width: 30px;
  height: 30px;
  border: 2px solid #212B33;
}
#newcarwrap .pagehead + div .jtline .cd-timeline-navigation a.inactive {
  border: 2px solid #e8e7e7;
}
#newcarwrap .pagehead + div .jtline .events-content {
  min-width: inherit;
  color: #212B33;
}
#newcarwrap .pagehead + div .jtline .events-content h2 {
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  margin: 5px 0 !important;
}
#newcarwrap .pagehead + div .jtline .events-content em {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}
#newcarwrap .pagehead + div .jtline .events-content em input[type=button] {
  margin: 15px 0 !important;
}
#newcarwrap .pagehead + div .jtline .events-content br {
  display: block;
}
#newcarwrap .pagehead + div .jtline .events-content .qdocumentlist {
  border: 1px solid #e8e7e7;
  max-width: 995px;
  width: 90%;
  margin: 15px auto;
}
#newcarwrap .pagehead + div .jtline .events-content .qdocumentlist .qdocline .qdocument > img:nth-child(1) {
  height: 100px !important;
}
#newcarwrap .pagehead + div .jtline .events-content .qdocumentlist img[src="images/view.png"] {
  display: none;
}

#newcarwrap + hr + div {
  margin-top: 15px;
}
#newcarwrap + hr + div .datagrid {
  margin-top: 0;
}
#newcarwrap + hr + div .plupload_filelist li.plupload_droptext {
  line-height: 50px !important;
}

.rental-filter-panel .btn-advanced img {
  top: 0;
}

#carPicker #cptitle {
  display: inline-block;
  padding: 0px 0 2px 8px;
  line-height: normal;
  color: #fff;
}

#carPicker .button {
  margin: 0;
  padding: 2px 8px 2px 0;
}

.file-rental-pannel-checkbox-filter tbody {
  width: auto !important;
}
.file-rental-pannel-checkbox-filter tbody tr {
  width: auto !important;
}
.file-rental-pannel-checkbox-filter tbody tr td {
  width: 100px !important;
}

/* ================== */
/* =  FACTURATION   = */
/* ================== */
.boldgreen {
  color: #48b14a;
  font-weight: 600;
}

.boldred {
  color: #cd0a0a;
  font-weight: 600;
}

.boldyellow {
  color: #ffc200;
  font-weight: 600;
}

#rebates .datagrid {
  margin-top: 0 !important;
  width: 100% !important;
}
#rebates .left2 {
  float: left;
  width: 25%;
  padding-right: 10px;
}
#rebates .right2 {
  float: right;
  width: 75%;
  padding-left: 10px;
}

.doc_exists {
  -webkit-filter: hue-rotate(90deg) drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  filter: hue-rotate(90deg) drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
}

.doc_blue {
  filter: hue-rotate(-160deg) drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
}

#accounting {
  border-top: 30px solid #e8e7e7 !important;
  border-bottom: 30px solid #e8e7e7 !important;
  border-left: none !important;
  border-right: none !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  padding: 5px 15px !important;
  background: #f5f7f9;
  margin: 0 !important;
}
#accounting input[type=text], #accounting select {
  width: 100% !important;
}
#accounting .ui-datepicker-trigger {
  margin-left: -20px;
  top: 7px;
  position: absolute;
}
#accounting > div > table {
  max-width: 250px;
  width: 50% !important;
  float: left;
  display: block;
  padding-right: 10px;
}
#accounting > div > table tbody, #accounting > div > table tr, #accounting > div > table td {
  border: none !important;
  padding-bottom: 5px;
  display: block;
  width: 100%;
  position: relative;
}
#accounting > div > table td {
  font-size: 12px;
  color: #212B33;
}
#accounting #jrnls {
  padding-left: 10px;
  float: left;
  margin-top: 5px;
  width: 50%;
}
#accounting .buttons {
  text-align: right !important;
  border: none;
  margin-bottom: 10px;
}
#accounting .buttons span:last-child input[type=button] {
  margin-right: 0 !important;
}

#frmInvoiceView table {
  overflow-x: auto;
  display: block;
}
#frmInvoiceView table tr {
  max-height: 40px;
}
#frmInvoiceView table td {
  position: relative;
  padding-bottom: 5px;
  padding-right: 5px;
  font-size: 12px;
  font-weight: 300 !important;
}
#frmInvoiceView table td input[type=text], #frmInvoiceView table td select, #frmInvoiceView table td div.citybox {
  max-width: 208px;
}
#frmInvoiceView table td #vat {
  width: 139px !important;
}
#frmInvoiceView table td .calendar, #frmInvoiceView table td #excl {
  width: 208px !important;
}
#frmInvoiceView table td .ui-datepicker-trigger, #frmInvoiceView table td img[src="images/calc.png"] {
  position: absolute;
  top: 7px;
  margin-left: -20px;
}
#frmInvoiceView table td img[src="images/calc.png"] {
  margin-left: -25px;
}
#frmInvoiceView table td[valign=top] {
  vertical-align: top;
}

.smaller {
  font-weight: 600;
}

.input-currency, .ui-dialog span.input-currency {
  position: relative !important;
}

.input-currency[data-currency=DH] input {
  text-indent: 1.5em;
}

#newlineinvoice table {
  float: none;
  margin: 0 !important;
  background: #e8e7e7 !important;
  width: 100% !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  color: #212B33;
  font-weight: 400;
}
#newlineinvoice table tbody {
  display: table;
}
#newlineinvoice table tbody td {
  border: none;
  line-height: 30px;
}
#newlineinvoice .newlineinvoice-task-part-btn {
  margin-left: 40%;
}
#newlineinvoice .newlineinvoice-task-part-btn > div:first-child {
  margin-right: 15px;
}
#newlineinvoice .newlineinvoice-task-part-btn input[type=radio] {
  margin: 0 2px 0 0;
}
#newlineinvoice .required label {
  font-weight: bold;
}
#newlineinvoice .required label:after {
  content: "*";
}
#newlineinvoice .renderWithName {
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#newlineinvoice .renderWithName .left {
  float: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
#newlineinvoice .renderWithName .left label {
  margin-bottom: 0;
}
#newlineinvoice .renderWithName .left > div:nth-child(1) {
  padding: 0 !important;
  width: 100%;
}
#newlineinvoice .renderWithName .left > div:nth-child(2), #newlineinvoice .renderWithName .left > div:nth-child(3), #newlineinvoice .renderWithName .left > div:nth-child(4), #newlineinvoice .renderWithName .left > div:nth-child(5) {
  width: 47%;
}
#newlineinvoice .renderWithName .left > div:nth-child(6), #newlineinvoice .renderWithName .left > div:nth-child(7), #newlineinvoice .renderWithName .left > div:nth-child(8), #newlineinvoice .renderWithName .left > div:nth-child(9) {
  width: 20%;
}
#newlineinvoice .renderWithName .left > div:last-child {
  text-align: right !important;
}
#newlineinvoice .renderWithName .right {
  float: none;
}
#newlineinvoice .edit-with-comment-left {
  width: 60%;
  float: left;
}
#newlineinvoice .edit-with-comment-right {
  right: 30%;
  float: right;
}
#newlineinvoice .edit-with-comment-right .renderWithName {
  margin-top: 2px;
}

#reminderconfig {
  width: 40%;
  background: #f5f7f9;
}
#reminderconfig legend {
  display: none;
}
#reminderconfig .renderWithName::after {
  content: "";
  display: table;
  clear: both;
}
#reminderconfig .renderWithName .left {
  float: left;
}
#reminderconfig .renderWithName .right {
  float: left;
}
#reminderconfig div {
  line-height: 21px;
  margin-left: 0;
  margin-bottom: 2px;
  padding: 0;
}
#reminderconfig div input {
  font-size: 10px;
  margin-left: 5px;
  height: 18px !important;
}

/* ================== */
/* =  NOTIFICATION  = */
/* ================== */
#notification {
  position: fixed;
  bottom: 25px;
  right: 25px;
  height: auto;
  width: 300px;
  color: #212B33;
  font-size: 12px;
  border: 1px solid #f5f5f5;
  background-color: #f5f7f9;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
  z-index: 999;
}
#notification #notification_in {
  padding: 10px;
  font-weight: 400;
  line-height: 14px;
}
#notification #notification_in strong {
  font-weight: 600;
}
#notification #notification_in a {
  color: #F05822;
  text-decoration: none;
}
#notification #notification_in a:hover {
  text-decoration: underline;
}
#notification #notification_in p {
  margin-top: 5px;
  margin-bottom: 5px;
}
#notification #notification_in h1, #notification #notification_in h2, #notification #notification_in h3, #notification #notification_in h4, #notification #notification_in h5, #notification #notification_in h6 {
  font-size: 12px;
  font-weight: 700;
  border-bottom: 1px solid #e8e7e7;
  padding-bottom: 3px;
  text-transform: uppercase;
}
#notification #notification_close {
  position: relative;
  padding: 10px;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  color: #F05822;
  background: rgb(237.03125, 240.625, 244.21875);
}
#notification #notification_close:after {
  width: 15px;
  height: 15px;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  content: "\f00d";
  font-weight: 900;
  color: #212B33;
  top: 7px;
  right: 7px;
}
#notification #notification_close:hover:after {
  color: #F05822;
  cursor: pointer;
}

/* ================== */
/* =     QCARD      = */
/* ================== */
.qcard {
  position: relative;
  width: 24.2% !important;
  min-width: 270px;
  padding: 15px !important;
  margin: 5px !important;
  border: none !important;
  -webkit-border-radius: 1px !important;
  -moz-border-radius: 1px !important;
  border-radius: 1px !important;
  background: #f5f7f9 !important;
  -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.qcard.greyedout {
  opacity: 0.4;
  cursor: not-allowed;
}
.qcard tr {
  width: 100%;
  display: block;
}
.qcard th {
  background: none !important;
  color: #212B33 !important;
  font-weight: 600;
  font-size: 1em !important;
  font-variant: normal !important;
  padding: 0 !important;
  margin: 0 !important;
  padding-bottom: 10px !important;
  width: 100% !important;
}
.qcard th input[type=button] {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 0;
  background: none;
  font-weight: 600;
  padding: 5px 10px;
  color: #F05822;
}
.qcard th input[type=button]:hover {
  text-decoration: underline;
}
.qcard td {
  font-size: 12px;
  padding: 0 !important;
  display: inline-block;
  width: 50% !important;
  padding-bottom: 7px !important;
}
.qcard:after {
  display: block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-top: solid 15px transparent;
  border-left: solid 15px rgba(0, 0, 0, 0.1);
  border-bottom: solid 15px rgba(0, 0, 0, 0.1);
  border-right: solid 15px transparent;
}

/* ================== */
/* =   DATEPICKER   = */
/* ================== */
.ui-datepicker-trigger {
  content: url(../images/svg/calender.svg);
  width: 15px;
  cursor: pointer;
}

.ui-datepicker-trigger {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  background-size: 100% 100% !important;
  background: url(../images/svg/calender.svg) no-repeat;
  width: 15px;
  height: 15px;
}

.ui-datepicker {
  width: 216px;
  height: auto;
  padding: 0;
  margin: 5px auto 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 300 !important;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background: #fff;
  border: none;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.ui-datepicker .ui-state-default {
  text-decoration: none;
  font-weight: 400 !important;
  background-color: #e8e7e7;
  border: none;
  font-size: 12px;
  color: #212B33;
  text-align: center;
  padding: 5px;
}

.ui-datepicker .ui-state-default:hover {
  background: rgb(243.2415254237, 124.0889830508, 81.7584745763);
  color: #fff;
}

.ui-datepicker table {
  width: 100%;
}

.ui-datepicker thead {
  background-color: #f5f7f9;
  border-bottom: 1px solid #ddd;
}

.ui-datepicker th {
  font-weight: 400 !important;
  font-size: 9px;
  text-transform: uppercase;
  padding: 7px 5px;
  margin-bottom: 5px;
}

.ui-datepicker .ui-datepicker-header {
  font-weight: 400 !important;
  line-height: 30px;
  border: none;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background: #F05822 none !important;
  color: #fff;
}

.ui-datepicker .ui-datepicker-title {
  text-align: center;
}

.ui-datepicker .ui-datepicker-buttonpane {
  margin: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  padding: 3px 10px;
  margin: 5px 3px;
  color: #F05822;
  opacity: 1;
  background: none;
  outline: none;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.ui-datepicker .ui-datepicker-buttonpane button:hover {
  background: none;
  color: #F05822;
  text-decoration: underline;
}

.ui-datepicker-prev, .ui-datepicker-next {
  text-decoration: none;
  color: #fff;
  border: none;
}

.ui-datepicker-prev:hover:after, .ui-datepicker-next:hover:after {
  color: #f5f7f9;
}

.ui-datepicker .ui-state-active {
  background: #F05822;
  color: #fff;
}

.ui-datepicker .ui-state-highlight {
  background: rgb(249.7245762712, 196.2669491525, 177.2754237288);
}

.ui-datepicker-prev:after, .ui-datepicker-next:after {
  display: block;
  color: #fff;
  position: absolute;
  width: 33px;
  font-size: 12px;
  padding-left: 3px;
  height: 33px;
  line-height: 35px;
  top: -2px;
  text-decoration: none;
  background: #F05822;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  cursor: pointer;
}

.ui-datepicker-prev:after {
  content: "\f053";
  font-weight: 900;
  left: -2px;
  padding-left: 10px;
}

.ui-datepicker-next:after {
  content: "\f054";
  font-weight: 900;
  padding-left: 15px;
  right: -2px;
}

.ui-widget-header {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-daterangepicker {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.ui-daterangepicker .hasDatepicker > span {
  color: #4E4D50;
  font-weight: 300;
}

.ui-daterangepicker ul li a {
  font-size: 14px;
  font-weight: 300;
  color: #4E4D50;
  font-size: 12px;
}

.ui-daterangepicker button.btnDone {
  color: #F05822;
  background: none;
  border: none;
  font-weight: 300;
}

.ui-daterangepicker button.btnDone:hover {
  text-decoration: underline;
}

.ui-daterangepicker li.ui-state-active, .ui-daterangepicker li:hover a, .ui-daterangepicker li:hover {
  color: #F05822;
  background: none !important;
  text-decoration: underline;
}

.ui-daterangepicker li:hover, .ui-daterangepicker li.ui-state-active {
  border: 1px solid #fff;
}

.ui-daterangepicker li.ui-state-active a {
  color: #F05822;
  background: none !important;
  text-decoration: underline;
}

/* ================== */
/* =  POPUP INLINE  = */
/* ================== */
#overlay {
  visibility: hidden;
  z-index: 1000;
}

.js_popup {
  display: none;
  position: absolute;
  z-index: 1001;
}
.js_popup select, .js_popup input[type=text] {
  width: 100% !important;
}
.js_popup .ui-datepicker-trigger {
  position: absolute;
  top: 7px;
  margin-left: -25px;
}
.js_popup .foot {
  background: #e8e7e7;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  min-height: 40px;
  padding: 5px 15px;
}
.js_popup .foot.buttons {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}

.js_popup div.head {
  border-bottom: 1px solid gray;
  width: 100%;
  overflow: hidden;
  cursor: move;
}

.js_popup div.head h3 {
  float: left;
  width: auto;
}

.js_popup div.head img {
  float: right;
  cursor: pointer;
}

.js_popup.ui-draggable {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background: #fff !important;
  width: auto !important;
  top: 2%;
  font-size: 12px;
  border: none;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  padding: 0px;
}
.js_popup.ui-draggable .head {
  background: #e8e7e7;
  margin: 0;
  border: 0;
  padding: 5px 15px;
}
.js_popup.ui-draggable .head h3 {
  line-height: 30px;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.js_popup.ui-draggable .head .close:hover {
  color: #F05822;
}
.js_popup.ui-draggable .fields {
  width: auto !important;
  background: #f5f7f9;
  display: block;
  padding: 15px;
  margin: 0 auto;
}
.js_popup.ui-draggable .fields tr td {
  position: relative;
  vertical-align: middle !important;
  padding-bottom: 2px;
  line-height: 30px;
}
.js_popup.ui-draggable .fields input[type=text] {
  height: 30px;
}
.js_popup.ui-draggable .fields #chkMakeVatNr_ctl {
  float: left;
}
.js_popup.ui-draggable .buttons {
  text-align: right;
}

table.rebate-editor {
  margin-bottom: 1em;
}
table.rebate-editor tbody {
  padding-bottom: 30px;
}
table.rebate-editor tbody tr {
  display: block;
}
table.rebate-editor tbody tr td {
  width: 30%;
  display: inline-block;
}
table.rebate-editor tbody tr td:first-child {
  width: 15%;
  display: inline-block;
}
table.rebate-editor tbody tr td input[type=text], table.rebate-editor tbody tr td select {
  width: 100%;
}

.supplierSelectBox {
  min-height: 200px !important;
}

.biggerSelectBox {
  min-height: 300px !important;
}

.scrollable {
  min-height: 200px;
  height: 70vh;
  height: calc(100vh - 160px);
  overflow: auto;
}

.datagrid > tbody > tr.activeMenuItem {
  background-color: #F05822;
  color: #FFF;
  font-weight: bolder;
}
.datagrid > tbody > tr.activeMenuItem:hover {
  color: #FFF !important;
}

a.anchorlink {
  float: left;
  margin-right: 10px;
  padding: 5px;
}

/* ================= */
/* = MEDIA QUERIES = */
/* ================= */
@media only screen and (min-width: 769px) {
  /* tablets and desktop */
}
@media only screen and (max-width: 1260px) {
  .right2 table.rebate-editor td {
    width: 50%;
  }
  .right2 table.rebate-editor td:first-child {
    width: 45%;
  }
  .left2, .right2, .left2system, .right2system, #shortcuts tr {
    width: 100% !important;
    padding: 0 !important;
    float: none !important;
  }
  .filter, #pnlStats {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .filter caption {
    margin-right: 0 !important;
    margin-left: -15px !important;
  }
  .filter > tbody > tr:first-child {
    height: 50px !important;
  }
  .datagrid .left > span input {
    float: left;
    margin-left: 0;
    margin-right: 10px;
    text-align: right;
  }
  .observeme {
    overflow-x: auto;
  }
  #claimsactionbtns {
    float: none !important;
  }
  #claimsactionbtns::after {
    content: "";
    display: table;
    clear: both;
  }
  .observeme + hr + .floatcontainer > span div:nth-child(5) > div, .observeme + hr + .floatcontainer > span div:nth-child(4) > div {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none;
    text-align: center;
  }
  #claimsactions {
    float: none;
  }
  #claimsactions > div {
    float: none;
  }
  #winformex .left2 {
    max-height: 1000px !important;
  }
  #winformex .left2::after {
    content: "";
    display: table;
    clear: both;
  }
  #winformex .left2 .datagrid {
    width: 100% !important;
    float: none !important;
  }
  #winformex .filter {
    position: relative !important;
    left: 0 !important;
    margin: 0 !important;
    top: 15px !important;
  }
  #winformex .right2 {
    margin-top: 15px;
  }
  #helpwrap fieldset {
    position: relative !important;
    text-align: left;
    width: 100% !important;
  }
  #helpwrap .tblHelp {
    margin-top: 15px;
    width: 100% !important;
  }
  #helpwrap .tblHelp tr {
    width: 50%;
  }
  #helpwrap .tblHelp tr:nth-child(odd) {
    border-left: 1px solid #e8e7e7;
  }
  #locationwrap > div:nth-child(1) {
    width: 100%;
    float: none;
  }
  #locationwrap > div:nth-child(2) {
    width: 100% !important;
    float: none;
  }
  #communicationtemplate #commTemplateLeft, #communicationtemplate #commTemplateRight {
    float: none;
    width: 100%;
    padding: 0;
  }
  #communicationtemplate #commTemplateLeft {
    width: 100% !important;
  }
  #personnel_data > tbody > tr:first-child > td {
    min-height: inherit;
    float: none;
    width: 100%;
  }
  #personnel_data > tbody > tr:first-child > td > table {
    margin: 0 auto;
  }
  #personnel_data > tbody > tr:first-child > td:last-child {
    position: relative;
    margin-left: 0;
    width: 100%;
  }
  #personnel_data > tbody h2 {
    text-align: center;
  }
  #personnel_data + hr + h2 + div + hr + .floatcontainer > div:nth-child(2) {
    float: none;
    width: 100% !important;
    max-width: inherit;
    padding-right: 0;
  }
  #personnel_data + hr + h2 + div + hr + .floatcontainer > div:last-child {
    float: none;
    width: 100% !important;
    padding-left: 0;
    margin-top: 5px;
  }
  #reminderconfig {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #content {
    position: inherit;
    margin-left: 0;
    margin-top: 0;
  }
  #c41 {
    width: 100%;
    float: none;
  }
  #header.collapse {
    height: 60px;
  }
  #content.collapse {
    margin-left: 0;
    margin-top: 0;
  }
  .filter > tbody > tr:nth-child(n+2):nth-child(-n+5) {
    width: 100% !important;
    margin-bottom: 5px;
    height: 32px;
  }
  .filter > tbody tr {
    max-height: 40px;
  }
  #btnAdvanced_ctl {
    position: relative;
    display: table-row;
  }
  .advanced_filter {
    width: 50% !important;
  }
  #claimsactionbtns > span {
    font-size: 12px;
    width: 32.7%;
    float: left !important;
    padding: 3px;
  }
  #claimsactionbtns > span:first-child {
    margin-left: 3px;
  }
  #claimsactionbtns > span .imagebox_true, #claimsactionbtns > span .imagebox_false {
    width: 100%;
  }
  #lblDmsnr {
    margin-left: 10px !important;
  }
  #estimatebannerbox + .floatcontainer div {
    display: block !important;
    float: none !important;
    width: 100% !important;
  }
  .ui-dialog .floatcontainer > table {
    float: none;
    width: 100% !important;
  }
  .ui-dialog .floatcontainer > table div {
    width: 100% !important;
  }
  .ui-dialog .floatcontainer .renderWithName .left {
    float: left;
  }
  .ui-dialog .floatcontainer .leftlabel {
    float: none;
    width: 100% !important;
  }
  #helpwrap .tblHelp tr {
    width: 100%;
    border-left: 1px solid #e8e7e7;
  }
  #tasktype div:nth-child(1) {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  #tasktype div:nth-child(2) {
    float: none;
    width: 100%;
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  /* portrait phones */
}
@media screen and (max-height: 830px) {
  #navigator {
    overflow-y: auto;
  }
  #navigator #collapseMenuBtn, #navigator #search {
    bottom: 0;
    position: relative;
  }
  #navigator #collapseMenuBtn span, #navigator #search span {
    border-top: none;
  }
}
.warningbox {
  border: 2px solid #F05822;
  background-color: rgb(249.7245762712, 196.2669491525, 177.2754237288);
  padding: 3px;
  margin: 3px 0;
  width: 100%;
}

.masterpanel h3 {
  margin-bottom: 10px;
  font-weight: bold;
}
.masterpanel mark {
  line-height: normal;
  margin-bottom: 10px;
}
.masterpanel fieldset {
  border: 2px groove #c0c0c0 !important;
  float: none !important;
  margin-top: 5px;
}
.masterpanel fieldset div {
  line-height: normal;
}
.masterpanel fieldset h3 {
  margin-top: 10px;
  margin-bottom: 0;
}

/*.row {
  white-space: nowrap;
  width: 100%;
  min-height: 20px;
  @include flexbox;
  @include align-items(center);
  @include justify-content(space-between);
}

.row > div {
  display: inline-block;
}

.row > div input[type=text].textbox {
  width: auto !important;
}*/
.clarifierbox {
  display: inline-block;
  width: 100%;
}

.row.docTable {
  align-items: normal;
}

.docTable span, .docTable div {
  font-weight: 500;
  font-size: 13px;
}

.locationbudget_panel_container {
  white-space: nowrap;
}

.locationbudget_panel_container .pnlLocationbudget {
  display: inline-block;
  width: 355px;
  margin-right: 15px;
  min-height: 355px;
  vertical-align: top;
}

.row .col-12 {
  width: 100%;
}

.row .col-11 {
  width: 91.3%;
}

.row .col-10 {
  width: 83%;
}

.row .col-9 {
  width: 74.7%;
}

.row .col-8 {
  width: 66.4%;
}

.row .col-7 {
  width: 58.1%;
}

.row .col-6 {
  width: 50%;
}

.row .col-5 {
  width: 41.5%;
}

.row .col-4 {
  width: 33.2%;
}

.row .col-3 {
  width: 25%;
}

.row .col-2 {
  width: 16.6%;
}

.row .col-1 {
  width: 8.3%;
}

.ni-floaten {
  margin: 20px 0;
  float: none !important;
}

/* Config container */
.configcontainer {
  height: auto !important;
  border: solid 0.5px #ddd;
  padding: 25px 5px;
  margin: 25px 0;
  min-width: 450px;
}

@media screen and (max-width: 768px) {
  .configcontainer {
    width: 100% !important;
    min-width: auto;
  }
}
@media screen and (max-width: 980px) and (min-width: 768px) {
  .configcontainer {
    width: 100% !important;
    min-width: auto;
  }
}
@media screen and (max-width: 1300px) and (min-width: 980px) {
  .configcontainer {
    width: 48% !important;
    margin: 5px;
    min-width: auto;
  }
}
@media screen and (min-width: 1300px) {
  .configcontainer {
    width: 32% !important;
    margin: 5px;
    min-width: auto;
  }
}
input.inlineedit,
input.inlinesave {
  font-weight: inherit;
  font-size: inherit;
}

input.inlineedit {
  background-color: initial;
  border: none;
  cursor: pointer;
  color: inherit;
}

input.inlineedit:hover {
  width: 100%;
  color: #271;
  border-bottom: 1px dotted #271;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

input.inlinesave {
  width: 90%;
}

input.inlinesave + div {
  background: url("../images/svg/check.svg") no-repeat right center;
  background-size: contain;
  color: initial;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 1px;
}

.biggerSelectBox {
  min-height: 300px !important;
}

.show {
  display: block !important;
}

.qfolderselect {
  padding: 10px;
}

.qfolderselect input {
  width: 80%;
}

.qfolderselect label {
  width: 10%;
  display: inline-block;
}

.qfolderselect button {
  width: 10%;
}

.ui-btn {
  text-decoration: none;
  font-weight: bolder;
  padding: 0 10px;
  height: 31px;
  display: inline-block;
  line-height: 31px;
  font-size: 0.9em;
}

.ui-btn.orange {
  background: #F05822;
  color: #fff;
}

.pnlJournals > div:first-child {
  margin-bottom: 10px;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 10px;
}

.week_editor input.textbox.time {
  max-width: 43px !important;
}

.week_editor .left {
  width: 45px;
}

.time_selector .day {
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e4e4 !important;
}
.time_selector .day:not(:first-child) {
  padding-top: 10px;
}
.time_selector .day:last-child {
  padding-bottom: 0;
  border-bottom: none !important;
}
.time_selector .day_header:hover {
  cursor: pointer;
  text-decoration: underline;
}
.time_selector .day_header.block {
  display: block;
  width: 100%;
  margin-bottom: 1px;
  line-height: 12px;
  font-size: 1.3em;
  padding: 14px 0;
  font-weight: 600;
}
.time_selector .slots {
  padding-bottom: 10px;
}
.time_selector .slots .smallBlock {
  width: 25% !important;
  display: inline-block !important;
  margin-bottom: 10px !important;
  padding: 20px 10px;
  text-align: center;
  font-weight: 500;
  font-size: 1.2em;
  border: 1px solid #f5f7f9 !important;
}
.time_selector .slots .smallBlock.block-col-1 {
  width: 100% !important;
}
.time_selector .slots .smallBlock.block-col-2 {
  width: 50% !important;
}
.time_selector .slots .smallBlock.block-col-3 {
  width: 33.3333333333% !important;
}
.time_selector .slots .smallBlock.block-col-4 {
  width: 25% !important;
}
.time_selector .slots .smallBlock.block-col-5 {
  width: 20% !important;
}
.time_selector .slots .smallBlock.block-col-6 {
  width: 16.6666666667% !important;
}

.time_selector .slots.hide {
  display: none;
}

.time_selector .block.busy {
  background-color: #f5f7f9;
  cursor: not-allowed;
}

.time_selector .block.busy:after {
  float: left;
  width: 0;
  font-size: 0.7em;
}

.time_selector .block.open {
  background-color: #eaeaea;
  cursor: pointer;
  transition: all 0.3s;
}

.time_selector .block.open:hover {
  background-color: #d8d8d8;
}

.ui-datepicker .ui-state-active {
  background: #5d5d5d !important;
  color: #FFF !important;
  border: 1px solid #353535;
}

.ui-datepicker .ui-state-default:hover {
  background: #afafaf;
  color: inherit;
}

#calendarWrap .left {
  background: #fff;
}

.headerCalendarFilter #fileFilter input {
  background: #fff;
  border: 1px solid grey;
}

#calendarWrap .leftBelow .location select {
  background: transparent url(/images/svg/angle-down.svg) no-repeat 97% 50%;
}

.ui-dialog .qfullcalendar table {
  display: table !important;
}

input.textbox[readonly], textarea.textbox[readonly], select.listbox[readonly] {
  border: 0;
  background-color: transparent;
}

.qbuttonchoice input[type=button] {
  background-color: #e8e7e7;
  color: #4E4D50;
  outline: none;
}
.qbuttonchoice input[type=button]:hover {
  background-color: #c3c3c3;
}
.qbuttonchoice input[type=button][data-selected="1"] {
  background-color: #F05822;
  color: #fff;
}

.citybox input:first-child {
  margin-bottom: -1px;
}

.lblDamageText {
  font-style: italic;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  width: 100%;
}

.only_show_on_hover {
  font-size: 0;
}
.only_show_on_hover:hover {
  font-size: inherit;
}

.planningDriverBtn {
  float: left;
}

.chkFreeTable tr td:nth-child(1), .chkFreeTable tr td:nth-child(2) {
  min-width: 188px;
}
.chkFreeTable tr td:nth-child(1) input, .chkFreeTable tr td:nth-child(2) input {
  max-width: unset;
}

.identityTplContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.identityTplContainer table.fields {
  display: table;
  width: 50%;
}
.identityTplContainer table.fields td:nth-child(1) {
  width: 40%;
}
.identityTplContainer table.fields td:nth-child(2) {
  width: 60%;
}
.identityTplContainer .userpicture #picupload {
  display: none;
}
.identityTplContainer .userpicture .picUploadContainer {
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: auto;
  text-align: center;
}
.identityTplContainer .userpicture img {
  max-width: 130px;
  max-height: 130px;
  display: block;
  margin: auto;
  border-radius: 50%;
  position: relative;
  object-fit: contain;
  background: #fff;
  border: 4px solid #e8e7e7;
}

.nicEdit-main b {
  font-weight: bold;
}
.nicEdit-main i {
  font-style: italic;
}
.nicEdit-main u {
  text-decoration: underline;
}

.input-with-date > span {
  display: inline-block;
  position: relative;
}
.input-with-date > span > img.ui-datepicker-trigger {
  position: absolute;
  right: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

span[onclick]:hover {
  cursor: pointer;
  font-weight: bold;
}

span[onclick] {
  border-bottom: 1px dotted #212B33;
}

.fileViewTable #lblCurrentTask {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
}

.fileViewBtns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 10px;
}
.fileViewBtns > span + span {
  margin-left: 10px;
}

.hidden {
  display: none;
}

.communication-buttons > *:not(:first-child) {
  margin-left: 20px;
}
.ui-dialog .communication-buttons img[src] {
  top: 1px;
  left: 1px;
  width: 20px !important;
  right: auto;
}

div.rowHorLine {
  margin: 15px 0;
  border-bottom: 1px solid #cccccc !important;
}

.device-needs-update {
  font-weight: 900;
  color: #c00;
}
.datagrid td .device-needs-update {
  color: #c00 !important;
}

.device-on-live {
  font-weight: 400;
  color: #171;
}
.datagrid td .device-on-live {
  color: #171 !important;
}

.device-on-staging {
  font-weight: 300;
  color: #0a0;
}
.datagrid td .device-on-staging {
  color: #0a0 !important;
}

.orderPartsTable {
  overflow: visible;
}

.fileListFilter {
  overflow: inherit;
}

.checkboxselect {
  position: relative;
  font-weight: normal;
}
.checkboxselect input {
  background: #E8E7E7 url(/images/svg/angle-down.svg) no-repeat 97% 50%;
  background-size: auto auto;
  background-size: 15px 15px;
  cursor: pointer;
  color: transparent;
  text-shadow: 0 0 0 #4b4b4b;
  border: 1px solid #cecece !important;
  padding: 2px 15px 2px 5px;
  min-width: 100px;
}

.checkboxes {
  margin-top: 30px;
  display: none;
  border: 1px #dadada solid;
  position: absolute;
  min-width: 230px;
  background: #fff;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
}
.checkboxes.show {
  display: block !important;
}
.checkboxes label {
  display: block;
  padding: 5px;
  line-height: 15px;
  color: #212B33;
}
.checkboxes label.sorting {
  background-color: #f4f4f4;
  padding: 0;
  text-align: center;
  border-bottom: 1px solid #212B33;
}
.checkboxes label.sorting > div {
  color: #212B33 !important;
  display: inline-block;
  cursor: pointer;
  padding: 5px;
  margin: 5px;
  margin-left: 0;
  border: 1px solid #212B33;
}
.checkboxes label.sorting > div.active {
  font-weight: bold;
}
.checkboxes label.sorting > div:last-child {
  margin-right: 0;
}
.checkboxes label.sorting > div:hover {
  background: #fff;
}
.checkboxes label:hover {
  background-color: #dedede;
}
.checkboxes input[type=checkbox] {
  position: relative;
  width: 12px;
  margin: 0;
  margin-right: 5px;
  border-radius: 0;
  height: 12px;
}
.checkboxes input[type=checkbox]:checked:after {
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  font-size: 10px;
}

.invoicing-files-filter {
  overflow: initial;
}

.selectBox select {
  width: 100%;
  min-width: 100px;
  font-weight: bold;
}

.identity-panel {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  padding: 20px;
}
.identity-panel .userpicture {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 20px;
}
.identity-panel .userpicture img {
  position: relative;
  max-width: 100px;
  width: 100px;
  height: 100px;
  margin-bottom: 7px;
  object-fit: contain;
  background: #fff;
  border: 4px solid #E8E7E7;
  border-radius: 50%;
}
.identity-panel .userpicture #picupload {
  display: none;
}
.identity-panel .userpicture .pic-upload-container {
  text-align: center;
}

#deliverywrap .left2fixedpixels {
  overflow: visible;
}

.albatros-search-filter {
  width: 60px;
  height: 60px;
  border: 1px solid #CCE;
  margin-left: 15px;
  background-color: #F9F9F9;
}

.damageflow_editor .row.header label {
  font-weight: bold;
}
.damageflow_editor .row > div {
  display: inline-block;
}

#atrwrap div.chosen-container {
  width: 250px !important;
  margin: 0 0 0 5px;
  text-align: left;
}
#atrwrap div.chosen-container .active-result {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.editbox-description {
  text-overflow: ellipsis;
  overflow: hidden;
}

.planned-ok, .datagrid td .planned-ok {
  color: #44bb44 !important;
}
.planned-not-ok, .datagrid td .planned-not-ok {
  color: #bb5555 !important;
  font-weight: 600 !important;
}

.logisticsdata {
  border: 1px solid lightgray;
  width: 48%;
}

.logisticsdataleft {
  float: left;
}

.logisticsdataright {
  float: right;
}

.logisticsdata th {
  text-align: left;
  background-color: #e8e7e7 !important;
  color: #4E4D50 !important;
  height: 30px;
}

.logisticsdata td {
  padding-left: 7px;
}

.logisticsdata td:nth-child(1), .logisticsdata td:nth-child(2) {
  width: 35%;
}

.logisticsdata td:nth-child(3) {
  width: 30%;
}

.logisticsdata .ui-datepicker-trigger {
  margin: 0 3px;
  vertical-align: middle;
}

.logisticsdata .calendar {
  width: 66% !important;
}

.logisticsdata .time {
  width: 34% !important;
}

.logisticsdata .ui-datepicker-trigger {
  right: 34% !important;
  top: 3px !important;
}

.logisticsdata .button {
  margin-top: 0px !important;
}

.fc-list-item .fc-list-item-title {
  display: block;
}

.fc-list-item .fc-list-item-title a {
  top: -3px;
  position: relative;
}

.fc-list-item.appointmenttype_walk_in .fc-list-item-title:after {
  content: " \f554";
  font-size: 18px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.fc-list-item.appointmenttype_recovery .fc-list-item-title:after {
  margin-left: 3px;
  content: " ";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/Recovery.svg) no-repeat center center !important;
  background-size: 100% !important;
}

.fc-list-item.appointmenttype_collection .fc-list-item-title:after {
  margin-left: 3px;
  content: " ";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/collection2.svg) no-repeat center center !important;
  background-size: 100% !important;
}

.fc-event.appointmenttype_recovery .fc-title:after {
  margin-left: 5px;
}

.fc-event.appointmenttype_collection .fc-title:after {
  margin-left: 5px;
}

.appointmenttype_walk_in .fc-title:after {
  content: " \f554";
  font-size: 18px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  color: #000;
}

.appointmenttype_recovery .fc-title:after {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/Recovery.svg) no-repeat center center !important;
  background-size: 100% !important;
}

.appointmenttype_collection .fc-title:after {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/collection2.svg) no-repeat center center !important;
  background-size: 100% !important;
}

.mt-7px {
  margin-top: 7px;
}

.white-space-normal {
  white-space: normal;
}

.link-buttons a {
  font-weight: 400;
  margin-right: 2px;
  margin-bottom: 2px;
  font-size: 0.9em;
  display: inline-block;
  background-color: #F05822;
  color: #fff;
  text-decoration: none;
  padding: 5px;
}
.link-buttons a:hover {
  background-color: #d64627;
}

.box-panel {
  background-color: #f5f7f9;
  padding: 10px;
  margin: 15px 0;
  width: 100%;
}

table.box-panel td, table.box-panel th {
  padding: 10px 0;
}
table.box-panel tr:first-child td, table.box-panel tr:first-child th {
  border-bottom: 1px solid #e8e7e7;
  padding-bottom: 15px;
}

.pointer {
  cursor: pointer;
}

/* Grid styling */
.calendar-filter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 1em;
}
.calendar-filter .total {
  margin: 0 0.5em;
}
.calendar-filter .total > span {
  font-weight: bold;
}
.calendar-filter > div {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.calendar-filter > div.title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 3;
  -moz-flex-grow: 3;
  -ms-flex-grow: 3;
  flex-grow: 3;
  align-items: center;
}
.calendar-filter > div.filters {
  -webkit-flex-grow: 4;
  -moz-flex-grow: 4;
  -ms-flex-grow: 4;
  flex-grow: 4;
  text-align: right;
}
.calendar-filter > div.filters > span {
  margin-right: 0.5em;
}
.calendar-filter > div.filters > span > input.textbox {
  width: unset;
}
.calendar-filter > div.pager {
  text-align: justify;
}
.calendar-filter > div.pager a {
  color: #F05822;
}

.calendar-pager {
  padding: 0 1em 1em 1em;
}
.calendar-pager a {
  text-decoration: none;
  font-weight: 600;
  padding: 10px 10px;
  display: inline-block;
  font-size: 0.9em;
  background: #F05822;
  color: #fff;
}
.calendar-pager span + span {
  margin-left: 0.3em;
}

.calendar-list-head {
  padding-bottom: 0.5em 1em;
}
.calendar-list-head .day-list::after {
  content: "";
  display: block;
  background: #F4F5F7;
  position: absolute;
  z-index: 1;
  width: calc(19.4444444444% - 1.1em + 1px);
  left: auto;
  top: 0;
  bottom: 0;
  margin-left: -1.35em;
  border-radius: 3px;
}
.calendar-list-head .date {
  position: relative;
  z-index: 2;
}
.calendar-list-head .count {
  display: inline-block;
  margin: 0 1em;
}

.calendar-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.calendar-list .flex-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.calendar-list .count-list {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.calendar-list .day-list {
  -webkit-box-flex: 7;
  -moz-box-flex: 7;
  -webkit-flex: 7;
  -ms-flex: 7;
  flex: 7;
  padding: 0.5em 0.75em;
  margin: 0 1.2em 0.8em 1.2em;
}
.calendar-list .calendar-list-body .count-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-bottom: 0.3em;
}
.calendar-list .calendar-list-body .df-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  background-color: rgba(232, 231, 231, 0.35);
  /*background-color: rgba(var(--dft-colour, 232, 231, 231), .35);*/
  color: #000;
  padding: 1.5em 0.75em;
  border-top: 4px solid transparent;
  z-index: 2;
}
.calendar-list .calendar-list-body .df-btn > span {
  -webkit-box-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  font-weight: 700;
  text-align: center;
  color: #313131;
}
.calendar-list .calendar-list-body .df-btn .link-new-file {
  font-size: 0.8em;
  font-weight: 500;
  line-height: 1.2em;
  padding-top: 10px;
  color: #6d6d6d;
}
.calendar-list .calendar-list-body .df-btn:hover {
  cursor: pointer;
}
.calendar-list .calendar-list-body .df-btn:hover .link-new-file {
  text-decoration: underline;
}
.calendar-list article {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1.4em;
  background-color: #FFF;
  border-top: 4px solid #FFF;
  /*border-top: 4px solid rgba(var(--dft-colour, 232, 231, 231), 1);*/
  position: relative;
  z-index: 2;
  border-radius: 2px;
  box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
}
.calendar-list article > * {
  -webkit-box-flex: 0 50%;
  -moz-box-flex: 0 50%;
  -webkit-flex: 0 50%;
  -ms-flex: 0 50%;
  flex: 0 50%;
  margin: 5px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar-list article > :nth-child(1) {
  -webkit-box-flex: 0 40%;
  -moz-box-flex: 0 40%;
  -webkit-flex: 0 40%;
  -ms-flex: 0 40%;
  flex: 0 40%;
}
.calendar-list article > :nth-child(2) {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0 60%;
  -moz-box-flex: 0 60%;
  -webkit-flex: 0 60%;
  -ms-flex: 0 60%;
  flex: 0 60%;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.calendar-list article > :nth-child(2n) {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.calendar-list article > :last-child {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  margin-left: auto;
}
.calendar-list article .link-file:hover,
.calendar-list article .pp-person:hover {
  text-decoration: underline;
}
.calendar-list article a {
  color: #000;
}
.calendar-list article .link-file {
  text-decoration: none;
  font-size: 0.85em;
}
.calendar-list article .time {
  font-weight: 700;
}
.calendar-list article .license {
  letter-spacing: 0.5px;
  font-size: 0.9em;
}
.calendar-list article .make-model {
  align-items: center;
  font-size: 0.95em;
}
.calendar-list article .make-model > .carlogo {
  margin-top: 0;
}
.calendar-list article .make-model > span {
  text-decoration: none;
  text-overflow: ellipsis;
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  font-weight: bold;
}
.calendar-list article .cc {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9em;
}
.calendar-list article .pp-person {
  text-decoration: none;
  text-overflow: ellipsis;
  max-width: 140px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.95em;
}

.calendar-legend {
  padding: 1em 0 0 3em;
}
.calendar-legend span {
  display: block;
  margin-top: 1em;
}
.calendar-legend .dft-colour img {
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  height: 1.2em;
  width: 1.2em;
  border: 1px solid #4E4D50;
  vertical-align: sub;
  /*background-color: var(--dft-colour);*/
}

.fileViewTable tr:first-child td:nth-child(1), .fileViewTable tr:first-child td:nth-child(2), .fileViewTable tr:first-child td:nth-child(4), .fileViewTable tr:first-child td:nth-child(5), .fileViewTable tr:first-child td:nth-child(7), .fileViewTable tr:first-child td:nth-child(8) {
  width: 12%;
}
.fileViewTable tr:first-child td:nth-child(3), .fileViewTable tr:first-child td:nth-child(6) {
  width: 13%;
}
.fileViewTable [class^=ico_small] {
  color: #5d5d5d;
}
.fileViewTable .ico_small.chrono {
  right: 31px;
}
.fileViewTable .ico_small.chrono:after {
  background: #FFF;
}

.datagrid td span.highlight, #estimatebannerbox + .floatcontainer .datagrid td span.highlight {
  color: #F05822 !important;
  font-weight: bold;
}

.datagrid.capslist tbody tr:hover, .datagrid.capslist tbody tr:hover a {
  cursor: default;
  color: inherit !important;
}

.datagrid.capslist tbody tr a:hover {
  cursor: pointer;
  color: #F05822 !important;
}

/** PLANNING DOC **/
.planningDocTable {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.planningDocTable .filterPanel {
  max-width: 250px;
  min-width: 240px;
  width: 100%;
}
.planningDocTable .contentPanel {
  flex: 1;
}
.planningDocTable .pnlAddPanel {
  text-decoration: underline;
  font-weight: 400;
  margin-top: 20px;
}
.planningDocTable .pnlAddPanel:hover {
  cursor: pointer;
}
.planningDocTable input[type=button] {
  margin-right: 0px;
  min-width: 31px;
}
.planningDocTable select {
  border: none;
}
.planningDocTable .pnlLocationbudget span {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
}
.planningDocTable .pnlLocationbudget .fixed + .block {
  padding-top: 61px;
}
.planningDocTable .pnlLocationbudget .block {
  margin-top: 20px;
}
.planningDocTable .pnlLocationbudget .block.header {
  background: #39444c;
  color: #FFF;
  padding: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.planningDocTable .pnlLocationbudget .block.header.fixed {
  position: fixed;
  width: 355px;
  z-index: 1;
  top: 0;
  margin-top: 0;
  -webkit-box-shadow: 0 2px 5px rgba(100, 100, 100, 0.5);
  -moz-box-shadow: 0 2px 5px rgba(100, 100, 100, 0.5);
  box-shadow: 0 2px 5px rgba(100, 100, 100, 0.5);
}
.planningDocTable .pnlLocationbudget .block .subheader {
  text-align: center;
  padding: 5px;
  font-weight: 700;
}
.planningDocTable .pnlLocationbudget .block .subheader.light {
  color: #4E4D50;
  background: #f5f5f5;
}
.planningDocTable .pnlLocationbudget .block .subheader.dark {
  color: #FFF;
  background: #353f47;
}
.planningDocTable .pnlLocationbudget .block .row {
  min-height: 25px;
  padding: 0 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.planningDocTable .pnlLocationbudget .block .row:nth-child(odd) {
  background: #f5f5f5;
}
.planningDocTable .pnlLocationbudget .qprogressbar {
  width: 70px;
}
.planningDocTable .pnlLocationbudget .warning {
  font-weight: bold;
  color: darkred;
}
.planningDocTable .pnlLocationbudget span[help] {
  cursor: help;
  border-bottom: 1px dotted gray;
}
.planningDocTable .pnlLocationbudget span[help]:hover:after {
  background: #fff;
  content: attr(help);
  border-radius: 15px;
  border: 1px solid gray;
  padding: 15px;
  content: attr(help);
  position: absolute;
  margin: 0;
  max-width: 333px;
  white-space: normal;
  text-align: justify;
}
.planningDocTable table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.planningDocTable table thead tr:nth-child(2) th {
  font-weight: 400;
  font-size: 13px;
}
.planningDocTable table th, .planningDocTable table td {
  text-align: center;
  padding: 5px 0;
}
.planningDocTable table tbody tr:nth-child(even) {
  background: #f5f5f5;
}
.planningDocTable table.tblLocationBudgetSales tr td:first-child span {
  min-height: 20px;
}

.language-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.language-list > div {
  display: inline-block !important;
  background: #f5f5f5;
  margin: 5px;
}
.language-list legend {
  font-weight: 400;
}

.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.3333333333%;
  -ms-flex: 0 0 8.3333333333%;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.6666666667%;
  -ms-flex: 0 0 16.6666666667%;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333333333%;
  -ms-flex: 0 0 33.3333333333%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.6666666667%;
  -ms-flex: 0 0 41.6666666667%;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.3333333333%;
  -ms-flex: 0 0 58.3333333333%;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.6666666667%;
  -ms-flex: 0 0 66.6666666667%;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.3333333333%;
  -ms-flex: 0 0 83.3333333333%;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.6666666667%;
  -ms-flex: 0 0 91.6666666667%;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

[class^=new-container] > .row > [class^=col-] {
  padding-right: 25px;
  padding-left: 25px;
}

[class^=new-container] > .row {
  margin-right: -25px;
  margin-left: -25px;
}

@media only screen and (max-width: 1600px) and (min-width: 1281px) {
  .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  [class^=new-container] > .row > [class^=col-] {
    padding-right: 20px;
    padding-left: 20px;
  }
  [class^=new-container] > .row {
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
  .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  [class^=new-container] > .row > [class^=col-] {
    padding-right: 15px;
    padding-left: 15px;
  }
  [class^=new-container] > .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  [class^=new-container] > .row > [class^=col-] {
    padding-right: 10px;
    padding-left: 10px;
  }
  [class^=new-container] > .row {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media only screen and (max-width: 768px) {
  .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  [class^=new-container] > .row > [class^=col-] {
    padding-right: 5px;
    padding-left: 5px;
  }
  [class^=new-container] > .row {
    margin-right: -5px;
    margin-left: -5px;
  }
}
/* Schema styling */
.planning-page {
  padding-bottom: 1em;
}
.planning-page .go-back {
  color: #F05822;
}
.planning-page .go-back:hover {
  color: #d64627;
  text-decoration: none;
}
.planning-page h1 {
  padding: 0.5em 1em;
  margin-bottom: 1em;
}
.planning-page .pla-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background-color: #e8e7e7;
  padding: 1em;
}
.planning-page .pla-nav select {
  margin-right: 1em;
}
.planning-page .next, .planning-page .prev {
  padding-left: 20px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  background: #212B33 no-repeat center center/50% 50%;
  vertical-align: top;
}
.planning-page .next {
  background-image: url(../images/navigation/next.svg);
}
.planning-page .prev {
  background-image: url(../images/navigation/back.svg);
}
.planning-page .lbl-day {
  /*@include justify-content(center);*/
  padding: 0 1em;
  line-height: 20px;
}
.planning-page .sch-day {
  margin-bottom: 1em;
}
.planning-page.pla-day h1, .planning-page.pla-day .pla-nav, .planning-page.pla-day .sch-day {
  max-width: 640px;
  margin: 0 auto;
}

.schema {
  margin-bottom: 1em;
}
.schema .schema-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0.5em 0.25em;
  font-weight: 600;
  background-color: #e8e7e7;
}
.schema .schema-header > :first-child {
  -webkit-flex-basis: 29%;
  -moz-flex-basis: 29%;
  -ms-flex-basis: 29%;
  flex-basis: 29%;
}
.schema .schema-header > :last-child {
  -webkit-flex-basis: 71%;
  -moz-flex-basis: 71%;
  -ms-flex-basis: 71%;
  flex-basis: 71%;
}
.schema .schema-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0.25em;
  background-color: #f5f7f9;
}
.schema .schema-row > div {
  -webkit-flex-basis: 13%;
  -moz-flex-basis: 13%;
  -ms-flex-basis: 13%;
  flex-basis: 13%;
}
.schema .schema-row > :first-child {
  -webkit-flex-basis: 16%;
  -moz-flex-basis: 16%;
  -ms-flex-basis: 16%;
  flex-basis: 16%;
}
.schema .schema-row > :last-child {
  -webkit-flex-basis: 71%;
  -moz-flex-basis: 71%;
  -ms-flex-basis: 71%;
  flex-basis: 71%;
  border-bottom: 1px solid #e8e7e7;
}
.schema .schema-row.schema-past {
  color: rgb(167.1942675159, 166.0828025478, 169.4171974522);
  background-color: rgb(238.625, 241.9, 245.175);
}

/* Editor styling */
.editor {
  position: relative;
  background: #f5f7f9;
  padding: 25px 15px;
  font-size: 12px;
  line-height: 30px;
  margin-bottom: 1em;
}
.editor label {
  font-size: 12px;
}
.editor .editor-header {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  padding: 0 5px 18px;
  border-bottom: 1px solid #e8e7e7;
  margin-bottom: 10px;
  background: #f5f7f9;
}
.editor .editor-body {
  padding-bottom: 30px;
}
.editor .error {
  color: #D8000C;
}

.rebate-editor .left, .rebate-editor .right {
  display: inline-block;
  vertical-align: top;
}
.rebate-editor .left {
  width: 15%;
  min-width: 240px;
}
.rebate-editor .right {
  width: 30%;
  min-width: 320px;
}
.rebate-editor .qcheckbox {
  margin-top: 2px;
}

.edit-kpi-time input.textbox {
  width: auto;
  margin: 0 0.25em 0 1em;
}
.left2 .filter > tbody > tr:nth-child(n) .edit-kpi-time input.textbox {
  width: auto;
}

.damageflowtype_editor td {
  margin-bottom: 0 !important;
}
.damageflowtype_editor .damageflow_editor {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
}
.damageflowtype_editor .damageflow_editor div[class^=col-] {
  display: inline-block;
}

#organisation .week_editor .row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#organisation .week_editor input.textbox.time {
  max-width: 45px !important;
}

.form-group .input-icon {
  position: relative;
}
.form-group .input-icon *:nth-child(2) {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.fileViewTable #lblCurrentTask {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
}

input.ui-state-disabled[title]:not([title=""]) {
  pointer-events: auto;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled, :disabled {
  opacity: 0.55;
  filter: Alpha(Opacity=55);
}

/* Filter styling */
.report .filter {
  font-size: 12px;
  line-height: 18px;
  background-color: #f5f7f9;
  padding: 10px;
  margin-top: 15px;
}
.report .filter.small {
  margin-top: 0;
  padding-bottom: 0;
}
.report .filter .title {
  font-size: 14px;
  font-weight: 700;
  padding: 10px 0 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e8e7e7;
}
.report .filter label {
  display: inline-block;
  font-size: 12px;
  padding: 5px 0;
}
.report .filter input, .report .filter select, .report .filter textarea, .report .filter .kpi-report-note {
  margin-bottom: 10px;
}

.dayColorFilter .color-circle {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-top: 10px;
  border-radius: 50%;
}
.dayColorFilter input[type=button].btn-day-color-filter {
  background-color: white;
  color: #4E4D50;
}
.dayColorFilter input[type=button].btn-day-color-filter:hover, .dayColorFilter input[type=button].btn-day-color-filter:active, .dayColorFilter input[type=button].btn-day-color-filter:focus {
  background-color: white;
  color: #4E4D50;
  border: none;
  outline: none;
}

#damage-flow-calendar-filter {
  position: relative;
  z-index: 2;
}

/* Data tables styling */
/*
	For datagrid tables we need to set a table column width.

	Use -nth child or add a class to specific columns to change the way table data gets filled.
*/
.datagrid td, .datagrid th, table#data td, table#data th {
  width: 1%;
}
.datagrid a img[src="images/sort_arrow.png"], table#data a img[src="images/sort_arrow.png"] {
  padding: 4px;
}
.datagrid a img[src="images/sort_arrow_reverse.png"], table#data a img[src="images/sort_arrow_reverse.png"] {
  padding: 4px;
}
.datagrid.tblInvoiceLines th:nth-child(6), .datagrid.tblInvoiceLines td:nth-child(6), table#data.tblInvoiceLines th:nth-child(6), table#data.tblInvoiceLines td:nth-child(6) {
  width: 100%;
}
.datagrid.table_invoice th:nth-child(6), .datagrid.table_invoice th:nth-child(11), .datagrid.table_invoice td:nth-child(6), .datagrid.table_invoice td:nth-child(11), table#data.table_invoice th:nth-child(6), table#data.table_invoice th:nth-child(11), table#data.table_invoice td:nth-child(6), table#data.table_invoice td:nth-child(11) {
  width: 35%;
}
.datagrid.table_invoice th:nth-child(8), .datagrid.table_invoice th:nth-child(10), .datagrid.table_invoice td:nth-child(8), .datagrid.table_invoice td:nth-child(10), table#data.table_invoice th:nth-child(8), table#data.table_invoice th:nth-child(10), table#data.table_invoice td:nth-child(8), table#data.table_invoice td:nth-child(10) {
  width: 15%;
}

/* Report styling */
.buttonbar .btn-smart {
  margin-left: 10px;
}

.datagrid td .kpi-c-green {
  color: #00cc11 !important;
  font-weight: 600;
}
.datagrid td .kpi-c-amber {
  color: #ccab00 !important;
  font-weight: 600;
}
.datagrid td .kpi-c-red {
  color: #cc0011 !important;
  font-weight: 600;
}

.multi-panel-report {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.multi-panel-report .content-panel {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

/* Popup styling */
/** defaults for popup (Jquery UI Dialog boxes) */
.ui-dialog {
  box-sizing: content-box;
  -webkit-border-radius: 1px !important;
  -moz-border-radius: 1px !important;
  border-radius: 1px !important;
  font-family: "Open Sans", sans-serif !important;
  font-size: 12px;
  font-weight: 300;
  padding: 0;
  max-width: 100%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  background-color: #f5f7f9;
  overflow: hidden;
}
.ui-dialog .ui-dialog-content {
  box-sizing: content-box;
  padding: 25px 25px 0;
  background-color: #f5f7f9;
  color: inherit;
  max-height: 85vh !important;
  max-height: calc(100vh - 60px - 40px) !important;
}
.ui-dialog .ui-dialog-content:after {
  content: "";
  display: block;
  height: 25px;
  width: 100%;
  clear: both;
}
.ui-dialog .ui-dialog-content div.buttons {
  margin-top: 10px;
}
.ui-dialog .ui-dialog-content div.buttons button, .ui-dialog .ui-dialog-content div.buttons input[type=button], .ui-dialog .ui-dialog-content div.buttons input[type=submit] {
  margin: 5px 5px 5px 0px;
  white-space: normal;
  outline: none;
}
@media only screen and (max-width: 1600px) and (min-width: 1281px) {
  .ui-dialog .ui-dialog-content {
    padding: 20px 20px 0;
  }
  .ui-dialog .ui-dialog-content:after {
    height: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .ui-dialog .ui-dialog-content {
    padding: 15px 15px 0;
  }
  .ui-dialog .ui-dialog-content:after {
    height: 15px;
  }
}
.ui-dialog .filter .btn-advanced img {
  top: 0;
}
.ui-dialog .identity-panel .userpicture img {
  position: relative;
}
.ui-dialog .nicEdit-main pre {
  max-height: none !important;
  max-height: unset !important;
}

.ui-dialog-title {
  font-weight: 600;
}

.ui-dialog input[type=text].text-has-icon {
  width: 94% !important;
  float: right;
}

#snackbar {
  height: 3em;
}

.ui-dialog.popup-snackbar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.ui-dialog.popup-snackbar .ui-dialog-titlebar {
  width: 25px;
  padding: 0 !important;
}
.ui-dialog.popup-snackbar .ui-dialog-titlebar-close {
  top: -3px !important;
  right: auto !important;
  left: 2px;
  width: 25px !important;
  height: 25px !important;
}
.ui-dialog.popup-snackbar .ui-dialog-title {
  display: none;
}
.ui-dialog.popup-snackbar .ui-dialog-content {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  min-height: auto !important;
  padding: 0.4em;
}
.ui-dialog.popup-snackbar .ui-dialog-content:after {
  display: none;
}

/** end defaults */
.popup-confirm {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
.popup-confirm .popup-confirm-buttons {
  margin-top: 10px;
  text-align: center;
}
.popup-confirm .popup-confirm-buttons input[type=button], .popup-confirm .popup-confirm-buttons input[type=submit] {
  margin: 10px 5px;
  white-space: normal;
  outline: none;
}

.popup-alert .btn-ok {
  display: block;
  margin-top: 10px;
  text-align: center;
}
.popup-alert.popup-snackbar {
  line-height: 25px;
}
.popup-alert.popup-snackbar .ui-dialog-titlebar-close {
  top: 2px !important;
}
.popup-alert.popup-snackbar .btn-ok {
  margin-top: 0;
}
.popup-alert.popup-snackbar .button {
  padding: 2px 10px;
}

.pnlLocationBudgetPopup header {
  font-weight: 500;
  background: #ececec;
  padding: 10px 15px;
  margin-bottom: 10px;
}
.pnlLocationBudgetPopup .renderWithName {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  min-height: 31px;
}
.pnlLocationBudgetPopup .renderWithName .left {
  min-width: 270px;
  text-align: right;
  padding-right: 15px;
}

.frmDamageDetail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.frmDamageDetail > * {
  -webkit-box-flex: 0 50%;
  -moz-box-flex: 0 50%;
  -webkit-flex: 0 50%;
  -ms-flex: 0 50%;
  flex: 0 50%;
  margin-bottom: 50px;
}
.frmDamageDetail > *:nth-child(2n+1) {
  padding-right: 0.8em;
}
.frmDamageDetail > *:nth-child(2n) {
  padding-left: 0.8em;
}
.frmDamageDetail > *:last-child {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  padding: 0;
  text-align: right;
}
.frmDamageDetail .renderWithName .left label {
  font-size: 1.1em;
  font-weight: 400;
  padding-bottom: 10px;
  border-bottom: 1px solid #d4d4d4;
  margin: 0 30px 15px 0;
  color: #4c4c4c;
}
.frmDamageDetail .renderWithName .right select {
  margin-right: 30px;
  max-width: 90%;
}

.datTemplatePopup {
  line-height: 30px;
}

.damageFlowSelectPopup .fc-day.open {
  background-color: lightgreen;
  vertical-align: middle;
  text-align: center;
}
.damageFlowSelectPopup .fc-day.open::after {
  color: green;
  content: attr(data-count) " / " attr(data-limit);
  display: none;
  font-weight: 300;
  font-size: 18px;
  padding: 2px;
}
.damageFlowSelectPopup .fc-day.open.full {
  background-color: lightcoral;
}
.damageFlowSelectPopup .fc-day.open.full::after {
  color: lightcoral;
}
.damageFlowSelectPopup .fc-day.open.almost-full {
  background-color: lightsalmon;
}
.damageFlowSelectPopup .fc-day.open.almost-full::after {
  color: lightsalmon;
}
.damageFlowSelectPopup .fc-day.open.holiday {
  background-color: lightgray;
  outline: 1px solid red;
}
.damageFlowSelectPopup .fc-day.open.holiday:hover {
  cursor: not-allowed;
}
.damageFlowSelectPopup .fc-day.open:hover:not(.holiday) {
  background: aliceblue;
  cursor: pointer;
}
.damageFlowSelectPopup .fc-day.open:hover:not(.holiday)::after {
  display: inline-block;
}

#carpicker_filter {
  position: fixed;
  left: auto !important;
  max-height: 99%;
  overflow-y: auto;
}
#carpicker_filter .advanced_filter {
  /*float: left;*/
  max-width: 300px;
}
#carpicker_filter .advanced_filter > td > span > label {
  display: block;
  font-weight: 600;
  padding-left: 2px;
  color: #212B33;
  width: 100% !important;
}
#carpicker_filter .advanced_filter > td > span > label + table {
  display: block;
}
#carpicker_filter .advanced_filter > td > span > label + table tr {
  display: inline-block;
}
#carpicker_filter .advanced_filter > td > span > label + table tr td {
  min-width: 50px;
  line-height: 1;
}
#carpicker_filter .advanced_filter > td > span > label + table tr td label {
  margin-top: -2px;
}

.rentalpop .ui-datepicker-trigger {
  right: 5px;
  top: 0;
  margin-top: 7px;
}
.rentalpop table strong {
  font-weight: 600;
  color: #212B33;
}
.rentalpop table tr td {
  padding-top: 2px;
}
.rentalpop table tr td hr {
  margin: 0 !important;
  display: none;
}
.rentalpop table tr td[rowspan] {
  vertical-align: top;
}
.rentalpop table tr:last-child td {
  /*        min-width: 150px;*/
}
.rentalpop table tr:last-child td select {
  width: auto !important;
}
.rentalpop table #docrow td {
  vertical-align: top;
}
.rentalpop table #docrow td:first-child {
  padding-top: 10px;
}
.rentalpop .qdocumentlist {
  margin: 0 !important;
  padding: 0 !important;
}
.rentalpop .qdocline .qdocument {
  min-width: 80px !important;
}
.rentalpop .qdocline .qdocument > img:nth-child(1) {
  width: 100% !important;
  right: auto;
  top: auto;
}
.rentalpop .qdocline .qdocument span {
  font-size: 10px !important;
}

.rentalPopupCar tbody {
  display: inline-table;
}
.rentalPopupCar tbody tr td:nth-child(1) {
  width: 40%;
}
.rentalPopupCar tbody tr td:nth-child(2) {
  width: 60%;
}

.rentalPopup {
  margin-bottom: 15px;
}

.chatPopup {
  width: 400px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999999;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  padding: 25px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-weight: 600;
  line-height: 20px;
  background: #FFF;
  color: #212b33;
}
.chatPopup i {
  font-family: "Font Awesome 5 Free";
  margin: 0 20px 0 10px;
  font-size: 30px;
}
.chatPopup:hover {
  cursor: pointer;
}
.chatPopup:hover i {
  color: #F05822;
}

.deviceQrCodePopup {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  max-height: 95%;
  text-align: center;
}
.deviceQrCodePopup > span {
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.deviceQrCodePopup > span > span {
  flex: 1;
}
.deviceQrCodePopup > span > span img.QR {
  max-height: 100%;
  object-fit: contain;
  width: auto;
}

.pop-clean-iframe div {
  display: block !important;
}
.ui-dialog .pop-clean-iframe.ui-dialog-content {
  padding: 0;
}
.ui-dialog .pop-clean-iframe.ui-dialog-content iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.ui-dialog .pop-clean-iframe.ui-dialog-content:after {
  content: none;
  display: none;
}

.foot.buttons.vehicledetails img {
  margin-top: 10px;
  margin-right: 10px;
}

/** Below needs a clean-up, but it is popup specific styling (or at least originally...) **/
.ui-dialog #message .location_logo {
  width: unset !important;
  max-width: 500px;
  max-height: 200px;
}
.ui-dialog table span {
  position: static !important;
}
.ui-dialog select {
  width: 100%;
}
.ui-dialog span.clarifierbox input[type=text] {
  width: 80% !important;
  float: right;
}
.ui-dialog .foot {
  display: block;
  background: #e8e7e7;
  line-height: 25px;
  text-align: right;
}
.ui-dialog .foot::after {
  content: "";
  display: table;
  clear: both;
}
.ui-dialog .foot .tabs {
  float: left;
}
.ui-dialog .foot .buttons {
  float: right;
  padding: 2px;
}
.ui-dialog .foot .buttons > span, .ui-dialog .foot .buttons > div {
  margin-right: 10px;
  line-height: 1;
  display: inline-block !important;
  vertical-align: middle;
}
.ui-dialog .foot .buttons > span > span {
  position: static !important;
  top: auto !important;
  font-weight: normal;
  margin-right: 0 !important;
}
.ui-dialog .foot .buttons > span > span:hover {
  border-bottom-style: none;
}
.ui-dialog pre {
  max-height: 500px;
  margin-top: 15px;
}
.ui-dialog div {
  border: 0 !important;
}
.ui-dialog .renderWithName {
  height: auto !important;
  margin-top: 5px;
}
.ui-dialog .renderWithName .left label {
  display: block;
  margin-bottom: 5px;
}
.ui-dialog .renderWithName .right input.calculable {
  max-width: 1200px !important;
}
.ui-dialog table {
  display: block;
}
.ui-dialog .chosen-container {
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  border: none;
  padding: 0 !important;
}
.ui-dialog .chosen-container::after {
  content: "";
  display: table;
  clear: both;
}
.ui-dialog .chosen-container input {
  height: 30px !important;
  width: 100% !important;
}
.ui-dialog .chosen-container .chosen-choices {
  border: 1px solid rgb(171.3461538462, 180.9615384615, 188.6538461538) !important;
}
.ui-dialog .floatcontainer::after {
  content: "";
  display: table;
  clear: both;
}
.ui-dialog .floatcontainer table {
  float: left;
}
.ui-dialog .floatcontainer table #c157pAddress2 {
  margin-bottom: 2px !important;
}
.ui-dialog .floatcontainer table div {
  width: 100% !important;
}
.ui-dialog .floatcontainer table tr td:nth-child(1) {
  border: 1px solid #f5f7f9;
  display: block;
  float: left;
  line-height: 30px;
  word-wrap: break-word; /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap; /* current browsers */
  width: 40%;
}
.ui-dialog .floatcontainer table tr td:nth-child(2) {
  display: block;
  float: left;
  width: 60%;
}
.ui-dialog .floatcontainer .renderWithName {
  padding: 2px 0;
}
.ui-dialog .floatcontainer .renderWithName::after {
  content: "";
  display: table;
  clear: both;
}
.ui-dialog .floatcontainer .renderWithName .left {
  float: left;
  line-height: 30px;
  word-wrap: break-word; /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap; /* current browsers */
  width: 40%;
}
.ui-dialog .floatcontainer .renderWithName .right {
  float: left;
  width: 60%;
  position: relative;
}
.ui-dialog .floatcontainer .leftlabel {
  float: right;
  width: 45% !important;
}
.ui-dialog hr {
  display: none;
}
.ui-dialog label {
  color: #212B33;
  font-weight: 300;
}
.ui-dialog .datagrid {
  margin-top: 0;
  border: 1px solid #e8e7e7;
}
.ui-dialog .datagrid caption {
  padding: 5px 10px;
}
.ui-dialog #txtRemarks {
  margin-top: 10px;
}
.ui-dialog div.autowithtablecontent {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.ui-dialog div.autowithtablecontent div.autowithtablecontent_row {
  display: block;
  overflow: hidden;
}
.ui-dialog div.autowithtablecontent div.autowithtablecontent_row div.autowithtablecontent_subrow {
  height: 90%;
  width: 49%;
  float: left;
}
.ui-dialog div.autowithtablecontent div.autowithtablecontent_row div.autowithtablecontent_subrow:last-child {
  float: right;
}
.ui-dialog textarea {
  margin-bottom: 5px;
  margin-top: 5px;
  height: 100px !important;
}
.ui-dialog span.ui-slider-handle {
  position: absolute !important;
}
.ui-dialog span strong {
  line-height: 20px;
}
.ui-dialog span input[type=button] {
  margin-top: 10px;
}
.ui-dialog select {
  font-size: 12px;
  font-weight: 400;
  padding: 6px 12px;
}
.ui-dialog .ui-dialog-content h3 {
  display: inline-block !important;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 50px !important;
}
.ui-dialog .ui-dialog-content h3 span {
  margin-left: 15px;
  float: right;
}
.ui-dialog .ui-dialog-content h3 span input[type=button] {
  margin-right: 5px;
  font-size: 14px !important;
  background: none;
  color: #F05822;
  padding-left: 0;
  padding-right: 0;
  text-align: right;
}
.ui-dialog .ui-dialog-content h3 span input[type=button]:hover {
  text-decoration: underline;
}
.ui-dialog table#message hr {
  display: block;
}
.ui-dialog table tr td {
  position: relative;
  width: 1%;
  padding-bottom: 2px;
}
.ui-dialog table tr td img:not(.albatros-search-filter), .ui-dialog table tr td div.ui-icon, .ui-dialog table tr td div.ui-icon-black {
  position: absolute;
  right: 5px;
  top: 7px;
  width: 15px !important;
}
.ui-dialog table th a:hover {
  text-decoration: underline;
  color: #F05822;
}
.ui-dialog .collapse-head {
  cursor: pointer;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 400;
  background: #F05822;
  display: inline-block;
  padding: 7px 5px;
  color: #fff;
}
.ui-dialog .renderWithName .right img, .ui-dialog .collapse-panel img {
  position: absolute;
  right: 5px;
  top: 2px;
}
.ui-dialog .ui-datepicker-trigger {
  right: 15px;
  margin-top: 5px;
}
.ui-dialog input[type=text] {
  height: 30px;
  margin: 0;
}
.ui-dialog .tabs {
  display: block !important;
}
.ui-dialog .tabs .tab {
  display: inline-block;
  padding: 5px 10px;
  cursor: pointer;
  font-weight: 600;
}
.ui-dialog .tabs .tab.selected {
  background: #f5f7f9;
  color: #F05822;
  text-decoration: underline;
  font-weight: 600;
}
.ui-dialog .tabs .tab:hover {
  background: #f5f7f9;
  color: #F05822;
  font-weight: 600;
}
.ui-dialog #availablehours tr td, .ui-dialog #availablehours tr th {
  padding: 2px;
}
.ui-dialog #availablehours tr th {
  color: #212B33;
  padding-top: 10px;
  padding-bottom: 5px;
  font-weight: 600;
}
.ui-dialog #availablehours hr {
  display: block;
}
.ui-dialog #availablehours tr:last-child td {
  text-align: right !important;
}
.ui-dialog #availablehours tr:last-child td input[type=button] {
  margin-right: 0;
  margin-top: 15px !important;
}
.ui-dialog #availablehours tr:nth-last-of-type(2) td:nth-child(2) div {
  display: none !important;
}
.ui-dialog .btnAdd {
  display: inline-block;
  width: 15px;
  height: 15px;
  padding-top: 2px;
  cursor: pointer;
  position: absolute;
  top: 9px;
  right: 5px;
  z-index: 999999;
}
.ui-dialog .btnAdd:after {
  font-family: "Font Awesome 5 Free";
  content: "\f067";
  font-weight: 900;
}
.ui-dialog .btnAdd:hover {
  color: #F05822;
}
.ui-dialog #templegrid {
  margin-top: 15px;
}
.ui-dialog .qdocline {
  overflow-y: auto;
  max-height: 576px;
}
.ui-dialog .ml-10px {
  margin-left: 10px !important;
}
.ui-dialog .quick-replan-row {
  width: 100%;
}
.ui-dialog .quick-replan-row div {
  width: 50%;
  height: 100%;
}
.ui-dialog .quick-replan-row div:nth-of-type(2) {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-flow: row-reverse;
  -moz-flex-flow: row-reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}
.ui-dialog .quick-replan-row div span {
  height: 100%;
}
.ui-dialog .quick-replan-row input[type=text].text-has-icon {
  margin-left: 0 !important;
  width: 87% !important;
}
.ui-dialog .no-max-height {
  max-height: none !important;
}
.ui-dialog table.responster-datagrid tr td img {
  right: -5px !important;
}
.ui-dialog .popup-custom-content.ui-dialog-content.ui-widget-content {
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  margin: 15px;
  padding: 0 !important;
}

.gic-popup .sms-form-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}
.gic-popup .label-cell {
  font-weight: bold;
  padding-top: 0.5em;
}
.gic-popup .counter-cell {
  padding-left: 1em;
  text-align: left;
}
.gic-popup .warning {
  color: red;
}
.gic-popup .validation-warning {
  color: inherit !important;
}
.gic-popup .align-top {
  vertical-align: top;
}
.gic-popup .gic-textbox {
  margin: 0 !important;
}

.announcement-popup .footer {
  display: flex;
  justify-content: flex-end;
}
.announcement-popup .announcement-card {
  background-color: #FFF081;
  margin-bottom: 1em;
  padding: 1em;
}
.announcement-popup .date-field {
  display: flex;
  justify-content: flex-end;
}
.announcement-popup .date-field span {
  font-weight: bold;
  margin-right: 0.5em;
}

.ubench-popup .ubench-form .checkbox-documents {
  text-align: center;
}
.ubench-popup .ubench-form .checkbox-documents .qdocument {
  margin: 20px auto;
  font-size: 2em;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.ubench-popup .ubench-form .checkbox-documents .qdocument input {
  margin-right: auto;
  margin-left: auto;
}
.ubench-popup .ubench-form .checkbox-documents .qdocument br {
  display: none;
}
.ubench-popup .ubench-form .checkbox-documents .qdocument > * {
  padding: 4px;
}
.ubench-popup .ubench-form input[type=button] {
  width: 100%;
  background-color: #181844;
  color: #EEEEDD;
  border-radius: 0;
  border: 0;
}

/* Widget styling */
div.widget-panel {
  background-color: #f5f7f9;
  padding: 20px;
  margin-top: 15px;
}
div.widget-panel h1 {
  margin: 0;
  padding-bottom: 15px;
  font-size: inherit;
  border-bottom: 1px solid #e8e7e7;
}
div.widget-panel input, div.widget-panel button, div.widget-panel select {
  margin: 5px 0;
}

/* SVG styling */
svg {
  width: 100%;
  height: auto;
}

.click-zone {
  stroke-width: 0;
}

.stroke-only {
  fill: none;
}

.dd-clock-area {
  fill: #4E4D50;
  stroke-width: 0;
  fill-opacity: 0.05;
}
.dd-clock-area:hover, .dd-clock-area.highlight {
  fill: #F05822;
  cursor: pointer;
  fill-opacity: 0.1;
}
.dd-clock-area.select {
  fill: #F05822;
  fill-opacity: 0.3;
}

.dd-clock-value {
  fill: #4E4D50;
  opacity: 1;
}
.dd-clock-value.highlight, .dd-clock-value.select {
  fill: #F05822;
}

.dd-clock-line {
  stroke: #4E4D50;
  stroke-opacity: 0.3;
}
.dd-clock-line.highlight {
  stroke: #F05822;
}
.dd-clock-line.select {
  stroke: #F05822;
  stroke-opacity: 0.6;
}

.dd-clock-bg {
  fill: #4E4D50;
  fill-opacity: 0.5;
}

.dd-car {
  fill: #4E4D50;
  fill-opacity: 0.05;
  stroke: #4E4D50;
  stroke-width: 1;
}
.dd-car .togglable:hover, .dd-car .togglable.highlight {
  fill: #F05822;
  fill-opacity: 0.1;
  cursor: pointer;
}
.dd-car .togglable.select {
  fill: #F05822;
  fill-opacity: 0.3;
}
.dd-car .dd-car-outline {
  stroke-width: 2;
}
.dd-car .dd-windscreen-wiper {
  fill: none;
}
.dd-car .dd-checkbox + text {
  font-size: 70px;
  line-height: 70px;
  fill-opacity: 1;
}
.dd-car #rear .dd-car-window,
.dd-car #top .dd-car-window {
  fill-opacity: 0;
}
.dd-car.informex {
  stroke-opacity: 0.3;
}
.dd-car.informex .dd-checkbox + text {
  font-size: 16px;
  line-height: 16px;
}

.dd-car-bg {
  fill: #4E4D50;
}

#svgCar {
  max-width: 320px;
  max-height: 250px;
}

#svgClock {
  max-width: 240px;
  max-height: 240px;
}
#svgClock > svg {
  max-width: 220px;
  max-height: 220px;
}

/* Form styling */
.flex {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}

.flex-end {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

input.tinyentry, select.tinyentry, .ui-dialog select.tinyentry {
  width: 100px;
}

input.validation-warning, select.validation-warning, textarea.validation-warning {
  border: 1px solid #D8000C;
  background-color: #FFD2D2;
}
input.success, select.success, textarea.success {
  border: 1px solid #00D80C;
  background-color: #D2FFD2;
}

.editor .validation-warning {
  border: 1px solid #D8000C;
  background-color: #FFD2D2;
}

.new-form .row {
  display: block;
}
.new-form .row:not(:last-child) {
  margin-bottom: 6px;
}
.new-form .form-group {
  box-sizing: border-box;
  min-height: 31px;
}
.new-form .form-group:not(.form-flex) > .form-group-content {
  margin-top: 3px;
}
.new-form .form-group > label {
  font-size: 13px;
  width: 40%;
}
.new-form .form-group .input-with-icon {
  position: relative;
}
.new-form .form-group .input-with-icon > *:nth-child(1) {
  display: block;
}
.new-form .form-group .input-with-icon > *:nth-child(1) input[type=text] {
  padding-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-form .form-group .input-with-icon > *:nth-child(2), .new-form .form-group .input-with-icon .ui-datepicker-trigger {
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.new-form .form-group .input-with-icon .ui-datepicker-trigger {
  margin-top: 0px;
}
.new-form .form-group .input-with-icon.icon-top > *:nth-child(2) {
  top: 15px;
}
.new-form .form-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.new-form .form-flex .form-group-content {
  width: 60%;
}
.new-form .form-flex .form-group-content .input-after-group {
  position: absolute;
  left: 102%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.new-form .form-flex .form-group-content > span[id^=lst] {
  display: block !important;
}
.new-form textarea {
  margin-bottom: 0;
  margin-top: 0;
}
.new-form .renderWithName {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 6px;
  margin-top: 0;
}
.new-form .renderWithName .left {
  width: 40%;
}
.new-form .renderWithName .left label {
  font-size: 13px;
  margin-bottom: 0px;
}
.new-form .renderWithName .right {
  width: 60%;
}
.new-form .row.display {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.new-form .row > span {
  display: inline-block;
  position: relative;
}
.new-form .form-group.buttons *:not(:first-child) {
  margin-left: 10px;
}
.new-form input[type=text], .new-form select {
  width: 100%;
  height: 31px;
  box-sizing: border-box;
}

.new-container, .new-container-fluid {
  width: 100%;
  overflow-x: hidden;
}
.new-container *, .new-container ::after, .new-container ::before, .new-container-fluid *, .new-container-fluid ::after, .new-container-fluid ::before {
  box-sizing: border-box;
}
.new-container .row:not(:last-child), .new-container-fluid .row:not(:last-child) {
  margin-bottom: 6px;
}
.new-container .form-flex, .new-container-fluid .form-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.new-container .flex-begin, .new-container-fluid .flex-begin {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.new-container .form-group, .new-container-fluid .form-group {
  width: 100%;
  min-height: 31px;
}
.new-container .input-after-group, .new-container-fluid .input-after-group {
  left: 102%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.new-container .row, .new-container-fluid .row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.new-container [class^=col-], .new-container-fluid [class^=col-] {
  position: relative;
  width: 100%;
  min-height: 1px;
}
.new-container .input-with-icon, .new-container-fluid .input-with-icon {
  position: relative;
}
.new-container .input-with-icon > *:nth-child(1), .new-container-fluid .input-with-icon > *:nth-child(1) {
  display: block;
}
.new-container .input-with-icon > *:nth-child(1) input[type=text], .new-container-fluid .input-with-icon > *:nth-child(1) input[type=text] {
  padding-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-container .input-with-icon > *:nth-child(2), .new-container .input-with-icon .ui-datepicker-trigger, .new-container-fluid .input-with-icon > *:nth-child(2), .new-container-fluid .input-with-icon .ui-datepicker-trigger {
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.new-container .input-with-icon > *:nth-child(2) > div, .new-container-fluid .input-with-icon > *:nth-child(2) > div {
  position: absolute;
  right: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
}
.new-container .input-with-icon > *:nth-child(2) > div:after, .new-container-fluid .input-with-icon > *:nth-child(2) > div:after {
  background: #FFF;
}
.new-container .input-with-icon .ui-datepicker-trigger, .new-container-fluid .input-with-icon .ui-datepicker-trigger {
  margin-top: 0px;
}
.new-container .input-with-icon.icon-top > *:nth-child(2), .new-container-fluid .input-with-icon.icon-top > *:nth-child(2) {
  top: 15px;
}
.new-container .renderWithName, .new-container-fluid .renderWithName {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 6px;
  margin-top: 0;
}
.new-container .renderWithName .left, .new-container-fluid .renderWithName .left {
  width: 40%;
  padding-right: 10px;
}
.new-container .renderWithName .left label, .new-container-fluid .renderWithName .left label {
  font-size: 13px;
  margin-bottom: 0px;
}
.new-container .renderWithName .right, .new-container-fluid .renderWithName .right {
  width: 60%;
}
.new-container .button-group.save-buttons, .new-container-fluid .button-group.save-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin: 25px 0 0 0;
}
.new-container .button-group.center-buttons, .new-container-fluid .button-group.center-buttons {
  margin: 25px 0 0 0;
  text-align: center;
}
.new-container .button-group input[type=button], .new-container .button-group input[type=submit], .new-container-fluid .button-group input[type=button], .new-container-fluid .button-group input[type=submit] {
  width: auto;
  margin: 0;
}
.new-container .button-group > *:not(:first-child), .new-container-fluid .button-group > *:not(:first-child) {
  margin-left: 10px;
}
.new-container input[type=text], .new-container input[type=button], .new-container input[type=submit], .new-container select, .new-container-fluid input[type=text], .new-container-fluid input[type=button], .new-container-fluid input[type=submit], .new-container-fluid select {
  height: 31px;
  padding: 7px;
}
.new-container input[type=text], .new-container select, .new-container-fluid input[type=text], .new-container-fluid select {
  width: 100%;
}
.new-container textarea, .new-container-fluid textarea {
  width: 100%;
}
.new-container .align-end, .new-container-fluid .align-end {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}

.new-container .form-group {
  max-width: 420px;
}
.new-container .form-group > label {
  width: 40%;
  font-size: 12px;
  padding-right: 10px;
}
.new-container .form-group > .form-group-content:not(.full-width) {
  width: 60%;
  position: relative;
  font-size: 12px;
}

.icallRow span {
  display: inline-block;
  width: calc(25% - 10px);
  max-width: 138px;
  margin-left: 3px !important;
  margin-right: 4px !important;
}
.icallRow span:first-of-type {
  margin-left: 0px !important;
}
.icallRow span .icallItem {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 10px solid #fff !important;
  text-align: center;
  position: relative;
  background: #fff;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}
.icallRow span .icallItem:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

.file-calendar {
  /* checkbox styles categories  */
  /* FULLCALENDAR */
  /* region fullcalendar */
  /* endregion */
  /* END FULLCALENDAR */
  /* DATEPICKER */
  /*region uidatepicker*/
  /*endregion*/
  /* END DATEPICKER */
}
.file-calendar #calendar {
  min-height: 70vh;
  width: 100%;
}
.file-calendar #calendarWrap * {
  box-sizing: border-box;
}
.file-calendar #calendarWrap .ui-state-default {
  color: #424242;
}
.file-calendar #calendar .loading {
  transition: all 0.1s ease;
  width: calc(100% - 250px);
  height: calc(100% - 70px);
  position: absolute;
  top: 70px;
  left: 250px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  opacity: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 50px;
}
.file-calendar #calendar .loading.show {
  transition: all 0.1s ease;
  opacity: 1;
  z-index: 999;
}
.file-calendar #calendar .fc-toolbar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 0;
  position: absolute;
  height: 70px;
  width: 100%;
  padding: 15px;
  left: 0;
}
.file-calendar #toggleCalendar {
  padding: 0;
}
.file-calendar #calendarWrap .left {
  min-width: 250px;
  position: relative;
  margin-top: 70px;
}
.file-calendar #calendarWrap .left .collapse {
  display: none;
}
.file-calendar #calendarWrap .right {
  -webkit-box-flex: 1 auto;
  -moz-box-flex: 1 auto;
  -webkit-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
}
.file-calendar #calendarWrap {
  border: 1px solid #E8E7E7;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box !important;
  position: relative;
  overflow: hidden;
}
.file-calendar #calendarWrap .leftTop {
  padding: 15px;
  border-bottom: 1px solid #E8E7E7;
  border-top: 1px solid #E8E7E7;
}
.file-calendar #calendarWrap .leftBelow {
  padding: 15px;
  font-weight: 400;
}
.file-calendar #calendarWrap .leftBelow .location select,
.file-calendar #calendarWrap .leftBelow .fileadmin .checkboxselect input {
  width: 100%;
  background-size: 15px 15px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  height: auto;
  padding: 0px;
  font-size: 12px;
  font-weight: 700;
}
.file-calendar #calendarWrap .leftBelow .fileadmin .checkboxselect input {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background-color: transparent !important;
}
.file-calendar #calendarWrap .leftBelow .location,
.file-calendar #calendarWrap .leftBelow .fileadmin {
  margin-bottom: 15px;
}
.file-calendar .leftBelow h3 {
  margin: 0;
}
.file-calendar .headerCalendarFilter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 15px;
}
.file-calendar .headerCalendarFilter #fileFilter {
  width: 100px;
  display: block;
  margin-left: auto;
}
.file-calendar .headerCalendarFilter #fileFilter input {
  height: 25px !important;
  width: 100%;
}
.file-calendar .visibleCalendarsList ul li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.file-calendar .checkContainer {
  color: #fff;
  line-height: 18px;
  font-size: 14px;
  height: 18px;
  margin-right: 5px;
  display: inline-block !important;
  position: relative;
  padding-left: 22px;
  margin-bottom: 0px !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.file-calendar .checkboxChoice span {
  line-height: 1;
  vertical-align: top;
}
.file-calendar .checkContainer a {
  color: #000;
  text-decoration: underline;
}
.file-calendar .checkContainer input[type=checkbox] {
  position: absolute;
  width: 18px;
  height: 18px;
  opacity: 0;
  left: 0;
  cursor: pointer;
}
.file-calendar .checkContainer input:checked ~ .checkmark:after {
  position: absolute;
  content: "";
  display: block;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  transform: rotate(45deg);
}
.file-calendar .checkContainer input:checked ~ .checkmark {
  background-color: #454F57;
}
.file-calendar .checkContainer .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 2px;
  background-color: #fff;
  border: 2px solid #454F57;
}
.file-calendar .checkContainer input:checked ~ .checkmark.cat1 {
  background-color: #009991;
}
.file-calendar .checkContainer .checkmark.cat1 {
  border: 2px solid #009991;
}
.file-calendar .checkContainer input:checked ~ .checkmark.cat2 {
  background-color: #ec1661;
}
.file-calendar .checkContainer .checkmark.cat2 {
  border: 2px solid #ec1661;
}
.file-calendar .checkContainer input:checked ~ .checkmark.cat3 {
  background-color: #F05822;
}
.file-calendar .checkContainer .checkmark.cat3 {
  border: 2px solid #F05822;
}
.file-calendar .checkContainer input:checked ~ .checkmark.cat4 {
  background-color: #1194fb;
}
.file-calendar .checkContainer .checkmark.cat4 {
  border: 2px solid #1194fb;
}
.file-calendar .checkContainer input:checked ~ .checkmark.cat5 {
  background-color: #7b5549;
}
.file-calendar .checkContainer .checkmark.cat5 {
  border: 2px solid #7b5549;
}
.file-calendar .checkContainer input:checked ~ .checkmark.cat6 {
  background-color: #6834bb;
}
.file-calendar .checkContainer .checkmark.cat6 {
  border: 2px solid #6834bb;
}
.file-calendar .fc-toolbar .fc-right {
  -webkit-box-flex: 1 auto;
  -moz-box-flex: 1 auto;
  -webkit-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
  margin-left: 15px;
}
.file-calendar .fc-toolbar .fc-center h2 {
  font-weight: 400;
  text-transform: uppercase;
  float: none;
  margin: 0;
  padding: 0;
  color: #9a9a9a;
  text-align: right;
}
.file-calendar .fc-more-popover .fc-body {
  max-height: 200px;
  overflow-y: scroll;
}
.file-calendar .fc-head-container {
  border-top: 1px solid #E8E7E7 !important;
  border-left: 1px solid #E8E7E7 !important;
}
.file-calendar .fc-view-container {
  position: relative;
  top: 70px;
}
.file-calendar .fc-event {
  min-height: 20px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.file-calendar .fc td {
  border-bottom: 0;
}
.file-calendar .fc-agendaDay-view .fc-widget-header, .file-calendar .fc-agendaWeek-view .fc-widget-header {
  border-right: 0 !important;
}
.file-calendar .fc th, .file-calendar .fc-head tr td, .file-calendar .fc-widget-header {
  border: 0;
}
.file-calendar .fc-time-grid .fc-slats .fc-minor td {
  border-top: 0;
}
.file-calendar .fc-head tr td {
  padding: 10px;
}
.file-calendar .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
  padding: 5px;
}
.file-calendar .fc-unthemed .fc-content, .file-calendar .fc-unthemed .fc-divider, .file-calendar .fc-unthemed .fc-list-heading td, .file-calendar .fc-unthemed .fc-list-view, .file-calendar .fc-unthemed .fc-popover, .file-calendar .fc-unthemed .fc-row, .file-calendar .fc-unthemed tbody, .file-calendar .fc-unthemed td, .file-calendar .fc-unthemed th, .file-calendar .fc-unthemed thead {
  border-color: #E8E7E7;
}
.file-calendar .fc-unthemed .fc-divider, .file-calendar .fc-unthemed .fc-list-heading td, .file-calendar .fc-unthemed .fc-popover .fc-header {
  background: #f5f7f9;
}
.file-calendar .fc-unthemed .fc-list-item td {
  font-size: 12px;
  font-weight: 400;
}
.file-calendar .fc-unthemed .fc-list-item:hover td {
  cursor: pointer;
  background: #f9f9f9;
}
.file-calendar .fc-list-heading:first-child td {
  border-top: 1px solid #E8E7E7 !important;
}
.file-calendar .fc-list-view {
  border-left: 1px solid #E8E7E7 !important;
}
.file-calendar .fc-list-heading td {
  font-weight: 600;
}
.file-calendar .fc-event {
  font-size: 11px;
  border-radius: 2px;
  margin-top: 3px;
  padding: 2px 5px;
  background-color: #454F57;
  border: 1px solid #454F57;
}
.file-calendar .fc-event-dot {
  background-color: #454F57;
}
.file-calendar .fc-event.cat1, .file-calendar .cat1 .fc-event-dot {
  background-color: #009991;
  border: 1px solid #009991;
}
.file-calendar .fc-event.cat2, .file-calendar .cat2 .fc-event-dot {
  background-color: #ec1661;
  border: 1px solid #ec1661;
}
.file-calendar .fc-event.cat3, .file-calendar .cat3 .fc-event-dot {
  background-color: #F05822;
  border: 1px solid #F05822;
}
.file-calendar .fc-event.cat4, .file-calendar .cat4 .fc-event-dot {
  background-color: #1194fb;
  border: 1px solid #1194fb;
}
.file-calendar .fc-event.cat5, .file-calendar .cat5 .fc-event-dot {
  background-color: #7b5549;
  border: 1px solid #7b5549;
}
.file-calendar .fc-event.cat6, .file-calendar .cat6 .fc-event-dot {
  background-color: #6834bb;
  border: 1px solid #6834bb;
}
.file-calendar .fc-event .fc-time {
  font-weight: 400;
}
.file-calendar .fc-button {
  border: 0;
  margin-right: 5px !important;
  box-shadow: none;
  background-image: none;
  border-radius: 0px !important;
  text-transform: uppercase;
  padding: 7px 15px !important;
}
.file-calendar .fc-prev-button, .file-calendar .fc-next-button {
  width: 30px;
  height: 30px !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  padding: 0 !important;
  background: 0;
  border-radius: 50% !important;
}
.file-calendar .fc-now-indicator {
  border: 0 solid #FF2832;
}
.file-calendar .fc-prev-button .fc-icon, .file-calendar .fc-next-button .fc-icon {
  top: 0px !important;
  margin: 0 !important;
  height: auto;
  line-height: 1;
}
.file-calendar .fc-next-button .fc-icon:after {
  content: "\f105";
}
.file-calendar .fc-prev-button .fc-icon:after {
  content: "\f104";
}
.file-calendar .fc-prev-button .fc-icon:after, .file-calendar .fc-next-button .fc-icon:after {
  font-size: 20px;
  font-family: "Font Awesome 5 Free";
}
.file-calendar .fc-unthemed td.fc-today {
  background: #f5f7f9;
}
.file-calendar .fc-ltr .fc-axis {
  text-align: center;
  font-size: 10px;
}
.file-calendar a.fc-more {
  color: #F05822;
  font-weight: 600;
}
.file-calendar .fc-more-cell {
  padding-top: 5px !important;
}
.file-calendar .fc-state-active, .file-calendar .fc-state-down, .file-calendar .fc-prev-button:hover, .file-calendar .fc-next-button:hover {
  background: #e6e6e6;
}
.file-calendar .ui-datepicker .ui-datepicker-header, .file-calendar .ui-widget-content {
  background: rgba(255, 255, 255, 0) !important;
  border: 0;
  color: #212B33;
}
.file-calendar .ui-datepicker-next::after {
  content: "\f054";
  padding-left: 15px;
  right: 0;
  top: -3px;
}
.file-calendar .ui-datepicker-prev::after {
  content: "\f053";
  left: -1px;
  padding-left: 10px;
  top: -3px;
}
.file-calendar .ui-datepicker-prev:after, .file-calendar .ui-datepicker-next:after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
}
.file-calendar .ui-datepicker-prev:after, .file-calendar .ui-datepicker-next:after {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #212B33;
}
.file-calendar .ui-datepicker thead {
  background: 0;
  border: 0;
}
.file-calendar .ui-datepicker-title {
  font-size: 14px;
  margin-bottom: 10px !important;
}
.file-calendar .ui-datepicker .ui-state-default {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border-radius: 50%;
  padding: 0;
}
.file-calendar .ui-datepicker .ui-state-active:hover {
  color: #fff !important;
}
.file-calendar .ui-datepicker .ui-state-highlight {
  font-weight: 700 !important;
}
.file-calendar .ui-datepicker .ui-state-default {
  background: 0;
}
.file-calendar .ui-widget.ui-widget-content {
  border: 0;
}
.file-calendar .ui-datepicker {
  border: 0;
  box-shadow: none;
  width: 100%;
  margin-top: 0px;
}
.file-calendar .ui-state-hover, .file-calendar .ui-widget-content .ui-state-hover, .file-calendar .ui-widget-header .ui-state-hover, .file-calendar .ui-state-focus, .file-calendar .ui-widget-content .ui-state-focus, .file-calendar .ui-widget-header .ui-state-focus {
  background: 0;
  border: 0;
}
.file-calendar .ui-icon {
  background-image: none !important;
}
.file-calendar .ui-datepicker .ui-datepicker-header, .file-calendar .ui-widget-content {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #212B33;
}
.file-calendar .ui-datepicker-next-hover, .file-calendar .ui-datepicker-prev-hover {
  background: #E8E7E7 !important;
}
.file-calendar .ui-datepicker-prev:hover:after, .file-calendar .ui-datepicker-next:hover:after {
  color: #212B33;
}
.file-calendar .ui-datepicker-prev, .file-calendar .ui-datepicker-next {
  border-radius: 50%;
}
.file-calendar .ui-datepicker-next {
  top: 1px !important;
  right: 1px !important;
}
.file-calendar .ui-datepicker-prev {
  top: 1px !important;
  left: 1px !important;
}
.file-calendar .ui-datepicker-prev:after, .file-calendar .ui-datepicker-next:after {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #212B33;
}
@media only screen and (max-width: 960px) {
  .file-calendar #calendarWrap .left {
    top: 0;
    height: 100%;
    position: absolute;
    z-index: 5;
    transform: translateX(-100%);
    transition: transform 0.2s ease;
    box-shadow: none;
  }
  .file-calendar #calendarWrap .left.open {
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.42);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.42);
    transform: translateX(0%);
  }
  .file-calendar #calendarWrap .left.open .collapse span {
    transform: rotate(180deg);
  }
  .file-calendar #calendarWrap .left .collapse:hover, .file-calendar #calendarWrap .left.open .collapse {
    opacity: 1;
  }
  .file-calendar #calendarWrap .left .collapse {
    opacity: 0.4;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    cursor: pointer;
    position: absolute;
    background: #fff;
    width: 35px;
    height: 35px;
    right: -35px;
    border: 1px solid #E8E7E7;
    border-left: 0;
  }
  .file-calendar #calendar .loading {
    width: 100%;
    left: 0px;
  }
  .file-calendar #calendar .fc-toolbar {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 120px;
  }
  .file-calendar #calendar .fc-icon, .file-calendar .fc-toolbar .fc-center {
    order: 2;
  }
  .file-calendar .fc .fc-toolbar > * > * {
    float: right !important;
  }
  .file-calendar .fc-toolbar .fc-left {
    width: 100%;
    order: 3;
    position: relative;
  }
  .file-calendar .fc-toolbar .fc-left .fc-agendaDay-button {
    margin-right: 0px !important;
  }
  .file-calendar .fc-view-container {
    top: 120px;
  }
}
.file-calendar #calendarWrap .fc-button-group > button {
  position: relative;
}
.file-calendar #calendarWrap .fc-button-group > button > span.fc-icon {
  position: absolute;
  left: 0;
  right: 0;
  line-height: 30px;
}
.file-calendar .fc-title .ico_small:after, .file-calendar .fc-list-item-title .ico_small:after {
  color: #5d5d5d;
  background: none;
}

table.translator {
  font-size: 12px;
}
table.translator th {
  background: #e8e7e7;
  padding: 15px;
  font-weight: 600;
  color: #212B33;
  border-bottom: 1px solid #e8e7e7;
}
table.translator td {
  padding: 5px;
}
table.translator tr:nth-child(even) {
  background: #f5f7f9;
}
table.translator tr:nth-child(odd) {
  background: #fff;
}
table.translator td[data-role=action-button] {
  min-width: 120px;
  text-align: center;
  background-color: #F05822;
  color: #fff;
  cursor: pointer;
}
table.translator td[data-role=action-button].save {
  background-color: #FEC000;
  color: #4E4D50;
}

.masterpanel-container > div {
  display: block;
}
.masterpanel-container div.row {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: stretch;
}
.masterpanel-container div.row > div {
  margin: 12px;
  padding-left: 12px;
  padding-right: 12px;
  height: fit-content;
}
.masterpanel-container .save-cancel {
  width: 50%;
  max-width: 300px;
  display: block;
  margin: 30px 25px;
}
.masterpanel-container .panel-title {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.masterpanel-container .fields {
  padding: 10px 18px;
  border: 2px solid #f5f1f1;
  border-radius: 5px;
  background: #f5f5f5;
}
.masterpanel-container input[type=text] {
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.invoicingSaleview .saleviewHeader {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.invoicingSaleview .saleviewHeader h2 {
  font-size: 25px;
  font-weight: 400;
  color: #353535;
}
.invoicingSaleview .saleviewHeader .saleviewSubtitle {
  font-size: 1.2em;
  font-weight: bold;
}
.invoicingSaleview .saleviewMainForm {
  background: #f5f7f9;
  border-top: 20px solid #e8e7e7;
  border-bottom: 20px solid #e8e7e7;
  padding: 15px;
}
.invoicingSaleview .saleviewMainForm .customerSearch {
  font-weight: bold;
  font-style: italic;
  white-space: nowrap;
}
.invoicingSaleview .saleviewMainForm .lblCnOrInvoice {
  line-height: 18px;
}
.invoicingSaleview .saleviewMessage {
  font-weight: bold;
  padding: 15px;
  text-align: center;
}

.popupRemarks {
  overflow-y: hidden;
}

@media only screen and (min-width: 1601px) {
  .popupRemarks .row .col-6:nth-child(1) {
    padding-right: calc(25px / 2);
  }
  .popupRemarks .row .col-6:nth-child(2) {
    padding-left: calc(25px / 2);
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1281px) {
  .popupRemarks .row .col-6:nth-child(1) {
    padding-right: calc(20px / 2);
  }
  .popupRemarks .row .col-6:nth-child(2) {
    padding-left: calc(20px / 2);
  }
}
@media only screen and (max-width: 1280px) {
  .popupRemarks .row .col-6:nth-child(1) {
    padding-right: calc(15px / 2);
  }
  .popupRemarks .row .col-6:nth-child(2) {
    padding-left: calc(15px / 2);
  }
}
.estimate-popup span input[type=button] {
  margin-top: 0 !important;
}
.estimate-popup > div {
  display: block !important;
}
.estimate-popup .best, .estimate-popup .worst {
  margin-top: 15px;
}
.estimate-popup .best .rounded, .estimate-popup .worst .rounded {
  margin-bottom: 0;
}
.estimate-popup .best table, .estimate-popup .worst table {
  display: table;
}
.estimate-popup .buttons {
  margin-top: 20px;
  text-align: center;
}

.ico_small.checklist.date-in {
  right: 23px;
}

.fileHead {
  margin: -12px 0 3px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fileHead .fileNumber {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.fileHead .fileNumber .fileText {
  font-size: 1.8em;
  font-weight: 300;
}
.fileHead .fileNumber .fileText + span, .fileHead .fileNumber .fileText + span input[type=text] {
  font-size: 1.4rem;
  font-weight: 400;
}
.fileHead .fileNumber .btnPriority {
  height: 20px;
  width: 20px;
}
.fileHead .fileNumber input[type=text] {
  height: auto !important;
  background: inherit;
  border: none;
  color: #F05822;
}
.fileHead .fileActionButtons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.fileHead .fileActionButtons .fileActionButtonsItem {
  position: relative;
}
.fileHead .fileActionButtons > span > .icon_label, .fileHead .fileActionButtons > .fileActionButtonsItem > span > .icon_label {
  padding: 10px;
  cursor: pointer;
  position: relative;
  margin-right: 0 !important;
}
.fileHead .fileActionButtons > span > .icon_label:hover, .fileHead .fileActionButtons > .fileActionButtonsItem > span > .icon_label:hover {
  background: #F05822;
  color: #FFF;
}
.fileHead .fileActionButtons > span > .icon_label:hover span, .fileHead .fileActionButtons > .fileActionButtonsItem > span > .icon_label:hover span {
  opacity: 1;
}
.fileHead .fileActionButtons > span > .icon_label span, .fileHead .fileActionButtons > .fileActionButtonsItem > span > .icon_label span {
  background: #212B33;
  color: #fff;
  padding: 5px;
  position: absolute;
  top: 55px;
  left: 0;
  z-index: 99;
  pointer-events: none;
  min-width: 65px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  margin-left: -10px;
  opacity: 0;
  font-size: 0.7em;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.fileHead .fileActionButtons > span > .icon_label span:after, .fileHead .fileActionButtons > .fileActionButtonsItem > span > .icon_label span:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #212B33;
  position: absolute;
  top: -5px;
  right: 50%;
  margin-right: -5px;
}
.fileHead .fileActionButtons .icon_label[data-count]:before {
  content: attr(data-count);
  position: absolute;
  top: 4px;
  left: 23px;
  height: 16px;
  min-width: 16px;
  padding: 2px 3px 3px 2px;
  text-align: center;
  font-size: 9px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 1px solid #fff;
  background: #F05822;
  z-index: 5;
}

.fileBottom {
  background: #e8e7e7;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fileBottom .fileActionButtons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 0;
  margin: 0 !important;
}
.fileBottom .fileActionButtons .imagebox_false, .fileBottom .fileActionButtons .imagebox_true {
  margin-top: 0;
}
.fileBottom .fileActionButtons > div {
  position: relative !important;
  display: inline-block;
  margin-right: 10px;
}
.fileBottom .fileActionButtons > div .ico_small {
  padding: 23px;
}
.fileBottom .fileActionButtons > div .ico_small:after {
  width: 46px;
  height: 46px;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-size: 25px;
  line-height: 46px;
  text-align: center;
  background: #e8e7e7;
}
.fileBottom .fileActionButtons > div .ico_small:hover:after {
  background: #d64627;
  color: #FFF;
}
.fileBottom .fileActionButtons > div .ico_small.albatros:after {
  content: "\f2f5";
  font-weight: 900;
}
.fileBottom .fileActionButtons > div .ico_small.orangestar:after {
  content: "\f067";
  font-weight: 900;
}
.fileBottom .fileActionButtons > div .ico_small.import:after {
  content: "\f2f6";
  font-weight: 900;
}
.fileBottom .fileActionButtons > div .ico_small.copy:after {
  content: "\f0c5";
  font-weight: 900;
}
.fileBottom .fileActionButtons > div .ico_small.clear:after {
  content: "\f1f8";
  font-weight: 900;
}
.fileBottom .fileActionButtons > div .ico_small.dat:after {
  content: "DAT";
  font-family: "Open Sans", sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

#injectpopup {
  top: 46px;
}
#injectpopup .ico_small {
  padding: 0;
}
#injectpopup .ico_small:after {
  height: 19px;
  width: 19px;
  background: transparent;
}

.mnupopup {
  display: none;
  white-space: nowrap;
  position: absolute;
  top: 50px;
}
.mnupopup.left {
  left: 0;
}
.mnupopup.right {
  right: 0;
}

input[type=button].digitalizationLevelButton {
  border-radius: 10px;
  text-align: center;
}

.maintenance-personnelview {
  padding: 10px 15px;
  border-bottom: 1px solid #e8e7e7;
  background: #f5f7f9;
}
.maintenance-personnelview .smaller {
  font-size: 0.9em;
  margin: 2px 0 5px 0;
  display: inline-block;
  line-height: 1.3em;
}
.maintenance-personnelview .hidden {
  display: none;
}
.maintenance-personnelview .chosen-container {
  margin: 0;
  width: 100% !important;
}
.maintenance-personnelview .bottom-buttons {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .maintenance-personnelview .save-buttons {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
  }
}
.maintenance-personnelview .save-buttons input {
  width: auto;
}

#abscenses > div:nth-child(2) .filter {
  width: 100%;
  background: #f5f7f9;
  display: block;
}
#abscenses > div:nth-child(2) .filter tr, #abscenses > div:nth-child(2) .filter td, #abscenses > div:nth-child(2) .filter tbody {
  display: block !important;
}
#abscenses > div:nth-child(2) .filter tbody > tr:first-child {
  display: block;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  padding: 11px;
  border-bottom: 1px solid #e8e7e7;
  margin-bottom: 10px;
  line-height: 30px;
  background: #f5f7f9;
}
#abscenses > div:nth-child(2) .filter th div {
  display: none !important;
}
#abscenses > div:nth-child(2) .filter tr:nth-of-type(n+2) {
  padding: 11px;
  height: initial;
  max-height: initial;
}
#abscenses > div:nth-child(2) .filter tr:nth-of-type(n+2) td {
  position: relative;
}
#abscenses > div:nth-child(2) .filter tr:nth-of-type(n+2) td:first-child {
  margin-bottom: 5px;
  font-size: 12px;
  color: #212B33;
}
#abscenses > div:nth-child(2) .filter tr:nth-of-type(n+2) input[type=submit], #abscenses > div:nth-child(2) .filter tr:nth-of-type(n+2) input[type=button] {
  width: auto !important;
  margin-top: 10px !important;
}
#abscenses > div:nth-child(2) .filter tr:nth-of-type(n+2) input {
  max-width: 100%;
}
#abscenses > div:nth-child(2) .filter tr:nth-of-type(n+2) span {
  position: relative;
}
#abscenses > div:nth-child(2) .filter tr:nth-of-type(n+2) .calendar {
  width: 95px !important;
}
#abscenses > div:nth-child(2) .filter tr:nth-of-type(n+2) .time {
  width: 80px;
}
#abscenses > div:nth-child(2) .filter tr:nth-of-type(n+2) .ui-datepicker-trigger {
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#abscenses > div:nth-child(2) .filter tr:nth-of-type(n+2) select {
  width: 100%;
}
#abscenses > div:nth-child(2) > .filter {
  margin-top: 5px;
}
#abscenses > div:last-child .datagrid {
  margin-top: 0;
}

#weekschedule::after, #abscenses::after {
  content: "";
  display: table;
  clear: both;
}
#weekschedule .bannerbox .info span a, #abscenses .bannerbox .info span a {
  color: #F05822;
  text-decoration: none;
  cursor: pointer;
}
#weekschedule .bannerbox .info span a:hover, #abscenses .bannerbox .info span a:hover {
  text-decoration: underline;
}
#weekschedule .bannerbox .info span strong, #abscenses .bannerbox .info span strong {
  font-weight: 600;
}

.weekschedule, .absences {
  padding-bottom: 10px;
  border-bottom: 1px solid #e8e7e7;
}
.weekschedule h2, .absences h2 {
  padding: 10px 15px;
  border-bottom: 1px solid #d6d6d6;
  background: #e8e7e7;
  margin-top: 30px !important;
}

.weekschedule .datagrid {
  margin-top: 0px !important;
}
.weekschedule .bannerbox .info {
  padding: 10px !important;
}

.absences {
  overflow-x: hidden;
}
.absences .editAbsences {
  margin-bottom: 10px;
}
.absences .availableAbsence {
  background: #f5f7f9;
}
.absences .availableAbsence .title {
  border-bottom: 1px solid #dcdcdc;
  font-weight: 700;
  padding: 15px;
}
.absences .availableAbsence div {
  padding: 15px;
  font-size: 12px;
}
.absences .availableAbsence span {
  display: block;
}
.absences .availableAbsence input[type=button] {
  margin-top: 10px !important;
  width: auto;
}

.identityfields .collapse-head {
  background: #F05822;
  border: none;
  padding: 7px 10px;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  border-radius: 1px;
  font-family: "Open Sans", sans-serif;
  display: inline-block;
  margin-bottom: 10px;
}
.identityfields .collapse-head:not([disabled]):hover {
  background: #d64627;
}
.identityfields .collapse-head.state_not_set {
  background: #F05822 !important;
  color: #fff !important;
}
.identityfields .collapse-head.state_set {
  background: #FEC000 !important;
  color: #4E4D50 !important;
}

.rental-newcar .title {
  background: #f5f7f9;
  padding: 15px 5px;
  font-size: 20px;
  font-weight: 400;
  color: #212B33;
  border-bottom: 1px solid #d0d0d0;
}

.newcar-datagrid {
  background: #f5f7f9;
  padding: 15px;
}
.newcar-datagrid .hidden {
  display: none;
}

.carpresent {
  background: #f5f7f9;
  padding: 15px;
  margin-top: 10px;
  line-height: 15px;
}

.newmaintenance {
  margin-top: 10px;
}
.newmaintenance .datagrid {
  margin-top: 0;
}

#newcarwrap .title + table input[type=text], #newcarwrap .title + table select {
  min-width: 150px;
  max-width: 200px;
  width: 100% !important;
}
#newcarwrap .title + table textarea {
  width: 100% !important;
}
#newcarwrap .title + table .ui-datepicker-trigger {
  position: absolute;
  margin-top: 7px;
  margin-left: -20px;
}
#newcarwrap .title + table .history {
  margin-top: 3px;
  position: absolute;
}
#newcarwrap .title + table .hidden {
  display: none;
}
#newcarwrap .carpresent::after {
  content: "";
  display: table;
  clear: both;
}
#newcarwrap .carpresent .hidden {
  display: none;
}
#newcarwrap .carpresent table {
  display: block;
  float: left;
  width: 33.33%;
}
#newcarwrap .carpresent table b {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}
#newcarwrap .carpresent .smaller {
  margin-top: 10px;
}
#newcarwrap .carpresent .objectsInCar {
  margin-top: 15px;
  width: 100% !important;
}
#newcarwrap .smaller {
  font-size: 10px !important;
}
#newcarwrap .rentals > div > div > div:first-child {
  text-align: right !important;
  color: #212B33;
  text-transform: uppercase;
  font-size: 10px;
  margin-top: 15px;
  font-weight: 600;
}
#newcarwrap .rentals > div > div > div:first-child select {
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  #newcarwrap .rentals > div > div > div:first-child {
    text-align: center !important;
  }
  #newcarwrap .rentals > div > div > div:first-child span {
    margin-bottom: 10px;
    display: block;
  }
}
#newcarwrap .rentalcar .advData {
  -webkit-justify-content: start;
  -moz-justify-content: start;
  -ms-justify-content: start;
  justify-content: start;
  -ms-flex-pack: start;
}
#newcarwrap .jtline {
  margin: 15px 0 25px 0;
  padding: 15px 0;
  background: #f5f7f9;
}
#newcarwrap .jtline .timeline {
  max-width: 1024px;
}
#newcarwrap .jtline .timeline .events-wrapper {
  margin: 0 30px;
}
#newcarwrap .jtline .timeline .events {
  background: #e8e7e7;
}
#newcarwrap .jtline .timeline .events a {
  font-size: 10px;
  font-weight: 600;
  color: #F05822;
  text-decoration: none;
}
#newcarwrap .jtline .timeline .events a:after {
  border: 2px solid #F05822;
}
#newcarwrap .jtline .timeline .events a.selected:after {
  background: #F05822;
}
#newcarwrap .jtline .timeline .filling-line {
  background-color: #212B33;
}
#newcarwrap .jtline .cd-timeline-navigation a {
  width: 30px;
  height: 30px;
  border: 2px solid #212B33;
}
#newcarwrap .jtline .cd-timeline-navigation a.inactive {
  border: 2px solid #e8e7e7;
}
#newcarwrap .jtline .events-content {
  min-width: inherit;
  color: #212B33;
}
#newcarwrap .jtline .events-content h2 {
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  margin: 5px 0 !important;
}
#newcarwrap .jtline .events-content em {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}
#newcarwrap .jtline .events-content em input[type=button] {
  margin: 15px 0 !important;
}
#newcarwrap .jtline .events-content br {
  display: block;
}
#newcarwrap .jtline .events-content .qdocumentlist {
  max-width: 995px;
  width: 90%;
  margin: 15px auto;
}
#newcarwrap .jtline .events-content .qdocumentlist .qdocline .qdocument > img:nth-child(1) {
  height: 100px !important;
}
#newcarwrap .jtline .events-content .qdocumentlist img[src="images/view.png"] {
  display: none;
}

#newcarwrap + hr + div {
  margin-top: 15px;
}
#newcarwrap + hr + div .datagrid {
  margin-top: 0;
}
#newcarwrap + hr + div .plupload_filelist li.plupload_droptext {
  line-height: 50px !important;
}

.odbc-editor {
  margin-top: 30px;
  background: #f5f7f9;
  padding: 20px;
}
.odbc-editor .lbl-alias-reference {
  line-height: 1.5em;
  font-size: 0.9em;
  margin-top: 10px;
  display: block;
}
.odbc-editor .CodeMirror {
  width: auto;
  border: 1px solid #e6e6e6;
}
@media only screen and (max-width: 1024px) {
  .odbc-editor .CodeMirror {
    margin-top: 20px;
  }
}
.odbc-editor .odbc-connection-string {
  width: 100% !important;
  margin-top: 10px;
}
.odbc-editor .CodeMirror-gutters {
  background-color: #edeff1;
}

.report.spain .item + .item {
  margin-top: 100px;
}
.report.spain h1, .report.spain h2, .report.spain h3 {
  text-transform: uppercase;
}
.report.spain h2 {
  background: #f3f3f3;
  padding: 15px 15px;
  border: 1px solid #dedede;
}
.report.spain .container {
  padding: 15px 10px;
  border: 1px solid #dedede;
  margin-top: -11px;
  background: #fbfbfb;
}
.report.spain .graph {
  background: #FFF;
  border: 1px solid #e6e6e6;
}
.report.spain .item.status .item-row:nth-of-type(1) > div:nth-child(1) {
  background: #d9d9d9;
}
.report.spain .item.status .item-row:nth-of-type(1) > div:not(:nth-child(1)) > span {
  background: #d9d9d9;
  border: 2px solid #d9d9d9;
}
.report.spain .item.status .item-row:nth-of-type(1) > div:not(:nth-child(1)) > div {
  background: #FFF;
  border: 2px solid #d9d9d9;
}
.report.spain .item.status .item-row:nth-of-type(2) > div:nth-child(1) {
  background: #b8cce3;
}
.report.spain .item.status .item-row:nth-of-type(2) > div:not(:nth-child(1)) > span {
  background: #b8cce3;
  border: 2px solid #b8cce3;
}
.report.spain .item.status .item-row:nth-of-type(2) > div:not(:nth-child(1)) > div {
  background: #FFF;
  border: 2px solid #b8cce3;
}
.report.spain .item.status .item-row:nth-of-type(3) > div:nth-child(1) {
  background: #dce6f0;
}
.report.spain .item.status .item-row:nth-of-type(3) > div:not(:nth-child(1)) > span {
  background: #dce6f0;
  border: 2px solid #dce6f0;
}
.report.spain .item.status .item-row:nth-of-type(3) > div:not(:nth-child(1)) > div {
  background: #FFF;
  border: 2px solid #dce6f0;
}
.report.spain .item.status .item-row:nth-of-type(4) > div:nth-child(1) {
  background: #edebe0;
}
.report.spain .item.status .item-row:nth-of-type(4) > div:not(:nth-child(1)) > span {
  background: #edebe0;
  border: 2px solid #edebe0;
}
.report.spain .item.status .item-row:nth-of-type(4) > div:not(:nth-child(1)) > div {
  background: #FFF;
  border: 2px solid #edebe0;
}
.report.spain .item.status .item-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.report.spain .item.status .item-row + .item-row {
  margin-top: 20px;
}
.report.spain .item.status .item-row > div:nth-child(1) {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100px;
  text-align: center;
}
.report.spain .item.status .item-row > div:nth-child(1) span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0 5px;
}
.report.spain .item.status .item-row > div:nth-child(1) span:nth-child(1) {
  height: 35px;
  border-bottom: 2px solid #FFF;
  font-size: 0.85em;
}
.report.spain .item.status .item-row > div:nth-child(1) span:nth-child(2) {
  height: 50px;
  font-size: 1.5em;
}
.report.spain .item.status .item-row > div:not(:nth-child(1)) {
  width: 200px;
  text-align: center;
  margin-left: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.report.spain .item.status .item-row > div:not(:nth-child(1)) > span {
  height: 20px;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 500;
  padding: 0 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.report.spain .item.status .item-row > div:not(:nth-child(1)) > div {
  height: 40px;
  font-weight: 500;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -ms-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.report.spain .item.status .item-row > div:not(:nth-child(1)) > div span {
  font-weight: 500;
}
.report.spain .item.status .item-row > div:not(:nth-child(1)) > div span:nth-child(1) {
  font-size: 1.4em;
}
.report.spain .item.status .item-row > div:not(:nth-child(1)) > div span:nth-child(2) {
  font-size: 1.2em;
}
.report.spain .item.tiempo-de-ciclo .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.report.spain .item.tiempo-de-ciclo .container .left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.report.spain .item.tiempo-de-ciclo .container .left > span:nth-child(1) {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-transform: uppercase;
  background: #808080;
  color: #FFF;
}
.report.spain .item.tiempo-de-ciclo .container .left > span:nth-child(1) > span:nth-child(1) {
  height: 30px;
  font-size: 1.3em;
  font-weight: 600;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.report.spain .item.tiempo-de-ciclo .container .left > span:nth-child(1) > span:nth-child(2) {
  height: 20px;
  font-size: 0.65em;
  font-weight: 500;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.report.spain .item.tiempo-de-ciclo .container .left > span:nth-child(2), .report.spain .item.tiempo-de-ciclo .container .left > span:nth-child(3) {
  background: #f2f2f2;
  margin-top: 2px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.report.spain .item.tiempo-de-ciclo .container .left > span:nth-child(2) > span:nth-child(1), .report.spain .item.tiempo-de-ciclo .container .left > span:nth-child(3) > span:nth-child(1) {
  font-size: 1.8em;
  font-weight: 500;
  padding: 3px 0;
  width: 10%;
}
.report.spain .item.tiempo-de-ciclo .container .left > span:nth-child(2) > span:nth-child(2), .report.spain .item.tiempo-de-ciclo .container .left > span:nth-child(3) > span:nth-child(2) {
  padding: 3px 0;
  width: 10%;
  font-style: italic;
  font-weight: 400;
  font-size: 0.95em;
}
.report.spain .item.tiempo-de-ciclo .container .left > span:nth-child(2) > span:nth-child(1) {
  font-size: 2.2em;
}
.report.spain .item.tiempo-de-ciclo .container .left .block-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-top: 15px;
}
.report.spain .item.tiempo-de-ciclo .container .left .block-container .block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 30%;
}
.report.spain .item.tiempo-de-ciclo .container .left .block-container .block > span:nth-child(1) {
  background: #f2f2f2;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.2em;
  height: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.report.spain .item.tiempo-de-ciclo .container .left .block-container .block > span:nth-child(2) {
  background: #f2f2f2;
  text-transform: uppercase;
  font-size: 0.65em;
  font-weight: 500;
  height: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.report.spain .item.tiempo-de-ciclo .container .left .block-container .block > span:nth-child(3) {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #d9d9d9;
}
.report.spain .item.tiempo-de-ciclo .container .left .block-container .block > span:nth-child(3) > span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.report.spain .item.tiempo-de-ciclo .container .left .block-container .block > span:nth-child(3) > span > span:nth-child(1) {
  font-size: 1.8em;
  font-weight: 500;
  padding: 3px 0;
  width: 35%;
}
.report.spain .item.tiempo-de-ciclo .container .left .block-container .block > span:nth-child(3) > span > span:nth-child(2) {
  padding: 3px 0;
  width: 30%;
  font-style: italic;
  font-size: 0.95em;
  font-weight: 400;
}
.report.spain .item.tiempo-de-ciclo .container .left .block-container .block > span:last-child {
  background: #f2f2f2;
  color: #e27113;
  height: 40px;
  text-transform: uppercase;
  margin-top: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
}
.report.spain .item.tiempo-de-ciclo .container .left .block-container .block > span:last-child > span:nth-child(1) {
  font-weight: 500;
  font-size: 1.3em;
}
.report.spain .item.tiempo-de-ciclo .container .left .block-container .block > span:last-child > span:nth-child(2) {
  font-weight: 500;
  font-size: 0.65em;
}
.report.spain .item.tiempo-de-ciclo .container .right {
  width: 160px;
  margin-left: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.report.spain .item.tiempo-de-ciclo .container .right .block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.report.spain .item.tiempo-de-ciclo .container .right .block .title {
  background: #808080;
  color: #FFF;
  text-align: center;
  padding: 10px 5px;
  font-weight: 600;
  font-size: 0.9em;
}
.report.spain .item.tiempo-de-ciclo .container .right .block .content {
  background: #f2f2f2;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.report.spain .item.tiempo-de-ciclo .container .right .block .content > span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 10px 25px;
}
.report.spain .item.tiempo-de-ciclo .container .right .block .content > span span:nth-child(1) {
  font-size: 1.2em;
  font-weight: 500;
}
.report.spain .item.tiempo-de-ciclo .container .right .block .content > span span:nth-child(2) {
  font-style: italic;
}
.report.spain .detalle-horas .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  height: 600px;
}
.report.spain .detalle-horas .container .progress-bar > .bar:nth-child(1) {
  background: #d9d9d9;
}
.report.spain .detalle-horas .container .graph-container > .block:nth-child(1) > .count > span:nth-child(1) {
  background: #d9d9d9;
}
.report.spain .detalle-horas .container .graph-container > .block:nth-child(1) > .count > span:nth-child(2) {
  background: #FFF;
  border: 2px solid #d9d9d9;
}
.report.spain .detalle-horas .container .progress-bar > .bar:nth-child(2) {
  background: #b8cce3;
}
.report.spain .detalle-horas .container .graph-container > .block:nth-child(2) > .count > span:nth-child(1) {
  background: #b8cce3;
}
.report.spain .detalle-horas .container .graph-container > .block:nth-child(2) > .count > span:nth-child(2) {
  background: #FFF;
  border: 2px solid #b8cce3;
}
.report.spain .detalle-horas .container .progress-bar > .bar:nth-child(3) {
  background: #595959;
}
.report.spain .detalle-horas .container .graph-container > .block:nth-child(3) > .count > span:nth-child(1) {
  background: #595959;
  color: #FFF;
}
.report.spain .detalle-horas .container .graph-container > .block:nth-child(3) > .count > span:nth-child(2) {
  background: #FFF;
  border: 2px solid #595959;
}
.report.spain .detalle-horas .container .progress-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  min-width: 100px;
  border: 1px solid #e2e2e2;
  margin-right: 50px;
}
.report.spain .detalle-horas .container .progress-bar .bar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  min-height: 15px;
  font-size: 1.2em;
  font-weight: 500;
}
.report.spain .detalle-horas .container .progress-bar .bar:nth-child(3) {
  color: #FFF;
}
.report.spain .detalle-horas .container .graph-container {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.report.spain .detalle-horas .container .graph-container .block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  height: 180px;
}
.report.spain .detalle-horas .container .graph-container .block .count {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100px;
}
.report.spain .detalle-horas .container .graph-container .block .count span:nth-child(1) {
  height: 20px;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 500;
  padding: 0 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.report.spain .detalle-horas .container .graph-container .block .count span:nth-child(2) {
  height: 40px;
  font-weight: 500;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.report.spain .detalle-horas .container .graph-container .block .graph {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-left: 50px;
}
.report.spain .item.planificacion .block:nth-of-type(1) > span {
  background: #d9d9d9;
  border: 2px solid #d9d9d9;
}
.report.spain .item.planificacion .block:nth-of-type(1) > div {
  background: #FFF;
  border: 2px solid #d9d9d9;
}
.report.spain .item.planificacion .block:nth-of-type(2) > span {
  background: #b8cce3;
  border: 2px solid #b8cce3;
}
.report.spain .item.planificacion .block:nth-of-type(2) > div {
  background: #FFF;
  border: 2px solid #b8cce3;
}
.report.spain .item.planificacion .block:nth-of-type(3) > span {
  background: #595959;
  border: 2px solid #595959;
  color: #FFF;
}
.report.spain .item.planificacion .block:nth-of-type(3) > div {
  background: #FFF;
  border: 2px solid #595959;
}
.report.spain .item.planificacion .block:nth-of-type(4) > span {
  background: #fde9d9;
  border: 2px solid #fde9d9;
}
.report.spain .item.planificacion .block:nth-of-type(4) > div {
  background: #FFF;
  border: 2px solid #fde9d9;
}
.report.spain .item.planificacion .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.report.spain .item.planificacion .container .count {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.report.spain .item.planificacion .container .count .block + .block {
  margin-top: 20px;
}
.report.spain .item.planificacion .container .count .block > span {
  height: 20px;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 500;
  padding: 0 5px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.report.spain .item.planificacion .container .count .block > div {
  height: 40px;
  font-weight: 500;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -ms-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.report.spain .item.planificacion .container .count .block > div span {
  font-weight: 500;
}
.report.spain .item.planificacion .container .count .block > div span:nth-child(1) {
  font-size: 1.4em;
}
.report.spain .item.planificacion .container .count .block > div span:nth-child(2) {
  font-size: 1.2em;
}
.report.spain .item.planificacion .container .graph {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 50px;
  border: 1px solid #e6e6e6;
}
.report.spain .item.detalles-operativo .container h3 {
  background: #f3f3f3;
  padding: 10px 15px;
  border: 1px solid #dedede;
}
.report.spain .item.detalles-operativo .container h3:not(:first-child) {
  margin-top: 40px;
}
.report.spain .item.detalles-operativo .container .sub-container.taller, .report.spain .item.detalles-operativo .container .block, .report.spain .item.detalles-operativo .container .sub-container.cita-previa {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.report.spain .item.detalles-operativo .container .sub-container.taller .left, .report.spain .item.detalles-operativo .container .sub-container.cita-previa .left {
  width: 30%;
}
.report.spain .item.detalles-operativo .container .sub-container.taller .right, .report.spain .item.detalles-operativo .container .sub-container.cita-previa .right {
  width: 520px;
}
.report.spain .item.detalles-operativo .container .sub-container.taller .right .count:nth-child(even), .report.spain .item.detalles-operativo .container .sub-container.cita-previa .right .count:nth-child(even) {
  margin-left: 20px;
}
.report.spain .item.detalles-operativo .container .sub-container.taller .info-title, .report.spain .item.detalles-operativo .container .sub-container.cita-previa .info-title {
  margin-bottom: 10px;
}
.report.spain .item.detalles-operativo .container .sub-container.taller .info-title span:nth-child(1), .report.spain .item.detalles-operativo .container .sub-container.cita-previa .info-title span:nth-child(1) {
  font-weight: 400;
}
.report.spain .item.detalles-operativo .container .sub-container.taller .info-title span:nth-child(2), .report.spain .item.detalles-operativo .container .sub-container.cita-previa .info-title span:nth-child(2) {
  padding-left: 20px;
  font-size: 1.3em;
  font-weight: 500;
}
.report.spain .item.detalles-operativo .container .sub-container.taller .blocks, .report.spain .item.detalles-operativo .container .sub-container.cita-previa .blocks {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.report.spain .item.detalles-operativo .container .sub-container.taller .count, .report.spain .item.detalles-operativo .container .sub-container.cita-previa .count {
  width: 250px;
}
.report.spain .item.detalles-operativo .container .sub-container.taller .count:not(:last-child), .report.spain .item.detalles-operativo .container .sub-container.cita-previa .count:not(:last-child) {
  margin-bottom: 20px;
}
.report.spain .item.detalles-operativo .container .sub-container.taller .count > span:nth-child(1), .report.spain .item.detalles-operativo .container .sub-container.cita-previa .count > span:nth-child(1) {
  background: #d9d9d9;
  height: 20px;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 500;
  padding: 0 5px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.report.spain .item.detalles-operativo .container .sub-container.taller .count > span:nth-child(2), .report.spain .item.detalles-operativo .container .sub-container.cita-previa .count > span:nth-child(2) {
  border: 2px solid #d9d9d9;
  height: 40px;
  font-weight: 500;
  font-size: 1.4em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -ms-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.report.spain .item.detalles-operativo .container .sub-container.cita-previa .left {
  width: 300px;
}
.report.spain .item.detalles-operativo .container .sub-container.cita-previa .right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.report.spain .item.detalles-operativo .container .sub-container.operarios .left {
  min-width: 120px;
  width: 120px;
}
.report.spain .item.detalles-operativo .container .sub-container.operarios .left > span {
  height: 150px;
  background: #f2f2f2;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.1em;
  text-align: center;
  line-height: 1.7em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.report.spain .item.detalles-operativo .container .sub-container.operarios .right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.report.spain .item.detalles-operativo .container .sub-container.operarios .block + .block {
  margin-top: 10px;
}
.report.spain .filter input[type=text] {
  margin-bottom: 0;
}

.report.spain {
  display: inline-block;
  margin-right: 50px;
  vertical-align: top;
}

.spainkpi .filter-panel {
  width: 200px;
  min-width: 200px;
  margin-right: 20px;
  position: sticky;
  top: 10px;
  height: max-content;
}

div.spainkpi-newpanel-btn {
  background: #F05822;
  color: #FFF;
  padding: 8px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  margin-top: 15px;
}

input.spainkpi-newpanel-btn {
  margin-top: 15px;
}

.item.table {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.item.table .left, .item.table .right {
  width: 48%;
}
.item.table h1 {
  background: #353f47;
  color: #FFF;
  text-align: center;
  padding: 5px 0;
  font-size: 1em;
  margin: 20px 0 0 0;
}
.item.table table {
  width: 100%;
  border-collapse: collapse;
}
.item.table table tr:nth-child(even) {
  background: #f5f5f5;
}
.item.table table tr td {
  padding: 10px 0;
}
.item.table table tr td:first-child {
  padding-left: 10px;
}
.item.table table tr td:nth-child(2) {
  text-align: right;
  padding-right: 10px;
}

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