/*
  Stylesheet: JMS
  Description: Eventpower Solutions Job Management System
  Slicer: Daniel Wearne
  Designer: Daniel Wearne
  Code-Ninja: Christian Varga
*/

:focus {
  outline: 2px solid var(--color-primary);
}

html.backup-jms {
  position: relative;
  margin-top: 32px;
}

#backup-header {
  height: 32px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

#backup-header a {
  display: inline-block;
  padding: 0.3em;
  font-size: 1.1em;
  color: rgba(0, 0, 0, 0.6);
}

#backup-header a:hover {
  color: rgba(0, 0, 0, 0.9);
}

#backup-header p.error {
  background: #f9d3d0;
}

#backup-header p.warning {
  background: #fffebf;
}

html {
  background: #006790;
}

body {
  min-width: 969px;
  text-align: center;
  font-family: helvetica, arial, sans-serif;
  line-height: 25px;

  background: var(--color-blue);
  background: linear-gradient(to bottom, var(--color-blue) 0%, #006790 100%);
}
html.staging-jms body {
  background: #430154;
}
body.is-loading,
body.is-loading * {
  cursor: wait !important;
}

#main {
  margin: 0;
  padding: 0;
}
table.dataTable a {
  color: var(--color-text-link);
  font-weight: normal;
  display: inline-block;
}
table.dataTable a:hover {
  color: var(--color-text-link-tint);
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.heyoffline_overlay {
  font-size: 13px;
  text-align: left;
}

.heyoffline_overlay a {
  color: var(--color-primary);
}

.heyoffline_overlay p {
  line-height: 1.6em;
}

/* @group Navigation */

/* @group Heading */

p {
  color: #000000;
  font-size: 13px;
  font-family: arial;
  font-weight: normal;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

#header {
  overflow: visible;
  height: 115px;
  position: relative;
  z-index: 20;
}

#heading {
  padding-top: 16px;
}

#heading a {
  display: block;
  float: left;
  text-indent: -9999px;
  margin-left: 190px;
  width: 217px;
  height: 40px;
  background: url(../images/eps-logo-on-dark.svg) no-repeat;
  background-size: contain;
  text-indent: -9999px;
}

#heading .warehouse-select {
  float: left;
  color: var(--color-primary);
  font-style: italic;
  letter-spacing: 0.15em;
  font-size: 24px;
  margin-top: 5px;
  margin-left: 48px;

  background: none;
  border: none;
  padding: 0;

  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

#headerBg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-width: 969px;
  height: 66px;
  border-top: 6px solid #181818;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);

  background: #2d2d2d;
  background: linear-gradient(to bottom, #2d2d2d 0%, #232323 100%);
}

#container {
  width: 960px;
  margin: 0px auto;
  text-align: left;
  position: relative;
  overflow: visible;
  padding-right: 9px;
}

#user {
  position: absolute;
  width: 280px;
  height: 36px;
  top: 35px;
  right: 0px;
  text-align: right;
}
#user p {
  font-size: 12px;
  color: #cecece;
}
#user em {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
}
#user a {
  color: #575757;
  margin-left: 30px;
  padding: 5px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
}
#user a:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.05);
}

/* @end */

#nav {
  position: absolute;
  top: 72px;
  height: 41px;
  padding-left: 190px;
  z-index: 10;
}
#nav li {
  position: relative;
  float: left;
  text-align: center;
  height: 42px;
  margin-top: 0px;
  list-style-type: none;
  font: 16px arial;
}
#nav li a {
  padding-top: 13px;
  padding-left: 11px;
  padding-right: 11px;
  padding-bottom: 10px;
}
#nav li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#nav a {
  display: block;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
  color: #00587c;
  font-weight: bold;
}
html.staging-jms #nav a {
  color: #fff;
  text-shadow: none;
}
#nav a:active {
  /* margin-top: 1px; */
}
#nav .inactive {
  opacity: 0.4;
}
#nav .activeAnchor a {
  color: #ffffff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}
#nav li ul {
  display: none;
  width: 9em;
  border-radius: 0 0 7px 7px;
  box-shadow: 4px 1px 10px rgba(0, 0, 0, 0.35);
  z-index: 10;
  background: var(--color-primary);
}
html.staging-jms #nav li ul {
  background: #430154;
}
#nav li ul li {
  padding: 0px;
  text-align: left;
  font-size: 13px;
  height: 34px;
}
#nav li ul li a {
  padding: 10px 10px 10px 15px;
}
#nav li:hover ul {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
}
#nav li:hover li {
  float: none;
}
#nav li:hover li a {
  color: rgba(0, 0, 0, 0.5);
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
  font-weight: bold;
}
#nav li li a:hover {
  color: #ffffff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.nav__notification-badge {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  pointer-events: none;
  background: #ff6969;
  top: 9px;
  left: 6px;
}
#nav li li .nav__notification-badge {
  top: 5px;
  left: 9px;
}

div.search {
  padding-top: 9px;
  position: absolute;
  top: 72px;
  right: 0;
  height: 10px;
}

div.search #search {
  width: 140px;
  padding: 5px 4px;
  font: 13px Helvetica, arial;
  color: #333;
  background-color: #f4f4f4;
}

div.search #search.loading {
  background: #f4f4f4 url(../images/ajax-loader.svg) 95% center / 16px no-repeat;
}

.ui-menu-item p {
  font: 12px Helvetica, arial;
  white-space: nowrap;
  margin-top: 2px;
}

.ui-menu-item span.title {
  font-weight: bold;
}

.ui-menu-item span.suffix {
  color: #444;
}

.ui-menu-item p.description {
  color: #777;
}

.ui-widget,
.ui-menu .ui-menu-item a {
  text-align: left;
  font-size: 12px;
}

.ui-widget-header {
  line-height: 1.4;
}

.ui-widget-overlay {
  background: #000;
}

/* @end */

/* @group Menu */
#menuLocked {
  border-radius: 0;
  position: relative;
  z-index: 1;
  text-align: left;
  overflow: visible;
}
#menuFullContent {
  position: absolute;
  margin-left: -197px;
}
#menuFullContent.fixed {
  position: fixed;
}
#menuContent {
  background: linear-gradient(to bottom, rgb(237, 237, 237) 0%, rgb(199, 199, 199) 100%);
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #ffffff;
  top: 173px;
  width: 180px;
  z-index: 2;
  padding-bottom: 10px;
  border-radius: 10px 0 0 10px;
  margin-bottom: 15px;
}
#menuContent h2.menuHeading {
  margin-top: 15px;
  text-align: center;
  font-family: helvetica;
  font-weight: bold;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
  text-shadow: 0px 1px #ffffff;
}
#menuContent li {
  margin: 7px 10px 0px 10px;
}
#menuContent a {
  border-radius: 5px;
  background-color: #c5c5c5;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  padding: 5px 0 5px 5px;
  line-height: normal;
  position: relative;
  display: block;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: bold;
  text-shadow: 0px 1px #ffffff;
  opacity: 0.7;
}
#menuContent a:hover {
  opacity: 1;
}
#menuContent a:active {
  top: 1px;
}
#menuContent ul#menu li#top-link {
  width: 157px;
  position: absolute;
  bottom: -30px;
}
#menuContent ul#menu li#top-link a {
  background: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  text-shadow: 0px 1px rgba(255, 255, 255, 0.5);
}
#menuContent ul#menu li#top-link:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.specificsBox {
  padding-bottom: 3px;
  margin: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.5), inset 0px 1px rgba(255, 255, 255, 0.5);
}
.specificsBox .quoteNumber,
.specificsBox .jobNumber {
  font-family: helvetica, arial;
  text-transform: capitalize;
  color: #696a6a;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  text-shadow: 0px 1px #ffffff;
}
.specificsBox .quoteNumber strong,
.specificsBox .jobNumber strong {
  font-family: helvetica, arial;
  text-transform: uppercase;
  color: #3f3f3f;
  font-style: italic;
  font-weight: bold;
  font-size: 20px;
  text-shadow: 0px 1px #ffffff;
}
.specificsBox p {
  text-align: center;
  display: block;
  line-height: normal;
  margin-top: 10px;
}
.specificsBox .legendStatus {
}
#menuContent .fas {
  margin-right: 3px;
  width: 16px;
  height: 16px;
  text-align: center;
}
ul#nav .fas {
  margin-left: -7px;
  margin-right: 5px;
}
/* @end */

/* @group Primary */

#primaryContent {
  min-height: 500px;
  overflow: visible;
  margin-left: 189px;
  /*float: right;*/
  padding-left: 16px;
  padding-top: 20px;
  padding-bottom: 16px;
  width: 755px;
  /*right: 9px;*/
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  z-index: 2;
  margin-bottom: 10px;
  background: #f4f4f4;
}
#primaryHeading {
  margin-bottom: 10px;
}
#primaryHeading h2 {
  font-family: helvetica, arial;
  color: #c0c1bc;
  display: inline;
  margin-right: 5px;
  font-size: 15px;
}
#primaryContent .breadCrumb a {
  color: #98989b;
  text-shadow: 0 1px 0 #ffffff;
}
#primaryContent .breadCrumb a:hover {
  color: #b7b8b8;
}
#primaryContent .lastBreadCrumb a {
  color: var(--color-primary);
  text-shadow: 0 1px 0 #ffffff;
}
#primaryContent .lastBreadCrumb a:hover {
  color: var(--color-primary-tint);
}
#primaryInclude {
  width: 737px;
  margin: 0;
}
.toolbar select,
.dataTables_filter input,
.dataTables_length select {
  padding: 2px 4px;
  font-size: 11px;
  height: 24px;
  background-size: 10px;
  padding-right: 18px;
  background-position: calc(100% - 4px) center;
}
.statusFilter,
.hourRateFilter {
  right: 185px;
  top: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #565656;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
}
.legendStatus {
  position: relative;
  top: -6px;
  line-height: 25px;
  padding: 5px 10px 5px 10px;
  border-radius: 13px;
  color: #ffffff;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
  font-size: 13px;
  font-family: georgia;
  font-weight: normal;
  font-style: normal;
}
/* @end */

/* @group Body */
.includeWrapper {
  position: relative;
}
.includeWrapper .fieldsetHeading {
  padding: 10px;
  height: 20px;
  display: block;
  border-radius: 5px 5px 0 0;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(199, 199, 199)),
    color-stop(1, rgb(237, 237, 237))
  );
  background-image: -moz-linear-gradient(center bottom, rgb(199, 199, 199) 0%, rgb(237, 237, 237) 100%);

  border-bottom: 1px solid #bcbebe;
  border-top: 1px solid #ffffff;
}
.includeWrapper .quoteItem,
.reviewItem,
.bodyItem,
.jobItem {
  position: relative;
  border-radius: 5px;
  background-color: #ffffff;
  margin-bottom: 25px;
  display: block;
  border: 1px solid #d7d7d7;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.05);
}
.includeWrapper legend {
  color: rgba(0, 0, 0, 0.5);
  font: bold 16px Helvetica, Arial;
  font-size: 20px;
  position: absolute;
  text-align: left;
  left: 12px;
  top: 12px;
}
.includeWrapper .flashMessage.success {
  background-color: #d8fcb2;
  border-radius: 0;
  border-color: rgba(0, 0, 0, 0.2);
}
.includeWrapper .flashMessage fieldset div.fieldsetHeading {
  background: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: none;
  border-top: none;
}
.includeWrapper .flashMessage.error {
  background-color: #f9d3d0;
  border-radius: 0;
  border-color: #e2bfbd;
}
.includeWrapper .flashMessage.warning {
  background-color: #fffebf;
  border-radius: 0;
  border-color: #e8e680;
}
.includeWrapper .flashMessage p {
  padding: 10px 10px 10px 10px;
  color: rgba(0, 0, 0, 0.4);
}
.flashMessage p a {
  color: rgba(0, 0, 0, 0.6);
}
.flashMessage p a:hover {
  color: rgba(0, 0, 0, 0.8);
}
.includeWrapper .flashMessage a.close {
  display: block;
  position: absolute;
  right: 11px;
  top: 11px;
  width: 16px;
  height: 16px;
  background: url('vendor/images/ui-icons_444444_256x240.png') no-repeat -96px -128px;
  opacity: 0.5;
}
.includeWrapper .flashMessage a.close:hover {
  opacity: 0.8;
}
/* @end */

/* @group Input */

input,
textarea,
select {
  border-radius: 4px;
  border: 1px solid #ccc;
  font: normal 13px Arial, Tahoma, sans-serif;
  padding: 10px;
  /*width: 200px;*/
  background: #ffffff;
  resize: none;
  transition: border-color 200ms, box-shadow 200ms;
  box-sizing: border-box;
}
input[type='text'],
input[type='email'],
input[type='password'],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[disabled],
textarea[disabled],
select[disabled] {
  background: #f2f2f2;
  cursor: not-allowed;
}
input:not([disabled]):hover,
textarea:not([disabled]):hover,
select:not([disabled]):hover {
  border-color: #bbb;
}
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px var(--color-primary);
}
select {
  padding-right: 26px;
  cursor: pointer;
  background-image: url(../images/down-arrow@2x.png);
  background-size: 16px 8px;
  background-repeat: no-repeat;
  background-position: calc(100% - 6px) center;
}
button {
  position: relative;
  font-size: 13px;
}
/* @end */

.cta {
  display: block;
  background: #333;
  color: #ffffff !important;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 0.8em 1em 0.6em;
  transition: background-color 200ms, box-shadow 200ms;
}

.cta:hover {
  background: #2a2a2a;
}

.cta:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--color-primary);
}

.cta--inline {
  display: inline-block;
  width: 207px;
}

.cta--light-grey {
  background: #ccc;
  color: #3d3d3d !important;
}

.cta--light-grey:hover {
  background: #ddd;
}

.cta--green {
  background: #88bf4b;
}

.cta--green:hover {
  background: #6c973a;
}

/* @end */

.icons {
}

/* @group Status */
/* amendments required quote */
.ar {
  background: linear-gradient(to bottom, #ff6100 0%, #ff8600 100%);
}

/* pending admin approval quote */
.pa {
  background: linear-gradient(to bottom, rgb(240, 0, 120) 0%, rgb(191, 16, 103) 100%);
}

/* pending client approval quote */
.pc {
  background: linear-gradient(to bottom, rgb(76, 74, 75) 0%, rgb(45, 42, 42) 100%);
}

/* client approved quote */
.ca {
  background: linear-gradient(to bottom, rgb(112, 197, 0) 0%, rgb(76, 169, 0) 100%);
}

/* archived quote */
.ac {
  background: linear-gradient(to bottom, rgb(245, 213, 182) 0%, rgb(204, 152, 101) 100%);
}

/* saved quotes, and invoiced jobs */
.sa,
.in {
  background: linear-gradient(to bottom, rgb(12, 143, 204) 0%, rgb(6, 105, 151) 100%);
}

/* pending job */
.pe {
  background: linear-gradient(to bottom, rgb(252, 223, 0) 0%, rgb(237, 175, 3) 100%);
}

/* running job */
.ru {
  background: linear-gradient(to bottom, rgb(62, 191, 19) 0%, rgb(69, 128, 14) 100%);
}

/* retired job */
.re {
  background: linear-gradient(to bottom, rgb(255, 155, 155) 0%, rgb(255, 115, 115) 100%);
}

/* reconciled job */
.rc {
  background: linear-gradient(to bottom, rgb(204, 12, 118) 0%, rgb(151, 6, 135) 100%);
}

/* @group Add */
#primaryContent .addBtn {
  margin: 15px 0px 0px 0px;
  position: relative;
  left: 54px;
}
#primaryContent .dashedAdd {
  position: relative;
  margin: -30px 0px 0px 0px;
  border: 1px dashed #cbcbcb;
  padding: 10px 20px 20px 20px;
  border-radius: 10px;
  background-color: #ffffff;
  text-align: center;
  font-size: 12px;
  color: #565656;
  display: none;
}
#primaryContent .dashedAdd label {
  font-weight: bold;
}
#primaryContent .dashedAdd input,
#primaryContent .dashedAdd textarea,
#primaryContent .dashedAdd select {
  margin-top: 10px;
  width: 235px;
  z-index: 2;
}
#primaryContent .dashedAdd .chosen-container {
  margin-top: 15px;
  width: 235px;
  height: 35px;
  text-align: left;
  font-size: inherit;
}
#primaryContent .dashedAdd .chosen-container input {
  margin: revert;
  width: revert;
}

#primaryContent .dashedAdd input.error {
  border-color: var(--color-danger);
  box-shadow: 0 0 0 1px var(--color-danger);
}

#primaryContent .dashedAdd label {
  width: 100px;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
  position: relative;
  left: 165px;
  top: 20px;
}
#primaryContent .dashedAdd .input-hidden {
  position: absolute;
  border: none;
  width: 1px;
  height: 1px;
  opacity: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
}
/* @end */

/* @group Tipsy */

.tipsy {
  padding: 5px;
  font-size: 11px;
  line-height: 1.4;
  position: absolute;
  z-index: 100000;
  /* white-space: nowrap; */ /* breaks quote schedule tips */
}
.tipsy-inner {
  padding: 6px 8px;
  background-color: black;
  color: white;
  max-width: 200px;
  text-align: center;
}
.tipsy-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.tipsy-arrow {
  position: absolute;
  background: url('../images/tooltip/tipsy.gif') no-repeat top left;
  width: 9px;
  height: 5px;
}
.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
}
.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
}
.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right;
}
.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px;
}

/* @end */

/* @group dialog */

div.dialog {
  display: none;
  font-size: 12px;
}

div.dialog p {
  font-size: 12px;
}

.dialog .dialog__checkbox-group {
  display: flex;
}

.dialog .dialog__checkbox-group--inline {
  flex-direction: row;
  gap: 15px;
}

.dialog .dialog__checkbox-wrapper {
  display: flex;
  align-items: center;
}

.dialog .dialog__checkbox-wrapper input {
  margin: 0 5px 0 0;
}

.dialog--form {
  line-height: 1.5;
}

.form--stacked {
  margin-top: 1em;
}

.form--stacked label {
  display: block;
  margin-top: 1em;
  font-weight: bold;
}

.form--stacked textarea {
  display: block;
  width: 100%;
}

#dialog-positive-feedback span.name,
#dialog-negative-feedback span.name {
  font-weight: bold;
}

/* @end */

#calendarLoader {
  height: 30px;
  position: absolute;
  right: 0;
  top: -40px;
}

.flagDialog {
}

.flagDialog .itemLabel {
  font-weight: bold;
}

.flagDialog .flagDialog__no_outstanding_title {
  display: none;
}

.flagDialog--no-flags .outstanding-flags-table,
.flagDialog--no-flags .flagDialog__outstanding_title,
.flagDialog--no-flags .flagdialog__tagger_unavailable-wrapper {
  display: none;
}

.flagDialog--no-flags .flagDialog__no_outstanding_title {
  display: block;
}

.flagDialog label,
.noteDialog label {
  display: block;
}

.flagDialog textarea,
.noteDialog textarea {
  width: 100%;
  height: 67px;
  line-height: normal;
}

.flagDialog input[type='file'] {
  width: 100%;
}

.noteDialog select,
.noteDialog input,
.noteDialog .chosen-container {
  width: 100%;
  margin-bottom: 0.75em;
}

.chosen-container {
  color: #222;
}

/* jquery UI customisations */
.ui-autocomplete {
  padding: 0;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
  border: none !important;
  border-radius: 3px;
}

.ui-autocomplete .ui-menu-item {
  overflow: hidden;
}

.ui-autocomplete a {
  display: block;
}

.ui-autocomplete .searchitem {
  margin: 0 !important;
  border: 1px solid transparent;
}

.ui-autocomplete .ui-state-active {
  border: 1px solid #3875d7;
  background: #3875d7;
  color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
}

.ui-autocomplete .ui-state-active p {
  color: #fff;
}

.ui-menu-item .ui-state-active span.suffix {
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
}

.ui-menu-item .ui-state-active p.description {
  color: #fff;
  color: rgba(255, 255, 255, 0.6);
}

@media all and (max-device-width: 969px) {
  #menuFullContent {
    position: absolute;
  }
}

div.time-picker {
  position: absolute;
  height: 191px;
  width: 8em; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #aaa;
  z-index: 9999;
  margin: 0;
}
div.time-picker-12hours {
  width: 6em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  cursor: pointer;
  height: 10px;
  font: 12px/1 Helvetica, Arial, sans-serif;
  padding: 4px 3px;
}
div.time-picker li.selected {
  background: #0063ce;
  color: #fff;
}

.hidden-input {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  outline: none;
  border: none;
}

#notesTable_wrapper {
  margin-top: -20px;
}

#notesTable {
  width: 100%;
  clear: both;
  margin-top: 10px;
}

#notesTable th {
  font-weight: bold;
  padding: 0 10px;
}

#notesTable td {
  padding: 4px 10px;
  line-height: 1.4;
}

#notesTable tr:nth-child(even),
#notesTable thead tr {
  background: #ededed;
}

#notesTable th.time {
  width: 50px;
}

#notesTable th.date {
  width: 50px;
}

#notesTable th.job,
#notesTable th.itemLabel {
  width: 50px;
}

#notesTable th.user {
  width: 120px;
}

.notesItem {
  font-weight: bold;
}

#notesTable a {
  color: var(--color-text-link);
}

#notesTable a:hover {
  text-decoration: underline;
}

#notesTable th.note {
  width: 310px;
}

#notesTable td.file a {
  display: block;
  width: 70px;
  word-wrap: break-word;
}

#addNoteDialog #file {
  background: transparent;
  border: none;
  box-shadow: none;
}

a#addButton {
  margin-top: 33px;
  position: relative;
  z-index: 1;
}

/* other page styling */

.dateSelection {
  margin-bottom: 15px;
  color: #666;
}

.dateSelection p {
  color: #666;
  position: relative;
}

.dateSelection label {
  position: absolute;
  color: #888;
  font-size: 12px;
  top: 0;
  left: 0;
}

.dateSelection input,
.dateSelection select {
  background: #fff;
  width: 100px;
  padding: 4px;
  font-size: 12px;
  border: 1px solid #bbb;
  color: #666;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.dateSelection select {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

.dateSelection input#submit {
  float: right;
  margin-top: 0.2em;
  width: auto;
  padding: 4px 0.7em;
  margin-left: 0.2em;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.02, rgb(6, 105, 151)),
    color-stop(1, rgb(12, 143, 204))
  );
  background: -moz-linear-gradient(center bottom, rgb(6, 105, 151) 2%, rgb(12, 143, 204) 100%);

  color: #fff;
  cursor: pointer;
}

.dateSelection input:focus,
.dateSelection select:focus .dateSelection input:hover {
  color: #111;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
}

.nowrap {
  white-space: nowrap;
}

.includeWrapper .equipmentItem td.type-error-warning {
  position: relative;
  padding-right: 0;
  width: 16px;
}

.includeWrapper .equipmentItem .type-error,
.includeWrapper .equipmentItem .type-warning {
  width: 16px;
  opacity: 0;
  pointer-events: none;
}

.includeWrapper .equipmentItem .type-warning {
  position: absolute;
}

.includeWrapper .equipmentItem tr.warning {
  background: #ffd7b3;
}

.includeWrapper .equipmentItem tr.error {
  background: #ff8b8b;
}

.includeWrapper .equipmentItem tr.warning .type-warning,
.includeWrapper .equipmentItem tr.error .type-error {
  pointer-events: all;
  opacity: 1;
}

.type-error-warning img {
  vertical-align: middle;
}

/* action column */

.actionColumn .fas,
.job-action-column .fas {
  font-size: 16px;
  min-width: 16px;
}

.actionColumn a,
.job-action-column a {
  color: rgba(0, 0, 0, 0.5) !important;
}

.actionColumn a:not(.row-dropdown-toggle):hover,
.job-action-column a:not(.row-dropdown-toggle):hover {
  color: var(--color-text-link-tint) !important;
}

.row-dropdown-toggle {
  border-radius: 5px !important;
  display: flex !important;
  width: 2.75em !important;
  height: 25px !important;
  justify-content: center !important;
  align-items: center !important;
}

.row-dropdown-toggle:hover {
  background: rgba(0, 0, 0, 0.05);
}

.row-dropdown {
  position: relative;
  display: block;
  font-size: 13px;
  line-height: 25px;
  font-weight: normal;
}

.row-dropdown.is-active {
  z-index: 9;
}

.row-dropdown.is-active .row-dropdown-items {
  display: block;
}

.row-dropdown-items {
  display: none;
  position: absolute;
  padding: 0.5em 0;
  right: 3em;
  top: -0.75em;
  background: #fff;
  border-radius: 3px;
  text-align: left;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.31) 0px 0px 1px;
}

.row-dropdown-items a {
  color: #444 !important;
  padding: 0.25em 1.5em 0.25em 1em !important;
  display: block !important;
  white-space: nowrap !important;
}

.row-dropdown-items a:hover {
  color: var(--color-text-link-tint) !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

.row-dropdown-items .fas {
  font-size: 14px;
  width: 16px;
  text-align: center;
  margin-right: 0.5em;
}

#itemSearchSelect {
  width: 100%;
}