@charset "UTF-8";
:root {
  /* Blues */
  --simpro-blue: #1976d2;
  --simpro-light-blue: #229bff;
  --simpro-mobile-light-blue: #3bb5e2;
  --simpro-lighter-blue: #91bce7;
  --simpro-dark-blue: #0e527f;
  --simpro-payments-blue: #002f87;
  --simpro-payments-dark-blue: rgb(10 21 37);
  --simpro-payments-yellow: #ffdd00;
  /* Greens */
  --simpro-green: #2a7235;
  --simpro-light-green: #c9fac1;
  /* Oranges/Yellows/Reds */
  --simpro-light-orange: #faaf3c;
  --simpro-yellow: #feed78;
  --simpro-orange: #ff7740;
  --simpro-red: #de104f;
  --simpro-light-red: #ff7070;
  /* Text Colors */
  --simpro-body-text: #222222;
  --simpro-header-text: var(--simpro-grey-900);
  --simpro-text-primary: #212529; /* Primary text color for body copy and main content */
  --simpro-text-secondary: #6c757d; /* Secondary text color for less prominent information or subtext */
  --simpro-text-disabled: #adb5bd; /* Text color for disabled interactive elements or content */
  --simpro-text-brand: #007bff; /* Text color for brand emphasis */
  --simpro-text-success: #28a745; /* Text color for success messages or indicators */
  --simpro-text-warning: #ffc107; /* Text color for warning messages or indicators */
  --simpro-text-info: #17a2b8; /* Text color for informational messages or indicators */
  --simpro-text-critical: #dc3545; /* Text color for critical errors or destructive action indicators */
  /* Whites/Blacks */
  --simpro-white: #ffffff;
  --simpro-black: #000000;
  /* Canonical Greys (grey-0 to grey-900) */
  --simpro-grey-0: #f7f7f7;
  --simpro-grey-100: #e2e2e2;
  --simpro-grey-200: #eeeeee;
  --simpro-grey-300: #dddddd;
  --simpro-grey-400: #cccccc;
  --simpro-grey-500: #aaaaaa;
  --simpro-grey-600: #888888;
  --simpro-grey-700: #555555;
  --simpro-grey-800: #333333;
  --simpro-grey-900: #222222;
  --simpro-top-bar-color: #f0f1f2;
  /* Alert Colors with all variations */
  --simpro-alert-primary: var(--simpro-dark-blue);
  --simpro-alert-primary-bg: var(--simpro-lighter-blue);
  --simpro-alert-secondary: #383d41;
  --simpro-alert-secondary-bg: #4f5459;
  --simpro-alert-success: #41b555;
  --simpro-alert-success-bg: #91c891;
  --simpro-alert-danger: #721c24;
  --simpro-alert-danger-bg: #f5c6cb;
  --simpro-alert-warning: #f2c94c;
  --simpro-alert-warning-bg: #fff3cd;
  --simpro-alert-info: #0c5460;
  --simpro-alert-info-bg: #d1ecf1;
  --simpro-alert-light: #818182;
  --simpro-alert-light-bg: #b2b2b2;
  --simpro-alert-dark: #1b1e21;
  --simpro-alert-dark-bg: #1f2124;
  /* UI Component Colors */
  --simpro-focus: #ddeffc;
  --simpro-hover-blue: #bfdaff;
  --simpro-tab-content-border: #cccccc;
  --simpro-border: #f3f3f3;
  --simpro-border-grey: #dddddd;
  --simpro-purple: #6f42c1;
  /* Background Colors */
  --simpro-background-primary: #f8f9fa; /* Primary application background color */
  --simpro-background-inverse: #343a40; /* Background color for inverse-themed sections or components */
  --simpro-background-surface-hover: #f1f3f5; /* Background color for interactive surfaces on hover */
  --simpro-background-surface-selected: #e0e7ff; /* Background color for selected items or surfaces (brand-tinted) */
  --simpro-background-surface-selected-hover: #d1dfff; /* Background color for hovered selected items or surfaces */
  --simpro-background-surface-secondary: #fafafa; /* Secondary surface color for subtle differentiation or sections */
  --simpro-background-brand: #007bff; /* Background color for primary brand actions or highlights */
  --simpro-background-brand-hover: #0056b3; /* Hover state for brand background color */
  --simpro-background-success-bold: #28a745; /* Stronger background color for emphasized success states */
  --simpro-background-info-bold: #17a2b8; /* Stronger background color for emphasized info states */
  --simpro-background-critical-bold: #dc3545; /* Stronger background color for emphasized critical/error states */
  /* Borders*/
  --simpro-border-primary: #ced4da;
  --simpro-border-brand: #007bff; /* Border color for brand emphasis or brand-related components */
  --simpro-border-success: #28a745; /* Border color for success state indicators */
  --simpro-border-warning: #ffb300; /* Border color for warning state indicators */
  --simpro-border-info: #17a2b8; /* Border color for informational state indicators */
  --simpro-border-critical: #dc3545; /* Border color for critical error state indicators */
  /* Z-Index Stack */
  --simpro-z-index-sticky-header: 500;
  --simpro-z-index-suggest-select-results: 600;
  --simpro-z-index-top-bar: 997;
  --simpro-z-index-left-menu: 998;
  --simpro-z-index-tooltip: 998;
  --simpro-z-index-dialog-box: 999;
  --simpro-z-index-file-upload-container: 1000;
  --simpro-z-index-over-dialog-box: 1000;
  --simpro-z-index-ui-date-picker: 1000;
  --simpro-z-index-dialog-box-tooltip: 1001;
  --simpro-z-index-loading-items: 1100;
  --simpro-z-index-loading-image: 99999;
}

/* Asset Paths */
/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  height: 25px;
  margin-bottom: -25px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 65px;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-datepicker.tp-datepicker-container {
  margin-top: 0;
  background-color: var(--simpro-white);
  border: 1px solid var(--simpro-grey-400);
  border-radius: 3px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.ui-datepicker.tp-datepicker-container .tp-timepicker-dl {
  display: flex;
  padding: 1rem;
}
.ui-datepicker.tp-datepicker-container .tp-timepicker-col {
  flex: 1 1 0%;
  overflow-y: auto;
  height: 12rem;
  scrollbar-width: thin;
  scrollbar-color: var(--simpro-grey-100) transparent;
}
.ui-datepicker.tp-datepicker-container .tp-timepicker-col::-webkit-scrollbar {
  width: 8px;
}
.ui-datepicker.tp-datepicker-container .tp-timepicker-col::-webkit-scrollbar-track {
  background: transparent;
}
.ui-datepicker.tp-datepicker-container .tp-timepicker-col::-webkit-scrollbar-thumb {
  background-color: var(--simpro-grey-100);
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.ui-datepicker.tp-datepicker-container .tp-timepicker-col::-webkit-scrollbar-thumb:hover {
  background-color: var(--simpro-black);
}
.ui-datepicker.tp-datepicker-container .tp-timepicker-col-border {
  border-left: 1px solid var(--simpro-grey-100);
  position: relative;
}
.ui-datepicker.tp-datepicker-container .tp-timepicker-option {
  padding: 0.5rem 1rem;
  cursor: pointer;
  border-radius: 3px;
  transition: background 100ms ease-in-out, color 100ms ease-in-out;
  color: var(--simpro-grey-900);
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-datepicker.tp-datepicker-container .tp-timepicker-option:focus-visible {
  outline: 2px solid var(--simpro-blue);
  background-color: var(--simpro-focus);
  color: var(--simpro-grey-900);
}
.ui-datepicker.tp-datepicker-container .tp-timepicker-option:not(.tp-timepicker-option-selected):hover {
  background-color: var(--simpro-focus) !important;
}
.ui-datepicker.tp-datepicker-container .tp-timepicker-option-selected {
  background-color: var(--simpro-blue) !important;
  color: var(--simpro-white) !important;
}
.ui-datepicker.tp-datepicker-container .tp-btn-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  padding: 6px;
  border-radius: 0 0 3px 3px;
}
.ui-datepicker.tp-datepicker-container .tp-btn-group .tp-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 29px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
}
.ui-datepicker.tp-datepicker-container .tp-btn-group .tp-btn.active {
  background-color: var(--simpro-blue);
  color: var(--simpro-white);
}
.ui-datepicker.tp-datepicker-container .tp-btn-group .tp-btn.active:hover {
  background-color: var(--simpro-background-brand-hover);
  color: var(--simpro-white) !important;
}
.ui-datepicker.tp-datepicker-container .tp-btn-group .tp-btn:not(.active).tp-btn-scheduleMin:hover, .ui-datepicker.tp-datepicker-container .tp-btn-group .tp-btn:not(.active).tp-btn-exact:hover {
  background-color: var(--simpro-grey-100);
}
.ui-datepicker.tp-datepicker-container .tp-btn-group .tp-btn:not(.active).tp-btn-scheduleMin, .ui-datepicker.tp-datepicker-container .tp-btn-group .tp-btn:not(.active).tp-btn-exact {
  background-color: var(--simpro-white);
  border: 1px solid var(--simpro-border-primary);
}

@font-face {
  font-family: "Cocogoose";
  src: url("./fonts/cocogoose-pro-variable/Cocogoose-Pro-Variable.woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
.ms-ctn {
  position: relative;
  height: 28px;
  padding: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: var(--simpro-alert-secondary);
  border-radius: 3px;
  background-color: var(--simpro-white);
  border: 1px solid var(--simpro-tab-content-border);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px color-mix(in srgb, var(--simpro-black) 7.5%, transparent);
  transition: border linear 0.2s, box-shadow linear 0.2s;
  cursor: default;
  display: block;
}

.ms-ctn-invalid {
  border: 1px solid var(--simpro-red);
}

.ms-ctn-readonly {
  cursor: pointer;
}

.ms-ctn-disabled {
  cursor: not-allowed;
  background-color: #eee;
}

.ms-ctn-bootstrap-focus,
.ms-ctn-bootstrap-focus .ms-res-ctn {
  border-color: rgba(82, 168, 236, 0.8) !important;
  box-shadow: inset 0 1px 1px color-mix(in srgb, var(--simpro-black) 7.5%, transparent), 0 0 8px rgba(82, 168, 236, 0.6) !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ms-ctn input {
  border: 0;
  box-shadow: none;
  -webkit-transition: none;
  outline: 0;
  display: block;
  padding: 4px 6px;
  line-height: normal;
  overflow: hidden;
  height: auto;
  border-radius: 0;
  float: left;
  margin: 2px 0 2px 2px;
}

.ms-ctn-disabled input {
  cursor: not-allowed;
  background-color: #eee;
}

.ms-ctn .ms-input-readonly {
  cursor: pointer;
}

.ms-ctn .ms-empty-text {
  color: var(--simpro-grey-400);
}

.ms-ctn input:focus {
  border: 0;
  box-shadow: none;
  -webkit-transition: none;
  background: var(--simpro-white);
}

.ms-ctn .ms-trigger {
  float: right;
  width: 25px;
  height: 100%;
  position: absolute;
  right: 0;
  border-left: 1px solid var(--simpro-tab-content-border);
  background: #eee;
  cursor: pointer;
}

.ms-ctn .ms-trigger .ms-trigger-ico {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid gray;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  margin-left: 9px;
  margin-top: 13px;
}

.ms-ctn .ms-trigger:hover {
  background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#f1f1f1), to(#e3e3e3));
}

.ms-ctn .ms-trigger:hover .ms-trigger-ico {
  background-position: 0 -4px;
}

.ms-ctn-disabled .ms-trigger {
  cursor: not-allowed;
  background-color: #eee;
}

.ms-ctn-bootstrap-focus {
  border-bottom: 1px solid var(--simpro-tab-content-border);
}

.ms-res-ctn {
  position: relative;
  background: var(--simpro-white);
  overflow-y: auto;
  z-index: 9999;
  border-radius: 3px;
  border: 1px solid var(--simpro-tab-content-border);
  left: -1px;
  box-shadow: inset 0 1px 1px color-mix(in srgb, var(--simpro-black) 7.5%, transparent);
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ms-res-ctn .ms-res-group {
  line-height: 23px;
  text-align: left;
  padding: 2px 5px;
  font-weight: bold;
  border-bottom: 1px dotted var(--simpro-tab-content-border);
  border-top: 1px solid var(--simpro-tab-content-border);
  background: #f3edff;
  color: var(--simpro-grey-900);
}

.ms-res-ctn .ms-res-item {
  line-height: 25px;
  text-align: left;
  padding: 2px 5px;
  color: var(--simpro-grey-800);
  cursor: pointer;
}

.ms-res-ctn .ms-res-item-grouped {
  padding-left: 15px;
}

.ms-res-ctn .ms-res-odd {
  background: #f3f3f3;
}

.ms-res-ctn .ms-res-item-active {
  background-color: var(--simpro-blue, #1976d2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1976D2",endColorstr="#229BFF",GradientType=0);
  background-image: linear-gradient(var(--simpro-blue, #1976d2) 20%, var(--simpro-light-blue, #229bff) 90%);
  color: var(--simpro-white);
}

.ms-sel-ctn {
  overflow: auto;
  line-height: 22px;
  padding-right: 27px;
}

.ms-sel-ctn .ms-sel-item {
  background: var(--simpro-alert-secondary);
  color: #eee;
  float: left;
  font-size: 12px;
  padding: 0 5px;
  border-radius: 3px;
  margin-left: 5px;
  margin-top: 4px;
}

.ms-sel-ctn .ms-sel-text {
  background: var(--simpro-white);
  color: var(--simpro-grey-800);
  padding-right: 0;
  margin-left: 0;
  font-size: 14px;
  font-weight: normal;
}

.ms-res-ctn .ms-res-item em {
  font-style: normal;
  background: #565656;
  color: var(--simpro-white);
}

.ms-sel-ctn .ms-sel-item:hover {
  background: #565656;
}

.ms-sel-ctn .ms-sel-text:hover {
  background: var(--simpro-white);
}

.ms-sel-ctn .ms-sel-item-active {
  border: 1px solid var(--simpro-red);
  background: #757575;
}

.ms-ctn .ms-sel-ctn .ms-sel-item {
  margin-top: 3px;
}

.ms-stacked .ms-sel-item {
  float: inherit;
}

.ms-sel-ctn .ms-sel-item .ms-close-btn {
  width: 7px;
  cursor: pointer;
  height: 7px;
  float: right;
  margin: 8px 2px 0 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOCAYAAADjXQYbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABSSURBVHjahI7BCQAwCAOTzpThHMHh3Kl9CVos9XckFwQAuPtGuWTWwMwaczKzyHsqg6+5JqMJr28BABHRwmTWQFJjTmYWOU1L4tdck9GE17dnALGAS+kAR/u2AAAAAElFTkSuQmCC);
}

.ms-sel-ctn .ms-sel-item .ms-close-btn:hover {
  background-position: 0 -7px;
}

.ms-helper {
  color: var(--simpro-grey-600);
  font-size: 10px;
  position: absolute;
  top: -17px;
  right: 0;
}

input[type=text],
input[type=number],
input[type=password],
input[type=search],
input[type=email],
input[type=url],
textarea,
input[type=file],
.groupedInput,
.transparentGroupedInput,
.groupedInput > input,
.groupedInput > textarea,
.transparentGroupedInput > input,
.transparentGroupedInput > textarea,
.groupedInput > span,
.groupedInput > label,
.transparentGroupedInput > span,
.transparentGroupedInput > label,
#savedSearchesCont ul:before,
#savedSearchesCont ul li a,
#globalSearchForm,
#globalSearchForm #globalSearch,
.searchContainer input[type=search],
.searchFilter input[type=search],
.searchContainer input#favourites + label,
#cNav .menuHover .menuHead .span6,
#cNav .menuHover .menuHead .span4,
.adjustPrices li,
#adjustMarginsSummary li,
.googleMapDistanceLegend .legendContent {
  box-sizing: border-box;
}

#savedSearchesCont ul,
#header-menu li ul,
#utility-menu li ul,
#cNav .menuHover,
.dropDownParent + ul,
.contextMenu {
  box-shadow: 0 3px 3px #ddd;
}

.subTabs,
body,
.clear,
.inlineEditPanel,
.row,
#content_container #content,
.optionsPanel,
.optionsPanelPrinted,
.optionsPanel .info,
.optionsPanelPrinted .info,
.shadedBox,
.notice,
.editingRow-js .row {
  zoom: 1;
}

.subTabs:before,
body:before,
.clear:before,
.inlineEditPanel:before,
.row:before,
#content_container #content:before,
.optionsPanel:before,
.optionsPanelPrinted:before,
.optionsPanel .info:before,
.optionsPanelPrinted .info:before,
.shadedBox:before,
.notice:before,
.editingRow-js .row:before,
.subTabs:after,
body:after,
.clear:after,
.inlineEditPanel:after,
.row:after,
#content_container #content:after,
.optionsPanel:after,
.optionsPanelPrinted:after,
.optionsPanel .info:after,
.optionsPanelPrinted .info:after,
.shadedBox:after,
.notice:after,
.editingRow-js .row:after {
  content: "";
  display: table;
}

.subTabs:after,
body:after,
.clear:after,
.inlineEditPanel:after,
.row:after,
#content_container #content:after,
.optionsPanel:after,
.optionsPanelPrinted:after,
.optionsPanel .info:after,
.optionsPanelPrinted .info:after,
.shadedBox:after,
.notice:after,
.editingRow-js .row:after {
  clear: both;
}

@font-face {
  font-family: "v12-icons";
  src: url("fonts/v12-icons.eot");
  src: url("fonts/v12-icons.eot") format("embedded-opentype"), url("fonts/v12-icons.woff") format("woff"), url("fonts/v12-icons.svg") format("svg"), url("fonts/v12-icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-],
[data-label=Dashboard] > span:before,
[data-label="Operations Centre"] > span:before,
[class*=" icon-"] {
  font-family: "v12-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[data-label=Dashboard] > span:before,
[data-label="Operations Centre"] > span:before {
  color: #1976d2;
  font-size: 16px;
  width: 20px;
  vertical-align: -10%;
  display: inline-block;
}

.icon-torx:before {
  font-size: 1.1em;
}

[data-label=Dashboard] > span:before {
  content: "\e600";
}

[data-label="Operations Centre"] > span:before {
  content: "\e00b";
}

.icon-left-double-arrow:before {
  content: "\e00f\e00f";
  letter-spacing: -0.1em;
}

.icon-right-double-arrow:before {
  content: "\e010\e010";
  letter-spacing: -0.1em;
}

.icon-up-double-arrow:before {
  content: "\e011\a\e011";
  white-space: pre;
  float: left;
  padding: 3px 5px 0 0;
}

.icon-down-double-arrow:before {
  content: "\e00e\a\e00e";
  white-space: pre;
  float: left;
  padding: 3px 5px 0 0;
}

.icon-first:before {
  content: "\e00f\e00f";
  border-left-width: 1px;
  border-left-style: solid;
  letter-spacing: -0.1em;
}

.icon-last:before {
  content: "\e010\e010";
  border-right-width: 1px;
  border-right-style: solid;
  letter-spacing: -0.1em;
  padding-right: 1px;
}

.icon-connect-logo:before {
  font-size: 1.2em;
}

.icon-expand-mce:before,
.mceIcon.mce_pagewidth:before {
  content: "\e91b";
}

.mce-i-expand:before {
  font-family: "v12-icons";
  content: "\e91b";
}

.mce-i-collapse:before {
  font-family: "v12-icons";
  content: "\e616";
}

.mce-i-more:before {
  font-family: "v12-icons";
  content: "\e920";
}

.icon-payments-logo:before,
.icon-payrix-logo:before {
  font-size: 2em;
}

.icon-angle-double-right:before,
.pagination .goto-last:before {
  font-size: 2em;
}

.icon-angle-double-left:before,
.pagination .goto-first:before {
  font-size: 2em;
}

.icon-profit:before {
  font-size: 1.2em !important;
}

.icon-info-circle:before,
.icon-info-circle-simpro-blue:before {
  font-size: 1.6em !important;
}

.icon-info-circle-simpro-blue {
  color: #1976d2;
}

.icon-send:before {
  font-size: 1.2em;
}

.icon-close:before,
.validGroupedInput .invalid:before,
.iconEraseFilter:before,
a.mceButtonActive .mceIcon.mce_pagewidth:before {
  content: "\e922";
}

.icon-leads:before {
  content: "\e001";
}

.icon-people:before {
  content: "\e002";
}

.icon-jobs:before {
  content: "\e004";
}

.icon-calendar:before,
.btnImg span.date:before {
  content: "\e005";
}

.icon-materials:before {
  content: "\e006";
}

.icon-sales:before {
  content: "\e007";
}

.icon-help:before {
  content: "\e008";
}

.icon-doc:before {
  content: "\e009";
}

.icon-reports:before {
  content: "\e00a";
}

.icon-utilities:before {
  content: "\e00b";
}

.icon-settings:before {
  content: "\e00c";
}

.icon-down-arrow:before,
.ms-trigger-ico:before,
.btnRow span.options:after,
.dropArrow:after,
.dropArrowSelect:after,
.linkImgCollapseSquare:before,
.linkBoxDrop:before,
.btnIcon.detail:before,
.tblGrid thead th:not(.scheduleHeader):not(.lastColumn) a:after,
.tblGrid thead th:not(.scheduleHeader):not(.lastColumn).current.tablesorter-headerDesc a:after,
.inputAdd .down span:before,
.ui-icon-triangle-2-n-s:before {
  content: "\e00e";
}

.icon-left-arrow:before,
#companySelector a.toggleBtnHighlight:before {
  content: "\e00f";
}

.icon-right-arrow:before,
#companySelector.closed .toggleBtn:before,
#companySelector .content ul.companyList li.selected:before,
#companySelector .content ul.companyList li:hover:before,
.contextMenu a .linkImgFlyExpand:before {
  content: "\e010";
}

.icon-up-arrow:before,
.linkImgExpandSquare:before,
.linkBoxExpand:before,
.btnIcon.lessDetail:before,
#savedSearchesCont ul:before,
#header-menu li ul:before,
#utility-menu li ul:before,
.tblGrid thead th:not(.scheduleHeader):not(.lastColumn):hover a:after,
.tblGrid thead th:not(.scheduleHeader):not(.lastColumn).tablesorter-headerAsc a:after,
.inputAdd .up span:before {
  content: "\e011";
}

.icon-plus:before,
.linkImgAdd:before,
.btnIcon.addItem:before,
#cNav .menuHover .menuContent ul li .mainMenuPlus:before {
  content: "\e012";
}

.icon-minus:before,
.linkImgMinus:before {
  content: "\e013";
}

.icon-tick:before {
  content: "\e014";
}

.icon-logout:before {
  content: "\e015";
}

.icon-person:before {
  content: "\e016";
}

.icon-rotate-left:before {
  content: "\e050";
}

.icon-rotate-right:before {
  content: "\e051";
}

.icon-dashboard:before {
  content: "\e600";
}

.icon-refresh:before {
  content: "\e601";
}

.icon-exclamation:before,
.icon-exclamation-project-lock-msg:before {
  content: "\e603";
}

.icon-profit:before {
  content: "\e606";
}

.icon-edit:before {
  content: "\e607";
}

.icon-print:before,
.mceIcon.mce_print:before {
  content: "\e608";
}

.icon-tasks:before {
  content: "\e609";
}

.icon-quotes:before {
  content: "\e60a";
}

.icon-alert:before {
  content: "\e60b";
}

.icon-bookmark:before {
  content: "\e60c";
}

.icon-question:before {
  content: "\e60d";
}

.icon-move:before {
  content: "\e60e";
}

.icon-unlock:before {
  content: "\e60f";
}

.icon-lock:before {
  content: "\e610";
}

.icon-torx:before {
  content: "\e611";
}

.icon-download:before,
.exportDownArrow:before {
  content: "\e612";
}

.icon-location-search:before {
  content: "\e613";
}

.icon-pin:before {
  content: "\e614";
}

.icon-clock:before,
.time:before,
.btnImg span.time:before {
  content: "\e615";
}

.icon-shrink:before {
  content: "\e616";
}

.icon-expand:before {
  content: "\e617";
}

.icon-connect-logo:before {
  content: "\e618";
}

.icon-file:before {
  content: "\e619";
}

.icon-credit-card:before {
  content: "\e61a";
}

.icon-copy:before {
  content: "\e61b";
}

.icon-star:before {
  content: "\e61c";
}

.icon-hammer:before {
  content: "\e61d";
}

.icon-phone:before {
  content: "\e61e";
}

.icon-mail:before {
  content: "\e61f";
}

.icon-invoices:before {
  content: "\e620";
}

.icon-list:before {
  content: "\e621";
}

.icon-eye:before {
  content: "\e622";
}

.icon-grid:before {
  content: "\e900";
}

.icon-text-color:before,
.mce_forecolor span.mceAction:before {
  content: "\e901";
}

.icon-redo:before,
.mceIcon.mce_redo:before {
  content: "\e902";
}

.icon-undo:before,
.mceIcon.mce_undo:before {
  content: "\e903";
}

.icon-strikethrough:before,
.mceIcon.mce_strikethrough:before {
  content: "\e904";
}

.icon-italic:before,
.mceIcon.mce_italic:before {
  content: "\e905";
}

.icon-underline:before,
.mceIcon.mce_underline:before {
  content: "\e906";
}

.icon-bold:before,
.mceIcon.mce_bold:before {
  content: "\e907";
}

.icon-h-square:before,
.mce_backcolor span.mceAction:before {
  content: "\e908";
}

.icon-folder-open:before {
  content: "\e909";
}

.icon-folder:before {
  content: "\e90a";
}

.icon-attachment:before {
  content: "\e90b";
}

.icon-image:before,
.mceIcon.mce_image:before {
  content: "\e90c";
}

.icon-link:before,
.mceIcon.mce_url:before {
  content: "\e90d";
}

.icon-payments-logo:before {
  content: "\e90e";
}

.icon-secure:before {
  content: "\e90f";
}

.icon-payments-icon:before {
  content: "\e910";
}

.icon-find:before {
  content: "\e911";
}

.icon-angle-double-right:before,
.pagination .goto-last:before {
  content: "\e912";
}

.icon-angle-double-left:before,
.pagination .goto-first:before {
  content: "\e913";
}

.icon-info-circle:before,
.icon-info-circle-simpro-blue:before {
  content: "\e914";
}

.icon-unlink:before,
.mceIcon.mce_unlink:before {
  content: "\e915";
}

.icon-outdent:before,
.mceIcon.mce_outdent:before {
  content: "\e916";
}

.icon-indent:before,
.mceIcon.mce_indent:before {
  content: "\e917";
}

.icon-numlist:before,
.mceIcon.mce_numlist:before {
  content: "\e918";
}

.icon-bullist:before,
.mceIcon.mce_bullist:before {
  content: "\e919";
}

.icon-table:before,
.mceIcon.mce_table:before {
  content: "\e91a";
}

.icon-enlarge:before {
  content: "\e91b";
}

.icon-paragraph-justify:before,
.mceIcon.mce_justifyfull:before {
  content: "\e91c";
}

.icon-paragraph-center:before,
.mceIcon.mce_justifycenter:before {
  content: "\e91d";
}

.icon-paragraph-left:before,
.mceIcon.mce_justifyleft:before {
  content: "\e91e";
}

.icon-paragraph-right:before,
.mceIcon.mce_justifyright:before {
  content: "\e91f";
}

.icon-more:before {
  content: "\e920";
}

.icon-price-tag:before {
  content: "\e921";
}

.icon-cancel:before {
  content: "\e922";
}

.icon-see:before {
  content: "\e923";
}

.icon-addFolder:before {
  content: "\e924";
}

.icon-continue:before {
  content: "\e925";
}

.icon-send:before {
  content: "\e926";
}

.icon-tree:before {
  content: "\e927";
}

.icon-chevron-down:before {
  content: "\e928";
}

.icon-chevron-up:before {
  content: "\e929";
}

.icon-launch:before {
  content: "\e92a";
}

.icon-signature-accept:before {
  content: "\e92b";
}

.icon-expired:before {
  content: "\e92c";
}

.icon-repeat:before {
  content: "\e92d";
}

.icon-people-outline:before {
  content: "\e940";
}

.icon-quotes-outline:before {
  content: "\e941";
}

.icon-jobs-outline:before {
  content: "\e942";
}

.icon-calendar-outline:before {
  content: "\e943";
}

.icon-materials-outline:before {
  content: "\e944";
}

.icon-invoices-outline:before {
  content: "\e945";
}

.icon-tasks-outline:before {
  content: "\e946";
}

.icon-doc-outline:before {
  content: "\e947";
}

.icon-utilities-outline:before {
  content: "\e948";
}

.icon-reports-outline:before {
  content: "\e949";
}

.icon-sales-outline:before {
  content: "\e950";
}

.icon-leads-outline:before {
  content: "\e94a";
}

.icon-help-outline:before {
  content: "\e94b";
}

.icon-payrix-logo:before {
  content: "\ea01";
}

.icon-external-link:before {
  content: "\ea02";
}

.icon-filter-fill:before {
  content: "\ea03";
}

.icon-filter-slash:before {
  content: "\ea04";
}

.icon-fullscreen-expand:before {
  content: "\ea05";
}

.icon-fullscreen-collapse:before {
  content: "\ea06";
}

.icon-open-quote-plus:before {
  content: "\ea07";
}

.icon-trash:before {
  content: "\ea08";
}

.icon-exclemation-circle:before {
  content: "\ea09";
}

.icon-plus-circle-outline:before {
  content: "\ea50";
}

.icon-minus-circle-outline:before {
  content: "\ea51";
}

.icon-round-alert:before {
  content: "\ef01";
}

.icon-subeez-chevron-down:before {
  content: "\ef02";
}

.icon-subeez-arrow-left:before {
  content: "\ef03";
}

.icon-subeez-arrow-right:before {
  content: "\ef04";
}

.icon-subeez-cross:before {
  content: "\ef05";
}

.icon-subeez-check:before {
  content: "\ef06";
}

.icon-search:before,
.btnImg span.magnify:before {
  content: "\f002";
}

.icon-push-pin:before {
  content: "\f003";
}

.icon-multi-company:before {
  content: "\f004";
}

.icon-outline-alert:before {
  content: "\f005";
}

.icon-filled-alert:before {
  content: "\f006";
}

.icon-bookmark-outline:before {
  content: "\f007";
}

.icon-user:before {
  content: "\f008";
}

.icon-headset:before {
  content: "\f009";
}

.icon-telephone:before {
  content: "\f010";
}

.icon-check-alt:before,
.attachmentSuccess:before,
.validGroupedInput .valid:before,
.icon-check-alt-project-lock-msg:before {
  content: "\f011";
}

.icon-camera:before {
  content: "\f012";
}

.icon-pick-up:before {
  content: "\f013";
}

.icon-delivery:before {
  content: "\f014";
}

.icon-secure-payment:before {
  content: "\f015";
}

.icon-notification:before {
  content: "\f016";
}

.icon-announcement:before {
  content: "\f017";
}

.icon-microsoft-entra-id:before {
  content: "\f018";
}

.icon-cross:before {
  content: "\f019";
}

.icon-success:before {
  content: "\f020";
}

.icon-setup:before {
  content: "\f021";
}

.icon-arrow-left:before {
  content: "\f022";
}

.icon-arrow-right:before {
  content: "\f023";
}

.icon-arrow-up:before {
  content: "\f024";
}

.icon-arrow-down:before {
  content: "\f025";
}

input[type=text],
input[type=number],
input[type=password],
input[type=search],
input[type=email],
input[type=url],
textarea,
input[type=file],
.groupedInput,
.transparentGroupedInput,
.groupedInput > input,
.groupedInput > textarea,
.transparentGroupedInput > input,
.transparentGroupedInput > textarea,
.groupedInput > span,
.groupedInput > label,
.transparentGroupedInput > span,
.transparentGroupedInput > label,
#savedSearchesCont ul:before,
#savedSearchesCont ul li a,
#globalSearchForm,
#globalSearchForm #globalSearch,
.searchContainer input[type=search],
.searchFilter input[type=search],
.searchContainer input#favourites + label,
#cNav .menuHover .menuHead .span6,
#cNav .menuHover .menuHead .span4,
.adjustPrices li,
#adjustMarginsSummary li,
.googleMapDistanceLegend .legendContent {
  box-sizing: border-box;
}

#savedSearchesCont ul,
#header-menu li ul,
#utility-menu li ul,
#cNav .menuHover,
.dropDownParent + ul,
.contextMenu {
  box-shadow: 0 3px 3px #ddd;
}

.subTabs,
body,
.clear,
.inlineEditPanel,
.row,
#content_container #content,
.optionsPanel,
.optionsPanelPrinted,
.optionsPanel .info,
.optionsPanelPrinted .info,
.shadedBox,
.notice,
.editingRow-js .row {
  zoom: 1;
}

.subTabs:before,
body:before,
.clear:before,
.inlineEditPanel:before,
.row:before,
#content_container #content:before,
.optionsPanel:before,
.optionsPanelPrinted:before,
.optionsPanel .info:before,
.optionsPanelPrinted .info:before,
.shadedBox:before,
.notice:before,
.editingRow-js .row:before,
.subTabs:after,
body:after,
.clear:after,
.inlineEditPanel:after,
.row:after,
#content_container #content:after,
.optionsPanel:after,
.optionsPanelPrinted:after,
.optionsPanel .info:after,
.optionsPanelPrinted .info:after,
.shadedBox:after,
.notice:after,
.editingRow-js .row:after {
  content: "";
  display: table;
}

.subTabs:after,
body:after,
.clear:after,
.inlineEditPanel:after,
.row:after,
#content_container #content:after,
.optionsPanel:after,
.optionsPanelPrinted:after,
.optionsPanel .info:after,
.optionsPanelPrinted .info:after,
.shadedBox:after,
.notice:after,
.editingRow-js .row:after {
  clear: both;
}

@media print {
  @page {
    margin: 1cm 0;
    size: landscape;
  }
  table.resultsTable td:first-child input,
  table.resultsTable.handler td.sortableHandle + td input,
  table.resultsTable tr:not(.greyRow) td:last-child,
  table.resultsTable th:last-child {
    display: none;
  }
  table.resultsTable td table td:last-child,
  table.resultsTable td table th:last-child {
    display: table-cell !important;
  }
  table.internalTable tr td:last-child,
  table.internalTable tr th:last-child {
    display: table-cell !important;
  }
  #content_container {
    -webkit-print-color-adjust: exact;
    border: 0 solid #ccc;
    border-radius: 0;
  }
  #content_container.dashboardContainer {
    border: 0;
  }
  #content_container.dashboardContainer #content {
    background-color: transparent;
  }
  #content {
    border-radius: 0;
  }
  #main,
  #mainContainer {
    margin: 0 !important;
    padding: 0 !important;
  }
  body,
  td,
  th,
  div,
  p,
  li,
  input,
  textarea,
  #sPanel {
    font-size: 12px !important;
  }
  body {
    overflow: visible !important;
  }
  td {
    border: 1px solid #ccc !important;
    padding: 4px !important;
  }
  th {
    border: 1px solid #ccc !important;
    padding: 4px !important;
    font-weight: bold !important;
  }
  th a {
    font-weight: bold !important;
  }
  a {
    color: #232a2f !important;
  }
  #header,
  #middle-menu,
  #main-navigation,
  #rMenu,
  #companySelector,
  #verticalNav,
  .mainTabs,
  .subTabs,
  .actionPanel a,
  .contextMenu,
  a.detailedResults,
  .pagination,
  button:not(.suggestselectButton),
  th.checkbox,
  td.checkbox,
  .sortableHandle,
  .noSortableHandle,
  #preContent,
  .hidePrint,
  .pQp,
  .toggleNode,
  tr.mceFirst,
  .expand-js,
  #quickLinkFooter,
  #quickLinkCount,
  #pageFooter,
  #topBar-ui2,
  #leftMenu-ui2 {
    display: none !important;
  }
  #header1 {
    margin: 0 15px !important;
  }
  .lMenuContent {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }
  .reportBodyScroll {
    overflow-x: visible !important;
  }
  .pageBreak {
    display: block;
    page-break-before: always;
  }
  .optionsPanel {
    display: none !important;
  }
  .dialogBox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin-left: 0;
    margin-top: 0;
  }
  .dialogBox .lightbox {
    border-radius: 0;
    box-shadow: none;
    position: relative;
    left: 500px;
    top: 76.7px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block;
    border: 0;
    overflow: hidden;
  }
  .dialogBox .content.iframe {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
  }
  .dialogBox > .lightbox > .footer,
  .dialogBox > .lightbox > .header {
    display: none;
  }
  .legendText {
    visibility: hidden;
  }
  .zmrcntr {
    display: none;
  }
  .TreeContainerClass {
    height: auto !important;
    border: 0 !important;
  }
  .tree li .trCustomBox,
  .tree li .assetHeader {
    overflow: visible;
    white-space: normal;
    word-wrap: break-word;
  }
  .tooltip {
    display: none !important;
  }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

html {
  height: 100%;
}

body {
  min-width: 1280px;
  overflow-y: scroll;
}

body.iframe-body {
  min-width: 1000px;
}

body.customer-portal {
  overflow-y: auto;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: "";
}

q:before,
q:after {
  content: "";
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  font-size: 12px;
}

table td {
  padding: 3px 8px 3px 0;
}

#jobssearchPage .divForm #tabsPanel0 .subTabs,
#InvoiceHistoryContainer #invoicessearchPage .divForm #tabsPanel0 .subTabs,
#quotessearchPage .divForm #tabsPanel0 .subTabs,
#leadssearchPage .divForm #tabsPanel0 .subTabs,
#recurringsearchPage .divForm #tabsPanel0 .subTabs,
#workOrdersHistorysearchPage .divForm #tabsPanel0 .subTabs,
#workOrdersInvoiceHistorysearchPage .divForm #tabsPanel0 .subTabs {
  background: #f7f8f9 !important;
}

#jobTabs.subTabs,
#invoiceTabs.subTabs,
#quoteTabs.subTabs,
#leadsTabs.subTabs {
  background: #e2e2e2;
}

#jobTabs,
#quoteTabs,
#invoiceTabs,
#leadTabs {
  background: #e2e2e2 !important;
}

#preContent {
  border-top-right-radius: 5px;
  background-color: #ffffff;
  height: 7px;
}

#preContent.corner_top_left {
  border-top-left-radius: 5px;
}

#tabsButtonsPanel {
  position: relative;
}

.mainTabs {
  border-bottom: 2px solid #e2e2e2;
  min-height: 2.7em;
  margin-bottom: -2px;
}

.mainTabs li {
  display: inline;
  float: left;
  margin-right: 5px;
  margin-bottom: -1px;
}

.mainTabs li a,
.mainTabs li #profileForm #tabsPanel1 li a {
  background: #ececec;
  display: block;
  padding: 6px 23.25px 6px;
}

.mainTabs li a.current,
.mainTabs li #profileForm #tabsPanel1 li a.current {
  z-index: 10000;
}

.mainTabs li a.disabled,
.mainTabs li #profileForm #tabsPanel1 li a.disabled {
  color: #999;
  background: #c5c9cc;
  cursor: default;
}

.mainTabs li a.plus,
.mainTabs li #profileForm #tabsPanel1 li a.plus {
  width: 35px;
  min-width: 0;
  padding: 9px 0 8px;
}

.subTabs {
  padding: 0 0 0 10px;
  list-style: none;
  display: block;
}

.subTabs li {
  display: inline;
  float: left;
  margin-left: 5px;
  margin-right: 0;
  margin-top: 0;
}

.subTabs li.right,
.subTabs li.dfAddBtn {
  float: right;
}

.subTabs li a {
  border: 1px solid transparent;
  border-bottom: 0;
  margin-bottom: -1px;
  display: block;
  padding: 5px 15px 8px 15px;
  padding-top: 8px;
  padding-bottom: 10px;
  position: relative;
  color: #fff;
}

.subTabs li a.current {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.subTabs li a.current .currentSubtab {
  display: inline-block;
  width: 17px;
  height: 8px;
  position: absolute;
  top: -1px;
  left: 40%;
  background-position: 0 -590px;
}

.subTabs li a:hover,
.subTabs li a.current {
  padding: 5px 15px 8px 15px;
  margin-bottom: -1px;
  border-bottom: 0;
  background: #fff;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  padding-top: 8px;
  padding-bottom: 10px;
}

.subTabs li a:hover span.desc,
.subTabs li a:hover.current span.desc,
.subTabs li a.current span.desc,
.subTabs li a.current.current span.desc {
  padding: 0;
}

.subTabs.descriptive li a {
  padding: 8px 10px;
}

.subTabs.descriptive li a span.desc {
  color: #777;
  margin: 0 5px;
  display: none;
}

.subTabs + .subTabs {
  margin-top: 5px;
}

.dialogBox .verticalTabs {
  margin: -20px;
}

#availabiltyTab {
  border-bottom: 2px solid #f0f1f2;
  border-radius: 3px 3px 0 0;
}

#availabiltyTab.subTabs {
  padding-bottom: 0 !important;
}

.iframe #tabsPanel0 .subTabs li a.current {
  margin-bottom: 0;
}

#subSubTabs {
  background: #f7f8f9;
}

#subSubTabs li a {
  background: none;
}

.verticalTabs {
  margin: 0;
  position: relative;
  width: 100%;
  padding: 0;
  min-height: 400px;
}

.verticalTabs nav {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  color: #262626;
  width: 150px;
}

.verticalTabs nav a {
  padding: 10px;
  width: 100%;
  cursor: pointer;
  color: #262626;
}

.verticalTabs nav a:hover,
.verticalTabs nav a.selected {
  background: #004b8d;
  color: #fff;
}

.verticalTabs .contentTabs {
  padding: 20px 0;
  position: absolute;
  top: 0;
  left: 150px;
  width: 0;
  height: 97.5%;
  overflow: hidden;
  display: none;
}

.verticalTabs .contentTabs.visible {
  padding: 10px 0 0 20px;
  width: 65%;
  display: block;
  border-left: 1px solid #ccc;
}

.verticalTabs div {
  padding-bottom: 2px;
}

.verticalTabs div:last-of-type {
  padding-bottom: 0;
}

.mainTabs li a,
.mainTabs li #profileForm #tabsPanel1 li a {
  background: #fff;
  color: #1976d2;
  border-radius: 3px 3px 0 0;
  border: 1px solid #fff;
  border-left: 0;
}

.mainTabs li a:hover,
.mainTabs li #profileForm #tabsPanel1 li a:hover {
  background: #f7f8f9;
  color: #1976d2;
  border-bottom: 1px solid #f7f8f9;
}

.mainTabs li a.current,
.mainTabs li #profileForm #tabsPanel1 li a.current {
  border-bottom: 1px solid #e2e2e2;
  background: #e2e2e2;
  font-weight: bold;
  color: #000;
}

.mainTabs li a.current:hover,
.mainTabs li #profileForm #tabsPanel1 li a.current:hover {
  color: #000;
}

#preContent {
  background-color: #fff;
}

.subTabs {
  background: #e2e2e2;
  padding-top: 7px;
  padding-bottom: 5px;
}

.subTabs li {
  margin-right: 20px;
}

.subTabs li a {
  color: #1976d2;
  border-width: 0;
}

.subTabs li a:hover {
  font-weight: normal;
  background-color: #e2e2e2;
  color: #000;
}

.subTabs li a.current {
  background-color: #e2e2e2;
  color: #000;
  font-weight: bold;
}

.subTabs li a.disabled {
  color: #888;
}

.iframe #tabsPanel0 .subTabs {
  margin-top: 0;
}

.iframe #tabsPanel0 .subTabs li a {
  padding: 10px 15px 5px 15px;
}

.iframe #tabsPanel0 .subTabs li a:hover,
.iframe #tabsPanel0 .subTabs li a.current {
  background: transparent;
}

.tabsContent.subSubTabs .subTabs {
  background: #f7f8f9;
}

.tabsContent.subSubTabs .subTabs li a.current,
.tabsContent.subSubTabs .subTabs li a:hover {
  background: #f7f8f9;
}

.security-groups-tabs button.right.saveBtn,
.security-groups-tabs button.saveBtn.dfAddBtn {
  margin: 10px 10px 0 10px;
}

input[type=text],
input[type=number],
input[type=password],
input[type=search],
input[type=email],
input[type=url],
textarea {
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  border: 1px solid #ccc;
  font-family: "Roboto", sans-serif !important;
  font-weight: 400;
  font-size: 13px;
  height: 26px;
  -webkit-appearance: none;
}

input:focus[type=text],
input:focus[type=number],
input:focus[type=password],
input:focus[type=search],
input:focus[type=email],
input:focus[type=url],
textarea:focus {
  background-color: #ddeffc;
  border-bottom: 1px solid #0e527f !important;
}

.labelLike {
  margin-right: 10px;
  line-height: 26px;
}

.inputLike {
  position: relative;
  top: 18px;
}

input[type=radio],
input[type=checkbox] {
  margin: -2px 2px 0 0;
  vertical-align: middle;
  font-size: 13px;
}

object,
input {
  outline: 0;
}

.span3 input[type=text].hasSideText,
.span3 input[type=number].hasSideText,
.span3 input[type=password].hasSideText,
.span3 input[type=search].hasSideText {
  width: 90%;
}

input[type=text],
input[type=number],
input[type=password],
input[type=search],
input[type=email],
input[type=url] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 3px;
}

input[type=text].hasSideText,
input[type=number].hasSideText,
input[type=password].hasSideText,
input[type=search].hasSideText,
input[type=email].hasSideText,
input[type=url].hasSideText {
  width: 92%;
  float: left;
}

input[type=number],
input.number {
  text-align: right;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

input[type=search].datePicker,
input[type=search].dateRangePicker,
input[type=search].timePicker {
  width: 70px;
  height: 16px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

input[type=file] {
  margin: 0;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  margin-top: -5px;
}

input[type=color] {
  border-radius: 3px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: 1px solid #ccc;
  height: 26px;
}

textarea {
  min-height: 92px;
  resize: vertical;
}

textarea.match-editor {
  min-height: 151px;
}

textarea.htmlEditor {
  min-height: 257px;
}

textarea#to {
  min-height: 41px;
}

textarea:focus {
  background-color: #ddeffc;
}

.readonly:not([type=radio]),
.readonly:not(.readLightGrayBackground) {
  background: #e6e6e6;
}

.readonly.readLightGrayBackground {
  background: #f7f8f8;
}

input::-ms-clear {
  display: none;
}

input.error:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #f8b5bc inset;
}

#livePaymentContainer .expiry input[type=text] {
  width: 50px;
}

#livePaymentContainer .slash {
  font-size: 1.6em;
}

.groupedInput,
.transparentGroupedInput {
  border-radius: 0;
  position: relative;
  display: table;
  width: 100%;
}
.groupedInput .mfro-text,
.transparentGroupedInput .mfro-text {
  padding-left: 0px;
}

.groupedInput input,
.transparentGroupedInput input {
  border-radius: 0;
}

.groupedInput *:first-child,
.transparentGroupedInput *:first-child {
  border-radius: 3px 0 0 3px;
}

.groupedInput *:last-child,
.transparentGroupedInput *:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.groupedInput > input,
.groupedInput > textarea,
.transparentGroupedInput > input,
.transparentGroupedInput > textarea {
  display: table-cell;
  float: left;
}

.groupedInput > input.buttonPadding,
.groupedInput > textarea.buttonPadding,
.transparentGroupedInput > input.buttonPadding,
.transparentGroupedInput > textarea.buttonPadding {
  padding-right: 32px;
}

.groupedInput > button:not(.suggestselectButton),
.groupedInput > span,
.transparentGroupedInput > button:not(.suggestselectButton),
.transparentGroupedInput > span {
  border-radius: 3px;
  display: table-cell;
  position: absolute;
  right: 0;
  height: 100%;
  margin: 0;
}

.groupedInput > span,
.groupedInput > label,
.transparentGroupedInput > span,
.transparentGroupedInput > label {
  width: 1%;
  background: #ccc;
  padding: 0 10px;
  line-height: 0;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  white-space: nowrap;
}

.groupedInput > span.fieldHeader,
.groupedInput > span.noFieldHeader:before,
.groupedInput > label.fieldHeader,
.groupedInput > label.noFieldHeader:before,
.transparentGroupedInput > span.fieldHeader,
.transparentGroupedInput > span.noFieldHeader:before,
.transparentGroupedInput > label.fieldHeader,
.transparentGroupedInput > label.noFieldHeader:before {
  background: none;
}

.groupedInput > span:first-child,
.groupedInput > label:first-child,
.transparentGroupedInput > span:first-child,
.transparentGroupedInput > label:first-child {
  border-radius: 3px 0 0 3px;
}

.groupedInput > span:first-child.fieldHeader,
.groupedInput > span.noFieldHeader:first-child:before,
.groupedInput > label:first-child.fieldHeader,
.groupedInput > label.noFieldHeader:first-child:before,
.transparentGroupedInput > span:first-child.fieldHeader,
.transparentGroupedInput > span.noFieldHeader:first-child:before,
.transparentGroupedInput > label:first-child.fieldHeader,
.transparentGroupedInput > label.noFieldHeader:first-child:before {
  padding-left: 0;
}

.groupedInput > span:first-child > input,
.groupedInput > label:first-child > input,
.transparentGroupedInput > span:first-child > input,
.transparentGroupedInput > label:first-child > input {
  margin: 0;
  vertical-align: middle;
  border: 1px solid red;
}

.groupedInput > span:last-child,
.groupedInput > label:last-child,
.transparentGroupedInput > span:last-child,
.transparentGroupedInput > label:last-child {
  border-radius: 0 3px 3px 0;
}

.groupedInput > span:last-child.fixedwidth,
.groupedInput > label:last-child.fixedwidth,
.transparentGroupedInput > span:last-child.fixedwidth,
.transparentGroupedInput > label:last-child.fixedwidth {
  min-width: 80px;
  text-align: right;
}

.groupedInput label {
  line-height: normal;
}

.transparentGroupedInput > span {
  background: transparent !important;
}

.tblGrid .transparentGroupedInput > span:first-child {
  padding-right: 4px;
  padding-left: 0;
}

.tblGrid .transparentGroupedInput > span:last-child {
  padding-right: 0;
  padding-left: 4px;
}

.tblGrid .transparentGroupedInput input + span {
  padding-right: 0;
  padding-left: 4px;
}

.validGroupedInput {
  position: relative;
}

.validGroupedInput [class*=icon],
.validGroupedInput .valid,
.validGroupedInput .invalid {
  position: absolute;
  right: 10px;
  top: 7px;
}

label {
  margin-right: 10px;
  line-height: 28px;
  cursor: pointer;
}

label + label {
  white-space: nowrap;
}

.fieldHeader,
.noFieldHeader:before {
  display: block;
  margin: 15px 0 8px 0;
  font-weight: 700;
  color: #4c4c4c;
  line-height: inherit;
}

.fieldHeader:has(.toggleSmall),
.noFieldHeader:has(.toggleSmall):before {
  margin: 13px 0 8px 0;
}

.fieldHeader a,
.noFieldHeader:before a {
  font-weight: normal;
}

.fieldHeader + span,
.noFieldHeader:before + span {
  min-height: 24px;
  display: inline-block;
}

.fieldHeader > button,
.noFieldHeader:before > button,
.fieldHeader label,
.noFieldHeader:before label,
.fieldHeader .groupedInput,
.noFieldHeader:before .groupedInput {
  margin-top: 23px;
}

.noFieldHeader:before {
  content: " ";
}

.newFormsFormIcon {
  display: inline-block;
  margin-top: 4px;
  font-size: 22px !important;
  color: #1976d2;
}

select {
  width: 100%;
  height: 26px;
  border: 1px solid #cccccc !important;
  color: #262626 !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 400;
  font-size: 13px;
}

select.scripts {
  width: 150px;
}

.suggestselectButton {
  border-radius: 3px;
  position: relative;
  padding: 2px 18px 3px 5px;
  text-overflow: ellipsis;
  text-align: left;
  cursor: pointer;
  overflow-x: hidden;
  overflow-y: hidden;
  height: 26px;
  border: 1px solid #cccccc !important;
  background: #fff;
  color: #262626 !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 400;
  font-size: 13px;
  width: 100%;
  vertical-align: baseline;
}

.suggestselectButton:disabled {
  cursor: default;
  background: #dfdfdf;
}

.suggestselectButton > .label {
  white-space: nowrap;
}

.suggestselectButton > .subLabel {
  color: #a6a6a6;
}

.suggestselectButton span.ui-icon {
  position: absolute;
  top: 50%;
  right: 2px;
  margin-top: -8px;
}

.suggestselectButton .category {
  font-weight: bold;
  padding: 4px;
}

.suggestselectButton .selectAllPanel,
.suggestselectButton .filterPanel {
  padding: 6px;
  position: relative;
}

.suggestselectButton .selectAllPanel {
  min-width: 200px;
}

.suggestselectButton .selectAllPanel a {
  text-decoration: none;
}

.suggestselectButton .selectAllPanel span.ui-icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.suggestselectButton .selectAllPanel span.label {
  margin-left: 20px;
  margin-right: 15px;
}

.suggestselectButton .filterPanel input {
  width: 60%;
  margin-left: 2px;
}

.suggestselectButton .option {
  position: relative;
}

.suggestselectButton .option .subLabel {
  display: block;
  color: #aaaaaa;
}

.suggestselectButton .checkbox {
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  margin-top: -6px;
}

.suggestselectButton.multiple .label {
  margin-left: 20px;
}

.suggestselectButton:focus {
  background: #e4f2ff !important;
}

.suggestselectButton span.ui-icon {
  right: 5px !important;
  margin-top: -5px !important;
}

.suggestselectButton span.text {
  margin-left: -3px;
}

.suggestselectResults:not(.autocomplete) {
  max-height: 255px;
}

.suggestselectResults .option .subLabel,
.ui-autocomplete-description,
.ui-autocomplete-extended {
  color: #a6a6a6 !important;
  display: block;
}

.suggestselectResults {
  z-index: 600;
  border: 1px solid #ccc !important;
}

.suggestselectResults .filterPanel {
  position: sticky;
  top: 0px;
  background: #ebebeb;
  padding: 5px;
}

.suggestselectResults .filterPanel label:not(:last-child) {
  margin-right: 5px;
}

.suggestselectResults .selectAllPanel {
  background: #ebebeb;
  border-top: 1px solid #d9d9d9;
}

.suggestselectResults .selectAllPanel a {
  display: inline-block;
}

.suggestselectResults .selectAllPanel span.ui-icon {
  margin: 3px 2px 5px 7px;
  float: left;
}

.suggestselectResults .selectAllPanel span.ui-icon + span.label {
  display: inline-block;
  margin: 4px 5px 4px 0;
}

.suggestselectResults .checkbox {
  margin-left: 5px !important;
}

.suggestselectResults .categoryLeft {
  background: #ebebeb;
  overflow: hidden !important;
  padding: 8px 10px !important;
}

.suggestselectResults .optionRight {
  clear: none !important;
  padding: 5px !important;
  border-bottom: 1px solid #eee;
}

.suggestselectResults li.category:last-child {
  padding: 5px 10px !important;
  box-sizing: border-box;
  background: #ebebeb;
}

.suggestselectResults#globalSearchResults {
  border-radius: 3px;
  max-height: 600px;
  min-width: 550px !important;
  overflow-x: hidden;
  z-index: 1000;
  padding: 0;
}

@media only screen and (max-width: 1366px) {
  .suggestselectResults#globalSearchResults {
    min-width: 250px !important;
  }
}
.suggestselectResults#globalSearchResults .filterPanel {
  background: transparent !important;
  border: 0 !important;
  position: static;
}

.suggestselectResults#globalSearchResults li a {
  padding: 0 0.4em;
}

.suggestselectResults#globalSearchResults li a .label .subLabel {
  display: block;
}

.suggestselectResults#globalSearchResults li:nth-last-child(2) a.ui-state-hover {
  margin: -1px !important;
}

.suggestselectResults#globalSearchResults li.category:last-child {
  padding: 5px 10px !important;
  box-sizing: border-box;
  background: #eee;
}

.suggestselectResults:not(#globalSearchResults) .ui-menu-item {
  font-size: 1em;
}

.suggestselectResults:not(#globalSearchResults) .ui-state-active {
  border: 0 !important;
  background: transparent !important;
  margin-left: 0 !important;
}

.suggestselectResults:not(#globalSearchResults) .ui-state-active a {
  background: #e4f2ff;
}

.suggestselectResults:not(#globalSearchResults) .ui-state-active:hover {
  border: 0 !important;
}

.suggestselectResults:not(#globalSearchResults) .ui-state-active:hover a {
  border: 0 !important;
}

.suggestselectResults:not(#globalSearchResults) .ui-state-active:hover a.ui-state-hover {
  border: 1px solid white !important;
}

.suggestselectResults:not(.autoComplete) .category {
  font-weight: 500;
  padding-left: 3px;
}

.ms-ctn {
  box-shadow: none;
  border-radius: 3px !important;
  font-size: 12px !important;
}

.ms-ctn input[type=text] {
  margin: 0 0 1px 1px !important;
  padding: 4px 7px !important;
  height: 23px !important;
  border: 0;
}

.ms-ctn input[type=text]:focus {
  background-color: #e4f2ff !important;
}

.ms-ctn .ms-sel-ctn {
  background: #f7f8f9;
}

.ms-ctn .ms-sel-ctn .ms-sel-item {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  color: #333333 !important;
  background: none repeat scroll 0 0 #e4e4e4 !important;
  white-space: normal;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ms-trigger-ico {
  height: 8px !important;
  width: 7px !important;
  border: 0 !important;
  margin-top: 1px !important;
}

.ms-trigger-ico:before {
  color: #999;
  font-family: "v12-icons";
  font-size: 0.5em;
}

.ms-ctn-bootstrap-focus {
  border-color: rgba(82, 0, 0, 0.8) !important;
}

.ms-ctn-bootstrap-focus .ms-res-ctn {
  border-color: rgba(82, 0, 0, 0.8) !important;
}

.ms-res-ctn {
  z-index: 997;
}

.ms-res-ctn .ms-res-item-active {
  background: #bfdaff !important;
  color: #2d2525 !important;
}

h2 + button {
  margin-top: 20px;
}

.notes {
  margin-top: 10px;
}

.auditText {
  min-width: 40px;
  max-width: 300px;
}

#claimPerItemAll {
  min-width: inherit;
}

.filterPanel input {
  background-color: #f7f8f9;
}

.sInput {
  width: 60%;
  padding: 2px 4px 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -moz-box-sizing: border-box;
  height: 40px;
  font-weight: normal;
}

#content .sInput,
#content .btnSearch {
  height: 26px;
  color: #232a2f;
  float: left;
  right: -5px;
}

#content table .btnSearch {
  width: 40px;
  height: 20px;
}

#content button + button {
  margin-left: 10px;
}

#sPanel .ui-multiselect {
  height: 40px;
}

.innerBox .fieldHeader,
.innerBox .noFieldHeader:before {
  color: #5a5a5a;
}

.innerBox .title {
  font-size: 24px;
}

.innerBox #logo.login {
  margin: 30px 0 0 0;
}

.innerBox .btnLogin p {
  font-size: 12px;
}

.innerBox .btnLogin {
  height: 26px;
  font-size: 14px;
  background: #229bff;
  color: #fff;
  border: 0;
  margin-top: 38px;
}

.tinyInput {
  width: 40px;
  min-width: 40px;
}

.smlInput {
  width: 65px;
  min-width: 40px;
}

.mInput {
  width: 180px;
  min-width: 40px;
}

.xLInput {
  width: 250px !important;
}

.lInput {
  width: 50%;
}

.time {
  width: 25px;
}

.time:before {
  font-family: "v12-icons";
  color: #a6a6a6;
  margin: 1px;
  line-height: 15px;
}

.browseFile {
  width: 230px;
  float: left;
  position: relative;
  margin-bottom: 5px;
}

.browseFile input[type=file] {
  position: absolute;
  z-index: 3;
  top: 4px;
  opacity: 0;
}

.browseFile button {
  height: 24px;
  margin-left: 0;
  position: relative;
  z-index: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.browseFile .input {
  height: 16px;
  width: 80%;
  position: absolute;
  right: 0;
  z-index: 0;
  margin-left: -5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

button {
  display: inline-block;
  height: 26px;
  margin: 0;
  padding: 0 15px;
  vertical-align: top;
  outline: none;
  cursor: pointer;
  color: #232a2f;
  background: #e7e9ec;
  border: 1px solid #ccc;
  font: 1em "Roboto", sans-serif;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 3px;
  text-transform: capitalize;
}

button.btnRow:not(.saveBtn) {
  margin-right: 0;
  padding: 0 5px;
}

button.btnRow:not(.saveBtn).blueBorder {
  border-color: #229bff;
  color: #229bff;
}

button#showDetail {
  position: absolute;
  right: 10px;
}

button.text {
  padding-left: 5px;
  padding-right: 5px;
}

button.largeBtn {
  font-size: 1.5em;
  height: 45px;
}

button.btnRed {
  text-transform: uppercase;
  min-width: 80px;
  border: solid 1px #de104f;
  background: #de104f;
  color: #ffffff;
}

button.btnRed:hover,
button.btnRed:active {
  background: #db2e2e;
}

.buttonLike {
  margin: 0;
  padding: 5px 15px;
  vertical-align: top;
  outline: none;
  cursor: pointer;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button:hover {
  text-decoration: none;
  color: #a9a9aa;
}

#buttonsPanel {
  right: 0;
  bottom: 4px;
  z-index: 2;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: right;
}

#buttonsPanel > button,
#buttonsPanel .splitButton {
  margin-left: 10px;
}

#buttonsPanel > button,
#buttonsPanel .splitButton > button {
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 3px;
  height: 24px;
}

.btnGrey,
.btnBlue,
.btnGreen,
.btnDarkblue,
.btnOrange {
  min-width: 80px;
  border: 0;
  border-radius: 3px;
  text-transform: uppercase;
}

button .icon-plus,
button #cNav .menuHover .menuContent ul li .mainMenuPlus:before,
#cNav .menuHover .menuContent ul li button .mainMenuPlus:before {
  margin-right: 3px;
}

.btnSearch {
  background: #fff;
}

.btnGrey {
  background: #d2d5d8;
  color: #232a2f;
}

.btnGrey:hover:not(:disabled) {
  background: #c4c8cc;
}

.btnGrey:active {
  background: #b7bcc0;
}

.btnGrey:disabled {
  cursor: default;
}

.btnBlue {
  background: #1976d2;
  color: #ffffff;
}

.btnBlue:hover {
  background: #098fff;
}

.btnBlue:active {
  background: #0082ee;
}

.btnGreen {
  background: #41b555;
  color: #ffffff;
}

.btnGreen:hover {
  background: #38991f;
}

.btnGreen:active {
  background: #30841a;
}

.btnOrange {
  background: #faaf3c;
  color: #ffffff;
}

.btnOrange:hover {
  background: #f9a523;
}

.btnOrange:active {
  background: #f99b0a;
}

.btnDarkblue {
  background: #0e527f;
  color: #ffffff;
}

.btnDarkblue:hover {
  background: #1669bb;
}

.btnDarkblue:active {
  background: #145ca4;
}

.buttonsGroup {
  display: inline-flex;
}

.buttonsGroup button {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  margin-left: 0 !important;
  border-top: 2px solid #3b474f;
  border-bottom: 2px solid #3b474f;
  border-left: 0;
  border-right: 0;
  background: #232a2f;
  color: #fff;
  position: relative;
}

.buttonsGroup button:not(:first-child)::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -3px;
  height: calc(100% + 2px);
  width: 1px;
  background-color: #3b474f;
}

.buttonsGroup button:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-right: 0;
  border-left: 2px solid #3b474f;
}

.buttonsGroup button:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-left: 0;
  border-right: 2px solid #3b474f;
}

.btnSec {
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 3px;
}

.btnSec [class*=icon-] {
  padding-top: 1px;
  display: inline-block;
}

.btnSec .btnIcon {
  vertical-align: baseline;
  margin-left: 5px;
}

.btnSec--secondaryButton {
  border-color: #229bff;
  color: #229bff;
  background-color: #fff;
  min-width: 100px;
  text-transform: uppercase;
}

.btnSec--secondaryButton:hover {
  background-color: #e7e9ec;
}

.saveBtn {
  font-size: 12px;
  height: 26px;
}

.saveBtn.btnPanelSaveBtn {
  height: 24px;
}

.saveBtn.rightMargin {
  margin-right: 7px;
}

.saveBtn.leftMargin {
  margin-left: 7px;
}

.saveBtn.topMargin {
  margin-top: 7px;
}

.saveBtn.bottomMargin {
  margin-bottom: 7px;
}

.saveBtn .buttonIconRight {
  font-size: 0.5em;
  padding: 3px 0 0 5px;
  float: right;
}

.saveBtn .buttonIconLeft {
  font-size: 0.5em;
  padding: 3px 5px 0 0;
  float: left;
}

.btnRow:not(.saveBtn) {
  background: #fff;
  border: 1px solid #596065;
  border-radius: 3px;
  color: #596065;
  font-size: 11px;
  height: 20px !important;
}

.btnRow:not(.saveBtn):active {
  background: #f7f8f9;
}

.btnRow span.options:after {
  font-family: "v12-icons";
  font-size: 0.6em;
  padding-left: 5px;
  color: #666;
}

.btnRow span.dot {
  display: inline-block;
  width: 12px;
  height: 12px;
}

.btnRow span.dot:before {
  content: "…";
  font-weight: bold;
  font-family: "Roboto", sans-serif;
}

.btnRow.btnRowIsolated {
  height: 26px !important;
}

.scheduleButton {
  color: #999;
  background: #f0f1f2;
  width: 42px;
  padding: 0 5px;
  line-height: 22px;
}

.scheduleButton .icon-calendar {
  font-size: 14px;
  float: left;
}

.scheduleButton .icon-right-double-arrow {
  font-size: 8px;
  float: right;
  margin-top: 4px;
}

.dropArrow:after {
  font-family: "v12-icons";
  font-size: 0.6em;
  padding-left: 5px;
}

.dropArrowSelectWrapper {
  display: inline-block;
  vertical-align: text-bottom;
  border: 1px solid #fff;
}

.dropArrowSelect:after {
  font-family: "v12-icons";
  font-size: 0.6em;
  padding-left: 5px;
}

.dropArrowSelectWrapper:hover {
  border: 1px solid #ccc;
  cursor: pointer;
}

button:active:not(.suggestselectButton) {
  padding-top: 2px;
}

.btnDesc {
  padding-left: 5px;
  padding-right: 5px;
}

.btnImg {
  width: auto;
  height: auto;
  padding: 2px;
  vertical-align: top;
  border: 1px solid #cccccc;
  background: #fff;
}

.btnImg:hover {
  border-color: #9da1a6;
}

.btnImg:active {
  background: #e7e4e4;
}

.btnImg span {
  display: block;
  width: 15px;
  height: 15px;
}

.btnImg span.med {
  width: 20px;
  height: 20px;
}

.btnImg span.large {
  width: 22px;
  height: 18px;
}

.exportDownArrow:before {
  font-family: "v12-icons";
}

h2 .exportDownArrow {
  height: 1.1em;
  vertical-align: middle;
}

h2 .exportDownArrow:before {
  font-size: 0.8em;
  position: relative;
  top: -3px;
}

.btnImg span.magnify {
  background: transparent;
}

.btnImg span.magnify:before {
  font-family: "v12-icons";
  color: #a6a6a6;
  margin: 0 4px;
  line-height: 17px;
  font-size: 15px;
}

.btnImg span.icon-location-search {
  color: #a6a6a6;
  line-height: 17px;
  font-size: 15px;
}

.btnImg span.icon-leads {
  color: #a6a6a6;
  line-height: 14px;
  font-size: 15px;
  padding: 0 5px 0 3px;
}

.btnImg span.icon-pin {
  color: #a6a6a6;
  line-height: 17px;
  font-size: 15px;
}

.btnImg span.date {
  background: transparent;
}

.btnImg span.date:before {
  font-family: "v12-icons";
  color: #a6a6a6;
  margin: 0;
  line-height: 15px;
  font-size: 15px;
}

.btnImg span.time {
  font-family: "v12-icons";
  color: #a6a6a6;
  line-height: 15px;
  font-size: 15px;
}

.btnToggleGridPanel {
  float: right;
  margin-top: 10px;
  margin-right: 6px;
}

.datePicker,
.dateRangePicker,
.timePicker {
  width: 65px;
}

.datePicker + button,
.dateRangePicker + button,
.timePicker + button {
  padding: 0 4px;
  margin-left: 0;
  border-left: none;
  border-color: #cccccc;
  background: #fff;
  border-left: 1px solid #ccc;
}

.dfAddBtn {
  margin-top: -27px;
  position: relative;
  z-index: 2;
}

.dfAddBtn.dfAddBtnCompact {
  margin-top: -25px;
}

.dfAddBtnStatus {
  top: -42px;
  margin-right: 10px;
}

.transparentBtn {
  border: none;
  background: transparent;
  text-transform: uppercase;
  color: #1976d2;
}

.transparentBtn:hover {
  border: 1px solid #1976d2;
}

.transparentBtnBorder {
  border: 1px solid #1976d2;
  background: transparent;
  text-transform: uppercase;
  color: #1976d2;
}

.transparentBtnBorder:hover {
  color: #fff;
  background: #1976d2;
}

.btnTxtWrap {
  word-break: break-word;
  white-space: normal;
  padding: 5px;
  height: auto;
}

.switch {
  position: relative;
  display: inline-block;
  width: 65px;
  height: 24px;
}

.switch.switch--compact {
  width: 45px;
  height: 25px;
}

.switch.switch--compact .slider:before {
  height: 20px;
  width: 20px;
}

.switch.switch--compact input.checked:not([readonly]) + .slider:before,
.switch.switch--compact input:checked:not([readonly]) + .slider:before {
  transform: translateX(18px);
}

.switch input {
  display: none;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #dcdedf;
  transition: 0.5s;
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 3px;
  bottom: 2.57px;
  background-color: white;
  transition: 0.5s;
  z-index: 1;
}

.switch .slider:focus-visible {
  outline: 1px solid #ccc;
  outline-offset: 1px;
  transition: auto;
}

.switch-inline {
  top: 8px;
}

.switch.disabled {
  opacity: 0.3;
  background-color: inherit !important;
}

.switch-on,
.switch-off {
  position: absolute;
  font-size: 12px;
  font-weight: 500;
  color: white;
  top: -1px;
}

.switch-on {
  left: 8px;
  display: none;
}

.switch-off {
  right: 8px;
  color: #262626;
}

input.checked + .slider,
input:checked + .slider {
  background-color: #1976d2;
}

input.checked + .slider:focus-visible,
input:checked + .slider:focus-visible {
  outline: 1px solid #1976d2;
  outline-offset: 1px;
  transition: auto;
}

input.checked:not([readonly]) + .slider:before,
input:checked:not([readonly]) + .slider:before {
  transform: translateX(38px);
  left: 5px;
}

input.checked ~ .switch-on,
input:checked ~ .switch-on {
  display: block;
}

input.checked ~ .switch-off,
input:checked ~ .switch-off {
  display: none;
}

.switchLabelAlign {
  margin-top: 13px;
}

.leftSwitchLabelAlign {
  padding-top: 5px;
  margin-left: 0px !important;
}

.switch-inline {
  top: 8px;
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.switch.switch--small {
  width: 34px;
  height: 14px;
  line-height: 18px;
}

.switch.switch--small .slider:before {
  width: 10px;
  height: 10px;
  left: 2px;
  bottom: 1.74px;
}

.switch.switch--small input.checked:not([readonly]) + .slider:before,
.switch.switch--small input:checked:not([readonly]) + .slider:before {
  transform: translateX(17px);
}

.switch.switch--small .switch-on,
.switch.switch--small .switch-off {
  font-size: 9px;
}

.switch.switch--small .switch-on {
  left: 4px;
}

.switch.switch--small .switch-off {
  right: 4px;
}

.switch.switch--medium {
  width: 40px;
  height: 16px;
  line-height: 20px;
}

.switch.switch--medium .slider:before {
  width: 12px;
  height: 12px;
  left: 2px;
  bottom: 1.74px;
}

.switch.switch--medium input.checked:not([readonly]) + .slider:before,
.switch.switch--medium input:checked:not([readonly]) + .slider:before {
  transform: translateX(21px);
}

.switch.switch--medium .switch-on,
.switch.switch--medium .switch-off {
  font-size: 10px;
}

.switch.switch--medium .switch-on {
  left: 6px;
}

.switch.switch--medium .switch-off {
  right: 6px;
}

.switch.switch--medium.switch-inline {
  top: 3px;
}

.reset-lists ul {
  margin-top: 1em;
  margin-bottom: 1em;
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 25px;
}

.reset-lists ol {
  margin-top: 1em;
  margin-bottom: 1em;
  list-style-type: decimal;
  list-style-position: inside;
  margin-left: 25px;
}

.reset-lists ul ul,
.reset-lists ol ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: circle;
  list-style-position: inside;
  margin-left: 40px;
}

.reset-lists ol ol,
.reset-lists ul ol {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: lower-latin;
  list-style-position: inside;
  margin-left: 40px;
}

.reset-lists tbody td {
  padding: 0 0;
}

body {
  background: #fff;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: #232a2f;
  height: 100%;
}

blockquote {
  font-size: 1.75em;
  font-weight: 300;
  color: #999;
  padding: 20px;
  margin: 30px;
  border-left: 5px solid #1976d2;
}

blockquote .speaker {
  margin: 10px 0;
  font-size: 0.8em;
}

.left {
  float: left !important;
}

.right,
.dfAddBtn {
  float: right !important;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.absolute {
  position: absolute !important;
}

.btnBorder {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #ccc;
}

.inlineEditPanel {
  margin: 20px;
  border: 1px solid #ccc;
  padding: 0 20px 0 20px;
  background: #f4fafe;
}

.inlineEditPanel > h2 {
  margin: 0;
  font-size: 1.25em;
}

.inlineEditPanel > .btnBorder {
  margin: 10px -20px 0;
  padding: 10px 20px;
  text-align: left;
  background: #fefeff;
}

#page {
  text-align: left;
  min-height: 100%;
  position: relative;
}

.mainWrap {
  padding-bottom: 50px;
}

#pageFooter {
  width: 100%;
  height: 50px;
  line-height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 10px;
  color: #666;
}

#pageFooter > span {
  color: #1976d2;
  font-weight: 700;
  font-size: 11px;
}

a {
  text-decoration: none;
  color: #1976d2;
}

a img {
  border: none;
}

a:active,
a:focus {
  outline: 0;
}

a:hover {
  text-decoration: none;
  cursor: pointer;
  color: #024bb3;
}

a.inlineButton {
  height: 26px;
  line-height: 26px;
}

.createLink {
  font-size: 11px;
  font-weight: normal;
}

.createLink.right,
.createLink.dfAddBtn {
  margin-left: auto;
}

h1 {
  padding: 8px 0 12px 0;
  font-size: 14px;
  font-weight: normal;
  color: #1976d2;
}

h1 a:hover {
  text-decoration: underline;
}

h2 {
  clear: both;
  display: block;
  position: relative;
  padding-top: 18px;
  font-size: 18px;
  font-weight: 500 !important;
  z-index: 0;
  color: #262626 !important;
}

.gadget h2 {
  padding-top: 10px;
}

h3 {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #262626;
}

h3.tableTitle {
  margin-top: 5px;
  margin-bottom: 5px;
}

h3.pbHeadings {
  font-size: 12px;
}

h4 {
  padding-bottom: 5px;
  font-size: 14px;
  border-bottom: 1px solid #232a2f;
}

span.questionnaireNext {
  line-height: 25px;
  padding: 0 10px;
}

p {
  margin: 10px 0;
  font-size: 13px;
}

.sortableList li .sortableHandle {
  display: inline-block;
  width: 11px;
  height: 19px;
  position: relative;
  top: -1px;
  background: #ededed url(../images/handle-dots.png) repeat-y scroll 50% 0;
  border: 1px solid #ccc;
  border-right: 0;
  margin: 0;
}

.sortableList li .sortableHandle + [type=text] {
  border-radius: 0;
}

.sortableHandle,
.topSortableHandle,
.tblGrid .sortableHandle {
  cursor: move;
  vertical-align: middle;
}

.action-list li {
  display: inline-block;
  padding: 5px 8px;
  background: #229bff;
  float: left;
}

.action-list li a {
  color: #fff;
}

.action-list li:first-child {
  background: #ccc;
}

* + [class^=linkImg] {
  margin-left: 5px;
  vertical-align: middle;
}

.linkImgRemove,
.linkImgTick,
.linkImgAdd,
.linkImgMinus {
  width: 16px;
  height: 16px;
}

.linkImgGo {
  width: 16px;
  height: 16px;
}

.linkImgExport {
  height: 16px;
  padding-left: 18px;
}

.linkImgExpand {
  float: right;
  width: 35px;
  height: 40px;
  text-align: center;
  line-height: 25px;
  padding: 10px 0;
  box-sizing: border-box;
  color: #999;
  font-size: 0.9em;
}

.linkImgExpandAll {
  padding-left: 8px;
}

.linkImgExpandAll .icon-down-double-arrow {
  font-size: 0.4em;
  color: #1976d2;
}

.linkImgCollapseAll {
  padding-left: 8px;
}

.linkImgCollapseAll .icon-up-double-arrow {
  font-size: 0.4em;
  color: #1976d2;
}

.linkImgExpandSquare,
.linkImgCollapseSquare {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #e7e9ec;
  border: 1px solid #ccc;
  text-align: center;
}

.linkBoxExpand,
.linkBoxDrop {
  background: none !important;
  border: 0 !important;
}

.linkImgExpandSquare:before,
.linkBoxExpand:before {
  font-family: "v12-icons";
  color: #666;
}

.linkImgCollapseSquare:before,
.linkBoxDrop:before {
  font-family: "v12-icons";
  color: #666;
  position: relative;
  top: 1px;
}

.linkImgTick {
  color: #41b555;
}

.linkImgRemove {
  color: #de104f;
}

.linkImgRemove .icon-question {
  color: #1976d2;
}

.linkImgRemove,
.linkImgTick {
  font-size: 16px;
}

.linkImgAdd:before {
  font-family: "v12-icons";
}

.linkImgMinus:before {
  font-family: "v12-icons";
}

.addScheduleBtn .btnSearch {
  padding: 0;
}

.scheduleResource {
  margin-left: 0;
  margin-top: 0 !important;
  width: 100%;
  display: inline-block;
  color: #a7a7a7;
  padding: 0 4px;
  box-sizing: border-box;
}

.scheduleResource .icon-calendar {
  float: left;
  padding-top: 2px;
}

.scheduleResource .icon-right-double-arrow {
  font-size: 0.6em;
  margin-right: -1px;
  padding-top: 4px;
  float: right;
}

.lGreyBtnNoBorder {
  border: 0;
  background-color: #eee;
  padding: 0 11px;
}

.btnIcon {
  display: inline-block;
  vertical-align: middle;
}

.btnIcon.detail:before {
  font-family: "v12-icons";
  display: block;
  font-size: 0.8em;
  line-height: 0;
  color: #666;
}

.btnIcon.lessDetail:before {
  font-family: "v12-icons";
  display: block;
  font-size: 0.8em;
  line-height: 0;
  color: #666;
}

.btnIcon.addItem {
  background: transparent;
}

.btnIcon.addItem:before {
  font-family: "v12-icons";
  padding: 0 5px 0 0;
}

.attachmentSuccess {
  display: block;
}

.attachmentSuccess:before {
  font-family: "v12-icons";
  width: 18px;
  font-size: 1.3em;
  color: #41b555;
  padding: 0;
}

.validGroupedInput .valid,
.validGroupedInput .invalid {
  background: transparent !important;
  font-family: "v12-icons";
  line-height: 1;
}

.validGroupedInput .valid.hasSibling,
.validGroupedInput .invalid.hasSibling {
  margin-right: 36px;
}

.validGroupedInput .icon.hide {
  display: none !important;
}

.validGroupedInput .invalid:before {
  color: #de104f;
}

.validGroupedInput .valid:before {
  color: #41b555;
}

.notice {
  padding: 15px;
}

.notice h3 {
  margin: 0;
}

.warning {
  border-radius: 3px;
  padding: 10px;
  background: #feed78;
  border: 1px solid #ecf488;
  font-weight: normal !important;
  line-height: 20px;
  position: relative;
  color: #4c4c4c;
  overflow: hidden;
}

.warning--withButton {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.warning__message {
  flex: 1;
  -webkit-flex: 1;
}

.warning strong {
  font-weight: 500;
}

.warning .title {
  margin-bottom: 0;
}

.warning .warningList {
  padding: 7px;
  margin-top: 5px;
  border: 1px solid #dada6f;
  border-left: 3px solid #ff7740;
  overflow: hidden;
  background-color: #ffffe5;
}

.warning .warningList:first-child {
  margin-top: 0;
}

.warning .warningList.error {
  border-left-color: #de104f;
  color: #de104f;
}

.warning #detailAlert {
  padding-top: 10px;
}

.warning .icon-alert,
.warning .icon-exclamation,
.warning .icon-exclamation-project-lock-msg {
  vertical-align: text-bottom;
  font-size: 14px;
  color: #ff7740;
}

.warning h2 .icon-alert,
.warning h2 .icon-exclamation,
.warning h2 .icon-exclamation-project-lock-msg {
  padding: 0;
  color: inherit;
}

.warning .icon-down-arrow,
.warning .inputAdd .down span:before,
.inputAdd .down .warning span:before,
.warning .ui-icon-triangle-2-n-s,
.warning .icon-up-arrow,
.warning #savedSearchesCont ul:before,
#savedSearchesCont .warning ul:before,
.warning #header-menu li ul:before,
#header-menu li .warning ul:before,
.warning #utility-menu li ul:before,
#utility-menu li .warning ul:before,
.warning .inputAdd .up span:before,
.inputAdd .up .warning span:before {
  border-radius: 20px;
  padding: 10px;
  background-color: #fef9d7;
  cursor: pointer;
  display: block;
  font-size: 7px;
  position: absolute;
  right: 10px;
  top: 6px;
  color: #596065;
}

.error {
  background: #fac0d2 !important;
  border: 1px solid;
  border-color: #de104f !important;
}

.error .icon-alert {
  color: #de104f;
}

.info-message {
  background: #e4f2ff !important;
  border: 1px solid;
  border-color: #229bff !important;
}

.info-message .icon-signature-accept {
  color: #229bff;
}

.warningInfo {
  padding: 10px;
  border: 1px solid #ed4d18;
  background: #ffdccb;
  margin-bottom: 15px;
}

.warningInfo h3 {
  margin-top: 0;
}

.span1 {
  display: inline;
  float: left;
  width: 6.25%;
  margin: 0 1.04167%;
  box-sizing: border-box;
  min-height: 1px;
}

.span2 {
  display: inline;
  float: left;
  width: 14.58333%;
  margin: 0 1.04167%;
  box-sizing: border-box;
  min-height: 1px;
}

.span3 {
  display: inline;
  float: left;
  width: 22.91667%;
  margin: 0 1.04167%;
  box-sizing: border-box;
  min-height: 1px;
}

.span4 {
  display: inline;
  float: left;
  width: 31.25%;
  margin: 0 1.04167%;
  box-sizing: border-box;
  min-height: 1px;
}

.span5 {
  display: inline;
  float: left;
  width: 39.58333%;
  margin: 0 1.04167%;
  box-sizing: border-box;
  min-height: 1px;
}

.span6 {
  display: inline;
  float: left;
  width: 47.91667%;
  margin: 0 1.04167%;
  box-sizing: border-box;
  min-height: 1px;
}

.span7 {
  display: inline;
  float: left;
  width: 56.25%;
  margin: 0 1.04167%;
  box-sizing: border-box;
  min-height: 1px;
}

.span8 {
  display: inline;
  float: left;
  width: 64.58333%;
  margin: 0 1.04167%;
  box-sizing: border-box;
  min-height: 1px;
}

.span9 {
  display: inline;
  float: left;
  width: 72.91667%;
  margin: 0 1.04167%;
  box-sizing: border-box;
  min-height: 1px;
}

.span10 {
  display: inline;
  float: left;
  width: 81.25%;
  margin: 0 1.04167%;
  box-sizing: border-box;
  min-height: 1px;
}

.span11 {
  display: inline;
  float: left;
  width: 89.58333%;
  margin: 0 1.04167%;
  box-sizing: border-box;
  min-height: 1px;
}

.span12 {
  display: inline;
  float: left;
  width: 97.91667%;
  margin: 0 1.04167%;
  box-sizing: border-box;
  min-height: 1px;
}

.push1 {
  margin-left: 9.375%;
}

.push2 {
  margin-left: 17.70833%;
}

.push3 {
  margin-left: 26.04167%;
}

.push4 {
  margin-left: 34.375%;
}

.push5 {
  margin-left: 42.70833%;
}

.push6 {
  margin-left: 51.04167%;
}

.push7 {
  margin-left: 59.375%;
}

.push8 {
  margin-left: 67.70833%;
}

.push9 {
  margin-left: 76.04167%;
}

.push10 {
  margin-left: 84.375%;
}

.push11 {
  margin-left: 92.70833%;
}

.push12 {
  margin-left: 101.04167%;
}

.pull1 {
  margin-right: 9.375%;
}

.pull2 {
  margin-right: 17.70833%;
}

.pull3 {
  margin-right: 26.04167%;
}

.pull4 {
  margin-right: 34.375%;
}

.pull5 {
  margin-right: 42.70833%;
}

.pull6 {
  margin-right: 51.04167%;
}

.pull7 {
  margin-right: 59.375%;
}

.pull8 {
  margin-right: 67.70833%;
}

.pull9 {
  margin-right: 76.04167%;
}

.pull10 {
  margin-right: 84.375%;
}

.pull11 {
  margin-right: 92.70833%;
}

.pull12 {
  margin-right: 101.04167%;
}

.row {
  box-sizing: border-box;
  display: block;
  width: 102.08333%;
  margin: 0 -1.04167%;
}

.row.blockRow {
  padding-top: 10px;
  padding-bottom: 10px;
}

#pageContent.lMenuContent {
  display: inline;
  float: left;
  width: 85.41667%;
  margin: 0 1.04167%;
}

#leftMenu {
  display: inline;
  float: left;
  width: 10.41667%;
  margin: 0 1.04167%;
  box-sizing: inherit;
  background: #fff;
  padding-top: 5px;
  margin: 0;
}

#main {
  margin: 5px 28px 0 28px;
  position: relative;
}

#main.iframe {
  padding: 20px 10px 0 10px;
  margin: 0;
}

#main.iframe #headerWrap {
  margin-top: -15px;
}

#content_container {
  background-color: #ffffff;
}

#content_container.dashboardContainer {
  border: 0;
  background: transparent;
}

#content_container.dashboardContainer #content {
  background-color: transparent;
  padding: 0;
}

#content_container #content {
  min-height: 575px;
  padding: 0 0 20px 0;
  background: #ffffff;
}

.warning,
.actionPanel,
div.headerBar {
  margin-top: 10px;
}

table,
#tabsPanel,
#tags,
.warning,
.actionPanel,
.attch,
.sortableList,
.previewBox,
.optionsPanel.footer,
.optionsPanelPrinted.footer {
  margin-bottom: 10px;
}

table table {
  margin-bottom: 0;
  margin-top: 0 !important;
}

div.left + div.left {
  margin-left: 10px;
}

div.iBlockMid + div.iBlockMid {
  margin-left: 8px;
}

div.right + div.right:not(.totalDiv),
div.dfAddBtn + div.right:not(.totalDiv),
div.right + div.dfAddBtn:not(.totalDiv),
div.dfAddBtn + div.dfAddBtn:not(.totalDiv) {
  margin-right: 10px;
}

.sortableHandle {
  text-align: center;
  width: 11px;
  margin: 0 0 -1px -10px;
  padding: 3px 0 2px 0;
  background: #eeeeee;
}

.variationCCHeading,
.formBlockHeading {
  height: 42px;
  line-height: 42px;
  padding-left: 20px;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: 0;
}

.variationCCHeading h3,
.formBlockHeading h3 {
  margin: 0;
  color: #232a2f;
  font-weight: normal;
}

.variationCCHeading .right,
.variationCCHeading .dfAddBtn,
.formBlockHeading .right,
.formBlockHeading .dfAddBtn {
  height: 34px;
  margin-top: 8px;
}

.variationCCHeading .linkImgRemove,
.formBlockHeading .linkImgRemove {
  display: inline-block;
  margin-bottom: 18px;
}

.sectionPanel {
  padding: 0 10px;
  margin: 10px 0;
  border: 1px solid #ccc;
  background: #fff;
}

.sectionPanel p {
  padding-left: 18px;
  max-height: 60px;
  overflow-y: hidden;
}

.sectionPanel p:empty {
  display: none;
}

.sectionPanel h3 {
  background: #fff;
  margin: 0 -10px;
  color: #232a2f;
  font-weight: normal;
}

.sectionPanel h3 input {
  width: 400px;
}

.sectionPanel .sectionDescription textarea {
  width: 400px;
  min-height: 50px;
}

.sectionPanel .topSortableHandle,
.blockPanel .topSortableHandle {
  height: 36px;
  display: inline-block;
  width: 11px;
  border: 1px solid #ccc;
  padding: 3px 0 2px 0;
  background: #eeeeee;
  margin-right: 10px;
}

.sectionPanel .topSortableHandle span,
.blockPanel .topSortableHandle span {
  width: 8px;
  margin-bottom: 2px;
  margin-left: 2px;
  display: block;
  height: 100%;
  background: url("../images/handle-dots.png") repeat-y;
}

.sectionPanel .topSortableHandle {
  margin-left: -1px;
  margin-top: -1px;
}

.clearPanelStyle .tblGrid {
  margin: 0;
}

.clearPanelStyle .tblGrid thead .sortableHandle {
  background: #eee;
}

.clearPanelStyle .tblGrid thead th {
  border: 0;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: #fff;
  padding: 0;
}

.clearPanelStyle .tblGrid thead th .fieldHeader,
.clearPanelStyle .tblGrid thead th .noFieldHeader:before {
  margin-top: 11px;
  font-size: 1.22em;
  color: #1976d2;
}

.clearPanelStyle .tblGrid thead th:hover {
  background: #e4f2ff;
}

.clearPanelStyle .tblGrid .noHover > td:empty {
  padding: 0;
}

.clearPanelStyle .tblGrid .tblGrid th {
  border: 0;
  background: #fff;
  text-align: right;
  padding: 5px 8px;
}

.clearPanelStyle .tblGrid .tblGrid tbody:first-child > tr > td {
  background-color: #fff;
}

.clearPanelStyle .sectionTotalPanel {
  padding-top: 10px;
}

.clearPanelStyle .sectionTotalPanel .selectAll {
  display: inline;
  float: left;
  width: 97.91667%;
  margin: 0 1.04167%;
  margin-left: 28px;
}

.clearPanelStyle .sectionTotalPanel > div:last-child {
  font-size: 1.25em;
  float: right;
  margin-right: 8px;
  width: 53.1%;
}

@media only screen and (max-width: 1280px) {
  .clearPanelStyle .sectionTotalPanel > div:last-child {
    width: 50%;
    margin-right: 6px;
  }
}
@media only screen and (min-width: 1200px) and (max-height: 768px) {
  .clearPanelStyle .sectionTotalPanel > div:last-child {
    width: 50.5%;
    margin-right: 6px;
  }
}
.clearPanelStyle .departmentPanel > td:first-child {
  padding: 3px 0;
}

.clearPanelStyle .departmentPanel .departmentCheckbox {
  margin: -3px 0 0 0 !important;
}

.sectionDisplay.main {
  position: absolute;
  right: 1.15%;
}

.previewBox {
  padding: 10px 10px 0 10px;
}

.tblPanel {
  border: 1px solid #eee;
}

.tblPanel .header {
  padding: 10px;
  background: #eee;
}

.tblPanel .content {
  padding: 10px;
}

.tblPanel--marginCentre {
  margin-top: 1px;
}

.iframe {
  min-height: 18px;
}

.iframe #content {
  min-height: 18px !important;
}

.chart .tblGrid th {
  width: 33.333%;
}

.chart .tblGrid .subHead th {
  width: 6.666%;
}

.tooltip {
  border-radius: 2px;
  display: block;
  position: absolute;
  z-index: 998;
  max-width: 900px;
  background: #ffffff;
  border: 1px solid #ccc;
}

.tooltip:after,
.tooltip:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.tooltip:after {
  border-top-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}

.tooltip:before {
  border-top-color: #bbb;
  border-width: 9px;
  margin-left: -9px;
}

.tooltip .innerScrollableDiv {
  padding: 5px 10px;
  overflow-y: auto;
  max-height: 200px;
}

.tooltip.topToolTip:after,
.tooltip.topToolTip:before {
  top: -17px;
  left: 50%;
  border-top-color: transparent;
}

.tooltip.topToolTip:after {
  border-bottom-color: #fff;
  border-width: 9px;
  margin-left: -9px;
}

.tooltip.topToolTip:before {
  border-bottom-color: #bbb;
  border-width: 8px;
  margin-left: -8px;
}

.dialogBoxTooltip {
  z-index: 1001 !important;
}

.actionPanel > *:not(div),
.actionPanel .left > *:not(div),
.actionPanel .right > *:not(div),
.actionPanel .dfAddBtn > *:not(div) {
  display: inline-block;
  vertical-align: middle;
}

.actionPanel.section {
  height: 13px;
  padding-top: 10px;
  position: relative;
  top: 0;
  margin: -31px 0 5px 40%;
  text-align: right;
}

.actionPanel.section > * {
  margin-left: 5px;
}

.actionPanel.searchSection {
  position: relative;
  top: -18px;
  margin: 0 0 -18px 0;
  padding-top: 0;
}

.actionPanel .left > * {
  margin-right: 10px;
}

.actionPanel.section .left {
  margin-left: 0;
}

.actionPanel h3 {
  margin-top: 6px;
  margin-bottom: 0;
}

.actionPanel a:not(.standardLink) {
  color: #727272;
}

.actionPanel a:not(.standardLink):hover {
  color: #000;
}

.actionPanel .yellowBox {
  padding: 4px 6px;
  margin-top: -7px;
  display: inline-block;
  position: relative;
  border: 1px solid #999;
  background: #fff;
}

.setupPage .row {
  position: relative;
}

.setupPage .vBottom {
  padding: 5px 0;
  display: block;
}

.tblGrid + .actionPanel {
  margin-top: 20px;
}

.actionPanel .yellowBox {
  padding: 4px 6px;
  margin-top: -7px;
  display: inline-block;
  position: relative;
}

.subActionPanel > *:not(div),
.subActionPanel .left > *:not(div),
.subActionPanel .right > *:not(div),
.subActionPanel .dfAddBtn > *:not(div) {
  margin-top: 6px;
}

#savedSearchesMenu {
  position: absolute;
  float: right;
  margin-top: -1px;
  z-index: 100;
  right: 0;
  box-shadow: 0 2px 5px #ddd;
}

#savedSearchesMenu.contextMenu {
  z-index: 999;
  border: none;
}

#savedSearchesMenu .menuHead {
  padding: 6px 5px 6px 10px;
  color: #596065;
}

#savedSearchesMenu li {
  position: relative;
}

#savedSearchesMenu a {
  padding: 5px 8px;
  border: none;
}

#savedSearchesMenu span.linkImgRemove {
  float: right;
  color: #229bff;
  font-size: 16px;
}

#savedSearchesMenu .menuContent {
  max-height: 500px;
  overflow: auto;
  background: #fff;
}

#savedSearchesMenu .searchName {
  display: block;
}

#savedSearchesMenu .iBlockMid {
  vertical-align: top;
}

#savedSearchesMenu .iconHeader.topArrow {
  top: -7px;
}

#savedSearchesCont {
  min-width: 158px;
}

#savedSearchesCont ul {
  min-width: 158px;
  height: auto;
  position: absolute;
  z-index: 10;
  margin: 14px 0 0 -2px;
  padding-top: 5px;
  background: #fff;
  top: 22px;
}

#savedSearchesCont ul:before {
  font-family: "v12-icons";
  width: 100%;
  height: 10px;
  font-size: 7px;
  color: #fff;
  position: absolute;
  top: -6px;
  right: 0;
  padding-right: 15px;
  z-index: 11;
  text-shadow: 0 -1px #ddd;
  text-align: right;
}

#savedSearchesCont ul.last {
  margin-left: -67px;
}

#savedSearchesCont ul a {
  display: block;
  margin-left: 0;
}

#savedSearchesCont ul li a {
  font-size: 12px;
  color: #1976d2;
  padding: 6px 5px 6px 10px;
  width: 100%;
  white-space: normal;
}

#savedSearchesCont ul li a:hover {
  background: #f0f1f2;
}

#savedSearchesCont ul li a.noClick {
  cursor: default;
}

#savedSearchesCont ul li a.noClick:hover {
  background: #fff;
}

.iconHeader.saveSearch {
  width: 8px;
  padding-right: 2px;
  background-position: -200px -55px;
}

.refreshIcon {
  display: inline-block;
  padding: 5px;
}

.refreshIcon .icon-refresh {
  font-size: 1.3em;
}

.exportBtn,
.printBtn {
  padding: 0 5px 0 5px;
  color: #999;
  font-size: 1.1em;
  border-radius: 3px;
}

.exportBtnContext {
  width: auto;
}

.exportOnly {
  display: none !important;
}

.filterOptions {
  float: left;
  margin-top: 8px;
  margin-left: 12px;
  line-height: 1.4em;
}

.filterOptions a {
  margin-right: 12px;
}

.filterOptions span {
  padding-right: 4px;
  margin-bottom: -7px;
}

.filterOptions a:last-child {
  margin-right: 0;
}

.filterOptions .filterBubble {
  background-color: #feed78;
  color: #1976d2;
  border: 1px solid #ccc;
  padding: 2px 7px;
  margin-left: 3px;
  display: inline-block;
  border-radius: 15px;
}

#header {
  background-color: #1976d2;
  height: 40px;
  padding: 0 28px;
  margin-right: 5px;
}

#header .mainWrap {
  height: 40px;
}

#header #logo {
  float: left;
  margin: 9px 0 0 0;
  display: inline;
}

#header .enterpriseLogo {
  height: 25px;
  vertical-align: middle;
  margin: -9px 0;
}

#header1 {
  font-weight: 500;
  font-size: 12px;
  padding: 10px 0 15px 0;
}

h1#header1 {
  color: #262626 !important;
}

.customer-portal #header-menu .alertsBubble {
  min-width: 9px;
  height: 18px;
  line-height: 0px;
  top: 2px;
  margin-left: -10px;
  cursor: pointer;
}

#header-menu {
  float: right;
  list-style: none;
  display: inline;
  position: relative;
  z-index: 106;
  margin-right: 10px;
}

#header-menu > li {
  padding: 10px 5px 5px 20px;
}

#header-menu a {
  color: #fff;
  height: 22px;
  line-height: 22px;
  font-size: 10px;
}

#header-menu a [class^=icon] {
  font-size: 14px;
  vertical-align: -11%;
}

#header-menu span.customer-portal-preview {
  height: 22px;
  line-height: 22px;
  font-size: 10px;
}

#header-menu span.customer-portal-preview [class^=icon] {
  font-size: 14px;
  vertical-align: -11%;
}

#header-menu .icon-logout {
  font-size: 18px;
}

#header-menu .alertsBubble,
#header-menu .announcementBubble {
  position: relative;
  top: -3px;
}

#header-menu .alertsBubble {
  min-width: 15px;
  height: 25px;
  border-radius: 25px;
  line-height: 26px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  background-color: #d2232a;
  display: inline-block;
  color: white;
  padding: 0 5px;
}

#header-menu .announcementBubble {
  min-width: 15px;
  height: 25px;
  border-radius: 25px;
  line-height: 26px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  background-color: #ff7740;
  display: inline-block;
  color: white;
  padding: 0 5px;
}

#header-menu li {
  display: inline-block;
  float: left;
  position: relative;
  z-index: 10;
}

#header-menu li ul {
  width: 158px;
  height: auto;
  position: absolute;
  left: -999em;
  z-index: 10;
  margin: 14px 0 0 -2px;
  padding-top: 5px;
  background: #fff;
}

#header-menu li ul:before {
  font-family: "v12-icons";
  width: 10px;
  height: 10px;
  font-size: 7px;
  color: #fff;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -5px;
  z-index: 11;
}

#header-menu li ul.last {
  margin-left: -67px;
}

#header-menu li ul a {
  display: block;
  margin-left: 0;
}

#header-menu li ul li a {
  font-size: 12px;
  color: #1976d2;
  padding: 6px 5px 6px 10px;
  width: 143px;
  white-space: normal;
}

#header-menu li ul li a:hover {
  background: #f0f1f2;
}

#header-menu li:hover ul {
  left: 50%;
  top: 22px;
  margin-left: -66px;
}

.trialBanner {
  float: right;
  color: #ff7740;
  margin-right: 20px;
  padding: 4px 8px;
  box-sizing: border-box;
  background-color: #0d0d0d;
  border-radius: 4px;
  margin-top: 9px;
  font-weight: 500;
}

.trialBanner a {
  color: #fff;
  margin-left: 5px;
}

#middle-menu {
  background: #f0f1f2;
  border: none;
  height: 30px;
  padding: 0 28px;
}

#middle-menu > a {
  color: #1976d2;
  float: left;
  padding-bottom: 0;
  font-style: normal;
  padding-top: 9px;
  font-size: 12px;
  margin-left: 10px;
}

#middle-menu [class^=icon] {
  font-size: 14px;
  vertical-align: -11%;
  margin-right: 5px;
}

#utility-menu {
  float: right;
  list-style: none;
  display: inline;
  position: relative;
  z-index: 5;
}

#utility-menu .iconHeader.topArrow {
  top: -6px;
  left: 20%;
  background-position: 0 -778px;
}

#utility-menu .last .iconHeader.topArrow {
  left: 70%;
}

#utility-menu li {
  display: inline;
  float: left;
  height: 30px;
  position: relative;
}

#utility-menu li.vsep {
  background: none;
}

#utility-menu li a {
  display: block;
  height: 14px;
  font-size: 12px;
  padding: 7px 8px 5px 8px;
  color: #1976d2;
}

#utility-menu li a img {
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

#utility-menu li ul {
  width: 150px;
  height: auto;
  position: absolute;
  left: -999em;
  z-index: 10;
  margin: -1px 0 0 -2px;
  padding: 5px 0 0 0;
  background: #fff;
  transition-delay: 300ms;
  top: 0;
}

#utility-menu li ul:before {
  font-family: "v12-icons";
  width: 10px;
  height: 10px;
  font-size: 7px;
  color: #fff;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -5px;
  z-index: 11;
}

#utility-menu li ul.last {
  margin: 0 0 0 -70px;
}

#utility-menu li ul li {
  margin: 0;
  height: auto;
}

#utility-menu li ul li a {
  font-size: 12px;
  width: 135px;
  padding: 6px 5px 6px 10px;
  white-space: normal;
  color: #1976d2;
  height: 100%;
}

#utility-menu li ul li a:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

#utility-menu li ul li a:hover {
  background: #f0f1f2;
  color: #1976d2;
}

#utility-menu li ul li.current a {
  background: #fff;
}

#utility-menu li:hover ul,
#utility-menu li.sfhover ul {
  left: 50%;
  top: 30px;
  margin-left: -75px;
}

#utility-menu li:hover {
  background-position: 0 0;
}

#main-navigation {
  height: 50px;
  padding: 0 28px;
  background: #f0f1f2;
}

#main-navigation .borderGen {
  width: 1px;
  height: 38px;
}

#main-navigation.customerNavigation {
  padding-top: 6px;
}

#lSearch {
  float: left;
  height: 50px;
  margin-right: 10px;
}

#searchContainer {
  height: 50px;
  padding: 4px 30px;
}

.globalSearchFilter {
  width: 250px;
  height: 40px !important;
  margin: 0;
  padding: 0 8px 0 13px;
}

.gSearch,
.searchContainer {
  position: relative;
  width: 100%;
  max-width: 480px;
  float: right;
  margin: 0;
}

@media only screen and (max-width: 1366px) {
  .gSearch,
  .searchContainer {
    max-width: 250px;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1420px) {
  .gSearch,
  .searchContainer {
    max-width: 300px;
  }
}
@media only screen and (min-width: 1420px) and (max-width: 1580px) {
  .gSearch,
  .searchContainer {
    max-width: 400px;
  }
}
.gSearch input[type=search] {
  width: 90%;
  padding: 11px 0 12px 1em;
  outline: none;
}

#globalSearchForm {
  border-radius: 3px;
  height: 38px;
  background-color: #fff;
  overflow: hidden;
  border: 1px solid #ccc;
  position: relative;
}

#globalSearchForm #globalSearch {
  height: 36px;
  padding-left: 10px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.25em;
  color: #1976d2;
  border-radius: unset;
  border: 1px solid transparent;
  padding-right: 146px;
}

#globalSearchForm #globalSearch::-webkit-input-placeholder {
  color: #9da1a6;
}

#globalSearchForm #globalSearch:-moz-placeholder {
  color: #9da1a6;
}

#globalSearchForm button {
  position: absolute;
  top: 0;
  right: 0;
  height: 38px;
  width: 40px;
  text-align: center;
  border-width: 0;
  cursor: pointer;
  border-left: 1px solid #ccc;
  font-size: 14px;
}

#globalSearchForm button:hover {
  color: #1976d2;
}

#globalSearchForm .savedSearchBtn {
  color: #999;
  background: #fff;
  width: 40px;
  margin-left: -5px;
  padding: 0;
  vertical-align: top;
  height: 40px;
}

#globalSearchForm .savedSearchBtn .icon-down-arrow,
#globalSearchForm .savedSearchBtn .inputAdd .down span:before,
.inputAdd .down #globalSearchForm .savedSearchBtn span:before,
#globalSearchForm .savedSearchBtn .ui-icon-triangle-2-n-s {
  font-size: 7px;
}

#globalSearchForm #globalSearchButton {
  width: 75px;
  right: 40px;
  background: #fff;
  font-size: 14px;
  border-right-width: 0;
  padding: 0;
  line-height: 37px;
}

#globalSearchForm .resetGlobalSearch {
  right: 122px;
  background: transparent;
  width: 16px;
  height: 14px;
  padding: 0;
  top: 12px;
  border-left: 0;
  color: #ccc;
  font-size: 11px;
}

#globalSearchForm .resetGlobalSearch:hover {
  color: #229bff;
}

.searchFilters h3 {
  margin-bottom: -2px;
}

.activeFilter {
  background-color: #e4f2ff;
}

.searchFilter {
  margin-top: 20px;
}

.searchContainer input[type=search],
.searchFilter input[type=search] {
  border: 1px solid transparent !important;
  border-radius: 0;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 112px;
}

.searchContainer input[type=search]:focus,
.searchFilter input[type=search]:focus {
  border-bottom: 1px solid #0e527f !important;
}

.searchContainer #searchText {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid transparent !important;
  height: 28px;
}

.searchContainer #searchText:focus {
  border-bottom: 1px solid #0e527f !important;
}

.searchContainer {
  border-radius: 3px;
  margin: 0;
  background-color: #fff;
  overflow: hidden;
  height: 28px;
  float: left;
  width: 500px;
  border: 1px solid #ccc;
}

.searchContainer .iconMagnify {
  top: 6px;
}

.searchContainer button {
  position: absolute;
  top: 0;
  right: 0;
  visibility: visible;
  height: 28px;
  width: 80px;
  text-align: center;
  background: #fff;
  cursor: pointer;
  border: 0;
  border-left: 1px solid #ccc;
  font-size: 14px;
  color: #252525;
  border-radius: 0 3px 3px 0;
}

.searchContainer button:hover {
  color: #1976d2;
  background: #fff;
}

.searchContainer button.advancedSearch {
  font-weight: normal;
  width: 100px;
  right: 0;
}

.searchContainer button.resetSearch {
  right: 88px;
  background: transparent;
  width: 16px;
  height: 14px;
  padding: 0;
  top: 8px;
  border-left: 0;
  color: #cccccc;
  font-size: 11px;
}

.searchContainer button.resetSearch:hover {
  color: #229bff;
}

.searchContainer input#favourites {
  display: none;
}

.searchContainer input#favourites + label {
  line-height: 18px;
  background: #fff;
  height: 28px;
  display: inline-block;
  padding: 6px 10px;
  color: #232a2f;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  border-left: 1px solid #ccc;
  font-size: 11px;
  cursor: pointer;
}

.searchContainer input#favourites + label .icon-tick {
  float: left;
  font-size: 17px;
  color: #e0e0e0;
  margin-right: 5px;
}

.searchContainer input#favourites:checked + label .icon-tick {
  color: #60d895;
}

.searchBarText {
  border: 0;
  margin: 0;
  outline: none;
  padding: 7px 0 7px 1em;
  width: 90%;
}

#portalGlobalSearch #globalSearchButton {
  position: absolute;
  top: 0;
  right: 0;
  height: 38px;
  width: 70px;
  text-align: center;
  cursor: pointer;
}

#portalGlobalSearch .resetGlobalSearch {
  right: 75px;
}

#portalGlobalSearch #globalSearch {
  padding-right: 96px;
}

#portalGlobalSearch h2 {
  margin-bottom: 0;
  padding-bottom: 0;
}

.scheduleFilter .searchContainer {
  max-width: 100%;
  width: 100%;
}

.scheduleFilter .searchContainer .map {
  padding-top: 20px;
}

#sPanel .ui-multiselect {
  box-shadow: inset 0 5px 15px -8px #9eafbc;
}

.searchTableSelect {
  width: 10px;
  text-align: center;
}

.reorderChk {
  padding-left: 18px;
}

.result button {
  width: 60px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0;
  float: left;
}

.result button .noTest,
.result button .pass,
.result button .fail {
  color: #a9a9aa;
}

.result button.pass {
  border: solid 1px #40ae23;
  background: #40ae23;
  color: #ffffff;
}

.result button.fail {
  border: solid 1px #db2e2e;
  background: #db2e2e;
  color: #ffffff;
}

.result button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.result button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.result button + button {
  margin-left: -1px !important;
}

.gSearch .btnSearch {
  left: 0;
  border: 1px solid #b2b2b2;
}

.iconMagnify {
  position: relative;
  top: 10px;
  left: 9px;
  color: #ccc;
  z-index: 2;
}

.iconSearchCenter {
  top: 8px;
}

.iconSearchCenter--modifyCenter {
  top: 1px;
}

.iconEraseFilter {
  display: inline-block;
  position: absolute;
  width: 13px;
  height: 13px;
  top: 10px;
  cursor: pointer;
  right: 10px;
}

.iconEraseFilter:before {
  font-family: "v12-icons";
  font-size: 0.9em;
  color: #ccc;
}

#globalSearch {
  width: 99.8%;
}

.searchCheck {
  line-height: 32px;
  float: left;
}

.gSearch .searchResult {
  position: relative;
  top: -2px;
  z-index: 100;
  background: #fff;
  border: 1px solid #727272;
  border-top: 0;
  padding: 10px;
}

#cNav {
  float: left;
  position: relative;
  z-index: 4;
}

#cNav ul {
  float: left;
  list-style: none;
  position: relative;
}

#cNav li a:active {
  padding: 13px 20px 10px 20px;
}

#cNav li.levelOne {
  display: inline;
  float: left;
  position: relative;
}

#cNav li.levelOne a {
  background: #fff;
  display: block;
  padding: 10px;
  color: #666;
}

#cNav li.levelOne a .icon-down-arrow,
#cNav li.levelOne a .inputAdd .down span:before,
.inputAdd .down #cNav li.levelOne a span:before,
#cNav li.levelOne a .ui-icon-triangle-2-n-s {
  color: #1976d2;
}

#cNav li.levelOne a [class*=icon]:not(.icon-down-arrow):not(.ui-icon-triangle-2-n-s) {
  font-size: 16px;
  width: 20px;
  vertical-align: -10%;
}

#cNav li.levelOne a .icon-down-arrow,
#cNav li.levelOne a .inputAdd .down span:before,
.inputAdd .down #cNav li.levelOne a span:before,
#cNav li.levelOne a .ui-icon-triangle-2-n-s {
  font-size: 7px;
}

#cNav li.levelOne:not(.employeePortal):hover {
  background: #fff;
  background-position: 0 0;
}

#cNav li.levelOnePreview {
  display: inline;
  float: left;
  position: relative;
}

#cNav li.levelOnePreview a {
  background: #fff;
  display: block;
  padding: 10px;
  color: #666;
  cursor: default;
}

#cNav li.levelOnePreview a .icon-down-arrow,
#cNav li.levelOnePreview a .inputAdd .down span:before,
.inputAdd .down #cNav li.levelOnePreview a span:before,
#cNav li.levelOnePreview a .ui-icon-triangle-2-n-s {
  color: #1976d2;
}

#cNav li.levelOnePreview a [class*=icon]:not(.icon-down-arrow):not(.ui-icon-triangle-2-n-s) {
  font-size: 16px;
  width: 20px;
  vertical-align: -10%;
}

#cNav li.levelOnePreview a .icon-down-arrow,
#cNav li.levelOnePreview a .inputAdd .down span:before,
.inputAdd .down #cNav li.levelOnePreview a span:before,
#cNav li.levelOnePreview a .ui-icon-triangle-2-n-s {
  font-size: 7px;
}

#cNav ul.mainMenu {
  height: 38px;
}

#cNav ul.mainMenu > li.levelOne:hover > a {
  color: #fff;
  background-color: #1976d2 !important;
}

#cNav ul.mainMenu > li.levelOne:hover .icon-down-arrow,
#cNav ul.mainMenu > li.levelOne:hover .inputAdd .down span:before,
.inputAdd .down #cNav ul.mainMenu > li.levelOne:hover span:before,
#cNav ul.mainMenu > li.levelOne:hover .ui-icon-triangle-2-n-s {
  color: #fff;
}

#cNav ul.mainMenu > li.levelOnePreview {
  color: #fff;
  background-color: #1976d2 !important;
}

#cNav .menuHover {
  width: 300px;
  display: none;
  position: absolute;
  z-index: 999;
  background: #fff;
}

#cNav .menuHover ul li a {
  word-wrap: break-word;
  height: 100%;
  display: block;
  color: #1976d2;
}

#cNav .menuHover .menuHead {
  padding: 8px 0;
  background: #1976d2;
  color: #fff;
}

#cNav .menuHover .menuHead .span6,
#cNav .menuHover .menuHead .span4 {
  margin: 0;
  width: 50%;
  padding-left: 10px;
  font-size: 11px;
  text-transform: uppercase;
}

#cNav .menuHover .menuHead .span4 {
  width: 33.333%;
}

#cNav .menuHover .menuContent {
  border-top: 0;
  overflow: hidden;
  background: #fff;
}

#cNav .menuHover .menuContent .span6 {
  margin: 0;
  width: 50%;
}

#cNav .menuHover .menuContent .span4 {
  margin: 0;
  width: 33.333%;
}

#cNav .menuHover .menuContent ul {
  width: 100%;
}

#cNav .menuHover .menuContent ul li .mainMenuPlus {
  margin-right: 5px;
  line-height: 16px;
}

#cNav .menuHover .menuContent ul li .mainMenuPlus:before {
  font-family: "v12-icons";
}

#cNav .menuHover .menuContent ul a {
  line-height: 18px;
  padding: 6px 0 6px 10px;
}

#cNav .menuHover .menuContent ul a:hover {
  background: #f0f1f2;
}

#cNav .menuHover3Col {
  width: 400px;
}

#cNav .menuHover3ColLge {
  width: 500px;
}

#cNav .mainMenuItemContainer {
  width: 126px;
  height: 100%;
  padding-left: 8px;
}

#cNav .menuHover1Col .menuContent .span6 {
  width: 100%;
}

#cNav li.levelOne > a {
  color: #1976d2;
}

#cNav li.levelOne > a:hover {
  background: red;
}

.blockLink:hover {
  background: #f0f1f2;
}

.customerNavigation #cNav {
  float: none;
}

#verticalNav {
  margin-right: -6px;
  position: fixed;
  right: 0;
  z-index: 99;
  top: 212px;
}

#verticalNav:hover {
  margin: 0 -1px 0 0;
}

#verticalNav .top,
#verticalNav .content,
#verticalNav .bottom {
  width: 30px;
  height: 36px;
  z-index: 3;
  cursor: pointer;
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: center;
  font-size: 10px;
  color: #ccc;
  background: #fff;
}

#verticalNav .top {
  padding: 12px 0;
  border-bottom: 0;
}

#verticalNav .content {
  padding: 9px 0;
}

#verticalNav .content .icon-up-arrow,
#verticalNav .content #savedSearchesCont ul:before,
#savedSearchesCont #verticalNav .content ul:before,
#verticalNav .content #header-menu li ul:before,
#header-menu li #verticalNav .content ul:before,
#verticalNav .content #utility-menu li ul:before,
#utility-menu li #verticalNav .content ul:before,
#verticalNav .content .inputAdd .up span:before,
.inputAdd .up #verticalNav .content span:before {
  padding: 5px 2px;
  border-top: 1px solid #ccc;
  width: 10px;
  display: inline-block;
}

#verticalNav .bottom {
  padding: 5px 0;
  border-top: 0;
}

#verticalNav .bottom .icon-down-arrow,
#verticalNav .bottom .inputAdd .down span:before,
.inputAdd .down #verticalNav .bottom span:before,
#verticalNav .bottom .ui-icon-triangle-2-n-s {
  padding: 5px 2px;
  border-bottom: 1px solid #ccc;
  width: 10px;
  display: inline-block;
}

#verticalNav .top:hover,
#verticalNav .content:hover,
#verticalNav .bottom:hover {
  color: #1976d2;
}

#verticalNav .content:hover .icon-down-arrow,
#verticalNav .content:hover .inputAdd .down span:before,
.inputAdd .down #verticalNav .content:hover span:before,
#verticalNav .content:hover .ui-icon-triangle-2-n-s,
#verticalNav .content:hover .icon-up-arrow,
#verticalNav .content:hover #savedSearchesCont ul:before,
#savedSearchesCont #verticalNav .content:hover ul:before,
#verticalNav .content:hover #header-menu li ul:before,
#header-menu li #verticalNav .content:hover ul:before,
#verticalNav .content:hover #utility-menu li ul:before,
#utility-menu li #verticalNav .content:hover ul:before,
#verticalNav .content:hover .inputAdd .up span:before,
.inputAdd .up #verticalNav .content:hover span:before,
#verticalNav .bottom:hover .icon-down-arrow,
#verticalNav .bottom:hover .inputAdd .down span:before,
.inputAdd .down #verticalNav .bottom:hover span:before,
#verticalNav .bottom:hover .ui-icon-triangle-2-n-s,
#verticalNav .bottom:hover .icon-up-arrow,
#verticalNav .bottom:hover #savedSearchesCont ul:before,
#savedSearchesCont #verticalNav .bottom:hover ul:before,
#verticalNav .bottom:hover #header-menu li ul:before,
#header-menu li #verticalNav .bottom:hover ul:before,
#verticalNav .bottom:hover #utility-menu li ul:before,
#utility-menu li #verticalNav .bottom:hover ul:before,
#verticalNav .bottom:hover .inputAdd .up span:before,
.inputAdd .up #verticalNav .bottom:hover span:before {
  border-color: #1976d2;
}

#companySelector {
  width: 210px;
  position: fixed;
  left: 0;
  top: 212px;
  z-index: 101;
}

#companySelector:hover {
  background: #fff;
}

#companySelector.closed {
  left: -212px;
}

#companySelector.closed .toggleBtn {
  margin-left: -6px;
}

#companySelector.closed .toggleBtn:before {
  font-family: "v12-icons";
  color: #7f7f7f;
  margin: 0 0 0 5px;
}

#companySelector a {
  height: 160px;
}

#companySelector a.toggleBtn {
  display: block;
  width: 16px;
  position: absolute;
  left: 210px;
  z-index: 3;
  margin-top: -1px;
  padding: 10px 5px 10px 8px;
  border-left: none;
  outline: none;
}

#companySelector a.toggleBtn:hover {
  margin-left: 0;
}

#companySelector a.toggleBtnHighlight {
  display: block;
  width: 16px;
  position: absolute;
  left: 210px;
  z-index: 3;
  margin-top: -1px;
  padding: 10px 5px 10px 8px;
  border-left: none;
  outline: none;
  background: #fff;
  margin-left: 0;
}

#companySelector a.toggleBtnHighlight:before {
  font-family: "v12-icons";
  color: #7f7f7f;
}

#companySelector a.verticalText span {
  transform: rotate(-90deg);
  transform-origin: top left;
  white-space: nowrap;
  display: block;
  color: #4d4d4d;
  font-weight: bold;
  letter-spacing: 0.1em;
  position: relative;
  clear: both;
  top: 145px;
}

#companySelector .contentWrap {
  padding: 10px;
  background: #ebebeb;
}

#companySelector .content {
  z-index: 3;
  border: 1px solid #9da1a6;
  border-top: none;
  background: #fff;
  overflow-y: auto;
  max-height: 510px;
}

@media screen and (max-height: 769px) {
  #companySelector .content {
    max-height: 340px;
  }
}
#companySelector .content ul.companyList {
  overflow: auto;
  padding: 5px;
}

#companySelector .content ul.companyList li {
  margin-top: 5px;
  padding: 5px;
  border: #fff solid 1px;
}

#companySelector .content ul.companyList li:first-child {
  margin-top: 0;
}

#companySelector .content ul.companyList li.selected {
  border: #ccc solid 1px;
  position: relative;
}

#companySelector .content ul.companyList li.selected:before {
  font-family: "v12-icons";
  color: black;
  position: absolute;
  right: 8px;
  font-size: 0.7em;
  top: 50%;
  margin-top: -4px;
}

#companySelector .content ul.companyList li:hover {
  background-color: #bfdaff;
  cursor: pointer;
  position: relative;
}

#companySelector .content ul.companyList li:hover:before {
  font-family: "v12-icons";
  color: black;
  position: absolute;
  right: 8px;
  font-size: 0.7em;
  top: 50%;
  margin-top: -4px;
}

#companySelector .content ul.companyList li p {
  width: 160px;
}

#companySelector .content ul.companyList li p:first-child {
  font-weight: bold;
}

#companySelector .header {
  padding-bottom: 10px;
  border-width: 1px 0;
  color: #4d4d4d;
  font-size: 14px;
  text-shadow: 0 2px 0 #efefef;
}

#toggleLink {
  margin-top: 20px;
  margin-left: 2px;
}

#companySelector,
#companySelector a.toggleBtn,
#companySelector a.toggleBtnHighlight {
  box-shadow: 5px 5px 8px -5px #9eafbc;
  border: 1px solid #ccc;
}

.optionsPanel,
.optionsPanelPrinted {
  padding: 0;
}

.optionsPanel h3,
.optionsPanelPrinted h3 {
  margin-top: 0;
}

.optionsPanel#selectEmployee,
.optionsPanelPrinted#selectEmployee {
  background: #fff;
  margin: 0;
}

.optionsPanel div.selectAll,
.optionsPanelPrinted div.selectAll {
  width: 120px;
  float: left;
  height: 26px;
  line-height: 26px;
}

.optionsPanel .info,
.optionsPanelPrinted .info {
  position: relative;
  padding-bottom: 10px;
  margin-top: 10px;
}

.optionsPanel .info p,
.optionsPanelPrinted .info p {
  line-height: 20px;
  max-height: 100px;
  overflow-y: hidden;
  text-overflow: ellipsis;
}

.withSelected .selectedTitle {
  float: left;
  position: relative;
  background-color: #ccc;
  padding: 5px 20px;
  color: #232a2f;
  font-weight: 400;
  margin-top: 15px;
  margin-left: -20px;
}

.withSelected .selectedTitle:before {
  position: absolute;
  right: -1px;
  bottom: -1px;
  content: "";
  border-bottom: 1em solid #eee;
  border-left: 1em solid transparent;
  background-repeat: no-repeat;
}

.orderDevice {
  background: #eee;
  padding: 10px 5px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: none;
}

.orderDevice h4 {
  padding: 0;
  font-size: 12px;
  border-bottom: none;
}

.order-footer {
  margin-top: 20px;
}

.order-footer .selectAll {
  margin-left: 14px;
}

.note {
  height: 100px;
  resize: vertical;
  margin-top: 20px;
}

.setupChk input {
  margin: 0px 15px 2px 14px;
}

.setupChk.hasDraggable .selectAll {
  margin: 0 13px 0 31px;
}

.setupChk.noDraggable .selectAll {
  margin: 0 13px;
}

.setupChk.minChk {
  margin: 0 15px 0 15px;
}

.chk {
  margin-left: 23px;
  margin-right: 10px;
}

#lettersPanel {
  margin: 10px 0 -10px;
}

#lettersPanel div {
  display: inline-block;
  padding: 0 5px;
  cursor: pointer;
  font-size: 15px;
  border: 1px solid transparent;
  text-align: center;
}

#lettersPanel div:hover,
#lettersPanel div.current {
  border: 1px solid #cccccc;
}

#lettersPanel div:hover {
  cursor: pointer;
}

#lettersPanel div:hover a {
  color: #1976d2;
}

#tags .assignedTags ul {
  background: #e6e6e6;
}

#tags ul {
  border: 1px solid #8d8d8d;
}

#tags ul li:hover {
  cursor: default;
  color: #a9a9aa;
}

.tblGridAct {
  overflow: hidden;
  border: 1px solid #ccc;
  background: #fff;
}

.tblGridAct h3 {
  margin: 5px 0;
  font-size: 1em;
  color: #232a2f;
}

.tblGridAct .chk {
  float: left;
  margin: 8px 0 5px 14px;
}

.tblGridAct .tech {
  float: right;
  margin: 4px;
}

.tblGridAct + .assetDiv {
  border: 1px solid #ccc;
  border-top: 0;
  overflow: hidden;
  margin-bottom: 20px;
}

.tblGridAct + .assetDiv > .tblGrid {
  margin: 0;
}

.tblGrid {
  width: 100%;
  background: white;
  margin-top: 15px;
}

.tblGrid td.checkbox {
  background-color: #e6e6e6;
}

.tblGrid td.singleBtnCol {
  text-align: center;
  width: 12px;
}

.tblGrid a {
  cursor: pointer;
}

.tblGrid thead tr:first-child th:first-child {
  background-image: none;
}

.tblGrid tbody .scheduleTechRow:nth-child(2n+1) {
  background: #ffffff;
}

.tblGrid tbody .employeeScheduledRow {
  background: #5ba800 !important;
  color: #fff;
  height: 46px;
}

.tblGrid tbody .employeeScheduledRow td {
  color: #fff;
  border-left: 1px solid #5ba800;
  border-bottom: 1px solid #fff;
}

.tblGrid tbody .employeeScheduledRow td:first-child {
  border-left: 1px solid #fff;
}

.tblGrid .greenRow td {
  background-color: #d9ffdb;
}

.tblGrid th.redRow {
  background-color: #dc9797;
  color: #fff;
}

.tblGrid .lightYellowRow {
  background-color: #ffffd9 !important;
  color: #262626 !important;
}

.tblGrid .lightYellowRow td {
  background-color: #ffffd9 !important;
  color: #262626 !important;
}

.tblGrid .thumb {
  border: 1px solid #9da1a6;
}

.tblGrid .subGrid2 thead {
  background: #d9efff;
}

.tblGrid .subGrid2 thead tr {
  border: 1px solid #9da1a6;
}

.tblGrid .subGrid2 thead tr:hover td {
  background: #f2f2f2;
}

.tblGrid .subGrid2 thead.red th {
  border: none;
  background: #ffdccb;
}

.tblGrid .subGrid2 thead.red tr {
  border: 1px solid #ed4d18;
}

.tblGrid .schedule th .date {
  background: #a5a5a5;
}

.tblGrid .schedule .red {
  background: #ffb2b2;
}

.tblGrid .schedule .green {
  background: #dfffb2;
}

.tblGrid .schedule .green2 {
  background: #d7f6ac;
}

.tblGrid .schedule .green3 {
  background: #b9ffb2;
}

.tblGrid .schedule .blue {
  background: #b2ffec;
}

.tblGrid .totalBottomRow td {
  border-bottom: 2px solid #9da1a6;
}

.tblGrid .totalTopRow td {
  border-top: 2px solid #9da1a6;
}

.tblGrid .subRow tr:first-child td {
  border-top: 1px solid #9da1a6;
}

.tblGrid .subTotalRow td {
  font-weight: normal;
}

.tblGrid .totalRow td {
  font-weight: bold;
}

.tblGrid .subTotalRow td,
.tblGrid .totalRow td {
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
}

.tblGrid .assignFromStock td {
  height: 32px;
}

.lightYellowRow {
  background-color: #ffffd9 !important;
  color: #262626 !important;
}

.highlight tr:hover:not(.noHighlight):not(.tblplaceholder) {
  background-color: #f1f1f1 !important;
}

.highlight tr .internalTable tr:hover {
  background-color: inherit !important;
}

.clickable {
  cursor: pointer;
}

.clickable .tblplaceholder {
  cursor: default;
}

.tblGrid thead th {
  cursor: default;
  padding: 8px;
  background: #fff;
  vertical-align: bottom;
  border-bottom: 2px solid #82888c;
}

.tblGrid thead th.bold {
  font-weight: 500;
}

.tblGrid thead .notLink th {
  cursor: default;
}

.tblGrid thead th,
.tblGrid thead th div,
.tblGrid thead a {
  color: #82888c;
  font-weight: bold;
}

.tblGrid thead th.current div,
.tblGrid thead th.current a {
  font-weight: bold;
  color: #232a2f;
}

.tblGrid thead th:not(.scheduleHeader):not(.lastColumn) a:after {
  font-family: "v12-icons";
  color: #999;
  font-size: 0.5em;
  padding: 5px 0 5px 5px;
}

.tblGrid thead th:not(.scheduleHeader):not(.lastColumn):hover,
.tblGrid thead th:not(.scheduleHeader):not(.lastColumn):hover a {
  color: #1976d2;
}

.tblGrid thead th:not(.scheduleHeader):not(.lastColumn):hover a:after,
.tblGrid thead th:not(.scheduleHeader):not(.lastColumn).tablesorter-headerAsc a:after {
  color: #000;
  font-family: "v12-icons";
}

.tblGrid thead th:not(.scheduleHeader):not(.lastColumn).current.tablesorter-headerDesc a:after {
  color: #000;
  font-family: "v12-icons";
}

.tblGrid td {
  padding: 8px;
  vertical-align: middle;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.tblGrid td.dashed {
  border-top: 2px solid #82888c;
}

.jobGrid .tblGrid .yellowRow {
  border-bottom: none !important;
}

.tblGrid tr.reason td {
  padding-top: 1px;
  padding-bottom: 1px;
}

.tblGrid .sub td {
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: bold;
}

.tblGrid .noPadding,
.tblGrid .editingRow-js .row,
.editingRow-js .tblGrid .row {
  padding: 0;
}

.tblGrid p {
  margin: 5px;
  padding: 5px 20px;
}

.tblGrid .redHeader {
  background: #ffedd9;
}

.tblGrid .redHeader:hover {
  background: #ffedd9;
}

.tblGrid.greyHeader th {
  border: 0;
  cursor: default;
}

.header-fixed {
  position: fixed;
  top: 0;
  display: none;
  z-index: 9999;
  margin-top: 0;
}

.greyHeader tr {
  cursor: default;
}

.editingRow-js .td {
  padding-top: 0;
  padding-bottom: 0;
}

.readonlyRow:hover td {
  background-color: #feed78;
  cursor: pointer;
}

table table.greyHeader tr th {
  border: 0;
  cursor: default;
}

.tblGrid .greenRow td {
  background-color: #d9ffdb;
}

.tblGrid .greyRow {
  background-color: #ebeef0;
}

.tblGrid .whiteRow td,
.tblGrid .whiteRow:hover td {
  background: #fff;
}

.tblGrid .redRow td {
  background-color: #ffe7d9;
}

.tblGrid .blueRow {
  background-color: #d9efff;
}

.tblGrid .blueRow td {
  background-color: #d9efff;
}

.tblGrid th.greySubHeader {
  background-color: #f0f1f2;
}

.tblGrid .lightGreenRow td,
.lightGreenRow {
  background-color: #d9fffe;
}

.tblGrid .lightBlueRow td,
.lightBlueRow {
  background-color: #d9ffdd;
}

.tblGrid .lightYellowRow td,
.lightYellowRow {
  background-color: #ffffd9;
}

.tblGrid .yellowRow {
  box-shadow: inset 3px 0 0 0 #c6e2f7;
}

.moreOptionsrow {
  background-color: #f7f8f8;
  box-shadow: inset 3px 0 0 0 #c6e2f7;
}

.tblGrid .detailedResultsPanel > td {
  padding: 10px;
}

.tblGrid .detailedResultsPanel table tr.totalRow {
  background: #fff !important;
}

.handler {
  position: relative;
}

.handler tbody tr.noHover > td {
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
}

.tblGrid tr td.checkbox {
  width: 5%;
}

.tblGrid tbody .sortableHandle {
  text-align: center;
  width: 11px;
  padding: 2px 3px;
  background: #ededed url(../images/handle-dots.png) repeat-y scroll 50% 0;
  vertical-align: middle;
}

.tblGrid tbody .sortableHandle:hover {
  text-align: center;
  width: 11px;
  padding: 2px 3px;
  background: #f8f8f8 url(../images/handle-dots.png) repeat-y scroll 50% 0;
  vertical-align: middle;
}

.tblGrid th.sortableHandle {
  margin: 0;
  padding: 0;
  width: 10px;
  background: #eee;
}

.tblGrid th.sortableHandle span {
  background: url(../images/handle-dots.png) repeat-y 1px 0;
  width: 10px;
  height: 40px;
  display: block;
  border: 1px solid #ccc;
  border-bottom: 0;
  border-top: 0;
}

.tblGrid td.sortableHandle.showOnMouseover {
  background: none !important;
}

.tblGrid .orangeColumn,
.tblGrid .greenColumn {
  width: 10px;
  padding: 0;
}

.tblGrid th.orangeColumn,
.tblGrid th.greenColumn {
  border-width: 0 0 0 1px;
  box-shadow: none;
}

.tblGrid [type=checkbox] {
  margin: -3px 5px 0 5px;
}

.tblGrid .gap {
  padding-top: 3px;
  padding-bottom: 3px;
}

.tblGrid tr.rowExpandable td {
  border-bottom: none;
}

.tblGrid th.headBtn {
  width: 6%;
  cursor: pointer;
}

.tblGrid .nowrap {
  white-space: nowrap;
}

.tblGrid .toggleNode,
.tblGrid .toggleChildNodes {
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height: 13px;
  color: #999;
  font-size: 0.7em;
  cursor: pointer;
}

.tblGrid .greenColumn {
  background-color: #5ba801 !important;
}

.tblGrid .orangeColumn {
  background-color: #ed4d18 !important;
}

.halfTransparent {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.halfTransparent .linkImgTick {
  color: #999;
}

.halfTransparent button,
.halfTransparent a {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.showOnMouseover {
  filter: alpha(opacity=70);
  cursor: default;
}

.showOnMouseover:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.ajaxOrder {
  cursor: pointer;
}

.tblGrid .manDays {
  display: none;
}

.tblGrid tbody tr:hover .manDays {
  display: block;
}

.tblGrid table {
  width: 100%;
}

.tblGrid .verticalLine {
  height: 100%;
  position: relative;
  background: #fff;
}

.tblGrid .verticalLine:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 8px solid #e3e3e3;
  margin-left: -4px;
}

.verticalLine:hover {
  height: 100%;
  background: #fff;
}

.verticalLine:hover:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 8px solid #e3e3e3;
  margin-left: -4px;
}

.tblGrid .subGrid1:hover > td {
  background: white;
}

.tblGrid .subGrid2 th,
.tblGrid .subGrid2 td {
  padding: 6px 10px;
}

.tblGrid .subGrid2 tr {
  border: none;
}

.tblGrid .subGrid2 tr.red td {
  color: #de104f;
}

.tblGrid .subGrid2 thead.red th {
  box-shadow: none;
  border: none;
}

.tblGrid .headerNotes th {
  font-style: italic;
}

.tblGrid .subRow {
  float: right;
  width: 99.2%;
  margin-bottom: 0;
}

.tblGrid p.desc {
  margin: 0;
}

.tblGrid .thumb {
  padding: 5px;
  background: white;
}

.statusCircle,
.auditStatusBubble {
  border-radius: 50%;
  height: 16px;
  width: 16px;
  border: 1px solid #c0c0c0;
  margin: 0 auto;
}

.lgd {
  border-radius: 60px;
  float: left;
  width: 15px;
  height: 15px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}

.lgd.text {
  border-radius: 6px;
  width: 18px;
  height: 18px;
  margin-top: 0;
}

.attch li {
  padding: 3px 0;
  position: relative;
}

.listBox {
  height: 440px;
  overflow-y: scroll;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #ccc;
  background: #fff;
}

.listBox--attachments {
  height: 408px;
}

.listBox.listBoxMin {
  height: 405px;
}

.listBox.listBoxShort {
  height: 280px;
}

.listBox.listBoxHalf {
  height: 183px;
}

.listBox .item {
  padding: 7px 10px;
  position: relative;
  white-space: nowrap;
  border-bottom: 1px solid #ebebeb;
}

.listBox .item [class^=linkImg] {
  display: none;
  position: absolute;
  right: 10px;
  top: 5px;
  color: #fff;
  font-size: 1.3em;
}

.listBox .item span {
  max-width: 85%;
  display: block;
  word-wrap: break-word;
}

.listBox .item:hover,
.listBox .item.current {
  color: #fff !important;
  background: #1976d2;
  cursor: pointer;
}

.listBox .item.readonly:hover,
.listBox .item.readonly.current {
  color: #000 !important;
  background: #e6e6e6;
  cursor: default;
}

.listBox.assigned .item:hover {
  background: #1976d2;
  color: #fff !important;
}

.listBox .item.noHover:hover {
  background: none;
}

.listBox.assigned .item:hover {
  cursor: pointer;
}

.listBox .item:hover [class^=linkImg] {
  display: block;
}

.listBox .item.noHoverAttachmentForms:hover {
  background: #fff;
  color: #232a2f !important;
}

.listBox h5 {
  position: relative;
  top: 45%;
  font-size: 14px;
  text-align: center;
  font-weight: 300;
}

.buttonLoadingBox {
  width: 9000px;
  height: 5000px;
  position: fixed;
  top: 0;
  left: 0;
  margin-left: -4500px;
  margin-top: -2500px;
  z-index: 999;
  display: none;
}

.inline-iframe .dialogBox {
  background-color: unset !important;
}

.dialogBox {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}

.dialogBox .lightbox {
  border-radius: 1px;
  position: absolute;
  left: 50%;
  top: 10%;
  margin-left: -260px;
  border: 1px solid #eee;
  box-shadow: 0 0 5px 0 #323232;
  background: #fff;
}

.dialogBox .content {
  padding: 20px;
  width: 500px;
  max-height: calc(90vh - 125px);
  overflow-y: auto;
}

.dialogBox .actionPanel {
  margin: 0;
  padding: 20px 40px 20px 20px;
  border-top: 1px solid #a6a6a6;
}

.dialogBox .content.iframe {
  width: 1200px;
  max-width: 100%;
  height: 800px;
  max-height: 800px;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 0;
}

.dialogBox .content.iframe.multiLevel {
  width: 1100px;
}

@media only screen and (min-width: 1200px) and (max-height: 768px) {
  .dialogBox .content.iframe {
    height: 635px;
  }
}
.dialogBox .content iframe {
  width: 100%;
  height: 100%;
}

.dialogBox .content.bigDialogBox {
  width: 1200px;
  max-width: 100%;
  overflow: hidden;
  padding: 10px;
}

.dialogBox .header {
  height: 30px;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  background: #f0f1f2;
  color: #1976d2;
}

.dialogBox .header span {
  font-size: 14px;
  margin-top: 6px;
}

.dialogBox .header .close {
  position: relative;
  right: -9px;
  margin-top: 2px;
  background: transparent;
  border: 0;
  width: auto;
}

.dialogBox .header .close span {
  font-size: 16px !important;
  font-weight: bold !important;
  color: #1976d2 !important;
}

.dialogBox .scroll {
  height: 160px;
  overflow-y: auto;
}

.dialogBox .title {
  font-weight: bold;
}

.dialogBox p {
  line-height: 18px;
}

#createTask .popClose {
  position: relative;
  right: -15px;
  margin-top: 4px;
}

.dialogBox .close a,
#createTask .popClose a {
  color: #9b9a98;
  width: 18px;
  height: 18px;
  display: inline-block;
  border: 1px solid transparent;
}

.dialogBox .hCenter {
  margin-top: 10px;
}

.dialogBox .hCenter button {
  margin: 0 4px;
}

.dialogBox h2 {
  margin-top: 0;
}

.dialogBox .msgBox {
  border-radius: 4px;
  margin: 10px;
  padding: 15px 20px;
  height: 98px;
  position: relative;
  line-height: 24px;
  background: white;
}

.dialogBox .msgBox .btnWrap {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.dialogBox .btnWrap {
  position: absolute;
  right: 40px;
  bottom: 40px;
}

.dialogBox .buttonContainerFixed {
  padding: 1em 2em;
  background: #f0f1f2;
}

#createTask .lightbox {
  margin-top: -20%;
}

.lMenu li {
  margin-bottom: 0;
  padding-right: 2px;
  position: relative;
  border-bottom: 1px solid #dbe2e7;
  border-left: 3px solid transparent;
}

.lMenu li a {
  color: #42484c;
  padding: 7px 3px;
  color: #42484c;
  display: block;
  padding: 7px 8px;
}

.lMenu li a img {
  position: absolute;
  right: 10px;
  top: 10px;
}

.lMenu li a [class^=icon-],
.lMenu li a [data-label=Dashboard] > span:before,
.lMenu li a [data-label="Operations Centre"] > span:before {
  float: right;
  margin-top: 6px;
  font-size: 7px;
}

.lMenu li.inactive a {
  color: #ccc !important;
  cursor: default;
}

.lMenu li:hover {
  color: #1976d2;
  border-left: 3px solid #1976d2;
  background: #f4f6f8;
}

.lMenu li:hover a {
  color: #42484c;
}

.lMenu li:hover > a {
  text-decoration: none;
}

.lMenu li ul {
  min-width: 150px;
  display: block;
  white-space: nowrap;
  left: -999px;
  position: absolute;
  z-index: 101;
  box-shadow: 1px 2px 4px #ddd;
  background-color: #fff;
  top: -1px;
  border: 1px solid #ddd;
}

.lMenu li:hover > ul {
  position: absolute;
  left: 100%;
}

.lMenu li:hover > ul li a {
  margin-left: 5px;
  margin-right: 5px;
}

.lMenu li:hover > ul li:hover {
  background: #f0f1f2;
  color: #1976d2;
}

.lMenu li:hover > ul li:last-child a {
  border-bottom: 0;
}

.lMenu li:last-child {
  border-bottom: 0;
}

.lMenu .lastMenuItem ul {
  top: -5.5em;
}

.lMenuContent H2 {
  margin-top: 0;
}

.lMenuContent .utilitiesMenu h2 {
  padding-top: 5px;
}

#fileUploadContainer {
  position: fixed;
  bottom: 0;
  right: 24px;
  z-index: 1000;
  background: #fff;
  width: 450px;
  border: 1px solid #d2d2d2;
  border-top: 0;
}

#fileUploadContainer thead {
  background: #004b8d;
  color: #fff;
  font-weight: 500;
}

#fileUploadContainer thead tr th {
  padding: 2px 10px;
  vertical-align: middle;
}

#fileUploadContainer tbody tr td {
  color: #777;
  border-bottom: 1px solid #d2d2d2;
  background: #f7f8f8;
  padding: 2px 10px;
  vertical-align: middle;
  height: 25px;
}

#fileUploadContainer tbody tr td span.fileName {
  color: #004b8d;
}

.ui-progressbar-value {
  background: #00aeef !important;
}

.ui-widget-header {
  border: 0;
}

.ui-widget-content {
  background: #e7e9ec;
  border: 0;
}

input[type=text],
input[type=number],
input[type=password],
input[type=search],
input[type=email],
input[type=url],
textarea,
input[type=file],
.groupedInput,
.transparentGroupedInput,
.groupedInput > input,
.groupedInput > textarea,
.transparentGroupedInput > input,
.transparentGroupedInput > textarea,
.groupedInput > span,
.groupedInput > label,
.transparentGroupedInput > span,
.transparentGroupedInput > label,
#savedSearchesCont ul:before,
#savedSearchesCont ul li a,
#globalSearchForm,
#globalSearchForm #globalSearch,
.searchContainer input[type=search],
.searchFilter input[type=search],
.searchContainer input#favourites + label,
#cNav .menuHover .menuHead .span6,
#cNav .menuHover .menuHead .span4,
.adjustPrices li,
#adjustMarginsSummary li,
.googleMapDistanceLegend .legendContent {
  box-sizing: border-box;
}

#savedSearchesCont ul,
#header-menu li ul,
#utility-menu li ul,
#cNav .menuHover,
.dropDownParent + ul,
.contextMenu {
  box-shadow: 0 3px 3px #ddd;
}

.subTabs,
body,
.clear,
.inlineEditPanel,
.row,
#content_container #content,
.optionsPanel,
.optionsPanelPrinted,
.optionsPanel .info,
.optionsPanelPrinted .info,
.shadedBox,
.notice,
.editingRow-js .row {
  zoom: 1;
}

.subTabs:before,
body:before,
.clear:before,
.inlineEditPanel:before,
.row:before,
#content_container #content:before,
.optionsPanel:before,
.optionsPanelPrinted:before,
.optionsPanel .info:before,
.optionsPanelPrinted .info:before,
.shadedBox:before,
.notice:before,
.editingRow-js .row:before,
.subTabs:after,
body:after,
.clear:after,
.inlineEditPanel:after,
.row:after,
#content_container #content:after,
.optionsPanel:after,
.optionsPanelPrinted:after,
.optionsPanel .info:after,
.optionsPanelPrinted .info:after,
.shadedBox:after,
.notice:after,
.editingRow-js .row:after {
  content: "";
  display: table;
}

.subTabs:after,
body:after,
.clear:after,
.inlineEditPanel:after,
.row:after,
#content_container #content:after,
.optionsPanel:after,
.optionsPanelPrinted:after,
.optionsPanel .info:after,
.optionsPanelPrinted .info:after,
.shadedBox:after,
.notice:after,
.editingRow-js .row:after {
  clear: both;
}

[id^=AttachmentsContainer] #gridViewContainer,
.iframeAttachmentImageBoxDialog #gridViewContainer {
  border-top: 1px solid #dedede;
}

[id^=AttachmentsContainer] #imageBoxDialog .content,
.iframeAttachmentImageBoxDialog #imageBoxDialog .content {
  max-width: 1000px;
  width: auto;
  min-width: 500px;
  max-height: calc(90vh - 50px);
}

[id^=AttachmentsContainer] #imageBoxDialog .content .imageCanvas-js,
.iframeAttachmentImageBoxDialog #imageBoxDialog .content .imageCanvas-js {
  text-align: center;
  max-width: 960px;
}

[id^=AttachmentsContainer] #imageBoxDialog .content .imageCanvas-js img,
.iframeAttachmentImageBoxDialog #imageBoxDialog .content .imageCanvas-js img {
  max-width: 940px;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .lightbox,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .lightbox {
  width: 75%;
  height: 75%;
  left: 12.5%;
  top: 12.5%;
  margin-top: unset !important;
  margin-left: unset !important;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .fullPage,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .fullPage {
  position: sticky;
  width: 100%;
  height: 100%;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .display,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .display {
  width: 100%;
  margin: 0;
  padding-bottom: 10px;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .display .span6,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .display .span6 {
  margin: 0;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .display .information,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .display .information {
  display: flex;
  align-items: center;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .display .information label,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .display .information label {
  line-height: 26px !important;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .display .actions,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .display .actions {
  float: right;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .display .actions label:has(input[type=checkbox][disabled]),
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .display .actions label:has(input[type=checkbox][disabled]) {
  cursor: default !important;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .display .actions #image-rotation button,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .display .actions #image-rotation button {
  background: #1976d2;
  border: unset;
  font-size: 10pt;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .display .actions #image-rotation button:first-child,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .display .actions #image-rotation button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .display .actions #image-rotation button:last-child,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .display .actions #image-rotation button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .display .actions #image-rotation button:not(:first-child)::before,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .display .actions #image-rotation button:not(:first-child)::before {
  content: unset;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .content,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .content {
  height: calc(100% - 70px);
  width: unset !important;
  max-height: unset !important;
  overflow: hidden;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .content .imageCanvas-js,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .content .imageCanvas-js {
  overflow: auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 40px);
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .content .imageCanvas-js img,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .content .imageCanvas-js img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  top: 0;
  left: 0;
  height: auto;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .content .imageCanvas-js img,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .content .imageCanvas-js img {
  transform-origin: center;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .content .imageCanvas-js img.zoom-scrolling-y,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .content .imageCanvas-js img.zoom-scrolling-y {
  transform-origin: top;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .content .imageCanvas-js img.zoom-scrolling-x,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .content .imageCanvas-js img.zoom-scrolling-x {
  transform-origin: top left;
}

[id^=AttachmentsContainer] [id^=imageBoxDialog_redesigned] .content .imageCanvas-js img.zoom-scrolling-xy,
.iframeAttachmentImageBoxDialog [id^=imageBoxDialog_redesigned] .content .imageCanvas-js img.zoom-scrolling-xy {
  transform-origin: left top;
}

[id^=AttachmentsContainer] [id^=attachmentFilesContainer],
.iframeAttachmentImageBoxDialog [id^=attachmentFilesContainer] {
  border: 2px dashed rgba(0, 0, 0, 0);
}

[id^=AttachmentsContainer] [id^=attachmentFilesContainer].highlightDrag,
.iframeAttachmentImageBoxDialog [id^=attachmentFilesContainer].highlightDrag {
  border: 2px dashed #229bff;
  background: #fff;
}

[id^=AttachmentsContainer] .ui-state-highlight,
.iframeAttachmentImageBoxDialog .ui-state-highlight {
  font-weight: bold;
}

[id^=AttachmentsContainer] .resetSearchButton,
.iframeAttachmentImageBoxDialog .resetSearchButton {
  margin-left: -30px;
  margin-top: 5px;
  display: block;
  color: #cccccc;
}

[id^=AttachmentsContainer] .resetSearchButton:hover,
.iframeAttachmentImageBoxDialog .resetSearchButton:hover {
  color: #229bff;
}

[id^=attachmentContainerWrapper] .rootDropArea .attachmentDrop {
  border: 2px dashed #efe7e7;
  font-weight: normal;
  font-size: 15px;
  width: 100%;
  padding: 10px 0 10px 0;
  margin-bottom: 10px;
  height: 20px;
  color: #b8b8b8;
}

[id^=attachmentContainerWrapper] .rootDropArea .attachmentDrop.highlightDrag {
  border: 2px dashed #229bff;
}

.blur-attachmentTable {
  filter: blur(20px) brightness(80%) contrast(120%);
  transition: filter 0.3s ease;
}

.attachmentDropTable {
  border: 10px solid #cbcbcb !important;
}

.attachmentContainer .plupload {
  left: auto !important;
  right: 0;
  border: 1px solid red;
  padding: 10px;
  display: none !important;
}

.attachmentDraggable {
  z-index: 4;
}

#zoomPanel {
  position: absolute;
  right: 40px;
  bottom: 45px;
}

#zoomPanel button.zoom-out,
#zoomPanel button.zoom-in {
  padding-top: 4px;
}

#zoomPanel button {
  height: 35px;
}

#zoomPanel .zoom-out,
#zoomPanel .zoom-in {
  font-size: 15pt;
}

#zoomPanel .zoom-reset {
  font-size: 13pt;
}

#zoomPanel .zoom-reset span {
  padding-right: 5px;
}

.attachmentDrop td {
  font-weight: bold;
  font-size: 16px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.attachmentDrop td.small {
  padding-bottom: 15px;
  padding-top: 15px;
  font-size: 12px;
}

table.attachmentTable tbody tr td.highlightDrag {
  background: rgba(0, 174, 239, 0.12);
}

.draggingArea {
  background: #fff;
}

.draggingArea.highlightDrag {
  border: 2px dashed #b3b1b1;
}

.draggingArea.activeDrag {
  border: 2px dashed #00aeef;
}

.attachmentThumbnail {
  background: #eee;
  margin: 10px 10px 5px 5px;
  overflow: hidden;
  position: relative;
  float: left;
  min-width: 120px;
  min-height: 110px;
}

.attachmentThumbnail img {
  height: 104px;
}

.attachmentThumbnail span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attachmentThumbnail span.icon-file {
  font-size: 76px;
  position: relative;
  top: 10px;
}

.attachmentThumbnail span.extension {
  font-weight: 500;
  font-size: 16px;
  position: absolute;
  bottom: 10px;
  line-height: 1.5em;
  left: 7%;
  width: 30%;
  margin: 0 30%;
  background: #fff;
}

.attachmentOptions {
  text-align: right;
  padding: 0;
}

.button-container {
  display: flex;
  gap: 2px;
  justify-content: flex-end;
  right: 32px;
  position: absolute;
}

.attachmentsModalButtonSmall {
  color: #ffffff;
  max-width: 50px;
  border: 0;
}

.attachmentsModalButtonSmall.download-js {
  background: #1976d2;
}

.attachmentsModalButtonSmall.fullscreen-js {
  background: #0e527f;
}

.attachmentsModalButtonSmall.delete-js {
  background: #de104f;
}

.modalNavigation {
  position: absolute;
  top: 50%;
  border: none;
  background: transparent;
}

.modalNavigation:disabled {
  visibility: hidden;
}

.modalNavigation.previous {
  left: -70px;
  z-index: 4;
}

.modalNavigation.next {
  right: -70px;
  z-index: 4;
}

#labelAttachmentExifData {
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  color: #6c757d;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: default;
}

.attachmentViewSwitch:hover {
  color: #229bff;
}

.attachmentViewBreadcrumb {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0;
  width: inherit;
  position: absolute;
  transition: width ease-in 0.15s;
}

.attachmentViewBreadcrumb.expandBreadCrumb:hover {
  background: rgba(255, 255, 255, 0.7);
  width: 95.75%;
  z-index: 100;
  border-bottom-width: 1px;
}

.attachmentViewBreadcrumb a {
  padding: 4px 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  font-weight: 500;
}

.attachmentViewBreadcrumb a.highlightDrag {
  color: #00aeef;
  border: 1px dashed #00aeef;
  background: rgba(0, 174, 239, 0.12);
  padding: 4px 2px;
}

.attachmentViewBreadcrumb span {
  display: inline-block;
  padding: 4px 0;
}

.attachmentViewBreadcrumb span.divider a {
  color: #777;
  padding: 4px 0;
}

.attachmentViewBreadcrumb a.inactive {
  color: #232a2f;
  cursor: default;
}

.thumbnailHolder {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
}

.folderContainer {
  float: left;
  text-align: center;
  position: relative;
  background: #eee;
  margin: 10px 10px 5px 5px;
  padding: 10px 10px 5px 10px;
  min-height: 122px;
  width: 150px;
}

.folderContainer .icon-folder {
  font-size: 8em;
}

.folderContainer .dragFolder:not(.noHighlight):hover .icon-folder {
  color: #229bff;
}

.folderContainer.highlightDrag {
  border: 2px dashed #eaeaea;
}

.folderContainer.highlightDrag .dragFolder:not(.noHighlight) .icon-folder {
  color: #1976d2;
}

.folderContainer.highlightDrag .dragFolder:not(.noHighlight) .icon-folder {
  color: #1976d2;
}

.searchResults {
  padding: 20px !important;
}

.searchResults .icon-search {
  margin-right: 10px;
  background: #ffffff;
  border-radius: 50%;
  padding: 6px;
  color: #00aeef;
  border: 1px solid #00aeef;
}

.fileName {
  display: inline-block;
  max-width: 120px;
  line-height: 1em;
}

.moreIconFileName {
  font-size: 18px !important;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  position: absolute;
  bottom: 10px;
  right: 5px;
}

.editAttachmentItem-js {
  line-height: 1em;
}

.gridListIcons * {
  padding: 0;
  display: inline-block !important;
  vertical-align: middle;
  line-height: 20px !important;
}

.toggleAttachmentViewOption {
  color: #232a2f;
}

.toggleAttachmentViewOption.enabled {
  color: #dcdedf;
  cursor: pointer;
}

.toggleAttachmentViewOption.enabled:hover {
  color: #229bff;
}

.attachmentMultiOptions {
  margin-left: 14px;
}

.attachmentImageOptionsCheckbox {
  right: 5px;
  position: absolute;
  display: inline;
}

.attachmentImageOptionsMore {
  display: inline;
}

.contextMenuAttachments a {
  font-size: 12px !important;
}

.contextMenuAttachments .contextMenuSpan * {
  line-height: 11px;
  vertical-align: middle;
  font-size: 12px !important;
}

.contextMenuAttachments .contextMenuSpan:hover {
  background: inherit !important;
  color: #000 !important;
}

.showIconGridView {
  position: absolute;
  right: 0;
  padding: 2px 5px 0;
  font-size: 14px;
  cursor: default;
  background: #eee;
  border-radius: 0 0 0 3px;
}

#imagePlaceholderProfileImage .browseAttachment {
  border-radius: 100%;
  height: 150px;
  width: 150px;
  margin: 0 auto;
}

#imagePlaceholderProfileImage .browseAttachment label {
  display: block;
  padding: 5em 15px 4.5em 15px;
  line-height: inherit;
  text-align: center;
  width: 120px;
}

#imagePlaceholderProfileImage #imageDisplayPlaceHolder img {
  width: 150px;
  heght: 150px;
}

#imagePlaceholderProfileImage .prebuildImageHeight {
  height: 200px;
  width: 150px;
  margin: 0 auto;
}

#imagePlaceholderProfileImage .prebuildImageHeight .topDiv {
  height: 150px;
}

#imagePlaceholderProfileImage .prebuildImageHeight img {
  height: 150px;
}

#defaultProfileImage {
  position: relative;
}

#defaultProfileImage.loadingProfileImage:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: #fff;
  z-index: 1;
  padding: 50px 25px;
}

.profileImage {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  vertical-align: bottom;
  object-fit: cover;
}

.empMarkerIconPin {
  background-size: cover;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 2px solid #ddd;
  position: relative;
  box-shadow: 2px 2px 4px #333;
  top: -38px;
  right: 11px;
}

.empMarkerIconPin:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 15px solid #ddd;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.uploadifive-button {
  display: none;
}

#imagePlaceholderLogoImage {
  display: flex;
  flex-flow: column;
}

#imagePlaceholderLogoImage .browseAttachment {
  height: 30px;
  width: 350px;
  margin: 5px auto;
  background-color: #1976d2;
}

#imagePlaceholderLogoImage .browseAttachment label {
  display: block;
  padding: 0 15px;
  text-align: center;
  width: 250px;
}

#imagePlaceholderLogoImage #imageDisplayPlaceHolder {
  padding: 5px;
  flex-grow: 1;
}

#imagePlaceholderLogoImage #imageDisplayPlaceHolder img {
  height: 20px;
  padding-top: 10px;
}

#imagePlaceholderLogoImage {
  position: relative;
  border: #0a0a0a 1px solid;
}

.logoImage {
  width: 100px;
  height: 100px;
  vertical-align: middle;
}

.buttonsGroup .zoomDisabled {
  color: grey;
  cursor: default;
}

.mainAttachmentWindow .header {
  height: 35px;
  padding-top: 2px;
}

.imageViewerAttachmentName {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.moreIcon {
  position: absolute;
  right: 58px;
}

.moreIcon--position {
  right: 0;
  position: absolute;
  font-size: 18px !important;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.dashboard {
  margin-top: 25px;
  height: 335px;
}

.dashboard.first {
  margin-left: 0;
}

.dashboardItem {
  margin-bottom: 20px;
}

.dashboardItem .header {
  overflow: hidden;
  border: 1px solid #b2b2b2;
  border-bottom: 0;
  background: #f0f1f2;
  color: #232a2f;
  text-shadow: 0 1px 0 #ffffff;
  font-weight: bold;
}

.dashboardItem .header {
  height: 35px;
  cursor: pointer;
}

.dashboardItem .header .title,
.dashboardItem .header .config,
.dashboardItem .header .minimize {
  height: 35px;
  float: left;
}

.dashboardItem .header .title {
  width: 92%;
}

.dashboardItem .header .title div {
  margin: 10px;
}

.dashboardItem .iframe {
  padding: 0 10px;
  height: 255px;
  overflow-y: scroll;
}

.dashboardItem .content {
  border: 1px solid #b2b2b2;
}

ul.dashboard .dashboardItem div.content iframe body {
  background-color: #fff;
}

.pagination {
  margin: 0 0 20px 0;
  text-align: center;
  font-size: 15px;
}

.pagination li {
  display: inline-block;
}

.pagination a,
.pagination span {
  padding: 3px 5px;
}

.pagination a:hover,
.pagination .current {
  border: 1px solid #cccccc;
}

.pagination li a {
  border: 1px solid transparent;
}

.pagination .goto-first,
.pagination .goto-last {
  color: #229bff;
  font-size: 0.7em;
  position: relative;
  top: 2px;
  padding: 10px 5px 2px;
}

.pagination .goto-first:hover,
.pagination .goto-last:hover {
  color: #1976d2;
}

.pagination .goto-first:before,
.pagination .goto-last:before {
  font-family: "v12-icons";
}

.jPaginate-page_container .pagination li {
  padding-right: 4px;
}

.contextMenu {
  box-shadow: 0 0 10px -1px #ccc;
  border: 1px solid #262626;
  background-color: #f2f9ff;
}

.contextMenu .scheduleBlockText {
  white-space: nowrap;
}

.contextMenu li:hover ul,
.contextMenu li.sfhover ul {
  left: auto;
}

.contextMenu li:hover {
  background-position: 0 0;
}

.contextMenu a {
  color: #232a2f;
  font-size: 11px;
  background: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  border-bottom: 1px solid #d6d6d6;
}

.contextMenu a .linkImgFlyExpand {
  width: 7px;
  height: 8px;
  margin-top: 1px;
}

.contextMenu a .linkImgFlyExpand:before {
  font-family: "v12-icons";
  font-size: 7px;
  top: 10px;
  right: 10px;
  position: absolute;
  color: #999;
}

.contextMenu a:hover {
  background: #229bff;
  color: #fff;
  text-shadow: none;
}

.contextMenu a:hover .linkImgFlyExpand:after {
  color: #fff;
}

.contextMenu .contextMenuSpan {
  color: #232a2f;
  font-size: 11px;
  background: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  border-bottom: 1px solid #d6d6d6;
}

.contextMenu .contextMenuSpan:hover {
  background: #229bff;
  color: #fff;
  text-shadow: none;
}

.contextMenu .lightGrayBackground:hover {
  background: #e7e9ec;
  color: #004b8d;
}

#dialog,
#sessionDialog,
#outlineDialog,
.hide,
.tabsContent {
  display: none;
}

.show {
  display: block;
}

.securityGroupForm .tabsContent table tbody tr td:first-child {
  width: 25%;
}

.inputAdd {
  position: relative;
}

.inputAdd .up span {
  margin-bottom: 4.5px;
}

.inputAdd .up span:before {
  font-family: "v12-icons";
  font-size: 0.5em;
}

.inputAdd .down {
  border-top: 0;
}

.inputAdd .down span {
  margin-bottom: 3px;
}

.inputAdd .down span:before {
  font-family: "v12-icons";
  font-size: 0.5em;
}

.inputAdd .nav {
  padding-left: 0;
}

.inputAdd .nav button {
  border-left: 0;
}

.inputAdd.transparentGroupedInput > span:last-child {
  padding-left: 0;
}

.inputAdd button {
  padding: 0;
  width: 21px;
  display: block;
  margin: 0 !important;
  height: 13px !important;
  line-height: 11px;
}

.announceItem {
  padding: 15px;
  background: #ffffff;
}

.announceItem .title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}

.separator {
  position: relative;
}

.separator .line {
  display: block;
  border-bottom: 2px solid #e5e5e5;
}

.separator .text {
  position: relative;
  top: -15px;
  left: 48%;
  display: inline-block;
  padding: 5px 10px;
  color: #999999;
  background: #fff;
}

.icon-info-circle-help {
  margin-left: 5px;
  vertical-align: text-top;
  font-size: 9px;
  color: #596065;
}

.color_picker_indicator {
  height: 26px;
  padding: 6px;
  margin-left: 0;
}

.auditStatusBubble {
  float: left;
  margin: -1px 5px -2px 0;
}

.detailedResultsPanel h2 {
  margin-top: 20px;
}

.detailedResultsPanel h2:first-child {
  margin-top: -5px;
}

.openCostCentre {
  height: 20px;
  line-height: 20px !important;
}

.openCostCentre:hover {
  cursor: pointer;
}

.openCostCentre .grid_3 {
  margin-top: 11px;
  margin-bottom: 0;
  width: 70%;
}

.openCostCentre .grid_2 {
  margin-bottom: 5px;
  width: 45%;
}

.openCostCentre .grid_2.first {
  margin-top: -5px;
}

.dropDownParent + ul,
.contextMenu {
  border: 1px solid #f4f4f4;
  background: none repeat scroll 0 0 #ffffff;
  height: auto;
  min-width: 100px;
  width: auto;
  position: absolute;
  z-index: 9999;
  display: none;
}

.dropDownParent + ul li,
.contextMenu li {
  height: auto;
  margin: 0;
  position: relative;
  text-align: left;
}

.dropDownParent + ul li a,
.contextMenu li a,
.contextMenu li .contextMenuSpan {
  background: none repeat scroll 0 0 #ffffff;
  border-bottom: 1px solid #fff;
  white-space: normal;
  display: block;
  padding: 6px;
}

.dropDownParent + ul li a:hover {
  background: none repeat scroll 0 0 #bfdaff;
}

.ui-datepicker-trigger {
  margin-left: 2px;
  margin-bottom: 1px;
  cursor: pointer;
}

.ui-sortable-placeholder {
  border: 1px dotted black;
  visibility: visible !important;
  height: 30px;
}

.ui-sortable-placeholder * {
  visibility: hidden;
}

.ui-icon-triangle-2-n-s {
  height: 8px !important;
  width: 7px !important;
  background: transparent !important;
  overflow: visible !important;
  text-indent: 0 !important;
  line-height: 8px;
  padding-right: 5px;
}

.ui-icon-triangle-2-n-s {
  color: #999;
  font-family: "v12-icons";
  font-size: 0.5em;
}

.ms-res-item b {
  font-weight: normal;
}

.ui-draggable-handle {
  cursor: move;
}

@media all and (max-width: 860px) {
  .hasMainTabs #buttonsPanel.right,
  .hasMainTabs #buttonsPanel.dfAddBtn {
    bottom: 45px;
  }
  .hasMainTabs #header1 {
    max-width: 550px;
  }
}
div[id^=advancedSearch] {
  margin-top: 10px;
}

#loadingImage,
.googleMapLoading {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
}

#loadingImage .line,
.googleMapLoading .line {
  position: absolute;
  width: 100%;
  height: 3px;
}

#loadingImage .break,
.googleMapLoading .break {
  position: absolute;
  background: #229bff;
  width: 10%;
  height: 3px;
  transform: translateZ(0);
}

#loadingImage .lightbox,
.googleMapLoading .lightbox {
  border-radius: 5px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 50%;
  top: 30%;
  margin-left: -100px;
  padding: 10px 40px 10px 40px;
  border: 1px solid #6e7174;
  background-color: rgba(255, 255, 255, 0.75);
}

.dot1 {
  animation: loading 2s infinite;
}

.dot2 {
  animation: loading 2s 0.5s infinite;
}

.dot3 {
  animation: loading 2s 1s infinite;
}

@keyframes loading {
  from {
    transform: translate3d(-200px, 0, 0);
  }
  to {
    transform: translate3d(2000px, 0, 0);
  }
}
#loadingItems {
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 50%;
  top: 30%;
  transform: translate(-50%, 0);
  padding: 10px 40px;
  background-color: #e4f2ff;
  border: 1px solid #229bff;
  font-size: 15px;
  z-index: 1100;
}

#loadingItems .icon-tick {
  vertical-align: -1px;
}

#smsNotice {
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  margin-top: 26px;
  padding: 10px 40px 10px 40px;
  background-color: #e4f2ff;
  border: 1px solid #229bff;
  font-size: 15px;
}

#smsNotice .icon-tick {
  vertical-align: -1px;
}

.lightbox .icon-logo {
  background-image: url(../images/ajax-loader.gif);
  width: 32px;
  height: 32px;
}

.ui-state-active {
  margin-left: -1px !important;
}

.ui-menu {
  padding-top: 0 !important;
}

.ui-menu-item {
  padding-top: 2px !important;
}

.ui-menu .ui-menu-item {
  width: auto !important;
  float: none !important;
}

.ui-datepicker {
  z-index: 1000 !important;
}

.ui-menu {
  max-height: 425px;
  overflow-y: auto;
}

.horizontalBorder {
  border-bottom: 2px solid #e5e5e5;
  padding-top: 20px;
  margin-bottom: 10px;
}

#enterpriseScreenContainer,
#serviceScreenContainer {
  height: 80px;
  width: 245px;
  position: absolute;
  top: 46%;
  left: 43%;
}

#enterpriseScreenContainer .versionNumber,
#serviceScreenContainer .versionNumber {
  position: absolute;
  color: #f0f1f2;
}

#enterpriseScreenContainer {
  background: url(../images/enterprise_screen_logo.svg) no-repeat center top;
}

#enterpriseScreenContainer .versionNumber {
  bottom: -18px;
  right: 5px;
}

#serviceScreenContainer {
  background: url(../images/service_screen_logo.svg) no-repeat center top;
}

#serviceScreenContainer .versionNumber {
  bottom: 0;
  right: 10px;
}

.ui-progressbar-value {
  background: url("../images/progress_bar_stripe.png") repeat scroll #b0b0b0;
}

table .internalTable thead th {
  background-color: #ebeef0 !important;
  font-weight: bold;
}

#middle-menu .downGreys {
  margin-left: 2px;
}

.reportBodyScroll {
  overflow-x: scroll;
}

.importHeader {
  overflow: hidden;
  height: 15px;
}

.resultsTable td:last-child button {
  position: relative;
}

.resultsTable ol,
.resultsTable ul:not(.dropButtonMenu) {
  list-style: inherit;
  margin-left: 15px;
}

.resultsTable ol {
  list-style-type: decimal;
}

#adjustMarginsChart {
  height: 400px;
  width: 95%;
  margin: 20px auto;
  padding: 1%;
  clear: both;
}

.adjustSlider {
  width: 200px;
  margin-left: 10px;
}

.adjust {
  margin: 10px 0;
}

.adjust li {
  display: inline-block;
  font-size: 1.1em;
  font-weight: bold;
}

.adjust li:first-child {
  padding-right: 10px;
  text-transform: uppercase;
}

.adjust li input {
  display: inline-block;
  font-size: 1.1em;
  font-weight: bold;
}

.adjustMaterialsCost li {
  color: #4572a7;
}

.adjustMaterialsCost li input {
  color: #4572a7;
}

.adjustMaterialsSell li {
  color: #aa4643;
}

.adjustMaterialsSell li input {
  color: #aa4643;
}

.adjustLabourCost li {
  color: #80699b;
}

.adjustLabourCost li input {
  color: #80699b;
}

.adjustLabourSell li {
  color: #3d96ae;
}

.adjustLabourSell li input {
  color: #3d96ae;
}

.adjust li input {
  padding: 4px;
}

.adjustPrices li {
  border-radius: 3px;
  float: left;
  padding: 0.5em;
  font-size: 1.2em;
  width: 25%;
  border: 1px solid #fff;
  background-color: #eee;
}

.adjustPrices li:nth-child(odd) {
  font-weight: bold;
}

#adjustMarginsSummary {
  margin: 1em auto;
  list-style: none;
  width: 100%;
}

#adjustMarginsSummary li {
  border-radius: 3px;
  width: 10.5%;
  display: inline-block;
  white-space: nowrap;
  padding: 0.8em;
  font-size: 1.2em;
  background-color: #eee;
}

#adjustMarginsSummary li:nth-child(odd) {
  width: 14%;
  background-color: #ccc;
  font-weight: bold;
}

#adjustMarginsSummary li:nth-child(5),
#adjustMarginsSummary li:nth-child(7) {
  background-color: #fff;
}

#adjustSummaryTable {
  width: 100%;
}

#adjustSummaryTable th {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #fff;
  font-size: 16px;
}

#adjustSummaryTable th:nth-child(odd) {
  background-color: #ccc;
}

#adjustSummaryTable tr {
  text-align: center;
}

#adjustSummaryTable td {
  font-size: 16px;
}

.googleMap,
.distanceMap {
  width: 100%;
  position: relative;
  height: 600px;
  z-index: 0;
}

.googleMap {
  border: 1px solid #cccccc;
}

.googleMap.jobcardMap {
  height: 300px;
}

.googleMap.gadgetMap {
  height: 400px;
}

.distanceMap.projectMap {
  height: 300px;
}

.distanceMap.serviceMap {
  height: 550px;
}

.googleMapLegend {
  background-color: #ffffff;
  padding: 0 5px;
  display: none;
  max-height: 550px;
  overflow: hidden;
  overflow-y: auto;
  min-width: 150px;
}

.googleMapDistanceLegend {
  background-color: #ffffff;
  display: none;
}

.googleMapDistanceLegend .legendHeader {
  height: 38px;
  line-height: 38px;
  padding: 0 10px 0 10px;
  border-bottom: 1px solid #eee;
  color: #1976d2;
  cursor: pointer;
}

.googleMapDistanceLegend .legendHeader .icon-down-arrow,
.googleMapDistanceLegend .legendHeader .inputAdd .down span:before,
.inputAdd .down .googleMapDistanceLegend .legendHeader span:before,
.googleMapDistanceLegend .legendHeader .ui-icon-triangle-2-n-s {
  font-size: 0.8em;
  margin-right: 10px;
}

.googleMapDistanceLegend .legendHeader .icon-up-arrow,
.googleMapDistanceLegend .legendHeader #savedSearchesCont ul:before,
#savedSearchesCont .googleMapDistanceLegend .legendHeader ul:before,
.googleMapDistanceLegend .legendHeader #header-menu li ul:before,
#header-menu li .googleMapDistanceLegend .legendHeader ul:before,
.googleMapDistanceLegend .legendHeader #utility-menu li ul:before,
#utility-menu li .googleMapDistanceLegend .legendHeader ul:before,
.googleMapDistanceLegend .legendHeader .inputAdd .up span:before,
.inputAdd .up .googleMapDistanceLegend .legendHeader span:before {
  font-size: 0.8em;
  margin-right: 10px;
}

.googleMapDistanceLegend .legendContent {
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 5px;
}

.googleMapDistanceLegend .legendContent .googleMapLegendBoxWrap .googleMapLegendBox {
  border-radius: 50px;
  padding: 5px;
  color: white;
  text-align: center;
  margin: 0 5px 0 0;
  min-width: 15px;
  cursor: pointer;
  text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
  font-size: 0.9em;
}

.googleMapDistanceLegend .legendContent .legendTitle {
  margin-left: 0;
}

.googleMapDistanceLegend .googleMapDistanceLegendItem {
  background-color: #f1f1f1;
  padding: 3px 0;
  overflow: hidden;
  margin-top: 3px;
  margin-bottom: 2px;
  cursor: pointer;
}

.googleMapLegendItem {
  background-color: #f1f1f1;
  margin: 5px 0;
  padding: 5px 3px;
  overflow: hidden;
}

.googleMapLegendItem .googleMapLocationIcon {
  cursor: pointer;
}

.googleMapLegendBox {
  padding: 0 2px;
  color: #ffffff;
  text-align: center;
  margin: 0 5px 0 7px;
  min-width: 10px;
}

.googleMapInfoWindow h3 {
  border-bottom: 1px solid #f1f1f1;
  margin: 0 0 7px 0;
  padding: 2px 0;
  font-weight: 700;
}

.googleMapInfoWindow p {
  margin: 0 0 7px 0 !important;
}

.googleMapLoading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 100;
}

.googleMapLoading .lightbox {
  border-radius: 5px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 40%;
  top: 40%;
  padding: 10px 40px 10px 40px;
  border: 1px solid #6e7174;
  background-color: rgba(255, 255, 255, 0.75);
}

.distanceMapLegend {
  border-radius: 10px;
  margin-right: 3px;
  cursor: pointer;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  color: #fff;
  padding: 3px 5px;
  margin-top: -4px;
}

@media only screen and (max-width: 1680px) {
  .shadedBox .calculateDistances,
  .notice .calculateDistances,
  .editingRow-js .row .calculateDistances {
    padding: 0 2px;
    font-size: 11px;
  }
}
.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto;
}

.spinner .doubleBounce1,
.spinner .doubleBounce2 {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: bounce 1s infinite ease-in-out alternate;
}

.spinner .doubleBounce2 {
  animation-delay: -1s;
  animation-direction: alternate;
}

@keyframes bounce {
  from {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  to {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.textLeft {
  text-align: left !important;
}

.textRight {
  text-align: right !important;
}

.textCenter {
  text-align: center !important;
}

.textDarkBlue {
  color: #1976d2 !important;
}

.textLightBlue {
  color: #229bff !important;
}

.textRed {
  color: red !important;
}

.textGreen {
  color: #41b555 !important;
}

.textYellow {
  color: #ffa100 !important;
}

.textWhite {
  color: #fff !important;
}

.textOrange {
  color: #ff7740 !important;
}

.textBodyColour {
  color: #232a2f !important;
}

.textLighterBlue {
  color: #91bce7 !important;
}

.textMatchH3Size {
  font-size: 15px !important;
}

.textLight {
  font-weight: 300;
}

.reportCriteria,
.textGrey {
  color: #9da1a6;
}

hr {
  box-shadow: inset 0 1px 0 white;
  clear: both;
  height: 1px;
  margin: 10px 0;
  border: none;
  border-top: 1px solid #f0f1f2;
}

.shadedBox,
.notice,
.editingRow-js .row {
  padding: 20px;
  background: #eee;
}

.shadedBox h3,
.notice h3,
.editingRow-js .row h3 {
  margin: 0;
}

.shadedBox.white-bg,
.white-bg.notice,
.editingRow-js .white-bg.row {
  background: #fff;
}

.shadedBox.noHeading,
.noHeading.notice,
.editingRow-js .noHeading.row {
  padding-top: 0;
  padding-bottom: 0;
}

.shadedBox.padding,
.padding.notice,
.editingRow-js .padding.row {
  padding: 10px 20px;
}

.shadedBox .chk,
.notice .chk,
.editingRow-js .row .chk {
  margin-left: 4px;
}

.verticalMargins {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.horizontalMargins {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.noPaddingTop {
  padding-top: 0 !important;
}

.noMarginTop {
  margin-top: 0 !important;
}

.halfMarginTop {
  margin-top: 5px !important;
}

.marginTop,
.withSelected,
.tblGridAct {
  margin-top: 10px !important;
}

.doubleMarginTop {
  margin-top: 20px !important;
}

.noPaddingBottom {
  padding-bottom: 0 !important;
}

.noMarginBottom {
  margin-bottom: 0 !important;
}

.halfMarginBottom {
  margin-bottom: 5px !important;
}

.marginBottom,
.notice,
.searchFilters {
  margin-bottom: 10px !important;
}

.doubleMarginBottom {
  margin-bottom: 20px !important;
}

.noPaddingLeft {
  padding-left: 0 !important;
}

.noMarginLeft {
  margin-left: 0 !important;
}

.halfMarginLeft {
  margin-left: 5px !important;
}

.marginLeft {
  margin-left: 10px !important;
}

.doubleMarginLeft {
  margin-left: 20px !important;
}

.noPaddingRight {
  padding-right: 0 !important;
}

.noMarginRight {
  margin-right: 0 !important;
}

.halfMarginRight {
  margin-right: 5px !important;
}

.marginRight {
  margin-right: 10px !important;
}

.doubleMarginRight {
  margin-right: 20px !important;
}

.doubleTextIndent {
  text-indent: 20px;
}

.paddingTop {
  padding-top: 10px !important;
}

.paddingTop-5 {
  padding-top: 5px !important;
}

.paddingBottom {
  padding-bottom: 10px !important;
}

.doublePaddingTop {
  padding-top: 20px !important;
}

.paddingRight-2Pct {
  padding-right: 2% !important;
}

.secButtonPanel {
  margin-top: 15px;
  margin-bottom: 20px;
}

.checkboxPanel {
  margin-top: 15px;
  padding-top: 25px;
}

.slimPadding {
  padding: 3px 10px 3px 10px !important;
}

.alignTop {
  vertical-align: top !important;
}

.alignBottom {
  vertical-align: bottom !important;
}

.alignCenter {
  vertical-align: middle !important;
}

.iBlockMid {
  display: inline-block;
  vertical-align: middle;
}

.transform50 {
  transform: translateY(50%);
}

.lineHeight {
  line-height: normal !important;
}

.iBlockBl {
  display: inline-block;
  vertical-align: baseline;
  line-height: 20px;
}

.iMid {
  padding-top: 4px;
}

.dialogCloseCallback {
  visibility: hidden;
  width: 1px;
  height: 1px;
}

.dialogCloseCallback.btnSearch {
  visibility: visible;
}

.hCenter,
.subTabs li {
  text-align: center;
}

.hRight {
  text-align: right;
}

#key > div {
  padding: 5px;
}

.nowrap {
  white-space: nowrap;
  overflow: hidden;
}

.lBorder {
  border-left: 1px solid #ccc;
}

.rBorder {
  border-right: 1px solid #ccc;
}

.tBorder {
  border-top: 1px solid #ccc;
}

.bBorder {
  border-bottom: 1px solid #ccc;
}

.noBorder {
  border: 0;
}

.dottedBorderTop {
  border-top: dotted 1.5px #f0f1f2;
}

.beta {
  border-radius: 5px;
  color: #fff;
  position: relative;
  top: -5px;
  left: 2px;
  font-size: 12px;
  background: #ec7d12;
  padding: 2px 5px;
}

.subText {
  font-size: 0.9em;
}

.textSize--large {
  font-size: 1.2em;
}

.textSize--xLarge {
  font-size: 1.6em;
}

.largeHeading {
  text-align: center;
  font-size: 40px;
  font-weight: 300;
  color: #1976d2;
  margin: 20px 0;
}

.icon-star.favourite {
  color: #f0dd00;
  font-size: 16px;
}

.textLarge {
  font-size: 16px !important;
}

.customFieldAdd {
  font-size: 16px;
}

.prebuild-row .span9,
.prebuild-row .span3 {
  margin-bottom: 25px;
}

.prebuild-row .span9.vert-text,
.prebuild-row .span3.vert-text {
  line-height: 25px;
}

.notes {
  font-size: 11px;
  font-weight: normal;
  color: #9f9f9f;
}

.taskSept {
  padding: 5px;
}

@media only screen and (min-width: 1200px) and (max-height: 768px) {
  .prebuildBreakdown > [class^=span] {
    display: inline;
    float: left;
    width: 47.91667%;
    margin: 0 1.04167%;
  }
}
#legendAccordion .ui-accordion-header {
  background: white;
  border: 1px solid #eee !important;
  padding: 10px;
}

#legendAccordion .ui-accordion-header .ui-accordion-header-icon {
  left: 98%;
  background-color: #ccc;
  border-radius: 50px;
}

#legendAccordion .ui-accordion-content {
  border: 1px solid #eee;
  left: -1px;
}

.headerBar {
  height: 30px;
  position: relative;
  padding-left: 10px;
  border: 1px solid #e1e1e1;
}

.headerBar .title {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  color: #4c4c4c;
}

.headerBar .lDate {
  width: 200px;
  height: 25px;
  line-height: 25px;
  position: absolute;
  left: 50%;
  top: 3px;
  margin-left: -130px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
}

.headerBar .lDate > a,
.headerBar .lDate > label {
  display: inline-block;
}

.headerBar .lDate > label.day,
.headerBar .lDate > label.project {
  color: #229bff;
}

.headerBar #dayDateSelector {
  width: 290px !important;
}

.headerBar .calCtrls {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -159.5px;
  text-align: center;
}

.headerBar .decreaseDay,
.headerBar .increaseDay {
  width: 30px;
}

.headerBar .trIconLink {
  position: absolute;
  top: 5px;
  right: 7px;
}

.headerBar span {
  line-height: 2px;
}

.headerBar span.icon-left-arrow {
  margin-left: -2px;
}

.headerBar span.icon-right-arrow,
.headerBar #companySelector.closed span.toggleBtn:before,
#companySelector.closed .headerBar span.toggleBtn:before,
.headerBar .contextMenu a span.linkImgFlyExpand:before,
.contextMenu a .headerBar span.linkImgFlyExpand:before {
  margin-right: -2px;
}

#AvailabilityContainer .headerBar {
  border-color: #eee;
}

#AvailabilityContainer .headerBar label {
  height: 30px;
  line-height: 30px;
}

#AvailabilityContainer .headerBar .calCtrls {
  font-weight: bold;
  top: 6px;
}

.rotate {
  display: inline-block;
  animation-name: spin;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.mce-edit-area {
  padding-right: 1px !important;
}

.mce-path {
  padding: 1px !important;
}

.mce-btn[data-mfro=true] button {
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  zoom: 1;
}

.mce-btn-small button {
  padding: 1px 2px !important;
}

.mce-colorbutton button.mce-open {
  margin-left: 1px !important;
}

.mce-colorbutton .mce-preview {
  width: 18px !important;
}

@media screen and (max-width: 1600px) {
  *:not(#mcePagewidthWindow) > .mce-tinymce .mce-btn-small button {
    padding: 1px 0 !important;
  }
  *:not(#mcePagewidthWindow) > .mce-tinymce .mce-colorbutton .mce-preview {
    width: 16px !important;
    margin-left: -13px !important;
  }
}
@media screen and (max-width: 1440px) {
  *:not(#mcePagewidthWindow) > .mce-tinymce .mce-btn-group:not(:first-child) {
    margin-left: 1px !important;
  }
  *:not(#mcePagewidthWindow) > .mce-tinymce .mce-btn-group .mce-btn {
    margin-left: 1px !important;
  }
  *:not(#mcePagewidthWindow) > .mce-tinymce .mce-splitbtn button + button {
    margin-left: 1px;
  }
}
.mce-menubtn.mce-fixed-width.mce-btn-small span {
  width: 45px !important;
}

.mce-listbox.mce-btn:hover,
.mce-listbox.mce-btn:active {
  border-color: transparent !important;
}

.mce-menubtn .mce-txt {
  border: 1px solid #c2c2c2 !important;
}

.mceIcon,
.mce_forecolor,
.mce_backcolor,
.mce_image,
.mce_link {
  font-family: "v12-icons";
  background: none !important;
  text-align: center !important;
  color: #4c4c4c !important;
}

.mceIcon {
  padding-top: 1px !important;
}

.mceIcon.mce_underline {
  font-size: 1.15em;
}

.mceIcon:hover {
  color: #229bff !important;
}

a.mceButtonActive .mceIcon.mce_pagewidth {
  color: #4c4c4c !important;
}

.mce_forecolor span.mceAction {
  border: 0 !important;
}

.mce_backcolor span.mceAction {
  border: 0 !important;
}

a.mceOpen {
  font-size: 7px;
  display: table-cell !important;
  vertical-align: middle !important;
}

a.mceOpen:before {
  font-family: "v12-icons";
  content: "\e00e";
}

a.mceOpen:hover,
.mce_backcolor.mceAction:hover,
.mce_forecolor.mceAction:hover {
  color: #229bff !important;
}

.mceButton,
a.mceButtonEnabled:hover,
table.mceSplitButtonEnabled:hover a.mceOpen,
table.mceSplitButtonEnabled:hover a.mceAction,
.mceSplitButton a.mceOpen,
.mceSplitButton a.mceAction {
  border: 0 !important;
}

td.mceToolbar {
  padding-top: 0 !important;
}

a.mceButtonEnabled:hover,
a.mceButtonActive {
  background-color: transparent !important;
}

a.mceButtonEnabled:hover .mceIcon,
a.mceButtonActive .mceIcon {
  color: #229bff !important;
}

.mce-table-button i:last-of-type {
  display: none;
}

.mce-tinymce,
.mce-top-part::before,
.mce-floatpanel,
.mce-window,
.mce-menubar {
  border-radius: 3px;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
}

.mce-container.mce-menubar.mce-toolbar.mce-first {
  visibility: hidden;
}

#mcePagewidthWindow {
  border: none !important;
  height: auto !important;
}

#mcePagewidthTextarea {
  width: 709px;
  height: 80vh;
}

.mce-tinymce > .mce-container-body > .mce-top-part > .mce-container-body > .mce-toolbar-grp {
  margin-right: 26px;
}

.mce-pagewidth {
  position: absolute !important;
  top: 3px !important;
  right: 3px !important;
}

.mce-burger-undo {
  display: inline-block !important;
  width: 50% !important;
}

.mce-burger-redo {
  display: inline-block !important;
  width: 50% !important;
}

.breakWord {
  word-break: break-all;
}

img.inputCCIcon {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 25px;
}

#demoHeader,
#trialDaysHeader {
  line-height: 18px;
  font-size: 13px;
  padding: 3px 0;
  font-family: Inter;
}

#demoHeader h3,
#trialDaysHeader h3 {
  color: inherit;
}

#demoHeader .icon-alert,
#trialDaysHeader .icon-alert {
  color: #4c4c4c;
}

#demoHeader .icon-find,
#trialDaysHeader .icon-find {
  font-size: 2em;
}

input[type=text],
input[type=number],
input[type=password],
input[type=search],
input[type=email],
input[type=url],
textarea,
input[type=file],
.groupedInput,
.transparentGroupedInput,
.groupedInput > input,
.groupedInput > textarea,
.transparentGroupedInput > input,
.transparentGroupedInput > textarea,
.groupedInput > span,
.groupedInput > label,
.transparentGroupedInput > span,
.transparentGroupedInput > label,
#savedSearchesCont ul:before,
#savedSearchesCont ul li a,
#globalSearchForm,
#globalSearchForm #globalSearch,
.searchContainer input[type=search],
.searchFilter input[type=search],
.searchContainer input#favourites + label,
#cNav .menuHover .menuHead .span6,
#cNav .menuHover .menuHead .span4,
.adjustPrices li,
#adjustMarginsSummary li,
.googleMapDistanceLegend .legendContent {
  box-sizing: border-box;
}

#savedSearchesCont ul,
#header-menu li ul,
#utility-menu li ul,
#cNav .menuHover,
.dropDownParent + ul,
.contextMenu {
  box-shadow: 0 3px 3px #ddd;
}

.subTabs,
body,
.clear,
.inlineEditPanel,
.row,
#content_container #content,
.optionsPanel,
.optionsPanelPrinted,
.optionsPanel .info,
.optionsPanelPrinted .info,
.shadedBox,
.notice,
.editingRow-js .row {
  zoom: 1;
}

.subTabs:before,
body:before,
.clear:before,
.inlineEditPanel:before,
.row:before,
#content_container #content:before,
.optionsPanel:before,
.optionsPanelPrinted:before,
.optionsPanel .info:before,
.optionsPanelPrinted .info:before,
.shadedBox:before,
.notice:before,
.editingRow-js .row:before,
.subTabs:after,
body:after,
.clear:after,
.inlineEditPanel:after,
.row:after,
#content_container #content:after,
.optionsPanel:after,
.optionsPanelPrinted:after,
.optionsPanel .info:after,
.optionsPanelPrinted .info:after,
.shadedBox:after,
.notice:after,
.editingRow-js .row:after {
  content: "";
  display: table;
}

.subTabs:after,
body:after,
.clear:after,
.inlineEditPanel:after,
.row:after,
#content_container #content:after,
.optionsPanel:after,
.optionsPanelPrinted:after,
.optionsPanel .info:after,
.optionsPanelPrinted .info:after,
.shadedBox:after,
.notice:after,
.editingRow-js .row:after {
  clear: both;
}

.quickLinkFooterClick {
  position: fixed;
  bottom: 0;
  left: 0;
  padding-right: 40px;
  height: 40px;
  width: 100%;
  background: linear-gradient(to bottom, #1976d2 0%, #1976d2 75%, #145ca4 76%, #145ca4 80%, #1562ae 81%, #1562ae 100%);
  box-sizing: border-box;
  z-index: 100;
}

.quickLinkFooterClick li {
  width: 20%;
  float: left;
  padding: 5px 30px 7px;
  box-sizing: border-box;
  cursor: pointer;
  color: #f7f8f9;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.quickLinkFooterClick li .statusIcons {
  width: initial;
  padding-left: 5px;
  flex-warp: wrap;
}

.quickLinkFooterClick li .span10 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.quickLinkFooterClick li [class^=icon] {
  margin-right: 5px;
  vertical-align: -11%;
  font-size: 1.2em;
}

.quickLinkFooterClick li:last-child {
  position: absolute;
  width: 35px;
  height: 30px;
  right: 0px;
  background-color: #1976d2;
  text-overflow: clip;
}

.quickLinkFooterClick li:last-child span {
  position: relative;
  right: 7px;
  top: 2px;
  font-size: 10px;
}

.quickLinkFooterClick li.active {
  color: #fff;
  cursor: default;
  font-weight: 500;
}

.quickLinkFooterClick li:hover:not(.active) {
  background-color: #0e527f;
  color: #fff;
}

.quickLinkFooterHover {
  float: right;
  bottom: 30px;
  position: fixed;
  background-color: #1976d2;
  width: 20%;
  right: 0;
  color: white;
  z-index: 1000;
}

.quickLinkFooterHover li {
  padding: 5px;
  color: #f5f5f5;
  box-sizing: border-box;
  cursor: pointer;
  border-bottom: 1px solid #a4a5a6;
}

.quickLinkFooterHover li .statusIcons {
  margin-top: 8px;
  width: initial;
  padding-left: 5px;
  flex-warp: wrap;
}

.quickLinkFooterHover li [class^=icon] {
  font-size: 1.2em;
}

.quickLinkFooterHover li.active {
  color: #fff;
  font-weight: 500;
  cursor: default;
}

.quickLinkFooterHover li:hover:not(.active) {
  background-color: #0e527f;
  color: #fff;
}

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

#quickLinkCount {
  position: fixed;
  bottom: 0;
  right: 0px;
  padding: 6px 10px 6px 10px;
  background-color: #1976d2;
  color: #f5f5f5;
  cursor: pointer;
  z-index: 100;
}

#quickLinkCount span {
  margin-left: 5px;
  font-size: 10px;
}

#quickLinkCount:hover {
  color: #fff;
}

.companyColour {
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  margin-right: 5px;
}

#content_container.jobClosurePage,
#content_container.jobClosurePage #content,
.transparent,
#content_container.closurePage,
#content_container.closurePage #content {
  background-color: transparent !important;
  border: 0 !important;
}

#jobClosure h2 {
  font-size: 21px;
  font-weight: 300;
  margin-bottom: 20px;
}

#jobClosure ul.closureList {
  width: 400px;
  margin: 10px auto;
  padding: 0px;
  background: #fff;
  border: 1px solid #ccc;
}

#jobClosure ul.closureList li {
  font-size: 1.25em;
}

#jobClosure ul.closureList li label {
  padding: 10px 20px;
  cursor: pointer;
  margin: 0;
  display: block;
}

#jobClosure ul.closureList li input[type=checkbox] {
  margin: 0 10px 0 0;
  width: 18px;
  height: 18px;
  vertical-align: text-top;
}

#jobClosure ul.closureList li:not(:first-child) {
  border-top: 1px solid #ccc;
}

#jobClosure ul.closureList li:hover {
  color: #fff;
  background: #229bff;
}

#jobClosure ul.closureList li:hover .icon-minus {
  color: #fff;
}

#jobClosure ul.closureList small + small {
  font-size: 0.7em;
  display: block;
}

#jobClosure .icon-minus {
  margin-top: -9px;
}

#jobClosure .companyColour {
  width: 16px;
  height: 16px;
  vertical-align: text-top;
}

#jobClosure ul.actionLinks {
  width: 409px;
  margin: 20px auto;
  line-height: 26px;
  font-size: 12px;
}

#jobClosure ul.actionLinks button {
  font-size: 12px;
}

#jobClosure ul.actionLinks li {
  display: inline-block;
}

#jobClosure ul.actionLinks li label {
  padding: 10px 10px 10px 0;
  cursor: pointer;
  margin: 0;
}

#jobClosure ul.actionLinks li input[type=checkbox] {
  margin: 0 5px;
  width: 18px;
  height: 18px;
}

#finishState {
  margin: 2em auto;
  width: 600px;
  border: 1px solid #ccc !important;
  font-size: 13px;
  padding: 0;
}

#finishState h2 {
  font-weight: normal;
  color: #4c4c4c;
}

#finishState a {
  color: #4c4c4c;
}

#finishState a:hover {
  color: #004b8d;
}

#finishState a:hover .round-button {
  background: #004b8d;
}

#finishState .horizontalPadding {
  padding: 0 20px;
}

#finishState .verticalPadding {
  padding: 20px 0;
}

#finishState .totalPadding {
  padding: 20px;
}

#finishState .greyBackground {
  background: #f7f8f8;
}

#finishState .inlineDisplay {
  display: inline-block;
}

#finishState button {
  background: white !important;
  margin-bottom: 10px;
}

.round-legend,
.round-button {
  display: block;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 10px;
}

.round-legend {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #40ae23;
  font-size: 24px;
}

.round-button {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background: #00aeef;
  font-size: 18px;
  margin: 10px auto;
  border-bottom: 2px solid #ccc;
}

.rotateIcon {
  transform: rotate(90deg);
}

.switch-toggle {
  position: relative;
  display: block;
  padding: 0 !important;
}

.switch-toggle--largeFont {
  font-size: 14px;
  padding: 5px 0;
}

.switch-toggle .iconSize {
  font-size: 17px;
  position: relative;
  top: -1px;
}

.switch-toggle::after {
  clear: both;
  content: "";
  display: table;
}

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

.switch-toggle a {
  display: block;
  transition: all ease-out;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 1;
  height: 100%;
}

.switch-toggle label,
.switch-toggle > span {
  line-height: 2em;
  vertical-align: middle;
}

.switch-toggle input {
  position: absolute;
  left: 0;
  opacity: 0;
}

.switch-toggle input + label {
  position: relative;
  z-index: 2;
  display: block;
  float: left;
  padding: 0 0.5em;
  margin: 0;
  text-align: center;
}

.switch-toggle.switch-candy {
  background-color: #e7e9ec;
  border-radius: 20px;
  margin-left: 0;
}

.switch-toggle.switch-candy label {
  color: #262626;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}

.switch-toggle.switch-candy input:checked + label {
  color: #fff;
}

.switch-toggle.switch-candy a {
  border-radius: 20px;
  background-color: #1976d2;
}

.switch-toggle label:nth-child(2):nth-last-child(4),
.switch-toggle label:nth-child(2):nth-last-child(4) ~ label,
.switch-toggle label:nth-child(2):nth-last-child(4) ~ a,
.width50 {
  width: 50%;
}

.switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a {
  left: 50%;
}

.infoPanel {
  background-color: #888;
  padding: 10px;
}

.disabled,
.disabled:hover {
  background-color: #dfdfdf !important;
  cursor: default;
  color: #888;
}

label.disabled,
label.disabled:hover {
  background-color: unset !important;
}

input[type=checkbox].disabled {
  opacity: 0.3;
}

.lightBold {
  font-weight: 500;
}

.noPaddingAll {
  padding: 0 !important;
}

.iconAlign {
  font-size: 10px !important;
  vertical-align: -30%;
}

.darkBluePill {
  font-size: 15px;
  background-color: #1976d2;
  color: white;
  border-radius: 50px;
  padding: 10px 15px;
}

.scrollInDialog {
  display: block;
  max-height: 550px;
  overflow-y: scroll;
}

.prebuildMaterial {
  background: none !important;
  font-size: 12px !important;
  cursor: pointer;
  color: #4c4c4c !important;
  font-weight: 500;
  border: 0 !important;
}

.prebuildMaterial:hover {
  color: #ccc;
}

.hasSupportMaterial .supportImageDisplay .content {
  max-width: 1000px;
  width: auto;
  min-width: 500px;
}

.hasSupportMaterial .supportImageDisplay .imageCanvas-js {
  text-align: center;
  padding: 10px 0;
  max-width: 960px;
}

.hasSupportMaterial .supportImageDisplay .imageCanvas-js img {
  max-width: 940px;
}

.browseAttachment {
  border: 1px dashed #ccc;
  height: 248px;
}

.browseAttachment .browseImageMessage {
  padding: 88px 22px;
}

.prebuildBrowseImage {
  font-size: 2.2em;
  color: #ccc;
  display: block;
}

.prebuildImageHeight {
  height: 248px;
}

.prebuildImageHeight .topDiv {
  height: 212px;
  text-align: center;
  margin: 0 auto;
}

.prebuildImageHeight img {
  max-width: 100%;
  height: 248px;
}

.changeButton {
  text-align: center;
  background-color: #e1e1e1;
  padding: 9px;
  color: #4c4c4c;
  font-size: 12px;
  opacity: 0.8;
}

.changeButton--circle {
  border-radius: 100%;
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 16px;
  margin: 0px 25%;
}

.removeProfileImage {
  position: absolute;
  bottom: 0;
  right: 0;
}

.hoverBox {
  background: #fff;
  border: 1px solid #ccc;
}

.hoverBox:hover {
  cursor: pointer;
  border: 1px solid #00aeef;
}

.progress {
  width: 100%;
  height: 16px;
  background-color: #ffffff;
  border-radius: 16px;
  padding: 4px;
}

.progressBar {
  background-color: #004b8d;
  height: 100%;
  border-radius: 16px;
  animation-name: increase;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}

@keyframes increase {
  from {
    width: 0;
  }
}
.activeRow {
  background-color: #e4f2ff !important;
}

.whiteBackground {
  background-color: #fff !important;
}

#typeStandard .groupedInput span:last-child,
#typePrice .groupedInput span:last-child,
#typeStandardAddOn .groupedInput span:last-child,
#typePriceAddOn .groupedInput span:last-child {
  width: 50px;
  text-align: center;
}

.boxComponents {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

.pageSpacing {
  padding-top: 12%;
}

.pageSpacing .mainTextSize {
  font-size: 7em;
}

.pageSpacing .contentTextSize {
  font-size: 5em;
}

.pageSpacing .messageText {
  font-size: 20px;
  font-weight: 400;
  color: #4c4c4c;
}

.templateEditBlock {
  position: relative;
  display: inline-block;
  height: 26px;
  width: 400px;
  background: white;
  transition: all 0.2s;
  margin-top: 10px;
  margin-bottom: 5px;
}

.templateEditBlock .templateEditSpan {
  line-height: 26px;
}

.templateEditBlock input {
  position: absolute;
  display: inline-block;
  height: 26px;
  width: 400px;
  border: 0;
  padding: 0;
}

.templateEditBlock .templateEditIcons {
  position: absolute;
  transition: all 0.5s;
  opacity: 0;
  top: 7px;
  color: black;
  cursor: pointer;
}

.templateEditBlock .icon-edit {
  right: 10px;
}

.templateEditBlock .icon-edit:hover {
  opacity: 1;
}

.greyBorder {
  border: 1px solid #596065 !important;
}

.greyBorder .dot {
  color: #596065;
}

.blueBorder {
  border: 1px solid #00aeef !important;
}

.checkBoxBorder {
  margin-top: 10px !important;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
}

.checkBoxBorder:hover {
  cursor: pointer;
  border: 1px solid #00aeef;
}

.linkCenter {
  display: inline-block;
  vertical-align: middle;
  line-height: 28px;
}

.rowMarginTab {
  width: 99.8%;
  margin-right: 0.1%;
  margin-left: 0.1%;
}

#newReportContainer .spanHeader {
  margin-top: 42px;
}

.darkGrayBorder {
  border: 1px solid #d5d5d5;
}

.darkGrayBorderBottom {
  border-bottom: 1px solid #d5d5d5;
}

.darkGrayBorderNoTop {
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}

#rowTemplateSelection {
  max-height: 250px;
  overflow-y: auto;
}

#rowTemplateSelection .containerTemplateName {
  width: 95%;
  float: right;
  position: relative;
}

#rowTemplateSelection .containerTemplateName--noFloat {
  float: none;
}

#rowTemplateSelection .containerTemplateName .spanTemplateName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

#rowTemplateSelection .containerTemplateName .spanTemplateType {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  color: #00aeef;
  border: 1px solid #00aeef;
  background-color: #fff;
  padding: 1px 2px 2px 2px;
  border-radius: 3px;
  font-size: 11px;
}

.templateFormTable {
  table-layout: fixed;
}

.templateFormTable .menuContainer td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rotate45 {
  transform: rotate(45deg);
  display: inline-block;
}

.overflowEllipsis {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.nameMaxWidth {
  max-width: 200px;
}

.normalPadding {
  padding: 10px !important;
}

.retentionInfoIcon {
  font-size: 9px;
  color: #9f9f9f;
  display: inline-table;
  vertical-align: middle;
  line-height: 9px;
  padding: 10px !important;
}

.scheduleColorDiv {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin: auto;
}

.flexBox {
  display: flex;
}

.flexAlignCenter {
  align-items: center;
}

.hideImportant {
  display: none !important;
}

#IncomeContainer .unfolded,
#IncomeContainer .folded {
  cursor: pointer;
}

.oneHalfPaddingRight {
  padding-right: 20px !important;
}

.blueBorderHover:hover {
  cursor: pointer;
  background: #e4f2ff;
}

.dropbtn {
  width: 2.7%;
  display: inline;
  float: left;
  box-sizing: border-box;
  padding: 21.5px 0;
  cursor: pointer;
  text-align: center;
  margin-left: 0;
}

.form-dropdown {
  position: absolute;
  max-height: 175px;
  overflow-y: auto;
  z-index: 99;
  background: #fff;
}

.form-dropdown .paddingDropDown {
  padding: 3px;
}

.form-dropdown .activeElement {
  background: #e4f2ff;
}

.form-dropdown .greyBorderHover:hover {
  background: #e6e8eb;
  cursor: pointer;
}

.formBox {
  width: 96%;
  float: left;
  display: inline;
  box-sizing: border-box;
  padding: 10px 20px;
}

.suggestTextDropdown {
  box-sizing: border-box;
  display: block;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  top: 100px;
  left: 500px;
  max-height: 100px;
  overflow-y: auto;
}

.suggestTextDropdown > li {
  padding: 4px;
}

.suggestTextDropdown > li:hover {
  background: #229bff;
}

.formTemplateRow {
  position: relative;
  width: 100%;
  min-height: 100px;
  overflow: hidden;
  padding-bottom: 10px;
}

.formTemplateRow .span6 {
  width: 44.9%;
  margin: 0 4.5% 0 0;
}

.formTemplateRow .span6:nth-of-type(odd) {
  margin-left: 1.04167%;
}

.templateRow {
  position: absolute;
  will-change: left;
}

.formRow {
  position: absolute;
  will-change: left;
}

.displayInline {
  display: inline-block;
}

.transparentSelect .suggestselectButton,
.transparentSelect select,
.dashboardSelect .suggestselectButton,
.dashboardSelect select {
  border: 0 !important;
  background: transparent;
  font-size: 12px;
  margin-top: -3px;
}

.transparentSelect .suggestselectButton,
.dashboardSelect .suggestselectButton {
  padding: 0 18px 0 4px !important;
  min-width: 140px;
}

.transparentSelect .suggestselectButton:focus,
.dashboardSelect .suggestselectButton:focus {
  background: transparent !important;
}

.transparentSelect select,
.dashboardSelect select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.transparentSelect .suggestselectButton,
.transparentSelect select {
  color: #229bff !important;
}

.transparentSelect .suggestselectButton span.ui-icon {
  color: transparent;
}

.longSelectText {
  padding: 0 18px 3px 3px;
}

.longSelectText > .label {
  white-space: pre-line;
  word-break: break-all;
  line-height: 2;
  vertical-align: top;
}

.buttonExtendedOptionsList > li {
  padding: 5px 10px;
  text-align: left;
}

.buttonExtendedOptionsList > li:hover {
  cursor: pointer;
  background-color: #229bff;
  color: #fff;
}

.buttonExtendedOptions {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eee;
  position: absolute;
  display: none;
  min-width: 80px;
  top: 39px;
  right: 10px;
}

.listItems li,
.suggestselectResults#searchProjectResults li {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding-bottom: 5px;
}

.highcharts-container {
  font-family: Inter, sans-serif;
  color: #4c4c4c;
  font-size: 12px;
}

.highcharts-container .highcharts-title {
  font-family: Inter, sans-serif;
  color: #4c4c4c;
  font-size: 18px !important;
  font-weight: 500 !important;
}

.highcharts-container svg {
  font-family: Inter, sans-serif !important;
  color: #4c4c4c !important;
}

.highcharts-container svg text {
  color: #4c4c4c !important;
  font-family: Inter, sans-serif !important;
  font-size: 11px !important;
}

.highcharts-container .highcharts-contextmenu div {
  box-shadow: 0 2px 2px #ddd !important;
  border: none !important;
  padding: 0 !important;
}

.highcharts-container .highcharts-contextmenu div div {
  padding: 5px !important;
  font-size: 12px !important;
  box-shadow: none !important;
  color: #004b8d !important;
  height: 16px;
  line-height: 16px;
}

.highcharts-container .highcharts-contextmenu div div:hover {
  background: #c6e2f7 !important;
  color: #004b8d !important;
}

.highcharts-container .highcharts-contextmenu div hr {
  display: none;
}

.highcharts-container .highcharts-tooltip span,
.highcharts-container .highcharts-legend-item span {
  font-family: Inter, sans-serif !important;
  color: #4c4c4c !important;
  font-size: 12px !important;
}

.highcharts-container .highcharts-legend-item span {
  font-weight: normal !important;
}

.salesTarget .highcharts-container svg text {
  font-size: 12px !important;
  color: transparent;
}

.loadingDots {
  width: 100px;
}

.loadingDots > div {
  width: 6px;
  height: 6px;
  background-color: #d2d5d8;
  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.loadingDots .bounce1 {
  animation-delay: -0.32s;
}

.loadingDots .bounce2 {
  animation-delay: -0.16s;
}

@keyframes sk-bouncedelay {
  0.1%, 80%, 100% {
    transform: scale(0.01);
  }
  40% {
    transform: scale(1);
  }
}
.toggleEnabledText .switch {
  width: 90px;
}

.toggleEnabledText .switch input:checked:not([readonly]) + .slider:before {
  left: 30px;
}

.fixedHeader {
  height: 100px;
  z-index: 100;
  position: fixed;
  width: 100%;
}

li[ignoreStatusPriority=true]::before,
li[ignoreStatusPriority=false]::before {
  content: "";
  float: left;
}

li[ignoreStatusPriority=false]::before {
  padding: 3px 10px;
}

li[ignoreStatusPriority=true]::before {
  padding: 3px 0;
}

.scrollableTree_ui2 {
  position: absolute;
  top: 80px;
  left: 50px;
  right: 50px;
  bottom: 50px;
}

label.browseBtn {
  padding: 5px 15px;
  cursor: pointer;
  color: #262626;
  background: #e7e9ec;
  border: 1px solid #ccc;
}

.pointerCursor {
  cursor: pointer;
}

.openCostCentreOverview {
  color: #229bff;
}

.openCostCentreOverview:hover {
  cursor: pointer;
  color: #024bb3;
}

.tblGrid thead th.claimedHeader {
  background-color: #abc17e;
  color: white;
}

.tblGrid thead th.remainingHeader {
  background-color: #dc9797;
  color: white;
}

.departmentLine {
  background-color: #ececec;
}

.overviewExpand {
  bottom: 0;
  right: 100px;
}

.overviewCollapse {
  bottom: 0;
  right: 0;
}

#reportTableOverview .icon-down-arrow,
#reportTableOverview .inputAdd .down span:before,
.inputAdd .down #reportTableOverview span:before,
#reportTableOverview .ui-icon-triangle-2-n-s {
  font-size: 10px;
}

#reportTableOverview .icon-right-arrow,
#reportTableOverview #companySelector.closed .toggleBtn:before,
#companySelector.closed #reportTableOverview .toggleBtn:before,
#reportTableOverview #companySelector .content ul.companyList li.selected:before,
#companySelector .content ul.companyList #reportTableOverview li.selected:before,
#reportTableOverview #companySelector .content ul.companyList li:hover:before,
#companySelector .content ul.companyList #reportTableOverview li:hover:before,
#reportTableOverview .contextMenu a .linkImgFlyExpand:before,
.contextMenu a #reportTableOverview .linkImgFlyExpand:before {
  font-size: 10px;
}

#taskAssignedIDResults,
#taskStatusIDResults {
  max-height: 240px !important;
}

.heightInline {
  height: 139px;
}

#CustomerContainer .subTabs {
  background: #f7f8f9;
  color: #fff;
  margin-top: -1px;
}

#CustomerContainer .subTabs li .current {
  background: #f7f8f9;
}

#takeOffTemplatessearchPage .divForm .span12 .row .span12 h3 {
  font-size: 16px;
  margin-top: 25px;
}

.sectionPanel h3 {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.schedFilter {
  height: 20px;
}

.additionalContacts {
  margin-top: 13px;
}

.additionalContacts li {
  display: inline !important;
}

.additionalContacts li:after {
  content: ", ";
}

.additionalContacts li:last-child:after {
  content: "";
}

.normalFontWeight {
  font-weight: normal !important;
}

#headerNewUIToggle {
  padding-top: 7px !important;
  padding-bottom: 0 !important;
}

#toggleUIText {
  display: inline-block;
  background-color: #229bff;
  padding: 3px 12px;
  margin-right: 5px;
  position: relative;
  color: #fff;
}

#toggleUIText:after,
#toggleUIText:before {
  position: absolute;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
}

#toggleUIText:before {
  border-left-color: #229bff;
  right: -23px;
  border-width: 12px;
  top: 0;
}

#toggleUISwitch {
  display: inline-block;
  transform: scale(0.8);
  vertical-align: -8px;
}

#toggleUISwitch .slider {
  background-color: #fff;
}

#toggleUISwitch .slider:before {
  background-color: #229bff;
}

.overDialogBox {
  z-index: 1000;
}

.sept {
  margin-right: 5px;
  margin-left: 5px;
}

.iotEnableBtn {
  border: 1px solid #1976d2;
  border-radius: 3px;
  background: transparent;
  color: #1976d2;
}

.iotEnableBtn:hover {
  color: white;
}

.textActionBtn {
  border: none;
  border-radius: 3px;
  background: transparent;
  color: #1976d2;
  text-transform: uppercase;
}

.textActionBtn:hover {
  color: #0e527f;
}

.iotDisableBtn {
  border: 1px solid #596065;
  border-radius: 3px;
  background: transparent;
  color: #596065;
}

.iotDisableBtn:hover {
  color: white;
}

.stockQtyInputCol {
  width: 80px;
}

.stockQtyInputColExpanded {
  width: 120px;
}

.stockQtyCol {
  min-width: 40px;
  text-align: right;
}

.uomCol {
  padding: 0 8px 0 0 !important;
  width: 40px;
}

.uomCol:empty {
  width: 0;
  padding: 0 !important;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  zoom: 1;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-widget {
  font-size: 13px;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid var(--simpro-grey-500);
  background: var(--simpro-white) url(jQuery/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x;
  color: var(--simpro-grey-700);
}

.ui-widget-content a {
  color: var(--simpro-grey-700);
}

.ui-widget-header {
  border: 0;
  background: var(--simpro-white) url(jQuery/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x;
  color: var(--simpro-grey-700);
  font-weight: bold;
}

.ui-widget-header a {
  color: var(--simpro-grey-700);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid var(--simpro-white);
  background-color: var(--simpro-white);
  font-weight: normal;
  color: var(--simpro-grey-700);
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: var(--simpro-grey-700);
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid var(--simpro-grey-200);
  background: var(--simpro-grey-200);
  font-weight: normal;
  color: var(--simpro-grey-700);
}

.ui-state-hover a,
.ui-state-hover a:hover {
  color: var(--simpro-grey-900);
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid var(--simpro-dark-blue) !important;
  background: var(--simpro-dark-blue);
  font-weight: normal;
  color: var(--simpro-white);
}

.ui-state-active button:focus-visible,
.ui-state-active a:focus-visible,
.ui-state-active input:focus-visible,
.ui-state-active [role=tab]:focus-visible {
  outline: 2px solid var(--simpro-blue);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--simpro-blue);
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-active a:hover,
.ui-state-active a:focus {
  color: var(--simpro-body-text);
  text-decoration: none;
}

.ui-state-active a:focus:not(:focus-visible) {
  outline: none;
}

.ui-state-active a:focus-visible {
  outline: 2px solid var(--simpro-blue);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--simpro-blue);
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid var(--simpro-grey-200);
  background: var(--simpro-grey-200);
  color: var(--simpro-grey-700) !important;
}

.ui-datepicker-current-day .ui-state-active {
  border: 1px solid var(--simpro-dark-blue) !important;
  background: var(--simpro-dark-blue) !important;
  color: var(--simpro-white) !important;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: var(--simpro-red);
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid var(--simpro-red);
  background: var(--simpro-grey-0) url(jQuery/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: var(--simpro-red);
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: var(--simpro-red);
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: var(--simpro-red);
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  font-weight: normal;
  color: var(--simpro-tab-content-border);
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(jQuery/images/ui-icons_404040_256x240.png);
}

.ui-widget-content .ui-icon {
  background-image: url(jQuery/images/ui-icons_404040_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(jQuery/images/ui-icons_404040_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(jQuery/images/ui-icons_404040_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(jQuery/images/ui-icons_404040_256x240.png);
}

.ui-state-active .ui-icon {
  background-image: url(jQuery/images/ui-icons_ffffff_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(jQuery/images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(jQuery/images/ui-icons_cd0a0a_256x240.png);
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-off {
  background-position: -96px -144px;
}

.ui-icon-radio-on {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0;
}

.ui-widget-overlay {
  background: var(--simpro-black) url(jQuery/images/ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x;
  opacity: 0.6;
  filter: Alpha(Opacity=60);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: var(--simpro-grey-500) url(jQuery/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted var(--simpro-black);
}

.ui-accordion {
  width: 100%;
}

.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
  display: inline;
}

.ui-accordion .ui-accordion-header-active {
  border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: 0.5em 0.5em 0.5em 0.7em;
}

.ui-accordion-icons .ui-accordion-header a {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
  zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
  display: block;
}

.ui-autocomplete {
  position: absolute;
  cursor: default;
}

* html .ui-autocomplete {
  width: 1px;
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left;
}

.ui-menu .ui-menu {
  margin-top: -3px;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 0.2em 0.4em;
  line-height: 1.5;
  zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: 0.1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: hidden;
  *overflow: visible;
}

.ui-button-icon-only {
  width: 2.2em;
}

button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

input.ui-button {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-dialog {
  position: absolute;
  padding: 0.2em;
  width: 300px;
  overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 16px 0.1em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: 0.5em 0 0 0;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  background: var(--simpro-grey-200);
  border: 1px solid var(--simpro-grey-500);
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
  zoom: 1;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  margin: 0 0.2em 1px 0;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tabs .ui-tabs-hide {
  display: none !important;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.3em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
  background-color: var(--simpro-grey-200);
  color: var(--simpro-grey-700);
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 5px;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 40%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: center;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
  background-color: var(--simpro-grey-200);
  color: var(--simpro-grey-700);
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-cover {
  display: none;
  display/**/: block;
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-daterangepickercontain {
  position: absolute;
  z-index: 999;
}

.ui-daterangepickercontain .ui-daterangepicker {
  float: left;
  padding: 5px !important;
  width: auto;
  display: inline;
  background-image: none !important;
  clear: left;
}

.ui-daterangepicker ul,
.ui-daterangepicker .ranges,
.ui-daterangepicker .range-start,
.ui-daterangepicker .range-end {
  float: left;
  padding: 0;
  margin: 0;
}

.ui-daterangepicker .ranges {
  width: auto;
  position: relative;
  padding: 5px 5px 40px 0;
  margin-left: 10px;
}

.ui-daterangepicker .range-start,
.ui-daterangepicker .range-end {
  margin-left: 5px;
}

.ui-daterangepicker button.btnDone {
  margin: 0 5px 5px 0;
  position: absolute;
  bottom: 0;
  right: 0;
  clear: both;
  cursor: pointer;
  font-size: 1.1em;
}

.ui-daterangepicker ul {
  width: 17.6em;
  background: none;
  border: 0;
}

.ui-daterangepicker li {
  list-style: none;
  padding: 1px;
  cursor: pointer;
  margin: 1px 0;
}

.ui-daterangepicker li.ui-state-hover,
.ui-daterangepicker li.ui-state-active {
  padding: 0;
}

.ui-daterangepicker li.preset_0 {
  margin-top: 1.5em !important;
}

.ui-daterangepicker .ui-widget-content a {
  text-decoration: none !important;
}

.ui-daterangepicker li a {
  font-weight: normal;
  margin: 0.3em 0.5em;
  display: block;
}

.ui-daterangepicker li span {
  float: right;
  margin: 0.3em 0.2em;
}

.ui-daterangepicker .title-start,
.ui-daterangepicker .title-end {
  display: block;
  margin: 0 0 0.2em;
  font-size: 1em;
  padding: 0 4px 2px;
}

.ui-daterangepicker .ui-datepicker-inline {
  font-size: 1em;
}

.ui-daterangepicker-arrows {
  padding: 2px;
  width: 204px;
  position: relative;
}

.ui-daterangepicker-arrows input.ui-rangepicker-input {
  width: 158px;
  margin: 0 2px 0 20px;
  padding: 2px;
  height: 1.1em;
}

.ui-daterangepicker-arrows .ui-daterangepicker-prev,
.ui-daterangepicker-arrows .ui-daterangepicker-next {
  position: absolute;
  top: 2px;
  padding: 1px;
}

.ui-daterangepicker-arrows .ui-daterangepicker-prev {
  left: 2px;
}

.ui-daterangepicker-arrows .ui-daterangepicker-next {
  right: 2px;
}

.ui-daterangepicker-arrows .ui-daterangepicker-prev:hover,
.ui-daterangepicker-arrows .ui-daterangepicker-next:hover,
.ui-daterangepicker-arrows .ui-daterangepicker-prev:focus,
.ui-daterangepicker-arrows .ui-daterangepicker-next:focus {
  padding: 0;
}

table.tableSorter thead tr .header {
  cursor: pointer;
}

table.tableSorter thead tr .headerSortUp {
  background: #c6e2f7;
}

table.tableSorter thead tr .headerSortDown {
  background: #c6e2f7;
}

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  height: 25px;
  margin-bottom: -25px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 65px;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.jPaginate tbody tr:not(.jPaginate-row-1):not(.tblplaceholder) {
  display: none;
}

.jPaginate thead.stick {
  position: fixed;
  top: 0;
  z-index: 500;
  overflow: hidden;
}

.jPaginate thead.stick tr {
  position: absolute;
}

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.leaflet-tile::selection {
  background: transparent;
}

.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

.leaflet-marker-vehicle {
  overflow: hidden;
}

.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container.leaflet-touch-zoom {
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 800;
}

.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

.leaflet-control {
  position: relative;
  z-index: 997;
  pointer-events: visiblePainted;
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 998;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  transform-origin: 0 0;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: grabbing;
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto;
}

.leaflet-container {
  background: var(--simpro-grey-300);
  outline: 0;
}

.leaflet-container a {
  color: var(--simpro-blue);
}

.leaflet-container a.leaflet-active {
  outline: 2px solid var(--simpro-orange);
}

.leaflet-zoom-box {
  border: 2px dotted var(--simpro-blue);
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: var(--simpro-white);
  border-bottom: 1px solid var(--simpro-grey-400);
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: var(--simpro-black);
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover {
  background-color: var(--simpro-grey-100);
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: var(--simpro-grey-100);
  color: var(--simpro-grey-400);
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: var(--simpro-white);
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(jQuery/images/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(jQuery/images/layers-2x.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: var(--simpro-grey-800);
  background: var(--simpro-white);
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid var(--simpro-grey-300);
  margin: 5px -10px 5px -6px;
}

.leaflet-default-icon-path {
  background-image: url(jQuery/images/marker-icon.png);
}

.leaflet-container .leaflet-control-attribution {
  background: var(--simpro-white);
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: var(--simpro-grey-800);
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid var(--simpro-grey-600);
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--simpro-grey-100);
  background-color: color-mix(in srgb, var(--simpro-white) 50%, transparent);
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid var(--simpro-grey-600);
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid var(--simpro-grey-600);
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid var(--simpro-grey-800);
  border: 2px solid color-mix(in srgb, var(--simpro-black) 20%, transparent);
  background-clip: padding-box;
}

.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}

.leaflet-popup-content p {
  margin: 18px 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: var(--simpro-white);
  color: var(--simpro-grey-800);
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 5px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: var(--simpro-grey-400);
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: var(--simpro-tab-content-border);
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid var(--simpro-grey-300);
  border-top: 1px solid var(--simpro-grey-300);
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid var(--simpro-tab-content-border);
}

.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: var(--simpro-white);
  border: 1px solid var(--simpro-white);
  border-radius: 3px;
  color: var(--simpro-grey-900);
  white-space: nowrap;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: var(--simpro-white);
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: var(--simpro-white);
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: var(--simpro-white);
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: var(--simpro-white);
}

.leaflet-control-fullscreen a {
  background: var(--simpro-white) url(jQuery/images/fullscreen.png) no-repeat 0 0;
  background-size: 26px 52px;
}

.leaflet-touch .leaflet-control-fullscreen a {
  background-position: 2px 2px;
}

.leaflet-fullscreen-on .leaflet-control-fullscreen a {
  background-position: 0 -26px;
}

.leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a {
  background-position: 2px -24px;
}

.leaflet-container:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.leaflet-container.leaflet-fullscreen-on {
  width: 100% !important;
  height: 100% !important;
}

.leaflet-pseudo-fullscreen {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 99999;
}

@media (min-resolution: 192dpi) {
  .leaflet-control-fullscreen a {
    background-image: url(jQuery/images/fullscreen@2x.png);
  }
}
.backgroundBox {
  border-radius: 3px;
  height: 105px;
  background-color: #f0f1f2;
  width: 220px;
  color: #232a2f;
}

.backgroundBox--logos {
  border-radius: 3px;
  border: 1px solid #ccc;
  height: 60px;
  margin: 5px 5px 0;
  background-color: #fff;
  color: #0d0d0d;
}

.backgroundBox--logos img {
  width: 160px;
  padding: 10px;
}

.backgroundBox--integrationLogo {
  border: 1px solid #ccc;
  height: 60px;
  margin: 5px 5px 0;
  background-color: #fff;
  color: #0d0d0d;
}

.backgroundBox--integrationLogo img {
  width: 160px;
  padding: 5px;
  object-fit: scale-down;
  height: 50px;
}

.backgroundBox:hover {
  background-color: #229bff;
  color: #fff;
}

.backgroundBox__logoBgColorred {
  background-color: #ff8982;
}

.backgroundBox .noLogo {
  font-size: 14px;
  font-weight: 500;
  height: 70px;
  padding: 10px;
}

.largeBtnSize {
  font-size: 1.25em;
  height: 40px;
}

.largeBtnIconSize {
  font-size: 10px;
  margin-left: 5px;
}

.largeBtnIconSize .noMargin {
  margin-left: -5px;
}

.count {
  position: absolute;
  top: 0;
  font-size: 10px;
  background: #f7f8f9;
  color: #4c4c4c;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  border-radius: 50%;
  box-shadow: 0 1px 1px #4c4c4c;
}

#filterBox {
  padding: 10px !important;
}

#filterBox #filterDiv {
  margin-top: 20px;
}

#filterBox #filterDiv #dateFilterDiv {
  display: flex;
  border-bottom: 1.3px solid #c5c5c5;
  padding-bottom: 25px;
  font-size: 16px;
  font-weight: 500;
}

#filterBox #filterDiv #dateFilterDiv .filterElement {
  margin: -1px 5px 0 5px;
}

#filterBox #filterDiv #dateFilterDiv #durationDiv {
  width: 45px;
}

#filterBox #filterDiv #dateFilterDiv #monthDiv {
  width: 100px;
}

#filterBox #filterDiv #dateFilterDiv #yearSingleDiv {
  width: 70px;
}

.ms-empty-text {
  color: #a9a9aa !important;
}

.rateInput input[type=text] {
  width: 100px;
}

#scheduleRateColor {
  min-width: 177px;
  margin-top: 39px;
}

#scheduleRateAvailability {
  min-width: 190px;
}

#toggleDiv {
  min-width: 70px;
}

.displayFlex {
  display: inline-flex;
}

input.allowDigits:not(.calculationsOff-js) {
  text-align: right;
  padding: 4px 5px 4px 15px;
}

input.allowDigits:not(.calculationsOff-js):focus {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAGCAYAAADKfB7nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGSmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTExLTI0VDA5OjM4OjM0KzEwOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTExLTI0VDA5OjM4OjM0KzEwOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMS0yNFQwOTozODozNCsxMDowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NGMwZDgyMS1kMjhhLWI2NDItYjQzNC01NmQ3ZDhlZDBhODciIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjYmI3MDE1Mi0zMjEzLTJhNGItODM0Ni04MmQxM2MwNzQwZDciIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMGEwMDZmNS1hOTBkLTNlNDYtYWY1Zi03ZThmOTVhNGY4OTEiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMGEwMDZmNS1hOTBkLTNlNDYtYWY1Zi03ZThmOTVhNGY4OTEiIHN0RXZ0OndoZW49IjIwMjAtMTEtMjRUMDk6Mzg6MzQrMTA6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzRjMGQ4MjEtZDI4YS1iNjQyLWI0MzQtNTZkN2Q4ZWQwYTg3IiBzdEV2dDp3aGVuPSIyMDIwLTExLTI0VDA5OjM4OjM0KzEwOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDxwaG90b3Nob3A6VGV4dExheWVycz4gPHJkZjpCYWc+IDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0iWCtZIiBwaG90b3Nob3A6TGF5ZXJUZXh0PSJYK1kiLz4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmz9UgAAAACrSURBVBiVXZB9DYNQDMR/EAzMwiaBSRjJOZmEPQkggUnYDFwCEoYEsIAE9k9f8kKTpt/XayvbE7BISrZ7oJXUcRLbI7BH3wP4ALcGSMDP9ga8gFsxtErK8QCstmdgBAZJey1pCZARSJK2YvE1O5FPsXmXNAA0Ub+U1vaah20fwBZM3kAfbACobLfABDwD/R6ssH1Iqk6/OIBO0gxQZ0RJ36DYF/3lOVn2UAD+nzVK0a80vn8AAAAASUVORK5CYII=");
  background-position: 2px 2px;
  background-repeat: no-repeat;
}

.splitButton button:not(.dropButton) {
  border-radius: 3px 0 0 3px !important;
}

#buttonsPanel .dropButton {
  margin-left: 1px !important;
}

.dropButton {
  margin-left: -2px !important;
  border-radius: 0 3px 3px 0 !important;
  min-width: 20px;
  padding: 0 9px;
}

.dropButton span {
  font-size: 8px;
}

.open > .dropButtonMenu {
  display: block;
}

.dropButtonMenu {
  position: absolute;
  min-width: 145px;
  z-index: 1000;
  display: none;
  margin: 2px 0 0;
  background-color: #fff;
  border: 1px solid #f7f8f9;
  text-align: left !important;
  box-shadow: 0 3px 3px #ddd;
}

.dropButtonMenu li {
  line-height: normal;
}

.dropButtonMenu li:hover {
  background: #229bff !important;
}

.dropButtonMenu li a {
  padding: 5px 0px 5px 10px;
  display: inline-block;
  width: 100%;
  color: #1976d2 !important;
  font-weight: normal;
  text-transform: uppercase;
}

.dropButtonMenu li a:hover {
  color: #fff !important;
}

.log {
  border-radius: 3px;
  padding: 5px 10px;
}

.log--orangeBtn {
  border: 1px solid #ff7740;
  color: #ff7740;
  background: rgba(255, 119, 64, 0.2);
}

.log--blueBtn {
  border: 1px solid #229bff;
  color: #229bff;
  background: rgba(34, 155, 255, 0.2);
}

.log--greyBtn {
  border: 1px solid #596065;
  color: #596065;
  background: rgba(89, 96, 109, 0.2);
}

.log--greenBtn {
  border: 1px solid #41b555;
  color: #41b555;
  background: rgba(65, 181, 85, 0.2);
}

.log--redBtn {
  border: 1px solid #de104f;
  color: #de104f;
  background: rgba(222, 16, 79, 0.2);
}

.passwordSetup {
  text-transform: none !important;
  margin-top: 40px;
}

#loginResetOptions #flexContainer {
  display: flex;
}

#loginResetOptions #flexContainer #firstItem {
  flex-grow: 5;
}

#loginResetOptions #flexContainer #secondItem {
  margin-left: 10px;
  flex-grow: 1;
  flex-shrink: 0;
  margin-top: 41px;
}

#loginResetOptions #flexContainer #secondItem .btnRow {
  height: 26px !important;
}

.btnWhite {
  background: #fff;
  border: 1px solid #1976d2;
  color: #1976d2;
}

.btnWhite:hover:not(:disabled) {
  background: #f2f2f2;
}

.btnWhite:active {
  background: #e6e6e6;
}

.btnWhite:disabled {
  cursor: default;
}

.noTextTransform {
  text-transform: none !important;
}

#loginSetupContainer {
  margin-top: 10%;
}

#loginSetupContainer,
.items {
  display: flex;
  justify-content: center;
}

#loginSetup {
  border: 1px solid #229bff;
  border-radius: 3px;
  padding: 30px 30px 0px 30px;
}

#emailDialogBody {
  display: flex;
}

#emailDialogBody #dialogIcon {
  order: 1;
}

#emailDialogBody #dialogIcon #confirmationIcon {
  font-size: 16px;
}

#emailDialogBody #dialogMessage {
  order: 2;
}

.iconToolTip {
  color: #1976d2;
  vertical-align: middle;
  font-size: 14px;
  margin-left: 5px;
}

.success {
  border-radius: 3px;
  padding: 10px;
  background: rgba(64, 174, 35, 0.4509803922);
  border: 1px solid #40ae23;
  font-weight: normal !important;
  position: relative;
  color: #000;
  overflow: hidden;
}

.success .icon-tick {
  vertical-align: -1px;
}

.success .clickable {
  text-decoration: underline;
}

#statusResults .ui-state-active,
.ui-state-hover,
#triggerStatusChangeResults .ui-state-active,
#mobileStatus_toJobStatusResults .ui-state-active {
  color: #232a2f !important;
}

#statusResults .ui-state-active .label,
.ui-state-hover .label,
#triggerStatusChangeResults .ui-state-active .label,
#mobileStatus_toJobStatusResults .ui-state-active .label {
  color: #232a2f !important;
}

.logsTable tbody tr td div {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  white-space: pre-wrap;
}

.logsTable tbody tr td div ins {
  background-color: #c6e9cc;
  text-decoration: none;
}

.logsTable tbody tr td div del {
  background-color: #fadae4;
  text-decoration: line-through;
}

.logsTable .logPopup {
  display: inline-table;
  margin: 5px;
}

fieldset {
  display: block;
  padding: 0 20px 30px 20px;
  border: 1px solid #82888c;
  border-radius: 3px;
  margin: 20px 2px;
}

legend {
  color: #232a2f;
  padding: 10px;
  text-transform: uppercase;
  font-weight: bold;
}

.success {
  border-radius: 3px;
  padding: 5px 10px;
  background: rgba(64, 174, 35, 0.4509803922);
  border: 1px solid #40ae23;
  font-weight: normal !important;
  position: relative;
  color: #232a2f;
  overflow: hidden;
}

.success .icon-tick {
  vertical-align: -1px;
}

.success .clickable {
  text-decoration: underline;
}

#ui-id-1,
#ui-id-2 {
  padding: 0 4px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#ui-id-1 li,
#ui-id-2 li {
  border: 1px solid #fff;
}

.inputPlaceholderWithIcon {
  border-bottom: 0 !important;
  border-radius: 3px 3px 0 0 !important;
  padding-left: 22px !important;
}

.inputPlaceholderWithIcon__icon {
  position: absolute;
  color: #82888c;
  padding-left: 5px;
  padding-top: 7px;
}

.conditionLegend span {
  padding: 5px 10px 5px 2px;
  font-weight: bold;
  font-size: 14px;
  color: #1976d2;
}

.conditionLegend:after {
  content: "";
  width: 90%;
  height: 1.5px;
  vertical-align: super;
  background-color: #1976d2;
  display: inline-block;
}

.shadedBox--blue {
  border-radius: 3px;
  background-color: #e4f2ff;
  border: 1px solid #91bce7;
}

.disabled {
  border: none;
  pointer-events: none;
}

.hideScrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hideScrollbar::-webkit-scrollbar {
  display: none;
}

.textBold {
  font-weight: 700;
}

.loader {
  padding: 0.445em;
  border: 0.2em solid #f3f3f3;
  border-radius: 50%;
  z-index: 0;
  border-top: 0.2em solid #437680;
  border-bottom: 0.2em solid #215d80;
  animation: spin 1s linear infinite;
}

@keyframes highlightNotificationPulse {
  from {
    box-shadow: inset 0 0 3px #229bff;
  }
  to {
    box-shadow: inset 0 0 0 #229bff;
  }
}
#notificationPopup {
  right: 20px;
  bottom: 20px;
  position: fixed;
  width: 350px;
  border-radius: 3px;
  background-color: #fff;
  display: flex;
  box-shadow: 0 3px 10px #5b5b5b;
  z-index: 9999;
  border: 1px solid #bebebe;
}

.notification .icon-tick {
  font-size: 2em;
  font-weight: bold;
  color: #41b555;
}

.notification .icon-alert {
  font-size: 2em;
  font-weight: bold;
  color: #de104f;
}

.notification .icon-close,
.notification .validGroupedInput .invalid:before,
.validGroupedInput .notification .invalid:before,
.notification a.mceButtonActive .mceIcon.mce_pagewidth,
a.mceButtonActive .notification .mceIcon.mce_pagewidth {
  font-size: 1.5em;
  font-weight: bold;
}

.notificationContainer {
  visibility: hidden;
  position: absolute;
  top: 40px;
  right: 0;
  width: 350px;
  background: white;
  box-shadow: 0 2px 5px #e2e2e2;
}

.notificationContainer .notificationBanner {
  height: 40px;
  line-height: 40px;
  background: #e2e2e2;
  padding: 0 10px;
  font-size: 1.2em;
}

.notificationContainer .notificationBanner .pushNotificationsBannerTotal {
  font-weight: bold;
  padding: 0 2px;
  text-align: center;
  display: inline-block;
}

.notificationContainer .notificationBanner .notificationsClearAll {
  float: right;
  font-size: 0.9em;
}

.notificationContainer .notificationListContainer {
  max-height: 500px;
  overflow: auto;
  white-space: normal;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
}

.notificationContainer .notificationListContainer .notificationListLoader {
  display: flex;
  margin: 20px 2%;
  width: 96%;
}

.notificationContainer .notificationListContainer .notificationListLoader .loader {
  padding: 1em;
  margin: auto;
}

.notificationListItem {
  width: 96%;
  padding: 10px 2%;
  align-self: stretch;
  margin: 0;
}

.highlightNotificationListItem {
  animation: highlightNotificationPulse 4s 1;
}

.notificationListItem:not(:last-child) {
  border-bottom: 1px solid #e2e2e2;
}

.notificationListItemBody {
  display: flex;
}

.notificationListItemBody .notificationListItemCentered {
  display: flex;
  align-items: center;
  justify-content: center;
}

.notificationListItemBody .notificationListItemTop {
  display: flex;
  justify-content: center;
}

.notificationListItemBody .notificationItemIcon {
  width: 18%;
}

.notificationListItemBody .notificationItemIcon span {
  font-size: 1.8em;
}

.notificationListItemBody .notificationItemBody {
  width: 74%;
}

.notificationListItemBody .notificationItemBody div {
  overflow: hidden;
  padding-right: 5px;
}

.notificationListItemBody .notificationItemBody .notificationItemTitleText {
  font-weight: bold;
}

.notificationListItemBody .notificationItemBody .notificationItemBodyText {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}

.notificationListItemBody .notificationItemBody .notificationItemBodyTime {
  color: #82888c;
}

.notificationListItemBody .notificationItemControl {
  width: 8%;
  line-height: 0;
}

.handoverWithoutSave,
.handoverWithoutSave:hover {
  color: #de104f;
}

.handoverLink {
  text-transform: uppercase;
}

.handoverNotificationPopup {
  background-color: #ddeffc !important;
  border: 1px solid #1976d2 !important;
}

.handoverNotificationPopup .notificationItemBodyText {
  color: #3b474f !important;
}

input::-webkit-input-placeholder {
  color: #82888c;
  font-style: italic;
  padding-right: 3px;
}

input:-moz-placeholder {
  color: #82888c;
  font-style: italic;
  padding-right: 3px;
}

.disabledNoBackground,
.disabledNoBackground:hover {
  cursor: default;
  color: #888 !important;
}

.searchContainerNoResize {
  max-width: 480px;
}

.overflowTableDialog {
  max-height: 500px;
  overflow: auto;
}

.folderCount {
  top: 6px;
  left: 27px;
  width: 13px;
  height: 13px;
  color: #1976d2;
}

.folderCountGrid {
  top: 18px;
  right: 30px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  line-height: 32px;
  color: #1976d2;
}

.icon-folder {
  font-size: 24px;
  vertical-align: text-bottom;
}

.fixedTableLayout {
  table-layout: fixed;
}

.dependentTaskSwitchContainer {
  margin-top: 30px;
}

.dependentTaskSwitchContainer .fieldHeader,
.dependentTaskSwitchContainer .noFieldHeader:before {
  margin-top: 4px;
  margin-right: 4px;
}

.dependentTaskSwitchContainer .switch {
  margin-right: 0px;
}

.generalInformationHeader {
  vertical-align: super;
  color: #1976d2;
}

.insideStyleList {
  list-style: inside;
}

.projectLockMsg,
.projectLockErrorMsg,
.projectLockSuccessMsg {
  vertical-align: middle;
  display: none;
}

.projectLockErrorMsg {
  color: #de104f;
}

.projectLockSuccessMsg {
  color: #41b555;
}

.icon-exclamation-project-lock-msg {
  margin-left: 3px;
  vertical-align: middle;
}

.icon-check-alt-project-lock-msg {
  margin-left: 3px;
  vertical-align: middle;
}

#securityGroupListID,
#mobileSecurityGroupListID,
#employeeCustomerHubContainer {
  padding: 0 10px 10px 30px;
}

.fieldHighlight {
  padding: 0 10px;
}

.securityGroupBg {
  background: #e2e2e2;
  white-space: nowrap;
  padding-right: 15px;
  padding-bottom: 10px;
}

.securityWarning {
  color: #ff7740;
}

.licenceSection .fieldHeader,
.licenceSection .noFieldHeader:before {
  margin: 0 0 8px 0;
}

.customer-portal-timelineItem {
  background-color: #f0f1f2;
  padding: 10px;
  margin: 0 0 20px 0;
}

.customer-portal-timelineItemTitle {
  font-weight: 500;
  color: #1976d2;
}

.customer-portal-timelineMessage {
  margin: 5px 0;
  font-size: 0.9em;
}

.iframeMainAttachmentContainer {
  position: fixed !important;
  width: 100%;
}

.fitContent {
  width: fit-content;
}

.pillSet {
  text-align: center;
}

.pillList {
  display: inline-flex;
}

.pillItem {
  display: inline-block;
  text-align: initial;
  background: #e2e2e2;
  padding: 0.5em 1.2em;
  color: #232a2f;
}

.pillSet .current .pillItem {
  background: #82888c;
  color: #fff;
  font-weight: 500;
}

.pillUnit:hover {
  background: #d2d5d8;
}

.pillStart {
  border-radius: 0.3em 0 0 0.3em;
}

.pillEnd {
  border-radius: 0 0.3em 0.3em 0;
}

.pillBreak {
  position: relative;
  border-left: 1px solid #82888c;
  top: 2px;
  height: calc(100% - 4px);
}

.pillBreakBg {
  background: #e2e2e2;
  padding: 1px;
}

.toggleSmall {
  color: #82888c;
  font-size: 0.85em;
  display: inline-block;
  font-weight: normal;
  position: relative;
  top: 4px;
}

.toggleSmall.autosaveContainer {
  font-style: italic;
  top: -2px;
}

.toggleSmall .switch {
  width: 35px;
  height: 15px;
  margin-right: 0px;
}

.toggleSmall .switch .slider:before {
  height: 10px;
  width: 10px;
}

.toggleSmall .switch .slider .labels {
  font-size: 0.9em;
}

.toggleSmall .switch .slider .labels:after {
  content: attr(data-off);
  position: absolute;
  top: -6px;
  right: 7px;
  color: #82888c;
  opacity: 1;
  transition: all 0.5s;
}

.toggleSmall .switch .slider .labels:before {
  content: attr(data-on);
  position: absolute;
  top: -6px;
  left: 4px;
  color: white;
  opacity: 0;
  transition: all 0.5s;
}

.toggleSmall .switch input:checked:not([readonly]) + .slider:before {
  transform: translateX(17px);
}

.toggleSmall .switch input:checked:not([readonly]) + .slider .labels:after {
  opacity: 0;
}

.toggleSmall .switch input:checked:not([readonly]) + .slider .labels:before {
  opacity: 1;
}

.toggleSmall label + label {
  line-height: normal;
  margin-left: 5px;
  position: relative;
  top: -3px;
}

#autosaveLastUpdated small {
  font-size: 0.9em;
}

.stepNavVert {
  padding: 0 0 23px 10px;
  position: relative;
  clear: both;
}

.stepNavVert__stepSpacer {
  height: 15px;
  margin-left: 10px;
  border-left: 2px solid #ccc;
}

.stepNavVert__stepSpacer.visited {
  border-left-color: #1976d2;
}

.stepNavVert__step {
  display: block;
  clear: right;
}

.stepNavVert__stepTitle {
  margin-left: 6px;
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  font-weight: bold;
  color: #ccc;
  vertical-align: bottom;
  padding: 3px;
}

.stepNavVert__stepTitle.active {
  color: #1976d2;
}

.stepNavVert__stepTitle.visited {
  color: #41b555;
}

.stepNavVert__stepNo {
  position: relative;
  z-index: 2;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  width: 14px;
  height: 14px;
  line-height: 14px;
  padding: 3px;
  background: #ccc;
  border-radius: 5px;
}

.stepNavVert__stepNo.active {
  background: #1976d2;
}

.stepNavVert__stepNo.visited {
  background: #41b555;
}

.stepNavVert__pageContent {
  padding: 0 0 15px 22px;
  margin: 0 0 0 10px;
  border-left: 2px dashed #1976d2;
}

.stepNavVert__pageContent:last-child {
  border-left: none !important;
}

.sortIndex {
  text-align: center;
  width: 11px;
}

.defaultCursor {
  cursor: default;
}

.tileAlertIcon {
  font-size: 2.3em;
  color: #de104f;
  background-color: white;
}

.tileAlertIcon:hover {
  cursor: pointer;
}

@font-face {
  font-family: "Cocogoose Pro";
  src: url("fonts/cocogoose-pro-variable/Cocogoose-Pro-Variable.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.notification-box {
  display: flex;
  padding: 10px;
  align-items: flex-start;
  gap: 5px;
  border-radius: 3px;
  background: var(--Focus-Blue, #ddeffc);
  margin-top: 10px;
}

.notification-box-content {
  color: var(--Dark-Blue, #0e527f);
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  gap: 5px;
}

.notification-box-icon {
  color: var(--Dark-Blue, #0e527f);
  flex-shrink: 0;
  display: flex;
  width: 42px;
  padding: 5.25px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  aspect-ratio: 1/1;
}

.icon-exclemation-circle {
  font-size: 30px;
}

.mfro-text-container .fieldHeader {
  margin-bottom: 4px;
}
.mfro-text-container .groupedInput {
  display: inline;
  margin-top: 12px;
}
.mfro-text-container .groupedInput.blockGroup {
  display: table;
  margin-top: 0;
}

.switchBtn.readonly .slider,
.switchBtn:has(input:disabled) .slider,
.switchBtn input:disabled + .slider ~ .switch-on,
.switchBtn input:disabled + .slider ~ .switch-off {
  cursor: default;
  opacity: 0.6;
}