@charset "UTF-8";/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

meta.foundation-version {
  font-family: "1.2.0"; }

meta.foundation-mq {
  font-family: "small=0&medium=40rem&large=75rem&xlarge=90rem&xxlarge=120rem"; }

/*
  GLOBAL
  ------

  Global styles and settings for Foundation for Apps are stored here. This file must always
  be imported, no matter what.

  Includes:
   -
*/
html, body {
  height: 100%;
  font-size: 100%; }

html {
  box-sizing: border-box; }

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

body {
  background: #fff;
  color: #222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle; }

a, [ui-sref], [zf-open], [zf-close], [zf-toggle] {
  cursor: pointer; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
  max-width: none !important; }

.padding {
  padding: 1rem; }

.iconic {
  width: 1rem;
  height: 1rem;
  vertical-align: middle; }
  a > .iconic {
    margin-top: -2px;
    margin-right: 0.25rem; }
    a > .iconic * {
      fill: #00558b;
      stroke: #00558b; }
      a > .iconic *.iconic-property-accent {
        fill: #00558b;
        stroke: #00558b; }

.iconic * {
  fill: #00558b;
  stroke: #00558b; }
  .iconic *.iconic-property-accent {
    fill: #00558b;
    stroke: #00558b; }

.iconic-color-primary * {
  fill: #00558b;
  stroke: #00558b; }
  .iconic-color-primary *.iconic-property-accent {
    fill: #00558b;
    stroke: #00558b; }

.iconic-color-success * {
  fill: #43AC6A;
  stroke: #43AC6A; }
  .iconic-color-success *.iconic-property-accent {
    fill: #43AC6A;
    stroke: #43AC6A; }

.iconic-color-warning * {
  fill: #F08A24;
  stroke: #F08A24; }
  .iconic-color-warning *.iconic-property-accent {
    fill: #F08A24;
    stroke: #F08A24; }

.iconic-color-alert * {
  fill: #F04124;
  stroke: #F04124; }
  .iconic-color-alert *.iconic-property-accent {
    fill: #F04124;
    stroke: #F04124; }

.iconic-color-dark * {
  fill: #232323;
  stroke: #232323; }
  .iconic-color-dark *.iconic-property-accent {
    fill: #232323;
    stroke: #232323; }

.iconic-color-secondary * {
  fill: #f1f1f1;
  stroke: #f1f1f1; }
  .iconic-color-secondary *.iconic-property-accent {
    fill: #f1f1f1;
    stroke: #f1f1f1; }

/*
  ACTION SHEET
  ------------

  A dropdown menu that sticks to the bottom of the screen on small devices, and becomes a dropdown menu on larger devices.
*/
/*
  Styles for the list inside an action sheet.
  Don't include this mixin if you want to build custom controls inside the sheet.
*/
/*
  Styles for the action sheet container. Action sheets pin to the top or bottom of the screen.
*/
.action-sheet-container {
  position: relative;
  display: inline-block; }
  .action-sheet-container .button {
    margin-left: 0;
    margin-right: 0; }

.action-sheet {
  position: fixed;
  left: 0;
  z-index: 1000;
  width: 100%;
  padding: 1rem;
  background: white;
  text-align: center;
  transition-property: -webkit-transform opacity;
  transition-property: transform opacity;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.25);
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%); }
  .action-sheet.is-active {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  .action-sheet ul {
    margin: -1rem;
    margin-top: 0;
    list-style-type: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .action-sheet ul:first-child {
      margin-top: -1rem; }
      .action-sheet ul:first-child li:first-child {
        border-top: 0; }
    .action-sheet ul a {
      display: block;
      padding: 0.8rem;
      line-height: 1;
      color: #000;
      border-top: 1px solid #ccc; }
      .action-sheet ul a:hover {
        color: #000;
        background: #f2f2f2; }
    .action-sheet ul .alert > a {
      color: #F04124; }
    .action-sheet ul .disabled > a {
      pointer-events: none;
      color: #999; }
  @media only screen and (min-width: 40em) {
    .action-sheet {
      /*
    Core styles
  */
      position: absolute;
      left: 50%;
      width: 300px;
      border-radius: 4px;
      opacity: 0;
      pointer-events: none;
      /*
    Menu shadow
  */
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
      /*
    Active state
  */
      /*
    Menu tail
  */
      /*
    Positioning
  */
      top: auto;
      bottom: 0;
      -webkit-transform: translateX(-50%) translateY(110%);
              transform: translateX(-50%) translateY(110%); }
      .action-sheet.is-active {
        opacity: 1;
        pointer-events: auto; }
      .action-sheet::before, .action-sheet::after {
        content: '';
        position: absolute;
        left: 50%;
        display: block;
        width: 0px;
        height: 0px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        margin-left: -10px; }
      .action-sheet.is-active {
        -webkit-transform: translateX(-50%) translateY(100%);
                transform: translateX(-50%) translateY(100%); }
      .action-sheet::before, .action-sheet::after {
        top: -10px;
        bottom: auto;
        border-top: 0;
        border-bottom: 10px solid white; }
      .action-sheet::before {
        top: -12px;
        border-bottom-color: rgba(0, 0, 0, 0.15); }
      .action-sheet.top {
        /*
    Core styles
  */
        position: absolute;
        left: 50%;
        width: 300px;
        border-radius: 4px;
        opacity: 0;
        pointer-events: none;
        /*
    Menu shadow
  */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
        /*
    Active state
  */
        /*
    Menu tail
  */
        /*
    Positioning
  */
        top: 0;
        bottom: auto;
        -webkit-transform: translateX(-50%) translateY(-120%);
                transform: translateX(-50%) translateY(-120%); }
        .action-sheet.top.is-active {
          opacity: 1;
          pointer-events: auto; }
        .action-sheet.top::before, .action-sheet.top::after {
          content: '';
          position: absolute;
          left: 50%;
          display: block;
          width: 0px;
          height: 0px;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          margin-left: -10px; }
        .action-sheet.top.is-active {
          -webkit-transform: translateX(-50%) translateY(-110%);
                  transform: translateX(-50%) translateY(-110%); }
        .action-sheet.top::before, .action-sheet.top::after {
          top: auto;
          bottom: -10px;
          border-top: 10px solid white;
          border-bottom: 0; }
        .action-sheet.top::before {
          bottom: -12px;
          border-top-color: rgba(0, 0, 0, 0.15); } }
  .action-sheet.primary {
    background: #00558b;
    color: #fff;
    border: 0; }
    .action-sheet.primary::before {
      display: none; }
    .action-sheet.primary::before, .action-sheet.primary::after {
      border-top-color: #00558b; }
    .action-sheet.primary.top::before, .action-sheet.primary.top::after {
      border-bottom-color: #00558b; }
    .action-sheet.primary ul {
      margin: -1rem;
      margin-top: 0;
      list-style-type: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .action-sheet.primary ul:first-child {
        margin-top: -1rem; }
        .action-sheet.primary ul:first-child li:first-child {
          border-top: 0; }
      .action-sheet.primary ul a {
        display: block;
        padding: 0.8rem;
        line-height: 1;
        color: #fff;
        border-top: 1px solid #006cb0; }
        .action-sheet.primary ul a:hover {
          color: #fff;
          background: #00609e; }
      .action-sheet.primary ul .alert > a {
        color: #F04124; }
      .action-sheet.primary ul .disabled > a {
        pointer-events: none;
        color: #999; }
  .action-sheet.dark {
    background: #232323;
    color: #fff;
    border: 0; }
    .action-sheet.dark::before {
      display: none; }
    .action-sheet.dark::before, .action-sheet.dark::after {
      border-top-color: #232323; }
    .action-sheet.dark.top::before, .action-sheet.dark.top::after {
      border-bottom-color: #232323; }
    .action-sheet.dark ul {
      margin: -1rem;
      margin-top: 0;
      list-style-type: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .action-sheet.dark ul:first-child {
        margin-top: -1rem; }
        .action-sheet.dark ul:first-child li:first-child {
          border-top: 0; }
      .action-sheet.dark ul a {
        display: block;
        padding: 0.8rem;
        line-height: 1;
        color: #fff;
        border-top: 1px solid #393939; }
        .action-sheet.dark ul a:hover {
          color: #fff;
          background: #2e2e2e; }
      .action-sheet.dark ul .alert > a {
        color: #F04124; }
      .action-sheet.dark ul .disabled > a {
        pointer-events: none;
        color: #999; }

/*
  BLOCK LIST
  ----------

  A generic list component that can accomodate a variety of styles and controls.

  Features:
   - Icons
   - Labels
   - Chevrons
   - Text fields
   - Dropdown menus
   - Checkbox/radio inputs
*/
/*
  Adds styles for a block list container.

  $font-size: global font size for the list.
  $full-bleed: when "true", the margins of the list invert to line it up with the edge of a padded element.
*/
.block-list {
  margin-bottom: 1rem;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .block-list, .block-list ul {
    list-style-type: none; }
  .block-list ul {
    margin-left: 0; }

/*
  Styles block list headers on the selector you include this mixin in (normally a <header>).

  $color - color of the header.
  $font-size - font size of the header.
  $offset - left margin to add to the header, to line it up with the list items.
*/
/*
  Styles block list items on the selector you include this mixin in (normally an <li>).

  $color - color of items.
  $color-hover - color of items on hover.
  $background - background of items.
  $background-hover - background of items on hover.
  $border - border between items.
  $padding - padding on items.
*/
/*
  Adds label styles to the class you include this mixin in.

  $color - color of the label.
  $left-class - extra class to flip the orientation of the label.
  $left-padding - left padding to use for left-hand labels.
*/
/*
  Adds support for chevrons, which appear on the right-hand side of the item.

  $color - color of the chevron.
  $padding - include the global padding of block list items here.
*/
/*
  Adds icon styles. Call this mixin on a block list container.

  $size - size of the icon as a percentage (decimal) of the list item's height.
  $item-selector - overrides the 'li' selector used for list items.
*/
/*
  Adds support for text fields, select menus, and checkbox/radio groups in block lists.

  $color - color of select menu arrow.
  $background-hover - color of select menu when hovered over.
  $padding - include the global padding of block list items here.
  $dropdown-class - class to use for list items that contain a dropdown.
  $switch-class - class to use for switches inside list items.
*/
.block-list {
  font-size: 1rem;
  margin-left: -1rem;
  margin-right: -1rem; }
  .block-list input[type="text"], .block-list input[type="password"], .block-list input[type="date"], .block-list input[type="datetime"], .block-list input[type="datetime-local"], .block-list input[type="month"], .block-list input[type="week"], .block-list input[type="email"], .block-list input[type="number"], .block-list input[type="search"], .block-list input[type="tel"], .block-list input[type="time"], .block-list input[type="url"], .block-list input[type="color"], .block-list textarea {
    overflow: visible;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    height: 2.6rem;
    padding: 0.6rem 1rem 0.6rem 1rem;
    color: inherit;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle; }
    .block-list input[type="text"]:hover, .block-list input[type="text"]:focus, .block-list input[type="password"]:hover, .block-list input[type="password"]:focus, .block-list input[type="date"]:hover, .block-list input[type="date"]:focus, .block-list input[type="datetime"]:hover, .block-list input[type="datetime"]:focus, .block-list input[type="datetime-local"]:hover, .block-list input[type="datetime-local"]:focus, .block-list input[type="month"]:hover, .block-list input[type="month"]:focus, .block-list input[type="week"]:hover, .block-list input[type="week"]:focus, .block-list input[type="email"]:hover, .block-list input[type="email"]:focus, .block-list input[type="number"]:hover, .block-list input[type="number"]:focus, .block-list input[type="search"]:hover, .block-list input[type="search"]:focus, .block-list input[type="tel"]:hover, .block-list input[type="tel"]:focus, .block-list input[type="time"]:hover, .block-list input[type="time"]:focus, .block-list input[type="url"]:hover, .block-list input[type="url"]:focus, .block-list input[type="color"]:hover, .block-list input[type="color"]:focus, .block-list textarea:hover, .block-list textarea:focus {
      border: 0; }
  .block-list li > input[type="checkbox"], .block-list li > input[type="radio"] {
    position: absolute;
    left: -9999px; }
    .block-list li > input[type="checkbox"] + label, .block-list li > input[type="radio"] + label {
      display: block;
      font-size: 1rem;
      margin: 0; }
    .block-list li > input[type="checkbox"]:checked + label::before, .block-list li > input[type="radio"]:checked + label::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="32" viewBox="0 0 32 32"><path fill="black" d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zm6.906 8.875l2.219 2.031-12.063 13.281-6.188-6.188 2.125-2.125 3.938 3.938 9.969-10.938z"/></svg>');
      content: '';
      background-size: 100% 100%;
      width: 1.5em;
      height: 1.5em;
      color: #00558b;
      float: right;
      pointer-events: none;
      margin-top: -0.25em; }
      @media screen and (min-width: 0\0) {
        .block-list li > input[type="checkbox"]:checked + label::before, .block-list li > input[type="radio"]:checked + label::before {
          background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdlJREFUeNrMl0FugzAQRY3TRZeoFyhVL0BOkGTXJezaHZwguUnECaCrdFd6gqQnCN11Uyk5QekNOlONJWMVGMCgfGlkEIY3HnsG2xFM3d96PjQB2AJsWdPtAPYOln+dTwXnuw4DHEGzBvNFN6EDCTiS9XIAwB40acNoucKoxODIie0AwAOCu8KOSnIiNx/MakK+A7sW9oTferxx3fP3T1nURoBG/irGVahHwjHm/Ggx7E3TMVdrQmoP0gngghhpZQ3QvG/EdPLUelARWI8Aycjq9Md0qMIdbcNhjmOKLoY7quk3l1Rebeqg4AwFkmq7LWGOh1pmNY0etZAWSq0OX8HoS4JvWuCopbSY26EGR/CW86K0BF+pwkLwlPuyHJhOCl5oe4ZtF++vOqST+GdOYwO+71pN2VNAjmQGPCe42weuHDg0PI8olUwnYrXTGQJH9gxq8l1LKvrQx4O6/YY32Kp/ugb3ey7gZ4xAzuhYiYTxB/UHZFAuaREVXZ2g6yFlvEC2yoKEmbsRZYNgVLk2JeaOaG+xLHN+WCszDWMqLGOrJFa1DlApjSdwoHJGqGzLIb0+cas0wh5Bh780ngswx8GJD7h8sHg2wLA/mfDLPZpdxOF0quP5rwADAAFIzSRvu1m5AAAAAElFTkSuQmCC'); } }
  .block-list .with-dropdown {
    color: inherit; }
    .block-list .with-dropdown select {
      -webkit-appearance: none;
      -moz-appearance: none;
      outline: 0;
      background: 0;
      border: 0;
      height: auto;
      padding: 0.8rem 1rem;
      margin: 0;
      font-size: 1em;
      line-height: 1;
      color: inherit;
      background-color: transparent; }
  .block-list .switch {
    position: absolute;
    top: 50%;
    right: 1rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .block-list.with-icons li > a, .block-list.with-icons li > span, .block-list.with-icons li > label {
    padding-left: 2.8rem; }
  .block-list.with-icons li img, .block-list.with-icons li .iconic {
    position: absolute;
    top: 0.26rem;
    left: 0.26rem;
    width: 2.08rem;
    height: 2.08rem;
    border-radius: 8px;
    pointer-events: none; }
  .block-list header {
    margin-top: 1em;
    color: #666666;
    font-weight: bold;
    margin-bottom: 0.5em;
    margin-left: 1rem;
    font-size: 0.8em;
    cursor: default;
    text-transform: uppercase; }
  .block-list li {
    position: relative;
    border-bottom: 1px solid #d0d0d0; }
    .block-list li:first-child {
      border-top: 1px solid #d0d0d0; }
    .block-list li > a, .block-list li > span, .block-list li > label {
      display: block;
      padding: 0.8rem 1rem;
      padding-left: 1rem;
      color: #000;
      line-height: 1; }
    .block-list li > span {
      cursor: default; }
    .block-list li > a, .block-list li > label {
      cursor: pointer; }
      .block-list li > a:hover, .block-list li > label:hover {
        color: #000; }
    .block-list li > a:hover, .block-list li > label:hover, .block-list li select:hover {
      background: #f4f4f4; }
    .block-list li.caution > a, .block-list li.caution > a:hover {
      color: #F04124; }
    .block-list li.disabled > a {
      cursor: default; }
      .block-list li.disabled > a, .block-list li.disabled > a:hover {
        color: #999; }
      .block-list li.disabled > a:hover {
        background: transparent; }
    .block-list li.with-chevron::after {
      content: '\203A';
      display: block;
      position: absolute;
      right: 1rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      font-weight: bold;
      color: #666666;
      font-size: 2em; }
    .block-list li.with-chevron .block-list-label {
      padding-right: 1.5rem; }
    .block-list li .block-list-label {
      display: inline-block;
      float: right;
      padding: 0;
      color: #999999;
      pointer-events: none; }
      .block-list li .block-list-label.left {
        margin-left: 0.8rem;
        float: none; }

.button, .button-group > li > a, .button-group > li > label, .button-group > li > button {
  display: inline-block;
  border: 0;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  transition: background 0.25s ease-out;
  vertical-align: middle;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  border-radius: 0; }

.button {
  font-size: 0.9rem;
  display: inline-block;
  width: auto;
  margin: 0 1rem 1rem 0;
  background: #00558b;
  color: #fff; }
  .button .iconic {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-right: 0.25em;
    margin-top: -2px; }
  .button:hover, .button:focus {
    background: #004876;
    color: #fff; }
  .button .iconic * {
    fill: #fff;
    stroke: #fff; }
    .button .iconic *.iconic-property-accent {
      fill: #fff;
      stroke: #fff; }
  .button.tiny {
    font-size: 0.63rem; }
    .button.tiny .iconic {
      width: 1em;
      height: 1em;
      vertical-align: middle;
      margin-right: 0.25em;
      margin-top: -2px; }
  .button.small {
    font-size: 0.72rem; }
    .button.small .iconic {
      width: 1em;
      height: 1em;
      vertical-align: middle;
      margin-right: 0.25em;
      margin-top: -2px; }
  .button.large {
    font-size: 1.17rem; }
    .button.large .iconic {
      width: 1em;
      height: 1em;
      vertical-align: middle;
      margin-right: 0.25em;
      margin-top: -2px; }
  .button.expand {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .button.secondary {
    background: #f1f1f1;
    color: #000; }
    .button.secondary:hover, .button.secondary:focus {
      background: #cdcdcd;
      color: #000; }
    .button.secondary .iconic * {
      fill: #000;
      stroke: #000; }
      .button.secondary .iconic *.iconic-property-accent {
        fill: #000;
        stroke: #000; }
  .button.success {
    background: #43AC6A;
    color: #fff; }
    .button.success:hover, .button.success:focus {
      background: #39925a;
      color: #fff; }
    .button.success .iconic * {
      fill: #fff;
      stroke: #fff; }
      .button.success .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }
  .button.warning {
    background: #F08A24;
    color: #fff; }
    .button.warning:hover, .button.warning:focus {
      background: #dc750f;
      color: #fff; }
    .button.warning .iconic * {
      fill: #fff;
      stroke: #fff; }
      .button.warning .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }
  .button.alert {
    background: #F04124;
    color: #fff; }
    .button.alert:hover, .button.alert:focus {
      background: #dc2c0f;
      color: #fff; }
    .button.alert .iconic * {
      fill: #fff;
      stroke: #fff; }
      .button.alert .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }
  .button.info {
    background: #A0D3E8;
    color: #000; }
    .button.info:hover, .button.info:focus {
      background: #71bddd;
      color: #000; }
    .button.info .iconic * {
      fill: #000;
      stroke: #000; }
      .button.info .iconic *.iconic-property-accent {
        fill: #000;
        stroke: #000; }
  .button.dark {
    background: #232323;
    color: #fff; }
    .button.dark:hover, .button.dark:focus {
      background: #1e1e1e;
      color: #fff; }
    .button.dark .iconic * {
      fill: #fff;
      stroke: #fff; }
      .button.dark .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }
  .button.hollow {
    border: 1px solid #00558b;
    background: transparent;
    color: #00558b; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #008ee8;
      background: transparent;
      color: #008ee8; }
    .button.hollow .iconic * {
      fill: #00558b;
      stroke: #00558b; }
      .button.hollow .iconic *.iconic-property-accent {
        fill: #00558b;
        stroke: #00558b; }
    .button.hollow:hover .iconic * {
      fill: #008ee8;
      stroke: #008ee8; }
      .button.hollow:hover .iconic *.iconic-property-accent {
        fill: #008ee8;
        stroke: #008ee8; }
    .button.hollow.secondary {
      border: 1px solid #f1f1f1;
      background: transparent;
      color: #f1f1f1; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #f4f4f4;
        background: transparent;
        color: #f4f4f4; }
      .button.hollow.secondary .iconic * {
        fill: #f1f1f1;
        stroke: #f1f1f1; }
        .button.hollow.secondary .iconic *.iconic-property-accent {
          fill: #f1f1f1;
          stroke: #f1f1f1; }
      .button.hollow.secondary:hover .iconic * {
        fill: #f4f4f4;
        stroke: #f4f4f4; }
        .button.hollow.secondary:hover .iconic *.iconic-property-accent {
          fill: #f4f4f4;
          stroke: #f4f4f4; }
    .button.hollow.success {
      border: 1px solid #43AC6A;
      background: transparent;
      color: #43AC6A; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #6dc68e;
        background: transparent;
        color: #6dc68e; }
      .button.hollow.success .iconic * {
        fill: #43AC6A;
        stroke: #43AC6A; }
        .button.hollow.success .iconic *.iconic-property-accent {
          fill: #43AC6A;
          stroke: #43AC6A; }
      .button.hollow.success:hover .iconic * {
        fill: #6dc68e;
        stroke: #6dc68e; }
        .button.hollow.success:hover .iconic *.iconic-property-accent {
          fill: #6dc68e;
          stroke: #6dc68e; }
    .button.hollow.warning {
      border: 1px solid #F08A24;
      background: transparent;
      color: #F08A24; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #f4a75b;
        background: transparent;
        color: #f4a75b; }
      .button.hollow.warning .iconic * {
        fill: #F08A24;
        stroke: #F08A24; }
        .button.hollow.warning .iconic *.iconic-property-accent {
          fill: #F08A24;
          stroke: #F08A24; }
      .button.hollow.warning:hover .iconic * {
        fill: #f4a75b;
        stroke: #f4a75b; }
        .button.hollow.warning:hover .iconic *.iconic-property-accent {
          fill: #f4a75b;
          stroke: #f4a75b; }
    .button.hollow.alert {
      border: 1px solid #F04124;
      background: transparent;
      color: #F04124; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #f4715b;
        background: transparent;
        color: #f4715b; }
      .button.hollow.alert .iconic * {
        fill: #F04124;
        stroke: #F04124; }
        .button.hollow.alert .iconic *.iconic-property-accent {
          fill: #F04124;
          stroke: #F04124; }
      .button.hollow.alert:hover .iconic * {
        fill: #f4715b;
        stroke: #f4715b; }
        .button.hollow.alert:hover .iconic *.iconic-property-accent {
          fill: #f4715b;
          stroke: #f4715b; }
    .button.hollow.info {
      border: 1px solid #A0D3E8;
      background: transparent;
      color: #A0D3E8; }
      .button.hollow.info:hover, .button.hollow.info:focus {
        border-color: #b8deee;
        background: transparent;
        color: #b8deee; }
      .button.hollow.info .iconic * {
        fill: #A0D3E8;
        stroke: #A0D3E8; }
        .button.hollow.info .iconic *.iconic-property-accent {
          fill: #A0D3E8;
          stroke: #A0D3E8; }
      .button.hollow.info:hover .iconic * {
        fill: #b8deee;
        stroke: #b8deee; }
        .button.hollow.info:hover .iconic *.iconic-property-accent {
          fill: #b8deee;
          stroke: #b8deee; }
    .button.hollow.dark {
      border: 1px solid #232323;
      background: transparent;
      color: #232323; }
      .button.hollow.dark:hover, .button.hollow.dark:focus {
        border-color: #5a5a5a;
        background: transparent;
        color: #5a5a5a; }
      .button.hollow.dark .iconic * {
        fill: #232323;
        stroke: #232323; }
        .button.hollow.dark .iconic *.iconic-property-accent {
          fill: #232323;
          stroke: #232323; }
      .button.hollow.dark:hover .iconic * {
        fill: #5a5a5a;
        stroke: #5a5a5a; }
        .button.hollow.dark:hover .iconic *.iconic-property-accent {
          fill: #5a5a5a;
          stroke: #5a5a5a; }
  .button.disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none; }

.button-group {
  margin: 0;
  margin-bottom: 1rem;
  list-style-type: none;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 0;
  overflow: hidden;
  font-size: 0.9rem; }
  .button-group > li {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
    .button-group > li > a, .button-group > li > label, .button-group > li > button {
      border-radius: 0;
      font-size: inherit;
      display: block;
      margin: 0; }
    .button-group > li > input + label {
      margin-left: 0; }
    .button-group > li:not(:last-child) > a, .button-group > li:not(:last-child) > label, .button-group > li:not(:last-child) > button {
      border-right: 1px solid #004068; }
  .button-group .iconic {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-right: 0.25em;
    margin-top: -2px; }

.button-group.segmented, .button-group.segmented.secondary, .button-group.segmented.success, .button-group.segmented.warning, .button-group.segmented.alert {
  border: 1px solid #00558b;
  transition-property: background color; }
  .button-group.segmented > li > input[type="radio"] {
    position: absolute;
    left: -9999px; }
  .button-group.segmented > li > a, .button-group.segmented.secondary > li > a, .button-group.segmented.success > li > a, .button-group.segmented.warning > li > a, .button-group.segmented.alert > li > a, .button-group.segmented > li > label, .button-group.segmented.secondary > li > label, .button-group.segmented.success > li > label, .button-group.segmented.warning > li > label, .button-group.segmented.alert > li > label, .button-group.segmented > li > button, .button-group.segmented.secondary > li > button, .button-group.segmented.success > li > button, .button-group.segmented.warning > li > button, .button-group.segmented.alert > li > button {
    margin-right: 0;
    background: transparent; }

.button-group {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 0; }
  .button-group > li {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .button-group > li > a, .button-group > li > label, .button-group > li > button {
    background: #00558b;
    color: #fff;
    border-color: #004876; }
    .button-group > li > a:hover, .button-group > li > a:focus, .button-group > li > label:hover, .button-group > li > label:focus, .button-group > li > button:hover, .button-group > li > button:focus {
      background: #004876;
      color: #fff; }
    .button-group > li > a .iconic *, .button-group > li > label .iconic *, .button-group > li > button .iconic * {
      fill: #fff;
      stroke: #fff; }
      .button-group > li > a .iconic *.iconic-property-accent, .button-group > li > label .iconic *.iconic-property-accent, .button-group > li > button .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }
  .button-group > li.is-active > a, .button-group > li.is-active > label, .button-group > li.is-active > button {
    background: #004876; }
  .button-group.secondary > li > a, .button-group.secondary > li > label, .button-group.secondary > li > button {
    background: #f1f1f1;
    color: #000;
    border-color: #cdcdcd; }
    .button-group.secondary > li > a:hover, .button-group.secondary > li > a:focus, .button-group.secondary > li > label:hover, .button-group.secondary > li > label:focus, .button-group.secondary > li > button:hover, .button-group.secondary > li > button:focus {
      background: #cdcdcd;
      color: #000; }
    .button-group.secondary > li > a .iconic *, .button-group.secondary > li > label .iconic *, .button-group.secondary > li > button .iconic * {
      fill: #000;
      stroke: #000; }
      .button-group.secondary > li > a .iconic *.iconic-property-accent, .button-group.secondary > li > label .iconic *.iconic-property-accent, .button-group.secondary > li > button .iconic *.iconic-property-accent {
        fill: #000;
        stroke: #000; }
  .button-group.secondary > li.is-active > a, .button-group.secondary > li.is-active > label, .button-group.secondary > li.is-active > button {
    background: #cdcdcd; }
  .button-group.success > li > a, .button-group.success > li > label, .button-group.success > li > button {
    background: #43AC6A;
    color: #fff;
    border-color: #39925a; }
    .button-group.success > li > a:hover, .button-group.success > li > a:focus, .button-group.success > li > label:hover, .button-group.success > li > label:focus, .button-group.success > li > button:hover, .button-group.success > li > button:focus {
      background: #39925a;
      color: #fff; }
    .button-group.success > li > a .iconic *, .button-group.success > li > label .iconic *, .button-group.success > li > button .iconic * {
      fill: #fff;
      stroke: #fff; }
      .button-group.success > li > a .iconic *.iconic-property-accent, .button-group.success > li > label .iconic *.iconic-property-accent, .button-group.success > li > button .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }
  .button-group.success > li.is-active > a, .button-group.success > li.is-active > label, .button-group.success > li.is-active > button {
    background: #39925a; }
  .button-group.warning > li > a, .button-group.warning > li > label, .button-group.warning > li > button {
    background: #F08A24;
    color: #fff;
    border-color: #dc750f; }
    .button-group.warning > li > a:hover, .button-group.warning > li > a:focus, .button-group.warning > li > label:hover, .button-group.warning > li > label:focus, .button-group.warning > li > button:hover, .button-group.warning > li > button:focus {
      background: #dc750f;
      color: #fff; }
    .button-group.warning > li > a .iconic *, .button-group.warning > li > label .iconic *, .button-group.warning > li > button .iconic * {
      fill: #fff;
      stroke: #fff; }
      .button-group.warning > li > a .iconic *.iconic-property-accent, .button-group.warning > li > label .iconic *.iconic-property-accent, .button-group.warning > li > button .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }
  .button-group.warning > li.is-active > a, .button-group.warning > li.is-active > label, .button-group.warning > li.is-active > button {
    background: #dc750f; }
  .button-group.alert > li > a, .button-group.alert > li > label, .button-group.alert > li > button {
    background: #F04124;
    color: #fff;
    border-color: #dc2c0f; }
    .button-group.alert > li > a:hover, .button-group.alert > li > a:focus, .button-group.alert > li > label:hover, .button-group.alert > li > label:focus, .button-group.alert > li > button:hover, .button-group.alert > li > button:focus {
      background: #dc2c0f;
      color: #fff; }
    .button-group.alert > li > a .iconic *, .button-group.alert > li > label .iconic *, .button-group.alert > li > button .iconic * {
      fill: #fff;
      stroke: #fff; }
      .button-group.alert > li > a .iconic *.iconic-property-accent, .button-group.alert > li > label .iconic *.iconic-property-accent, .button-group.alert > li > button .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }
  .button-group.alert > li.is-active > a, .button-group.alert > li.is-active > label, .button-group.alert > li.is-active > button {
    background: #dc2c0f; }
  .button-group > li.secondary > a, .button-group > li.secondary > label, .button-group > li.secondary > button {
    background: #f1f1f1;
    color: #000;
    border-color: #f1f1f1; }
    .button-group > li.secondary > a:hover, .button-group > li.secondary > a:focus, .button-group > li.secondary > label:hover, .button-group > li.secondary > label:focus, .button-group > li.secondary > button:hover, .button-group > li.secondary > button:focus {
      background: #cdcdcd;
      color: #000; }
    .button-group > li.secondary > a:hover, .button-group > li.secondary > a:focus, .button-group > li.secondary > label:hover, .button-group > li.secondary > label:focus, .button-group > li.secondary > button:hover, .button-group > li.secondary > button:focus {
      border-color: #b5b5b5; }
    .button-group > li.secondary > a .iconic *, .button-group > li.secondary > label .iconic *, .button-group > li.secondary > button .iconic * {
      fill: #000;
      stroke: #000; }
      .button-group > li.secondary > a .iconic *.iconic-property-accent, .button-group > li.secondary > label .iconic *.iconic-property-accent, .button-group > li.secondary > button .iconic *.iconic-property-accent {
        fill: #000;
        stroke: #000; }
  .button-group > li.success > a, .button-group > li.success > label, .button-group > li.success > button {
    background: #43AC6A;
    color: #fff;
    border-color: #43AC6A; }
    .button-group > li.success > a:hover, .button-group > li.success > a:focus, .button-group > li.success > label:hover, .button-group > li.success > label:focus, .button-group > li.success > button:hover, .button-group > li.success > button:focus {
      background: #39925a;
      color: #fff; }
    .button-group > li.success > a:hover, .button-group > li.success > a:focus, .button-group > li.success > label:hover, .button-group > li.success > label:focus, .button-group > li.success > button:hover, .button-group > li.success > button:focus {
      border-color: #32814f; }
    .button-group > li.success > a .iconic *, .button-group > li.success > label .iconic *, .button-group > li.success > button .iconic * {
      fill: #fff;
      stroke: #fff; }
      .button-group > li.success > a .iconic *.iconic-property-accent, .button-group > li.success > label .iconic *.iconic-property-accent, .button-group > li.success > button .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }
  .button-group > li.warning > a, .button-group > li.warning > label, .button-group > li.warning > button {
    background: #F08A24;
    color: #fff;
    border-color: #F08A24; }
    .button-group > li.warning > a:hover, .button-group > li.warning > a:focus, .button-group > li.warning > label:hover, .button-group > li.warning > label:focus, .button-group > li.warning > button:hover, .button-group > li.warning > button:focus {
      background: #dc750f;
      color: #fff; }
    .button-group > li.warning > a:hover, .button-group > li.warning > a:focus, .button-group > li.warning > label:hover, .button-group > li.warning > label:focus, .button-group > li.warning > button:hover, .button-group > li.warning > button:focus {
      border-color: #c2670d; }
    .button-group > li.warning > a .iconic *, .button-group > li.warning > label .iconic *, .button-group > li.warning > button .iconic * {
      fill: #fff;
      stroke: #fff; }
      .button-group > li.warning > a .iconic *.iconic-property-accent, .button-group > li.warning > label .iconic *.iconic-property-accent, .button-group > li.warning > button .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }
  .button-group > li.alert > a, .button-group > li.alert > label, .button-group > li.alert > button {
    background: #F04124;
    color: #fff;
    border-color: #F04124; }
    .button-group > li.alert > a:hover, .button-group > li.alert > a:focus, .button-group > li.alert > label:hover, .button-group > li.alert > label:focus, .button-group > li.alert > button:hover, .button-group > li.alert > button:focus {
      background: #dc2c0f;
      color: #fff; }
    .button-group > li.alert > a:hover, .button-group > li.alert > a:focus, .button-group > li.alert > label:hover, .button-group > li.alert > label:focus, .button-group > li.alert > button:hover, .button-group > li.alert > button:focus {
      border-color: #c2270d; }
    .button-group > li.alert > a .iconic *, .button-group > li.alert > label .iconic *, .button-group > li.alert > button .iconic * {
      fill: #fff;
      stroke: #fff; }
      .button-group > li.alert > a .iconic *.iconic-property-accent, .button-group > li.alert > label .iconic *.iconic-property-accent, .button-group > li.alert > button .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }
  .button-group.segmented {
    border-color: #00558b; }
    .button-group.segmented > li > a, .button-group.segmented > li > label, .button-group.segmented > li > button {
      border-color: #00558b;
      color: #00558b; }
      .button-group.segmented > li > a:hover, .button-group.segmented > li > label:hover, .button-group.segmented > li > button:hover {
        background: rgba(0, 85, 139, 0.25);
        color: #00558b; }
      .button-group.segmented > li > a .iconic *, .button-group.segmented > li > label .iconic *, .button-group.segmented > li > button .iconic * {
        fill: #00558b;
        stroke: #00558b; }
        .button-group.segmented > li > a .iconic *.iconic-property-accent, .button-group.segmented > li > label .iconic *.iconic-property-accent, .button-group.segmented > li > button .iconic *.iconic-property-accent {
          fill: #00558b;
          stroke: #00558b; }
    .button-group.segmented > li.is-active > a, .button-group.segmented > li.is-active > a:hover, .button-group.segmented > li > input:checked + label, .button-group.segmented > li > input:checked + label:hover {
      background: #00558b;
      color: #fff; }
    .button-group.segmented > li.is-active > a .iconic *, .button-group.segmented > li > input:checked + label .iconic * {
      fill: #fff;
      stroke: #fff; }
      .button-group.segmented > li.is-active > a .iconic *.iconic-property-accent, .button-group.segmented > li > input:checked + label .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }
    .button-group.segmented.secondary {
      border-color: #f1f1f1; }
      .button-group.segmented.secondary > li > a, .button-group.segmented.secondary > li > label, .button-group.segmented.secondary > li > button {
        border-color: #f1f1f1;
        color: #f1f1f1; }
        .button-group.segmented.secondary > li > a:hover, .button-group.segmented.secondary > li > label:hover, .button-group.segmented.secondary > li > button:hover {
          background: rgba(241, 241, 241, 0.25);
          color: #f1f1f1; }
        .button-group.segmented.secondary > li > a .iconic *, .button-group.segmented.secondary > li > label .iconic *, .button-group.segmented.secondary > li > button .iconic * {
          fill: #f1f1f1;
          stroke: #f1f1f1; }
          .button-group.segmented.secondary > li > a .iconic *.iconic-property-accent, .button-group.segmented.secondary > li > label .iconic *.iconic-property-accent, .button-group.segmented.secondary > li > button .iconic *.iconic-property-accent {
            fill: #f1f1f1;
            stroke: #f1f1f1; }
      .button-group.segmented.secondary > li.is-active > a, .button-group.segmented.secondary > li.is-active > a:hover, .button-group.segmented.secondary > li > input:checked + label, .button-group.segmented.secondary > li > input:checked + label:hover {
        background: #f1f1f1;
        color: #000; }
      .button-group.segmented.secondary > li.is-active > a .iconic *, .button-group.segmented.secondary > li > input:checked + label .iconic * {
        fill: #000;
        stroke: #000; }
        .button-group.segmented.secondary > li.is-active > a .iconic *.iconic-property-accent, .button-group.segmented.secondary > li > input:checked + label .iconic *.iconic-property-accent {
          fill: #000;
          stroke: #000; }
    .button-group.segmented.success {
      border-color: #43AC6A; }
      .button-group.segmented.success > li > a, .button-group.segmented.success > li > label, .button-group.segmented.success > li > button {
        border-color: #43AC6A;
        color: #43AC6A; }
        .button-group.segmented.success > li > a:hover, .button-group.segmented.success > li > label:hover, .button-group.segmented.success > li > button:hover {
          background: rgba(67, 172, 106, 0.25);
          color: #43AC6A; }
        .button-group.segmented.success > li > a .iconic *, .button-group.segmented.success > li > label .iconic *, .button-group.segmented.success > li > button .iconic * {
          fill: #43AC6A;
          stroke: #43AC6A; }
          .button-group.segmented.success > li > a .iconic *.iconic-property-accent, .button-group.segmented.success > li > label .iconic *.iconic-property-accent, .button-group.segmented.success > li > button .iconic *.iconic-property-accent {
            fill: #43AC6A;
            stroke: #43AC6A; }
      .button-group.segmented.success > li.is-active > a, .button-group.segmented.success > li.is-active > a:hover, .button-group.segmented.success > li > input:checked + label, .button-group.segmented.success > li > input:checked + label:hover {
        background: #43AC6A;
        color: #fff; }
      .button-group.segmented.success > li.is-active > a .iconic *, .button-group.segmented.success > li > input:checked + label .iconic * {
        fill: #fff;
        stroke: #fff; }
        .button-group.segmented.success > li.is-active > a .iconic *.iconic-property-accent, .button-group.segmented.success > li > input:checked + label .iconic *.iconic-property-accent {
          fill: #fff;
          stroke: #fff; }
    .button-group.segmented.warning {
      border-color: #F08A24; }
      .button-group.segmented.warning > li > a, .button-group.segmented.warning > li > label, .button-group.segmented.warning > li > button {
        border-color: #F08A24;
        color: #F08A24; }
        .button-group.segmented.warning > li > a:hover, .button-group.segmented.warning > li > label:hover, .button-group.segmented.warning > li > button:hover {
          background: rgba(240, 138, 36, 0.25);
          color: #F08A24; }
        .button-group.segmented.warning > li > a .iconic *, .button-group.segmented.warning > li > label .iconic *, .button-group.segmented.warning > li > button .iconic * {
          fill: #F08A24;
          stroke: #F08A24; }
          .button-group.segmented.warning > li > a .iconic *.iconic-property-accent, .button-group.segmented.warning > li > label .iconic *.iconic-property-accent, .button-group.segmented.warning > li > button .iconic *.iconic-property-accent {
            fill: #F08A24;
            stroke: #F08A24; }
      .button-group.segmented.warning > li.is-active > a, .button-group.segmented.warning > li.is-active > a:hover, .button-group.segmented.warning > li > input:checked + label, .button-group.segmented.warning > li > input:checked + label:hover {
        background: #F08A24;
        color: #fff; }
      .button-group.segmented.warning > li.is-active > a .iconic *, .button-group.segmented.warning > li > input:checked + label .iconic * {
        fill: #fff;
        stroke: #fff; }
        .button-group.segmented.warning > li.is-active > a .iconic *.iconic-property-accent, .button-group.segmented.warning > li > input:checked + label .iconic *.iconic-property-accent {
          fill: #fff;
          stroke: #fff; }
    .button-group.segmented.alert {
      border-color: #F04124; }
      .button-group.segmented.alert > li > a, .button-group.segmented.alert > li > label, .button-group.segmented.alert > li > button {
        border-color: #F04124;
        color: #F04124; }
        .button-group.segmented.alert > li > a:hover, .button-group.segmented.alert > li > label:hover, .button-group.segmented.alert > li > button:hover {
          background: rgba(240, 65, 36, 0.25);
          color: #F04124; }
        .button-group.segmented.alert > li > a .iconic *, .button-group.segmented.alert > li > label .iconic *, .button-group.segmented.alert > li > button .iconic * {
          fill: #F04124;
          stroke: #F04124; }
          .button-group.segmented.alert > li > a .iconic *.iconic-property-accent, .button-group.segmented.alert > li > label .iconic *.iconic-property-accent, .button-group.segmented.alert > li > button .iconic *.iconic-property-accent {
            fill: #F04124;
            stroke: #F04124; }
      .button-group.segmented.alert > li.is-active > a, .button-group.segmented.alert > li.is-active > a:hover, .button-group.segmented.alert > li > input:checked + label, .button-group.segmented.alert > li > input:checked + label:hover {
        background: #F04124;
        color: #fff; }
      .button-group.segmented.alert > li.is-active > a .iconic *, .button-group.segmented.alert > li > input:checked + label .iconic * {
        fill: #fff;
        stroke: #fff; }
        .button-group.segmented.alert > li.is-active > a .iconic *.iconic-property-accent, .button-group.segmented.alert > li > input:checked + label .iconic *.iconic-property-accent {
          fill: #fff;
          stroke: #fff; }
  .button-group.tiny {
    font-size: 0.63rem; }
  .button-group.small {
    font-size: 0.72rem; }
  .button-group.large {
    font-size: 1.17rem; }
  .button-group.expand {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .button-group.expand > li {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .button-group.expand > li > a, .button-group.expand > li > label, .button-group.expand > li > button {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0; }
  .button-group li.disabled > a, .button-group li.disabled > label, .button-group li.disabled > button {
    opacity: 0.5;
    cursor: default;
    pointer-events: none; }

/*
  Cards

  Structure:

  titles
  lists
*/
.card {
  border: 1px solid #ededed;
  margin-bottom: 0.5rem;
  background: #fff;
  color: #000;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden; }
  .card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
    color: inherit; }
  .card ul {
    margin-bottom: 0; }
  .card img {
    width: 100%; }
  .card.primary {
    border: 0;
    margin-bottom: 0.5rem;
    background: #00558b;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden; }
    .card.primary h1, .card.primary h2, .card.primary h3, .card.primary h4, .card.primary h5, .card.primary h6 {
      color: inherit; }
    .card.primary ul {
      margin-bottom: 0; }
    .card.primary img {
      width: 100%; }
    .card.primary .card-divider {
      background: #0065a5;
      padding: 1rem; }
  .card.success {
    border: 0;
    margin-bottom: 0.5rem;
    background: #43AC6A;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden; }
    .card.success h1, .card.success h2, .card.success h3, .card.success h4, .card.success h5, .card.success h6 {
      color: inherit; }
    .card.success ul {
      margin-bottom: 0; }
    .card.success img {
      width: 100%; }
    .card.success .card-divider {
      background: #4ab873;
      padding: 1rem; }
  .card.warning {
    border: 0;
    margin-bottom: 0.5rem;
    background: #F08A24;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden; }
    .card.warning h1, .card.warning h2, .card.warning h3, .card.warning h4, .card.warning h5, .card.warning h6 {
      color: inherit; }
    .card.warning ul {
      margin-bottom: 0; }
    .card.warning img {
      width: 100%; }
    .card.warning .card-divider {
      background: #f19233;
      padding: 1rem; }
  .card.alert {
    border: 0;
    margin-bottom: 0.5rem;
    background: #F04124;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden; }
    .card.alert h1, .card.alert h2, .card.alert h3, .card.alert h4, .card.alert h5, .card.alert h6 {
      color: inherit; }
    .card.alert ul {
      margin-bottom: 0; }
    .card.alert img {
      width: 100%; }
    .card.alert .card-divider {
      background: #f14e33;
      padding: 1rem; }
  .card.dark {
    border: 0;
    margin-bottom: 0.5rem;
    background: #232323;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden; }
    .card.dark h1, .card.dark h2, .card.dark h3, .card.dark h4, .card.dark h5, .card.dark h6 {
      color: inherit; }
    .card.dark ul {
      margin-bottom: 0; }
    .card.dark img {
      width: 100%; }
    .card.dark .card-divider {
      background: #323232;
      padding: 1rem; }

.card-divider {
  background: #ededed;
  padding: 1rem; }

.card-section {
  padding: 1rem; }

/*
  Odds and ends.
*/
.close-button {
  position: absolute;
  color: #999;
  top: 1rem;
  right: 1rem;
  font-size: 2em;
  line-height: 0.5;
  cursor: pointer; }
  .close-button:hover {
    color: #333; }

.thumbnail, ul.thumbnails > li img {
  padding: 0.5rem;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.25); }

ul.thumbnails > li {
  margin-bottom: 1rem; }
  ul.thumbnails > li a {
    display: block; }

/*
  FORMS
  -----

  Our form styles include basic resets for text fields, select menus, and so on, along with some of our own custom components.

  Includes:
   - Text fields
   - Text areas
   - Select menus
   - Checkboxes and radio buttons
   - Range slider
   - Progress bars and meters
*/
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  height: 2.4rem;
  padding: 0.5rem;
  margin: 0 0 1rem 0;
  border: 1px solid #ccc;
  border-radius: 0;
  background: #fff;
  color: #000;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle; }
  input[type="text"]:hover, input[type="password"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="week"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="color"]:hover, textarea:hover {
    border: 1px solid #bbb;
    background: #fff;
    color: #000; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    outline: 0;
    border: 1px solid #999;
    background: #fff;
    color: #000; }
  label > input[type="text"], label > input[type="password"], label > input[type="date"], label > input[type="datetime"], label > input[type="datetime-local"], label > input[type="month"], label > input[type="week"], label > input[type="email"], label > input[type="number"], label > input[type="search"], label > input[type="tel"], label > input[type="time"], label > input[type="url"], label > input[type="color"], label > textarea {
    margin-top: 0.5rem; }

input[type="search"] {
  box-sizing: border-box; }

input.disabled, input[disabled], input[readonly], fieldset[disabled] input, textarea.disabled, textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
  cursor: false; }
  input.disabled, input.disabled:hover, input[disabled], input[disabled]:hover, input[readonly], input[readonly]:hover, fieldset[disabled] input, fieldset[disabled] input:hover, textarea.disabled, textarea.disabled:hover, textarea[disabled], textarea[disabled]:hover, textarea[readonly], textarea[readonly]:hover, fieldset[disabled] textarea, fieldset[disabled] textarea:hover {
    background-color: #f2f2f2; }

label {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  color: #333; }
  label > input, label > textarea {
    margin-top: 0.5rem; }

input[type="checkbox"], input[type="radio"] {
  width: 1rem;
  height: 1rem; }
  label > input[type="checkbox"], label > input[type="radio"] {
    margin-right: 0.25rem; }
  input[type="checkbox"] + label, input[type="radio"] + label {
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline; }

.inline-label {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 1rem; }
  label > .inline-label {
    margin-top: 0.5rem; }
  .inline-label > input, .inline-label > select {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0; }
  .inline-label > .form-label {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    background: #eee;
    color: #333;
    border: 1px solid #ccc;
    padding: 0 0.5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .inline-label > .form-label:first-child {
      border-right: 0; }
    .inline-label > .form-label:last-child {
      border-left: 0; }
  .inline-label > a, .inline-label > button, .inline-label > input[type="button"], .inline-label > input[type="submit"] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    border-radius: 0; }

textarea {
  height: auto;
  width: 100%;
  min-height: 50px; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  height: 2.4rem;
  padding: 0.5rem;
  margin: 0 0 1rem 0;
  font-size: 1rem;
  color: #000;
  border-radius: 0;
  border: 1px solid #ccc;
  background: #fafafa url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20width%3D%2232%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2024%22%3E%3Cpolygon%20points%3D%220%2C0%2032%2C0%2016%2C24%22%20style%3D%22fill%3A%20black%22%3E%3C/polygon%3E%3C/svg%3E") right 10px center no-repeat;
  background-size: 8px 8px;
  padding-right: 1.625rem; }
  select:hover {
    background-color: #f0f0f0; }
  select:focus {
    outline: 0; }
  select::-ms-expand {
    display: none; }

input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  border: 0;
  line-height: 1; }
  input[type="range"]:focus {
    outline: 0; }
  input[type="range"]::-webkit-slider-runnable-track {
    height: 1rem;
    background: #ddd; }
  input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #00558b;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -0.25rem; }
  input[type="range"]::-moz-range-track {
    -moz-appearance: none;
    height: 1rem;
    background: #ccc; }
  input[type="range"]::-moz-range-thumb {
    -moz-appearance: none;
    background: #00558b;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -0.25rem; }
  input[type="range"]::-ms-track {
    height: 1rem;
    background: #ddd;
    color: transparent;
    border: 0;
    overflow: visible;
    border-top: 0.25rem solid #fff;
    border-bottom: 0.25rem solid #fff; }
  input[type="range"]::-ms-thumb {
    background: #00558b;
    width: 1.5rem;
    height: 1.5rem;
    border: 0; }
  input[type="range"]::-ms-fill-lower, input[type="range"]::-ms-fill-upper {
    background: #ddd; }

output {
  line-height: 1.5rem;
  vertical-align: middle;
  margin-left: 0.5em; }

input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  background: #00558b; }

progress, meter {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  height: 1.5rem;
  margin-bottom: 1rem;
  background: #ccc;
  border: 0; }

progress::-webkit-progress-bar {
  background: #ccc; }
progress::-webkit-progress-value {
  background: #00558b; }
progress::-moz-progress-bar {
  background: #00558b; }
progress.high::-webkit-progress-value {
  background: #43AC6A; }
progress.high::-moz-progress-bar {
  background: #43AC6A; }
progress.medium::-webkit-progress-value {
  background: #e7cf00; }
progress.medium::-moz-progress-bar {
  background: #e7cf00; }
progress.low::-webkit-progress-value {
  background: #F04124; }
progress.low::-moz-progress-bar {
  background: #F04124; }

meter {
  background: #ccc; }
  meter::-webkit-meter-bar {
    background: #ccc; }
  meter::-webkit-meter-optimum-value {
    background: #43AC6A; }
  meter::-webkit-meter-suboptimum-value {
    background: #e7cf00; }
  meter::-webkit-meter-even-less-good-value {
    background: #F04124; }
  meter::-moz-meter-bar {
    background: #00558b; }
  meter:-moz-meter-optimum::-moz-meter-bar {
    background: #43AC6A; }
  meter:-moz-meter-sub-optimum::-moz-meter-bar {
    background: #e7cf00; }
  meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
    background: #F04124; }

/*
  PANEL
  -----

  The friendly panel is an all-purpose container for hiding content off-screen.

  Features:
   - Position at top, right, bottom, or left
   - Anchor to grid block or window
   - Define max width or height
   - Transform into grid block depending on screen size
*/
.panel {
  position: absolute;
  z-index: 100;
  overflow-y: auto;
  display: none; }
  .is-active.panel {
    display: block; }

.panel {
  /*
    Basic styles
  */
  padding: 0;
  background: #fff; }

.panel-top {
  /*
    Direction
  */
  top: 0;
  left: 0;
  width: 100%;
  /*
    Sizing
  */
  height: 300px;
  /*
    Shadows
  */ }
  .panel-top.is-active {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); }

.panel-right {
  /*
    Direction
  */
  top: 0;
  right: 0;
  height: 100%;
  /*
    Sizing
  */
  width: 100%;
  /*
    Shadows
  */ }
  @media only screen and (min-width: 18.75em) {
    .panel-right {
      width: 300px; } }
  .panel-right.is-active {
    box-shadow: -3px 0 10px rgba(0, 0, 0, 0.25); }

.panel-bottom {
  /*
    Direction
  */
  bottom: 0;
  left: 0;
  width: 100%;
  /*
    Sizing
  */
  height: 300px;
  /*
    Shadows
  */ }
  .panel-bottom.is-active {
    box-shadow: 2px -3px 10px rgba(0, 0, 0, 0.25); }

.panel-left {
  /*
    Direction
  */
  top: 0;
  left: 0;
  height: 100%;
  /*
    Sizing
  */
  width: 100%;
  /*
    Shadows
  */ }
  @media only screen and (min-width: 18.75em) {
    .panel-left {
      width: 300px; } }
  .panel-left.is-active {
    box-shadow: 3px 0 10px rgba(0, 0, 0, 0.25); }

.panel-fixed {
  position: fixed; }

/*
  THE GRID
  --------

  Foundation's magical, flexbox-powered grid.

  Features:
   - Horizontal or vertical grids
   - Auto-sizing or percentage width grid blocks
   - Independently-scrollable blocks
   - Column alignment
   - Source ordering
   - Offsets
*/
/*
  Define the size of a grid block. Blocks are flex items. By default, they stretch to fill all available space, based on the size of sibling blocks. This is the "expand" behavior.

  If set to "shrink", the block will contract and only fill as much space as it needs for its content.

  If set to a number, the block will be given a percentage width, based on the total number of columns (12 by default). Percentage widths don't work if a block is inside a vertical grid.

  @group grid

  @param {number|string} $size - Sizing behavior of the block. Should be expand, shrink, or a number.

  @output The flex-basis, flex-grow, and flex-shrink properties.
*/
/*
  Set the orientation of blocks within this block. The grid is re-oriented by changing the flex direction of the block.

  @group grid

  @param {string} $orientation - Direction of the grid, either horizontal or vertical.

  @output A flex-flow property to match the direction given.
*/
/*
  Stretch a grid's child blocks across its cross-axis, making every column appear to have the same height.

  @group grid

  @param {bool} $stretch - Stretch blocks if true, or align blocks to top if false.

  @output Sets align-items to "stretch" if $stretch is true, or "flex-start" (the default value) if false.
*/
/*
  Set the alignment of blocks within a grid.

  left: Items align to the left.
  right: Items align to the right.
  center: Items align to the center.
  justify: Items are spaced equally apart so they occupy the space of the entire grid.
  spaced: Items are given equal space to their left and right.

  @group grid

  @param {string} $align - Alignment to use.

  @output An appropriate justify-content value.
*/
/*
  Set the source order of a block. Items with lower numbers appear first. If multiple items have the same number, the one in the HTML first will appear first.

  @group grid

  @param {number} $order - Position in source order.

  @output An order property.
*/
/*
  Collapse a content block by removing the padding.

  @group grid

  @param {bool} $collapse - Collapses the block if true.

  @output A padding value.

  @todo No way to reverse collapse using this mixin. Solution:
    - If true, add padding: 0;
    - If false, add padding: 1rem;
    - If null, add nothing, to cut down on CSS output
    - Make null the default value
*/
/*
  Constrain the size of a block to the size of the average grid row, and center-align it. This imitates the behavior of ordinary Foundation rows.

  @group grid

  @param {bool} $container - Adds container styles if true.

  @output A maximum width and the good old margin: 0 auto for center alignment.
*/
/*
  Add negative margins to a block, equal to the padding of a content block. This aligns the edges of a block nested inside a content block.

  @group grid

  @param {bool} $nest - Adds negative margins if true.

  @output Negative margin values.
*/
/*
  Offset a block by adding a left margin.

  @group grid

  @param {number | bool} $offset - If false, nothing is output. If a number, offsets the column by the specified number of columns.

  @output A left margin based on the number of columns specified, and the global number of columns.
*/
/*
  Resets styles set by panels. Use this when a panel transforms into a block on larger screens.

  @group grid

  @output Resets to transform, position, and a few visual styles.
*/
/*
  Frames are containers that stretch to the full dimmensions of the browser window.
*/
/*
  Groups are collections of content items. They're the "rows" of Foundation for Apps.
*/
/*
  Blocks are containers for actual content. They're the "columns" of Foundation for Apps.
*/
.vertical.grid-frame, .vertical.grid-block, .vertical.small-grid-block, .vertical.medium-grid-block, .vertical.large-grid-block {
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
.small-vertical.grid-frame, .small-vertical.grid-block, .small-vertical.small-grid-block, .small-vertical.medium-grid-block, .small-vertical.large-grid-block {
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
.small-horizontal.grid-frame, .small-horizontal.grid-block, .small-horizontal.small-grid-block, .small-horizontal.medium-grid-block, .small-horizontal.large-grid-block {
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
@media only screen and (min-width: 40em) {
  .medium-vertical.grid-frame, .medium-vertical.grid-block, .medium-vertical.small-grid-block, .medium-vertical.medium-grid-block, .medium-vertical.large-grid-block {
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .medium-horizontal.grid-frame, .medium-horizontal.grid-block, .medium-horizontal.small-grid-block, .medium-horizontal.medium-grid-block, .medium-horizontal.large-grid-block {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; } }
@media only screen and (min-width: 75em) {
  .large-vertical.grid-frame, .large-vertical.grid-block, .large-vertical.small-grid-block, .large-vertical.medium-grid-block, .large-vertical.large-grid-block {
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .large-horizontal.grid-frame, .large-horizontal.grid-block, .large-horizontal.small-grid-block, .large-horizontal.medium-grid-block, .large-horizontal.large-grid-block {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; } }
.align-right.grid-frame, .align-right.grid-block, .align-right.small-grid-block, .align-right.medium-grid-block, .align-right.large-grid-block {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
.align-center.grid-frame, .align-center.grid-block, .align-center.small-grid-block, .align-center.medium-grid-block, .align-center.large-grid-block {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
.align-justify.grid-frame, .align-justify.grid-block, .align-justify.small-grid-block, .align-justify.medium-grid-block, .align-justify.large-grid-block {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
.align-spaced.grid-frame, .align-spaced.grid-block, .align-spaced.small-grid-block, .align-spaced.medium-grid-block, .align-spaced.large-grid-block {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
.wrap.grid-frame, .wrap.grid-block, .wrap.small-grid-block, .wrap.medium-grid-block, .wrap.large-grid-block {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

.shrink.grid-block, .shrink.grid-content, .shrink.small-grid-block, .shrink.small-grid-content, .shrink.medium-grid-block, .shrink.medium-grid-content, .shrink.large-grid-block, .shrink.large-grid-content {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: visible; }
.noscroll.grid-block, .noscroll.grid-content, .noscroll.small-grid-block, .noscroll.small-grid-content, .noscroll.medium-grid-block, .noscroll.medium-grid-content, .noscroll.large-grid-block, .noscroll.large-grid-content {
  overflow: visible; }

.grid-frame {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0; }

.grid-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.grid-content {
  display: block;
  padding: 0 1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
  .grid-content.collapse {
    padding: 0; }
  .grid-content .grid-block {
    margin-left: -1rem;
    margin-right: -1rem;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    overflow: visible; }
    .grid-content .grid-block.nowrap {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
    .grid-content .grid-block .grid-content {
      overflow: visible; }

.grid-container {
  max-width: 56.25rem;
  margin: 0 auto; }
  .grid-container.contain-left {
    max-width: 56.25rem;
    margin: 0 auto 0 0; }
  .grid-container.contain-right {
    max-width: 56.25rem;
    margin: 0 0 0 auto; }

.small-grid-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
  .small-grid-block.panel {
    -webkit-transform: none;
            transform: none;
    position: relative;
    width: auto;
    height: auto;
    z-index: auto;
    box-shadow: none;
    background: transparent;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto; }

.small-grid-content {
  display: block;
  padding: 0 1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
  .small-grid-content.panel {
    -webkit-transform: none;
            transform: none;
    position: relative;
    width: auto;
    height: auto;
    z-index: auto;
    box-shadow: none;
    background: transparent;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto; }

@media only screen and (min-width: 40em) {
  .medium-grid-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .medium-grid-block.panel {
      -webkit-transform: none;
              transform: none;
      position: relative;
      width: auto;
      height: auto;
      z-index: auto;
      box-shadow: none;
      background: transparent;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto; } }

@media only screen and (min-width: 40em) {
  .medium-grid-content {
    display: block;
    padding: 0 1rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    .medium-grid-content.panel {
      -webkit-transform: none;
              transform: none;
      position: relative;
      width: auto;
      height: auto;
      z-index: auto;
      box-shadow: none;
      background: transparent;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto; } }

@media only screen and (min-width: 75em) {
  .large-grid-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .large-grid-block.panel {
      -webkit-transform: none;
              transform: none;
      position: relative;
      width: auto;
      height: auto;
      z-index: auto;
      box-shadow: none;
      background: transparent;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto; } }

@media only screen and (min-width: 75em) {
  .large-grid-content {
    display: block;
    padding: 0 1rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    .large-grid-content.panel {
      -webkit-transform: none;
              transform: none;
      position: relative;
      width: auto;
      height: auto;
      z-index: auto;
      box-shadow: none;
      background: transparent;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto; } }

.order-1 {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.order-2 {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

.order-3 {
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }

.order-4 {
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4; }

.order-5 {
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5; }

.order-6 {
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6; }

.order-7 {
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7; }

.order-8 {
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8; }

.order-9 {
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9; }

.order-10 {
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10; }

.order-11 {
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11; }

.order-12 {
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12; }

.small-1 {
  -webkit-flex: 0 0 8.33333%;
      -ms-flex: 0 0 8.33333%;
          flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.small-order-1 {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-up-1 {
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow: visible;
  list-style-type: none; }
  .small-up-1 > li, .small-up-1 > div, .small-up-1 > section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }

.small-2 {
  -webkit-flex: 0 0 16.66667%;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.small-order-2 {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-up-2 {
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow: visible;
  list-style-type: none; }
  .small-up-2 > li, .small-up-2 > div, .small-up-2 > section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }

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

.small-order-3 {
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }

.small-offset-3 {
  margin-left: 25%; }

.small-up-3 {
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow: visible;
  list-style-type: none; }
  .small-up-3 > li, .small-up-3 > div, .small-up-3 > section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }

.small-4 {
  -webkit-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.small-order-4 {
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-up-4 {
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow: visible;
  list-style-type: none; }
  .small-up-4 > li, .small-up-4 > div, .small-up-4 > section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }

.small-5 {
  -webkit-flex: 0 0 41.66667%;
      -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.small-order-5 {
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-up-5 {
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow: visible;
  list-style-type: none; }
  .small-up-5 > li, .small-up-5 > div, .small-up-5 > section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%; }

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

.small-order-6 {
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6; }

.small-offset-6 {
  margin-left: 50%; }

.small-up-6 {
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow: visible;
  list-style-type: none; }
  .small-up-6 > li, .small-up-6 > div, .small-up-6 > section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }

.small-7 {
  -webkit-flex: 0 0 58.33333%;
      -ms-flex: 0 0 58.33333%;
          flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.small-order-7 {
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-up-7 {
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow: visible;
  list-style-type: none; }
  .small-up-7 > li, .small-up-7 > div, .small-up-7 > section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
    max-width: 14.28571%; }

.small-8 {
  -webkit-flex: 0 0 66.66667%;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.small-order-8 {
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-up-8 {
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow: visible;
  list-style-type: none; }
  .small-up-8 > li, .small-up-8 > div, .small-up-8 > section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%; }

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

.small-order-9 {
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9; }

.small-offset-9 {
  margin-left: 75%; }

.small-up-9 {
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow: visible;
  list-style-type: none; }
  .small-up-9 > li, .small-up-9 > div, .small-up-9 > section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 11.11111%;
        -ms-flex: 0 0 11.11111%;
            flex: 0 0 11.11111%;
    max-width: 11.11111%; }

.small-10 {
  -webkit-flex: 0 0 83.33333%;
      -ms-flex: 0 0 83.33333%;
          flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.small-order-10 {
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-up-10 {
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow: visible;
  list-style-type: none; }
  .small-up-10 > li, .small-up-10 > div, .small-up-10 > section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 10%; }

.small-11 {
  -webkit-flex: 0 0 91.66667%;
      -ms-flex: 0 0 91.66667%;
          flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.small-order-11 {
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-11 {
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow: visible;
  list-style-type: none; }
  .small-up-11 > li, .small-up-11 > div, .small-up-11 > section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 9.09091%;
        -ms-flex: 0 0 9.09091%;
            flex: 0 0 9.09091%;
    max-width: 9.09091%; }

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

.small-order-12 {
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12; }

.small-offset-12 {
  margin-left: 100%; }

.small-up-12 {
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow: visible;
  list-style-type: none; }
  .small-up-12 > li, .small-up-12 > div, .small-up-12 > section {
    padding: 0 1rem 1rem;
    -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }

@media only screen and (min-width: 40em) {
  .medium-1 {
    -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .medium-order-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-up-1 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .medium-up-1 > li, .medium-up-1 > div, .medium-up-1 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; } }

@media only screen and (min-width: 40em) {
  .medium-2 {
    -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .medium-order-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-up-2 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .medium-up-2 > li, .medium-up-2 > div, .medium-up-2 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%; } }

@media only screen and (min-width: 40em) {
  .medium-3 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .medium-order-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-up-3 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .medium-up-3 > li, .medium-up-3 > div, .medium-up-3 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 33.33333%;
          -ms-flex: 0 0 33.33333%;
              flex: 0 0 33.33333%;
      max-width: 33.33333%; } }

@media only screen and (min-width: 40em) {
  .medium-4 {
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .medium-order-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-up-4 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .medium-up-4 > li, .medium-up-4 > div, .medium-up-4 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      max-width: 25%; } }

@media only screen and (min-width: 40em) {
  .medium-5 {
    -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .medium-order-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-up-5 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .medium-up-5 > li, .medium-up-5 > div, .medium-up-5 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 20%;
          -ms-flex: 0 0 20%;
              flex: 0 0 20%;
      max-width: 20%; } }

@media only screen and (min-width: 40em) {
  .medium-6 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .medium-order-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-up-6 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .medium-up-6 > li, .medium-up-6 > div, .medium-up-6 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 16.66667%;
          -ms-flex: 0 0 16.66667%;
              flex: 0 0 16.66667%;
      max-width: 16.66667%; } }

@media only screen and (min-width: 40em) {
  .medium-7 {
    -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .medium-order-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-up-7 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .medium-up-7 > li, .medium-up-7 > div, .medium-up-7 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 14.28571%;
          -ms-flex: 0 0 14.28571%;
              flex: 0 0 14.28571%;
      max-width: 14.28571%; } }

@media only screen and (min-width: 40em) {
  .medium-8 {
    -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .medium-order-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-up-8 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .medium-up-8 > li, .medium-up-8 > div, .medium-up-8 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 12.5%;
          -ms-flex: 0 0 12.5%;
              flex: 0 0 12.5%;
      max-width: 12.5%; } }

@media only screen and (min-width: 40em) {
  .medium-9 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .medium-order-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-up-9 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .medium-up-9 > li, .medium-up-9 > div, .medium-up-9 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 11.11111%;
          -ms-flex: 0 0 11.11111%;
              flex: 0 0 11.11111%;
      max-width: 11.11111%; } }

@media only screen and (min-width: 40em) {
  .medium-10 {
    -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .medium-order-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-up-10 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .medium-up-10 > li, .medium-up-10 > div, .medium-up-10 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 10%;
          -ms-flex: 0 0 10%;
              flex: 0 0 10%;
      max-width: 10%; } }

@media only screen and (min-width: 40em) {
  .medium-11 {
    -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .medium-order-11 {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-11 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .medium-up-11 > li, .medium-up-11 > div, .medium-up-11 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 9.09091%;
          -ms-flex: 0 0 9.09091%;
              flex: 0 0 9.09091%;
      max-width: 9.09091%; } }

@media only screen and (min-width: 40em) {
  .medium-12 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .medium-order-12 {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .medium-offset-12 {
    margin-left: 100%; }
  .medium-up-12 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .medium-up-12 > li, .medium-up-12 > div, .medium-up-12 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 8.33333%;
          -ms-flex: 0 0 8.33333%;
              flex: 0 0 8.33333%;
      max-width: 8.33333%; } }

@media only screen and (min-width: 75em) {
  .large-1 {
    -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .large-order-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-up-1 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .large-up-1 > li, .large-up-1 > div, .large-up-1 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; } }

@media only screen and (min-width: 75em) {
  .large-2 {
    -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .large-order-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-up-2 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .large-up-2 > li, .large-up-2 > div, .large-up-2 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%; } }

@media only screen and (min-width: 75em) {
  .large-3 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .large-order-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-up-3 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .large-up-3 > li, .large-up-3 > div, .large-up-3 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 33.33333%;
          -ms-flex: 0 0 33.33333%;
              flex: 0 0 33.33333%;
      max-width: 33.33333%; } }

@media only screen and (min-width: 75em) {
  .large-4 {
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .large-order-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-up-4 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .large-up-4 > li, .large-up-4 > div, .large-up-4 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      max-width: 25%; } }

@media only screen and (min-width: 75em) {
  .large-5 {
    -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .large-order-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-up-5 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .large-up-5 > li, .large-up-5 > div, .large-up-5 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 20%;
          -ms-flex: 0 0 20%;
              flex: 0 0 20%;
      max-width: 20%; } }

@media only screen and (min-width: 75em) {
  .large-6 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .large-order-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-up-6 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .large-up-6 > li, .large-up-6 > div, .large-up-6 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 16.66667%;
          -ms-flex: 0 0 16.66667%;
              flex: 0 0 16.66667%;
      max-width: 16.66667%; } }

@media only screen and (min-width: 75em) {
  .large-7 {
    -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .large-order-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-up-7 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .large-up-7 > li, .large-up-7 > div, .large-up-7 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 14.28571%;
          -ms-flex: 0 0 14.28571%;
              flex: 0 0 14.28571%;
      max-width: 14.28571%; } }

@media only screen and (min-width: 75em) {
  .large-8 {
    -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .large-order-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-up-8 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .large-up-8 > li, .large-up-8 > div, .large-up-8 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 12.5%;
          -ms-flex: 0 0 12.5%;
              flex: 0 0 12.5%;
      max-width: 12.5%; } }

@media only screen and (min-width: 75em) {
  .large-9 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .large-order-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-up-9 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .large-up-9 > li, .large-up-9 > div, .large-up-9 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 11.11111%;
          -ms-flex: 0 0 11.11111%;
              flex: 0 0 11.11111%;
      max-width: 11.11111%; } }

@media only screen and (min-width: 75em) {
  .large-10 {
    -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .large-order-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-up-10 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .large-up-10 > li, .large-up-10 > div, .large-up-10 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 10%;
          -ms-flex: 0 0 10%;
              flex: 0 0 10%;
      max-width: 10%; } }

@media only screen and (min-width: 75em) {
  .large-11 {
    -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .large-order-11 {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-11 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .large-up-11 > li, .large-up-11 > div, .large-up-11 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 9.09091%;
          -ms-flex: 0 0 9.09091%;
              flex: 0 0 9.09091%;
      max-width: 9.09091%; } }

@media only screen and (min-width: 75em) {
  .large-12 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .large-order-12 {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .large-offset-12 {
    margin-left: 100%; }
  .large-up-12 {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    overflow: visible;
    list-style-type: none; }
    .large-up-12 > li, .large-up-12 > div, .large-up-12 > section {
      padding: 0 1rem 1rem;
      -webkit-flex: 0 0 8.33333%;
          -ms-flex: 0 0 8.33333%;
              flex: 0 0 8.33333%;
      max-width: 8.33333%; } }

.grid-content .modal .grid-block {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }

/*
  TITLE BAR
  ---------

  A navigational component which can display the current screen the user is on, along with additional controls or menu items.

  The title bar includes classes to create center, left, and right sections, which can be used in any combination. However, in the markup, the sections must come in this order:
   - Center
   - Left
   - Right
*/
.title-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: visible; }
  .title-bar .title {
    font-weight: bold; }
  .title-bar .left, .title-bar .center, .title-bar .right {
    display: block;
    white-space: nowrap;
    overflow: visible; }
    .title-bar .left:first-child:last-child, .title-bar .center:first-child:last-child, .title-bar .right:first-child:last-child {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin: 0; }
  .title-bar .left {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; }
  .title-bar .center {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    text-align: center; }
  .title-bar .right {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    text-align: right; }
  .title-bar .left:first-child {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .title-bar .left:first-child + .right:last-child {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .title-bar .center:first-child:not(:last-child) {
    margin-left: 25%; }
  .title-bar .center + .left {
    margin-right: -25%; }

.title-bar {
  background: #eee;
  color: #000;
  padding: 1rem;
  border-bottom: 1px solid #ccc; }
  .title-bar.primary {
    background: #00558b;
    color: #fff;
    padding: 1rem;
    border-bottom: 1px solid #ccc; }
    .title-bar.primary a, .title-bar.primary a:hover {
      color: #fff; }
    .title-bar.primary .iconic * {
      fill: #fff;
      stroke: #fff; }
      .title-bar.primary .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }
  .title-bar.dark {
    background: #232323;
    color: #fff;
    padding: 1rem;
    border-bottom: 1px solid #ccc; }
    .title-bar.dark a, .title-bar.dark a:hover {
      color: #fff; }
    .title-bar.dark .iconic * {
      fill: #fff;
      stroke: #fff; }
      .title-bar.dark .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }

.title-bar-bottom {
  border-bottom: 0;
  border-top: 1px solid #ccc; }

/*
  Label
*/
.label {
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  cursor: default; }

.label {
  font-size: 0.8rem;
  padding: 0.33333rem 0.5rem;
  background: #00558b;
  border-radius: 0;
  color: #fff; }
  .label.primary {
    background: #00558b;
    border-radius: 0;
    color: #fff; }
  .label.success {
    background: #43AC6A;
    border-radius: 0;
    color: #fff; }
  .label.warning {
    background: #F08A24;
    border-radius: 0;
    color: #fff; }
  .label.alert {
    background: #F04124;
    border-radius: 0;
    color: #fff; }
  .label.dark {
    background: #232323;
    border-radius: 0;
    color: #fff; }

/*
  Badge
*/
.badge {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 1000px; }

.badge {
  font-size: 0.8em;
  width: 1.5rem;
  height: 1.5rem;
  background: #00558b;
  color: #fff; }
  .badge.secondary {
    background: #f1f1f1;
    color: #000; }
  .badge.primary {
    background: #00558b;
    color: #fff; }
  .badge.success {
    background: #43AC6A;
    color: #fff; }
  .badge.warning {
    background: #F08A24;
    color: #fff; }
  .badge.alert {
    background: #F04124;
    color: #fff; }
  .badge.dark {
    background: #232323;
    color: #fff; }

.inline-list {
  list-style-type: none;
  text-align: left; }
  .inline-list li, .inline-list dt, .inline-list dd {
    display: inline-block;
    margin-left: -2px;
    margin-right: -2px; }
  .inline-list li {
    margin-right: 1rem;
    margin-left: 0; }

/*
  MENU BAR
  --------

  A generic, flexible menu component.

  Features:
   - Orient horizontally and vertically
     - Change orientation at certain breakpoints
   - Items with icons above, below, or to the left or right
   - Text labels for vertical menus and badges for horizontal menus
*/
.menu-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0;
  list-style-type: none;
  overflow-y: visible; }
  .menu-bar > li {
    -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0;
            flex: 1 0 0;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .menu-bar > li > a {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 1rem;
      font-size: 1rem;
      line-height: 1; }

/*
  Set the alignment of menu items (li) within a menu-bar

  left: Items align to the left.
  right: Items align to the right.
  center: Items align to the center.
  justify: Items are spaced equally apart so they occupy the space of the entire grid.
  spaced: Items are given equal space to their left and right.

  @group menu-bar

  @param {string} $align - Alignment to use.

  @output An appropriate justify-content value.
*/
/*
  CSS output
*/
.menu-bar {
  background: #fff; }
  .menu-bar > li > a {
    color: #000; }
    .menu-bar > li > a:hover {
      background: #ededed;
      color: #000; }
  .menu-bar .is-active > a {
    background: #ededed;
    color: #000; }
  .menu-bar .iconic * {
    fill: #000;
    stroke: #000; }
    .menu-bar .iconic *.iconic-property-accent {
      fill: #000;
      stroke: #000; }
  .menu-bar, .menu-bar.horizontal {
    /*
    Orientation
  */
    overflow-x: hidden;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    /*
    Stretch
  */ }
    .menu-bar > li > a, .menu-bar.horizontal > li > a {
      -webkit-flex: 1 0 0;
          -ms-flex: 1 0 0;
              flex: 1 0 0; }
    .menu-bar > li > a, .menu-bar.horizontal > li > a {
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap; }
  .menu-bar.vertical {
    /*
    Orientation
  */
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    /*
    Stretch
  */ }
    .menu-bar.vertical > li {
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
    .menu-bar.vertical > li > a {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; }
  .menu-bar.condense > li {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .menu-bar.align-right {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .menu-bar.align-center {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .menu-bar.align-justify {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .menu-bar.align-spaced {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .menu-bar.small-condense li {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .menu-bar.small-expand li {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .menu-bar.small-align-left {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .menu-bar.small-align-right {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .menu-bar.small-align-center {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .menu-bar.small-align-justify {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .menu-bar.small-align-spaced {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  @media only screen and (min-width: 40em) {
    .menu-bar.medium-condense li {
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .menu-bar.medium-expand li {
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
    .menu-bar.medium-align-left {
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .menu-bar.medium-align-right {
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .menu-bar.medium-align-center {
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .menu-bar.medium-align-justify {
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .menu-bar.medium-align-spaced {
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around; } }
  @media only screen and (min-width: 75em) {
    .menu-bar.large-condense li {
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .menu-bar.large-expand li {
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
    .menu-bar.large-align-left {
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .menu-bar.large-align-right {
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .menu-bar.large-align-center {
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .menu-bar.large-align-justify {
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .menu-bar.large-align-spaced {
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around; } }
  .menu-bar.small-horizontal {
    /*
    Orientation
  */
    overflow-x: hidden;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    /*
    Stretch
  */ }
    .menu-bar.small-horizontal > li > a {
      -webkit-flex: 1 0 0;
          -ms-flex: 1 0 0;
              flex: 1 0 0; }
    .menu-bar.small-horizontal > li > a {
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap; }
  .menu-bar.small-vertical {
    /*
    Orientation
  */
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    /*
    Stretch
  */ }
    .menu-bar.small-vertical > li {
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
    .menu-bar.small-vertical > li > a {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; }
  @media only screen and (min-width: 40em) {
    .menu-bar.medium-horizontal {
      /*
    Orientation
  */
      overflow-x: hidden;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      /*
    Stretch
  */ }
      .menu-bar.medium-horizontal > li > a {
        -webkit-flex: 1 0 0;
            -ms-flex: 1 0 0;
                flex: 1 0 0; }
      .menu-bar.medium-horizontal > li > a {
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap; }
    .menu-bar.medium-vertical {
      /*
    Orientation
  */
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      /*
    Stretch
  */ }
      .menu-bar.medium-vertical > li {
        -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto; }
      .menu-bar.medium-vertical > li > a {
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap; } }
  @media only screen and (min-width: 75em) {
    .menu-bar.large-horizontal {
      /*
    Orientation
  */
      overflow-x: hidden;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      /*
    Stretch
  */ }
      .menu-bar.large-horizontal > li > a {
        -webkit-flex: 1 0 0;
            -ms-flex: 1 0 0;
                flex: 1 0 0; }
      .menu-bar.large-horizontal > li > a {
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap; }
    .menu-bar.large-vertical {
      /*
    Orientation
  */
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      /*
    Stretch
  */ }
      .menu-bar.large-vertical > li {
        -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto; }
      .menu-bar.large-vertical > li > a {
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap; } }
  .menu-bar > li > img, .menu-bar > li > .iconic, .menu-bar.icon-top > li > img, .menu-bar.icon-top > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px; }
    .menu-bar > li > img:first-child:last-child, .menu-bar > li > .iconic:first-child:last-child, .menu-bar.icon-top > li > img:first-child:last-child, .menu-bar.icon-top > li > .iconic:first-child:last-child {
      margin: 0; }
  .menu-bar > li > a, .menu-bar.icon-top > li > a {
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap; }
    .menu-bar > li > a > img, .menu-bar > li > a > .iconic, .menu-bar.icon-top > li > a > img, .menu-bar.icon-top > li > a > .iconic {
      margin: 0 0 1rem 0; }
  .menu-bar.icon-right > li > img, .menu-bar.icon-right > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px; }
    .menu-bar.icon-right > li > img:first-child:last-child, .menu-bar.icon-right > li > .iconic:first-child:last-child {
      margin: 0; }
  .menu-bar.icon-right > li > a {
    -webkit-flex-flow: row-reverse nowrap;
        -ms-flex-flow: row-reverse nowrap;
            flex-flow: row-reverse nowrap; }
    .menu-bar.icon-right > li > a > img, .menu-bar.icon-right > li > a > .iconic {
      margin: 0 0 0 1rem; }
  .menu-bar.icon-bottom > li > img, .menu-bar.icon-bottom > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px; }
    .menu-bar.icon-bottom > li > img:first-child:last-child, .menu-bar.icon-bottom > li > .iconic:first-child:last-child {
      margin: 0; }
  .menu-bar.icon-bottom > li > a {
    -webkit-flex-flow: column-reverse nowrap;
        -ms-flex-flow: column-reverse nowrap;
            flex-flow: column-reverse nowrap; }
    .menu-bar.icon-bottom > li > a > img, .menu-bar.icon-bottom > li > a > .iconic {
      margin: 1rem 0 0 0; }
  .menu-bar.icon-left > li > img, .menu-bar.icon-left > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px; }
    .menu-bar.icon-left > li > img:first-child:last-child, .menu-bar.icon-left > li > .iconic:first-child:last-child {
      margin: 0; }
  .menu-bar.icon-left > li > a {
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .menu-bar.icon-left > li > a > img, .menu-bar.icon-left > li > a > .iconic {
      margin: 0 1rem 0 0; }
  .menu-bar.small-icon-top > li > img, .menu-bar.small-icon-top > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px; }
    .menu-bar.small-icon-top > li > img:first-child:last-child, .menu-bar.small-icon-top > li > .iconic:first-child:last-child {
      margin: 0; }
  .menu-bar.small-icon-top > li > a {
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap; }
    .menu-bar.small-icon-top > li > a > img, .menu-bar.small-icon-top > li > a > .iconic {
      margin: 0 0 1rem 0; }
  .menu-bar.small-icon-right > li > img, .menu-bar.small-icon-right > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px; }
    .menu-bar.small-icon-right > li > img:first-child:last-child, .menu-bar.small-icon-right > li > .iconic:first-child:last-child {
      margin: 0; }
  .menu-bar.small-icon-right > li > a {
    -webkit-flex-flow: row-reverse nowrap;
        -ms-flex-flow: row-reverse nowrap;
            flex-flow: row-reverse nowrap; }
    .menu-bar.small-icon-right > li > a > img, .menu-bar.small-icon-right > li > a > .iconic {
      margin: 0 0 0 1rem; }
  .menu-bar.small-icon-bottom > li > img, .menu-bar.small-icon-bottom > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px; }
    .menu-bar.small-icon-bottom > li > img:first-child:last-child, .menu-bar.small-icon-bottom > li > .iconic:first-child:last-child {
      margin: 0; }
  .menu-bar.small-icon-bottom > li > a {
    -webkit-flex-flow: column-reverse nowrap;
        -ms-flex-flow: column-reverse nowrap;
            flex-flow: column-reverse nowrap; }
    .menu-bar.small-icon-bottom > li > a > img, .menu-bar.small-icon-bottom > li > a > .iconic {
      margin: 1rem 0 0 0; }
  .menu-bar.small-icon-left > li > img, .menu-bar.small-icon-left > li > .iconic {
    margin: 0;
    width: 25px;
    height: 25px; }
    .menu-bar.small-icon-left > li > img:first-child:last-child, .menu-bar.small-icon-left > li > .iconic:first-child:last-child {
      margin: 0; }
  .menu-bar.small-icon-left > li > a {
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .menu-bar.small-icon-left > li > a > img, .menu-bar.small-icon-left > li > a > .iconic {
      margin: 0 1rem 0 0; }
  @media only screen and (min-width: 40em) {
    .menu-bar.medium-icon-top > li > img, .menu-bar.medium-icon-top > li > .iconic {
      margin: 0;
      width: 25px;
      height: 25px; }
      .menu-bar.medium-icon-top > li > img:first-child:last-child, .menu-bar.medium-icon-top > li > .iconic:first-child:last-child {
        margin: 0; }
    .menu-bar.medium-icon-top > li > a {
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap; }
      .menu-bar.medium-icon-top > li > a > img, .menu-bar.medium-icon-top > li > a > .iconic {
        margin: 0 0 1rem 0; } }
  @media only screen and (min-width: 40em) {
    .menu-bar.medium-icon-right > li > img, .menu-bar.medium-icon-right > li > .iconic {
      margin: 0;
      width: 25px;
      height: 25px; }
      .menu-bar.medium-icon-right > li > img:first-child:last-child, .menu-bar.medium-icon-right > li > .iconic:first-child:last-child {
        margin: 0; }
    .menu-bar.medium-icon-right > li > a {
      -webkit-flex-flow: row-reverse nowrap;
          -ms-flex-flow: row-reverse nowrap;
              flex-flow: row-reverse nowrap; }
      .menu-bar.medium-icon-right > li > a > img, .menu-bar.medium-icon-right > li > a > .iconic {
        margin: 0 0 0 1rem; } }
  @media only screen and (min-width: 40em) {
    .menu-bar.medium-icon-bottom > li > img, .menu-bar.medium-icon-bottom > li > .iconic {
      margin: 0;
      width: 25px;
      height: 25px; }
      .menu-bar.medium-icon-bottom > li > img:first-child:last-child, .menu-bar.medium-icon-bottom > li > .iconic:first-child:last-child {
        margin: 0; }
    .menu-bar.medium-icon-bottom > li > a {
      -webkit-flex-flow: column-reverse nowrap;
          -ms-flex-flow: column-reverse nowrap;
              flex-flow: column-reverse nowrap; }
      .menu-bar.medium-icon-bottom > li > a > img, .menu-bar.medium-icon-bottom > li > a > .iconic {
        margin: 1rem 0 0 0; } }
  @media only screen and (min-width: 40em) {
    .menu-bar.medium-icon-left > li > img, .menu-bar.medium-icon-left > li > .iconic {
      margin: 0;
      width: 25px;
      height: 25px; }
      .menu-bar.medium-icon-left > li > img:first-child:last-child, .menu-bar.medium-icon-left > li > .iconic:first-child:last-child {
        margin: 0; }
    .menu-bar.medium-icon-left > li > a {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .menu-bar.medium-icon-left > li > a > img, .menu-bar.medium-icon-left > li > a > .iconic {
        margin: 0 1rem 0 0; } }
  @media only screen and (min-width: 75em) {
    .menu-bar.large-icon-top > li > img, .menu-bar.large-icon-top > li > .iconic {
      margin: 0;
      width: 25px;
      height: 25px; }
      .menu-bar.large-icon-top > li > img:first-child:last-child, .menu-bar.large-icon-top > li > .iconic:first-child:last-child {
        margin: 0; }
    .menu-bar.large-icon-top > li > a {
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap; }
      .menu-bar.large-icon-top > li > a > img, .menu-bar.large-icon-top > li > a > .iconic {
        margin: 0 0 1rem 0; } }
  @media only screen and (min-width: 75em) {
    .menu-bar.large-icon-right > li > img, .menu-bar.large-icon-right > li > .iconic {
      margin: 0;
      width: 25px;
      height: 25px; }
      .menu-bar.large-icon-right > li > img:first-child:last-child, .menu-bar.large-icon-right > li > .iconic:first-child:last-child {
        margin: 0; }
    .menu-bar.large-icon-right > li > a {
      -webkit-flex-flow: row-reverse nowrap;
          -ms-flex-flow: row-reverse nowrap;
              flex-flow: row-reverse nowrap; }
      .menu-bar.large-icon-right > li > a > img, .menu-bar.large-icon-right > li > a > .iconic {
        margin: 0 0 0 1rem; } }
  @media only screen and (min-width: 75em) {
    .menu-bar.large-icon-bottom > li > img, .menu-bar.large-icon-bottom > li > .iconic {
      margin: 0;
      width: 25px;
      height: 25px; }
      .menu-bar.large-icon-bottom > li > img:first-child:last-child, .menu-bar.large-icon-bottom > li > .iconic:first-child:last-child {
        margin: 0; }
    .menu-bar.large-icon-bottom > li > a {
      -webkit-flex-flow: column-reverse nowrap;
          -ms-flex-flow: column-reverse nowrap;
              flex-flow: column-reverse nowrap; }
      .menu-bar.large-icon-bottom > li > a > img, .menu-bar.large-icon-bottom > li > a > .iconic {
        margin: 1rem 0 0 0; } }
  @media only screen and (min-width: 75em) {
    .menu-bar.large-icon-left > li > img, .menu-bar.large-icon-left > li > .iconic {
      margin: 0;
      width: 25px;
      height: 25px; }
      .menu-bar.large-icon-left > li > img:first-child:last-child, .menu-bar.large-icon-left > li > .iconic:first-child:last-child {
        margin: 0; }
    .menu-bar.large-icon-left > li > a {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .menu-bar.large-icon-left > li > a > img, .menu-bar.large-icon-left > li > a > .iconic {
        margin: 0 1rem 0 0; } }
  .menu-bar.label-side > li {
    position: relative; }
    .menu-bar.label-side > li > a {
      padding-right: 3.2rem; }
  .menu-bar.label-side .menu-bar-label {
    display: block;
    font-size: 0.9rem;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    border-radius: 1000px;
    background: red;
    color: #fff;
    position: absolute;
    pointer-events: none;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .menu-bar.label-corner > li {
    position: relative; }
    .menu-bar.label-corner > li > a {
      padding-right: 3.2rem; }
  .menu-bar.label-corner .menu-bar-label {
    display: block;
    font-size: 0.9rem;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    border-radius: 1000px;
    background: red;
    color: #fff;
    position: absolute;
    pointer-events: none;
    right: 1rem;
    top: 1rem; }
  .menu-bar.primary {
    background: #00558b; }
    .menu-bar.primary > li > a {
      color: #fff; }
      .menu-bar.primary > li > a:hover {
        background: #0065a5;
        color: #fff; }
    .menu-bar.primary .is-active > a {
      background: #0065a5;
      color: #fff; }
    .menu-bar.primary .iconic * {
      fill: #fff;
      stroke: #fff; }
      .menu-bar.primary .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }
  .menu-bar.dark {
    background: #232323; }
    .menu-bar.dark > li > a {
      color: #fff; }
      .menu-bar.dark > li > a:hover {
        background: #323232;
        color: #fff; }
    .menu-bar.dark .is-active > a {
      background: #323232;
      color: #fff; }
    .menu-bar.dark .iconic * {
      fill: #fff;
      stroke: #fff; }
      .menu-bar.dark .iconic *.iconic-property-accent {
        fill: #fff;
        stroke: #fff; }
  .menu-bar > li.title {
    padding: 1rem;
    cursor: default;
    font-weight: bold; }

.menu-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media only screen and (min-width: 40em) {
    .menu-group {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; } }
  .menu-group > .menu-group-left, .menu-group > .menu-group-right {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
    @media only screen and (min-width: 40em) {
      .menu-group > .menu-group-left, .menu-group > .menu-group-right {
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; } }
  .menu-group .menu-bar {
    margin: 0; }
    .menu-group .menu-bar > li {
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
  .menu-group.primary {
    background-color: #00558b; }
    .menu-group.primary .menu-bar {
      background: #00558b; }
      .menu-group.primary .menu-bar > li > a {
        color: #fff; }
        .menu-group.primary .menu-bar > li > a:hover {
          background: #0065a5;
          color: #fff; }
      .menu-group.primary .menu-bar .is-active > a {
        background: #0065a5;
        color: #fff; }
      .menu-group.primary .menu-bar .iconic * {
        fill: #fff;
        stroke: #fff; }
        .menu-group.primary .menu-bar .iconic *.iconic-property-accent {
          fill: #fff;
          stroke: #fff; }
  .menu-group.dark {
    background-color: #232323; }
    .menu-group.dark .menu-bar {
      background: #232323; }
      .menu-group.dark .menu-bar > li > a {
        color: #fff; }
        .menu-group.dark .menu-bar > li > a:hover {
          background: #323232;
          color: #fff; }
      .menu-group.dark .menu-bar .is-active > a {
        background: #323232;
        color: #fff; }
      .menu-group.dark .menu-bar .iconic * {
        fill: #fff;
        stroke: #fff; }
        .menu-group.dark .menu-bar .iconic *.iconic-property-accent {
          fill: #fff;
          stroke: #fff; }

/*
  MODAL
  -----

  The humble modal hides off-canvas until summoned with an fa-open directive. Modals appear over an overlay that darkens the rest of the page, and have a maxmimum width. You can construct a grid inside a modal, or attach panels to it.

  Note that the modal overlay is hardcoded into the CSS, because whether or not you build your modal semantically, the overlay is always required and will always look the same.
*/
.modal {
  position: relative;
  z-index: 1001;
  background: #fff;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  height: 100vh;
  max-height: 100%;
  overflow: hidden;
  padding: 1rem; }
  @media only screen and (min-width: 40em) {
    .modal {
      height: auto;
      max-width: 600px; } }
  .modal .grid-content, .modal .grid-block {
    margin: 0; }
  .modal .close-button, .modal [fa-close] {
    z-index: 1001; }

.modal {
  max-width: 600px;
  border-radius: 0px; }
  .tiny > .modal {
    max-width: 300px; }
  .small > .modal {
    max-width: 500px; }
  .large > .modal {
    max-width: 800px; }
  .dialog > .modal {
    height: auto; }
  .collapse > .modal {
    padding: 0; }

.modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: none;
  background-color: rgba(51, 51, 51, 0.7);
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translate3d(0, 0, 0); }
  .modal-overlay.is-active {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

@-webkit-keyframes shake {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    -webkit-transform: translateX(7%);
            transform: translateX(7%); }

  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
            transform: translateX(-7%); }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes shake {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    -webkit-transform: translateX(7%);
            transform: translateX(7%); }

  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
            transform: translateX(-7%); }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes spin-cw {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin-cw {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes spin-ccw {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes spin-ccw {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@-webkit-keyframes wiggle {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }

  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }

  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes wiggle {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }

  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }

  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*
    Transitions
  */
.slideInUp.ng-enter, .slideInUp.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateY(100%);
          transform: translateY(100%); }
.slideInUp.ng-enter.ng-enter-active, .slideInUp.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateX(0) translateY(0);
          transform: translateX(0) translateY(0); }

.slideInRight.ng-enter, .slideInRight.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%); }
.slideInRight.ng-enter.ng-enter-active, .slideInRight.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateX(0) translateY(0);
          transform: translateX(0) translateY(0); }

.slideInDown.ng-enter, .slideInDown.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%); }
.slideInDown.ng-enter.ng-enter-active, .slideInDown.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateX(0) translateY(0);
          transform: translateX(0) translateY(0); }

.slideInLeft.ng-enter, .slideInLeft.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }
.slideInLeft.ng-enter.ng-enter-active, .slideInLeft.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateX(0) translateY(0);
          transform: translateX(0) translateY(0); }

.slideOutUp.ng-leave, .slideOutUp.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateX(0) translateY(0);
          transform: translateX(0) translateY(0); }
.slideOutUp.ng-leave.ng-leave-active, .slideOutUp.ng-hide-add.ng-hide-add-active {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%); }

.slideOutRight.ng-leave, .slideOutRight.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateX(0) translateY(0);
          transform: translateX(0) translateY(0); }
.slideOutRight.ng-leave.ng-leave-active, .slideOutRight.ng-hide-add.ng-hide-add-active {
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }

.slideOutDown.ng-leave, .slideOutDown.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateX(0) translateY(0);
          transform: translateX(0) translateY(0); }
.slideOutDown.ng-leave.ng-leave-active, .slideOutDown.ng-hide-add.ng-hide-add-active {
  -webkit-transform: translateY(100%);
          transform: translateY(100%); }

.slideOutLeft.ng-leave, .slideOutLeft.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateX(0) translateY(0);
          transform: translateX(0) translateY(0); }
.slideOutLeft.ng-leave.ng-leave-active, .slideOutLeft.ng-hide-add.ng-hide-add-active {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%); }

.fadeIn.ng-enter, .fadeIn.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: opacity;
  opacity: 0; }
.fadeIn.ng-enter.ng-enter-active, .fadeIn.ng-hide-remove.ng-hide-remove-active {
  opacity: 1; }

.fadeOut.ng-leave, .fadeOut.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: opacity;
  opacity: 1; }
.fadeOut.ng-leave.ng-leave-active, .fadeOut.ng-hide-add.ng-hide-add-active {
  opacity: 0; }

.hingeInFromTop.ng-enter, .hingeInFromTop.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  -webkit-transform-origin: top;
          transform-origin: top;
  opacity: 0; }
.hingeInFromTop.ng-enter.ng-enter-active, .hingeInFromTop.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  opacity: 1; }

.hingeInFromRight.ng-enter, .hingeInFromRight.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: right;
          transform-origin: right;
  opacity: 0; }
.hingeInFromRight.ng-enter.ng-enter-active, .hingeInFromRight.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  opacity: 1; }

.hingeInFromBottom.ng-enter, .hingeInFromBottom.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: perspective(2000px) rotateX(90deg);
          transform: perspective(2000px) rotateX(90deg);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  opacity: 0; }
.hingeInFromBottom.ng-enter.ng-enter-active, .hingeInFromBottom.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  opacity: 1; }

.hingeInFromLeft.ng-enter, .hingeInFromLeft.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: perspective(2000px) rotateY(90deg);
          transform: perspective(2000px) rotateY(90deg);
  -webkit-transform-origin: left;
          transform-origin: left;
  opacity: 0; }
.hingeInFromLeft.ng-enter.ng-enter-active, .hingeInFromLeft.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  opacity: 1; }

.hingeInFromMiddleX.ng-enter, .hingeInFromMiddleX.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  opacity: 0; }
.hingeInFromMiddleX.ng-enter.ng-enter-active, .hingeInFromMiddleX.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  opacity: 1; }

.hingeInFromMiddleY.ng-enter, .hingeInFromMiddleY.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  opacity: 0; }
.hingeInFromMiddleY.ng-enter.ng-enter-active, .hingeInFromMiddleY.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  opacity: 1; }

.hingeOutFromTop.ng-leave, .hingeOutFromTop.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: top;
          transform-origin: top;
  opacity: 1; }
.hingeOutFromTop.ng-leave.ng-leave-active, .hingeOutFromTop.ng-hide-add.ng-hide-add-active {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hingeOutFromRight.ng-leave, .hingeOutFromRight.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: right;
          transform-origin: right;
  opacity: 1; }
.hingeOutFromRight.ng-leave.ng-leave-active, .hingeOutFromRight.ng-hide-add.ng-hide-add-active {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.hingeOutFromBottom.ng-leave, .hingeOutFromBottom.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  opacity: 1; }
.hingeOutFromBottom.ng-leave.ng-leave-active, .hingeOutFromBottom.ng-hide-add.ng-hide-add-active {
  -webkit-transform: perspective(2000px) rotateX(90deg);
          transform: perspective(2000px) rotateX(90deg);
  opacity: 0; }

.hingeOutFromLeft.ng-leave, .hingeOutFromLeft.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: left;
          transform-origin: left;
  opacity: 1; }
.hingeOutFromLeft.ng-leave.ng-leave-active, .hingeOutFromLeft.ng-hide-add.ng-hide-add-active {
  -webkit-transform: perspective(2000px) rotateY(90deg);
          transform: perspective(2000px) rotateY(90deg);
  opacity: 0; }

.hingeOutFromMiddleX.ng-leave, .hingeOutFromMiddleX.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  opacity: 1; }
.hingeOutFromMiddleX.ng-leave.ng-leave-active, .hingeOutFromMiddleX.ng-hide-add.ng-hide-add-active {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hingeOutFromMiddleY.ng-leave, .hingeOutFromMiddleY.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  opacity: 1; }
.hingeOutFromMiddleY.ng-leave.ng-leave-active, .hingeOutFromMiddleY.ng-hide-add.ng-hide-add-active {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.zoomIn.ng-enter, .zoomIn.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, property;
  transition-property: transform, property;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 0; }
.zoomIn.ng-enter.ng-enter-active, .zoomIn.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

.zoomOut.ng-leave, .zoomOut.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, property;
  transition-property: transform, property;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 1; }
.zoomOut.ng-leave.ng-leave-active, .zoomOut.ng-hide-add.ng-hide-add-active {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 0; }

.spinIn.ng-enter, .spinIn.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: rotate(-270deg);
          transform: rotate(-270deg);
  opacity: 0; }
.spinIn.ng-enter.ng-enter-active, .spinIn.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  opacity: 1; }

.spinOut.ng-leave, .spinOut.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  opacity: 1; }
.spinOut.ng-leave.ng-leave-active, .spinOut.ng-hide-add.ng-hide-add-active {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  opacity: 0; }

.spinInCCW.ng-enter, .spinInCCW.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  opacity: 0; }
.spinInCCW.ng-enter.ng-enter-active, .spinInCCW.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  opacity: 1; }

.spinOutCCW.ng-leave, .spinOutCCW.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  opacity: 1; }
.spinOutCCW.ng-leave.ng-leave-active, .spinOutCCW.ng-hide-add.ng-hide-add-active {
  -webkit-transform: rotate(-270deg);
          transform: rotate(-270deg);
  opacity: 0; }

/*
    Transition modifiers
  */
.slow {
  transition-duration: 750ms !important; }

.fast {
  transition-duration: 250ms !important; }

.linear {
  transition-timing-function: linear !important; }

.ease {
  transition-timing-function: ease !important; }

.easeIn {
  transition-timing-function: ease-in !important; }

.easeOut {
  transition-timing-function: ease-out !important; }

.easeInOut {
  transition-timing-function: ease-in-out !important; }

.bounceIn {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounceOut {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounceInOut {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.delay {
  transition-delay: 300ms !important; }

.long-delay {
  transition-delay: 700ms !important; }

/*
    Animations
  */
.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-animation-delay: 0;
          animation-delay: 0; }

.spin-cw {
  -webkit-animation-name: spin-cw;
          animation-name: spin-cw;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-animation-delay: 0;
          animation-delay: 0; }

.spin-ccw {
  -webkit-animation-name: spin-ccw;
          animation-name: spin-ccw;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-animation-delay: 0;
          animation-delay: 0; }

.wiggle {
  -webkit-animation-name: wiggle;
          animation-name: wiggle;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-animation-delay: 0;
          animation-delay: 0; }

/*
    Animation modifiers
  */
.shake.infinite, .spin-cw.infinite, .spin-ccw.infinite, .wiggle.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }
.shake.linear, .spin-cw.linear, .spin-ccw.linear, .wiggle.linear {
  -webkit-animation-timing-function: linear !important;
          animation-timing-function: linear !important; }
.shake.ease, .spin-cw.ease, .spin-ccw.ease, .wiggle.ease {
  -webkit-animation-timing-function: ease !important;
          animation-timing-function: ease !important; }
.shake.easeIn, .spin-cw.easeIn, .spin-ccw.easeIn, .wiggle.easeIn {
  -webkit-animation-timing-function: ease-in !important;
          animation-timing-function: ease-in !important; }
.shake.easeOut, .spin-cw.easeOut, .spin-ccw.easeOut, .wiggle.easeOut {
  -webkit-animation-timing-function: ease-out !important;
          animation-timing-function: ease-out !important; }
.shake.easeInOut, .spin-cw.easeInOut, .spin-ccw.easeInOut, .wiggle.easeInOut {
  -webkit-animation-timing-function: ease-in-out !important;
          animation-timing-function: ease-in-out !important; }
.shake.bounceIn, .spin-cw.bounceIn, .spin-ccw.bounceIn, .wiggle.bounceIn {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
          animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.shake.bounceOut, .spin-cw.bounceOut, .spin-ccw.bounceOut, .wiggle.bounceOut {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
          animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.shake.bounceInOut, .spin-cw.bounceInOut, .spin-ccw.bounceInOut, .wiggle.bounceInOut {
  -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
          animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.shake.slow, .spin-cw.slow, .spin-ccw.slow, .wiggle.slow {
  -webkit-animation-duration: 750ms !important;
          animation-duration: 750ms !important; }
.shake.fast, .spin-cw.fast, .spin-ccw.fast, .wiggle.fast {
  -webkit-animation-duration: 250ms !important;
          animation-duration: 250ms !important; }
.shake.delay, .spin-cw.delay, .spin-ccw.delay, .wiggle.delay {
  -webkit-animation-delay: 300ms !important;
          animation-delay: 300ms !important; }
.shake.long-delay, .spin-cw.long-delay, .spin-ccw.long-delay, .wiggle.long-delay {
  -webkit-animation-delay: 700ms !important;
          animation-delay: 700ms !important; }

.stagger {
  transition-delay: 150ms;
  transition-duration: 0; }

.stort-stagger {
  transition-delay: 150ms;
  transition-duration: 0; }

.long-stagger {
  transition-delay: 150ms;
  transition-duration: 0; }

.position-absolute {
  overflow: hidden;
  position: relative; }

[ui-view].ng-enter-active, [ui-view].ng-leave-active {
  position: absolute !important;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

/*
  NOTIFICATION
  ------------

  An alert that pins to the corner of the screen when triggered by JavaScript. It can be set to disappear after a certain period of time, or to stay put until the user clicks on it. A custom action can be asigned to a notification as well.

  Optionally, the notifications directive can also tap into the browser's native notification support, if it exists.
*/
.notification, .static-notification {
  z-index: 1000;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: .5rem;
  margin-bottom: .5rem;
  display: none; }
  .notification h1, .static-notification h1 {
    font-size: 1.25em;
    margin: 0; }
  .notification p, .static-notification p {
    margin: 0; }
  .is-active.notification, .is-active.static-notification {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .notification .close-button, .static-notification .close-button {
    color: white; }

.notification-container {
  z-index: 3000;
  position: fixed;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

/*
  CSS Output
*/
.notification {
  background: #00558b;
  padding: 1rem;
  border-radius: 4px; }
  .notification, .notification h1, .notification h2, .notification h3, .notification h4, .notification h5, .notification h6 {
    color: white; }
  .notification.success {
    background: #43AC6A;
    padding: 1rem;
    border-radius: 4px; }
    .notification.success, .notification.success h1, .notification.success h2, .notification.success h3, .notification.success h4, .notification.success h5, .notification.success h6 {
      color: white; }
  .notification.warning {
    background: #F08A24;
    padding: 1rem;
    border-radius: 4px; }
    .notification.warning, .notification.warning h1, .notification.warning h2, .notification.warning h3, .notification.warning h4, .notification.warning h5, .notification.warning h6 {
      color: white; }
  .notification.alert {
    background: #F04124;
    padding: 1rem;
    border-radius: 4px; }
    .notification.alert, .notification.alert h1, .notification.alert h2, .notification.alert h3, .notification.alert h4, .notification.alert h5, .notification.alert h6 {
      color: white; }
  .notification.dark {
    background: #232323;
    padding: 1rem;
    border-radius: 4px; }
    .notification.dark, .notification.dark h1, .notification.dark h2, .notification.dark h3, .notification.dark h4, .notification.dark h5, .notification.dark h6 {
      color: #fff; }

.static-notification {
  background: #00558b;
  padding: 1rem;
  border-radius: 4px;
  position: fixed !important; }
  .static-notification, .static-notification h1, .static-notification h2, .static-notification h3, .static-notification h4, .static-notification h5, .static-notification h6 {
    color: white; }
  .static-notification.top-right {
    width: 25rem;
    right: 1rem;
    top: 1rem; }
    @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
      .static-notification.top-right {
        width: auto;
        left: 1rem;
        right: 1rem;
        margin-left: 0; } }
  .static-notification.top-left {
    width: 25rem;
    left: 1rem;
    top: 1rem; }
    @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
      .static-notification.top-left {
        width: auto;
        left: 1rem;
        right: 1rem;
        margin-left: 0; } }
  .static-notification.top-middle {
    width: 25rem;
    left: 50%;
    margin-left: -12.5rem;
    top: 1rem; }
    @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
      .static-notification.top-middle {
        width: auto;
        left: 1rem;
        right: 1rem;
        margin-left: 0; } }
  .static-notification.bottom-right {
    width: 25rem;
    right: 1rem;
    top: auto;
    bottom: 1rem; }
    @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
      .static-notification.bottom-right {
        width: auto;
        left: 1rem;
        right: 1rem;
        margin-left: 0; } }
  .static-notification.bottom-left {
    width: 25rem;
    left: 1rem;
    top: auto;
    bottom: 1rem; }
    @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
      .static-notification.bottom-left {
        width: auto;
        left: 1rem;
        right: 1rem;
        margin-left: 0; } }
  .static-notification.bottom-middle {
    width: 25rem;
    left: 50%;
    margin-left: -12.5rem;
    top: auto;
    bottom: 1rem; }
    @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
      .static-notification.bottom-middle {
        width: auto;
        left: 1rem;
        right: 1rem;
        margin-left: 0; } }
  .static-notification.success {
    background: #43AC6A;
    padding: 1rem;
    border-radius: 4px; }
    .static-notification.success, .static-notification.success h1, .static-notification.success h2, .static-notification.success h3, .static-notification.success h4, .static-notification.success h5, .static-notification.success h6 {
      color: white; }
  .static-notification.warning {
    background: #F08A24;
    padding: 1rem;
    border-radius: 4px; }
    .static-notification.warning, .static-notification.warning h1, .static-notification.warning h2, .static-notification.warning h3, .static-notification.warning h4, .static-notification.warning h5, .static-notification.warning h6 {
      color: white; }
  .static-notification.alert {
    background: #F04124;
    padding: 1rem;
    border-radius: 4px; }
    .static-notification.alert, .static-notification.alert h1, .static-notification.alert h2, .static-notification.alert h3, .static-notification.alert h4, .static-notification.alert h5, .static-notification.alert h6 {
      color: white; }
  .static-notification.dark {
    background: #232323;
    padding: 1rem;
    border-radius: 4px; }
    .static-notification.dark, .static-notification.dark h1, .static-notification.dark h2, .static-notification.dark h3, .static-notification.dark h4, .static-notification.dark h5, .static-notification.dark h6 {
      color: #fff; }

.notification-container {
  width: 25rem;
  right: 1rem;
  top: 1rem; }
  @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
    .notification-container {
      width: auto;
      left: 1rem;
      right: 1rem;
      margin-left: 0; } }
  .notification-container.top-right {
    width: 25rem;
    right: 1rem;
    top: 1rem; }
    @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
      .notification-container.top-right {
        width: auto;
        left: 1rem;
        right: 1rem;
        margin-left: 0; } }
  .notification-container.top-left {
    width: 25rem;
    left: 1rem;
    top: 1rem; }
    @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
      .notification-container.top-left {
        width: auto;
        left: 1rem;
        right: 1rem;
        margin-left: 0; } }
  .notification-container.top-middle {
    width: 25rem;
    left: 50%;
    margin-left: -12.5rem;
    top: 1rem; }
    @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
      .notification-container.top-middle {
        width: auto;
        left: 1rem;
        right: 1rem;
        margin-left: 0; } }
  .notification-container.bottom-right {
    width: 25rem;
    right: 1rem;
    top: auto;
    bottom: 1rem; }
    @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
      .notification-container.bottom-right {
        width: auto;
        left: 1rem;
        right: 1rem;
        margin-left: 0; } }
  .notification-container.bottom-left {
    width: 25rem;
    left: 1rem;
    top: auto;
    bottom: 1rem; }
    @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
      .notification-container.bottom-left {
        width: auto;
        left: 1rem;
        right: 1rem;
        margin-left: 0; } }
  .notification-container.bottom-middle {
    width: 25rem;
    left: 50%;
    margin-left: -12.5rem;
    top: auto;
    bottom: 1rem; }
    @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
      .notification-container.bottom-middle {
        width: auto;
        left: 1rem;
        right: 1rem;
        margin-left: 0; } }

.notification-icon {
  -webkit-flex: 0 0 60px;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  margin-right: 1rem;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start; }
  .notification-icon img {
    width: 100%;
    height: auto; }

.notification-content {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

/*
	Off-canvas menu
  ---------------

  A generic container that stays fixed to the left, top, right, or bottom of the screen, and is summoned when needed. When an off-canvas panel is open, the app frame shifts over to reveal the menu.
*/
.off-canvas {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  z-index: 2; }
  .is-active.off-canvas {
    -webkit-transform: translate(0, 0) !important;
            transform: translate(0, 0) !important; }
  .off-canvas ~ .grid-frame {
    -webkit-transform: translate(0, 0, 0);
            transform: translate(0, 0, 0);
    transition: -webkit-transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background: white; }

.off-canvas {
  /*
    Get shadow values for later use
  */
  /*
    Sizing
  */
  width: 250px;
  height: 100%;
  /*
    Positioning
  */
  top: 0;
  left: 0;
  box-shadow: inset -3px 0 10px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  background: #fff;
  color: #000; }
  .off-canvas.is-active ~ .grid-frame {
    -webkit-transform: translateX(250px) !important;
            transform: translateX(250px) !important; }
  .off-canvas.top {
    /*
    Get shadow values for later use
  */
    /*
    Sizing
  */
    height: 250px;
    width: 100%;
    /*
    Positioning
  */
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    box-shadow: inset 0 -3px 10px rgba(0, 0, 0, 0.25); }
    .off-canvas.top.is-active ~ .grid-frame {
      -webkit-transform: translateY(250px) !important;
              transform: translateY(250px) !important; }
  .off-canvas.right {
    /*
    Get shadow values for later use
  */
    /*
    Sizing
  */
    width: 250px;
    height: 100%;
    /*
    Positioning
  */
    left: auto;
    top: 0;
    right: 0;
    box-shadow: inset 3px 0 10px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
    .off-canvas.right.is-active ~ .grid-frame {
      -webkit-transform: translateX(-250px) !important;
              transform: translateX(-250px) !important; }
  .off-canvas.bottom {
    /*
    Get shadow values for later use
  */
    /*
    Sizing
  */
    height: 250px;
    width: 100%;
    /*
    Positioning
  */
    top: auto;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.25); }
    .off-canvas.bottom.is-active ~ .grid-frame {
      -webkit-transform: translateY(-250px) !important;
              transform: translateY(-250px) !important; }
  .off-canvas.left {
    /*
    Get shadow values for later use
  */
    /*
    Sizing
  */
    width: 250px;
    height: 100%;
    /*
    Positioning
  */
    top: 0;
    left: 0;
    box-shadow: inset -3px 0 10px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
    .off-canvas.left.is-active ~ .grid-frame {
      -webkit-transform: translateX(250px) !important;
              transform: translateX(250px) !important; }
  .off-canvas.detached {
    z-index: 0;
    box-shadow: none; }
    .off-canvas.detached, .off-canvas.detached.is-active {
      -webkit-transform: none;
              transform: none; }
    .off-canvas.detached ~ .grid-frame {
      z-index: 1;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }
  .off-canvas.primary {
    background: #00558b;
    color: #fff; }
  .off-canvas.dark {
    background: #232323;
    color: #fff; }

/*
  POPUP
  -----

  A floating container that can anchor to any other on-screen element, and contain any content, including grid blocks or panels.
*/
.popup {
  position: absolute;
  z-index: 1000;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.25s ease-out;
  pointer-events: none; }
  .tether-enabled.popup {
    opacity: 1;
    pointer-events: auto; }

.popup {
  width: 18.75rem;
  background: #fff;
  border-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border: 0; }
  .popup.dark {
    background: #232323;
    border-radius: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    border: 0; }
  .popup.primary {
    background: #00558b;
    border-radius: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    border: 0; }

/*
  SWITCH
  ------
*/
.switch {
  position: relative;
  overflow: hidden;
  display: inline-block; }
  .switch > input {
    position: absolute;
    left: -9999px;
    outline: none; }
  .switch > label {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    margin: 0; }
    .switch > label::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0; }
  .switch input + label {
    margin-left: 0; }

/*
  Defines the dimmensions of the switch.

  $width - width of the switch.
  $height - height of the switch.
*/
.switch {
  width: 3.125rem;
  height: 2rem;
  border-radius: 9999px; }
  .switch > label::after {
    width: 2rem;
    height: 2rem; }
  .switch input:checked + label::after {
    left: 1.125rem; }
  .switch > label {
    background: #ccc; }
    .switch > label::after {
      background: white;
      border-radius: 9999px;
      transition: left 0.15s ease-out;
      border: 4px solid #ccc; }
  .switch input:checked + label {
    background: #00558b;
    margin: 0; }
    .switch input:checked + label::after {
      border-color: #00558b; }
  .switch.small {
    width: 2.5rem;
    height: 1.625rem; }
    .switch.small > label::after {
      width: 1.625rem;
      height: 1.625rem; }
    .switch.small input:checked + label::after {
      left: 0.875rem; }
  .switch.large {
    width: 3.75rem;
    height: 2.375rem; }
    .switch.large > label::after {
      width: 2.375rem;
      height: 2.375rem; }
    .switch.large input:checked + label::after {
      left: 1.375rem; }

/*
  TABS
  ----
*/
.tabs {
  /*
		Container styles
	*/
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .tabs.vertical {
    /*
		Container styles
	*/
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: transparent;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap; }
  .tabs .tab-item {
    background: #f3f3f3;
    padding: 1rem;
    line-height: 1;
    margin: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    cursor: pointer;
    color: #000; }
    .tabs .tab-item.is-active {
      background: #ececec;
      color: #000; }
      .tabs .tab-item.is-active:hover {
        background: #e7e7e7; }
    .tabs .tab-item:hover {
      background: #e7e7e7; }

.tab-contents {
  padding: 1rem; }
  .tab-contents .tab-content {
    display: none; }
    .tab-contents .tab-content.is-active {
      display: block; }

/*
  ACCORDION
  ---------

  The trusy accordion allows you to create a series of vertical tabs.
*/
.accordion {
  border: 1px solid #cbcbcb; }

.accordion-title {
  padding: 1rem;
  background: #f3f3f3;
  color: #000;
  line-height: 1;
  cursor: pointer; }
  .accordion-title:hover {
    background: #e7e7e7; }
  .is-active > .accordion-title {
    background: #ececec;
    color: #000; }

.accordion-content {
  padding: 1rem;
  display: none; }
  .is-active > .accordion-content {
    display: block; }

/*
  TYPOGRAPHY
  ----------

  Includes typographic resets for many common elements, and a few helper classes.
   - Headers
   - Subheaders
   - Lead paragraphs
   - Ordered/unordered lists
   - Code samples
   - Anchors
   - Dividers
   - Blockquotes
   - Acronyms
*/
/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

/* Default Link Styles */
a {
  color: #00558b;
  text-decoration: none;
  line-height: inherit; }
  a[ui-sref] {
    cursor: pointer; }
  a:hover, a:focus {
    color: #004978; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; }
  p.lead {
    font-size: 1.21875rem;
    line-height: 1.6; }
  p aside {
    font-size: 0.875rem;
    line-height: 1.35;
    font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #222;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0; }

h1 {
  font-size: 2.125rem; }

h2 {
  font-size: 1.6875rem; }

h3 {
  font-size: 1.375rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.125rem; }

h6 {
  font-size: 1rem; }

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0; }

/* Helpful Typography Defaults */
em, i {
  font-style: italic;
  line-height: inherit; }

strong, b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  color: #6f6f6f;
  line-height: inherit; }

code {
  font-family: Consolas, 'Liberation Mono', Courier, monospace;
  font-weight: normal;
  color: #464646;
  background-color: #fbfbfb;
  border-width: 1px;
  border-style: solid;
  border-color: #e2e2e2;
  padding: 0.125rem 0.3125rem 0.0625rem; }

/* Lists */
ul, ol, dl {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit; }

/* Lists */
ul, ol {
  margin-left: 1.1rem; }
  ul li ul, ul li ol, ol li ul, ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0; }

/* Lists without bullets */
ul.no-bullet {
  margin-left: 0; }
  ul.no-bullet, ul.no-bullet li ul, ul.no-bullet li ol {
    list-style-type: none; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold; }
dl dd {
  margin-bottom: 0.75rem; }

/* Abbreviations */
abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  border-bottom: 1px dotted #ddd;
  cursor: help; }

abbr {
  text-transform: none; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #ddd; }
  blockquote cite {
    display: block;
    font-size: 0.8125rem;
    color: #555555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a, blockquote cite a:visited {
      color: #555555; }

blockquote, blockquote p {
  line-height: 1.6;
  color: #6f6f6f; }

@media only screen and (min-width: 40em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }
  h1 {
    font-size: 2.75rem; }
  h2 {
    font-size: 2.3125rem; }
  h3 {
    font-size: 1.6875rem; }
  h4 {
    font-size: 1.4375rem; }
  h5 {
    font-size: 1.125rem; }
  h6 {
    font-size: 1rem; } }

/*
  UTILITIES
  ---------

  Responsive helper classes to assist you in quickly doing basic formatting and layout.

  Features:
   - Vertical alignment
   - Visibility
   - Text alignment
   - Floating
*/
.v-align {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .v-align .align-top {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start; }
  .v-align .align-center {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .v-align .align-bottom {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end; }
  .v-align .small-align-top {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start; }
  .v-align .small-align-center {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .v-align .small-align-bottom {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end; }
  @media only screen and (min-width: 40em) {
    .v-align .medium-align-top {
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start; } }
  @media only screen and (min-width: 40em) {
    .v-align .medium-align-center {
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; } }
  @media only screen and (min-width: 40em) {
    .v-align .medium-align-bottom {
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end; } }
  @media only screen and (min-width: 75em) {
    .v-align .large-align-top {
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start; } }
  @media only screen and (min-width: 75em) {
    .v-align .large-align-center {
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; } }
  @media only screen and (min-width: 75em) {
    .v-align .large-align-bottom {
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end; } }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

.hide-for-small:not(.ng-hide) {
  display: block !important;
  display: none !important; }
.hide-for-small[class*="grid-block"]:not(.ng-hide) {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  display: none !important; }

.show-for-small:not(.ng-hide) {
  display: none !important;
  display: block !important; }
.show-for-small[class*="grid-block"]:not(.ng-hide) {
  display: none !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.hide-for-small-only:not(.ng-hide) {
  display: block !important; }
  @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
    .hide-for-small-only:not(.ng-hide) {
      display: none !important; } }
.hide-for-small-only[class*="grid-block"]:not(.ng-hide) {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }
  @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
    .hide-for-small-only[class*="grid-block"]:not(.ng-hide) {
      display: none !important; } }

.show-for-small-only:not(.ng-hide) {
  display: none !important; }
  @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
    .show-for-small-only:not(.ng-hide) {
      display: block !important; } }
.show-for-small-only[class*="grid-block"]:not(.ng-hide) {
  display: none !important; }
  @media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
    .show-for-small-only[class*="grid-block"]:not(.ng-hide) {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

.hide-for-medium:not(.ng-hide) {
  display: block !important; }
  @media only screen and (min-width: 40em) {
    .hide-for-medium:not(.ng-hide) {
      display: none !important; } }
.hide-for-medium[class*="grid-block"]:not(.ng-hide) {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }
  @media only screen and (min-width: 40em) {
    .hide-for-medium[class*="grid-block"]:not(.ng-hide) {
      display: none !important; } }

.show-for-medium:not(.ng-hide) {
  display: none !important; }
  @media only screen and (min-width: 40em) {
    .show-for-medium:not(.ng-hide) {
      display: block !important; } }
.show-for-medium[class*="grid-block"]:not(.ng-hide) {
  display: none !important; }
  @media only screen and (min-width: 40em) {
    .show-for-medium[class*="grid-block"]:not(.ng-hide) {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

.hide-for-medium-only:not(.ng-hide) {
  display: block !important; }
  @media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
    .hide-for-medium-only:not(.ng-hide) {
      display: none !important; } }
.hide-for-medium-only[class*="grid-block"]:not(.ng-hide) {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }
  @media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
    .hide-for-medium-only[class*="grid-block"]:not(.ng-hide) {
      display: none !important; } }

.show-for-medium-only:not(.ng-hide) {
  display: none !important; }
  @media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
    .show-for-medium-only:not(.ng-hide) {
      display: block !important; } }
.show-for-medium-only[class*="grid-block"]:not(.ng-hide) {
  display: none !important; }
  @media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
    .show-for-medium-only[class*="grid-block"]:not(.ng-hide) {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

.hide-for-large:not(.ng-hide) {
  display: block !important; }
  @media only screen and (min-width: 75em) {
    .hide-for-large:not(.ng-hide) {
      display: none !important; } }
.hide-for-large[class*="grid-block"]:not(.ng-hide) {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }
  @media only screen and (min-width: 75em) {
    .hide-for-large[class*="grid-block"]:not(.ng-hide) {
      display: none !important; } }

.show-for-large:not(.ng-hide) {
  display: none !important; }
  @media only screen and (min-width: 75em) {
    .show-for-large:not(.ng-hide) {
      display: block !important; } }
.show-for-large[class*="grid-block"]:not(.ng-hide) {
  display: none !important; }
  @media only screen and (min-width: 75em) {
    .show-for-large[class*="grid-block"]:not(.ng-hide) {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

.hide-for-large-only:not(.ng-hide) {
  display: block !important; }
  @media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
    .hide-for-large-only:not(.ng-hide) {
      display: none !important; } }
.hide-for-large-only[class*="grid-block"]:not(.ng-hide) {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }
  @media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
    .hide-for-large-only[class*="grid-block"]:not(.ng-hide) {
      display: none !important; } }

.show-for-large-only:not(.ng-hide) {
  display: none !important; }
  @media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
    .show-for-large-only:not(.ng-hide) {
      display: block !important; } }
.show-for-large-only[class*="grid-block"]:not(.ng-hide) {
  display: none !important; }
  @media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
    .show-for-large-only[class*="grid-block"]:not(.ng-hide) {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

@media only screen and (orientation: portrait) {
  .hide-for-portrait {
    display: none !important; }
    .hide-for-portrait[class*="grid-block"] {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

.show-for-portrait {
  display: none !important; }
  @media only screen and (orientation: portrait) {
    .show-for-portrait {
      display: block !important; }
      .show-for-portrait[class*="grid-block"] {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important; } }

@media only screen and (orientation: landscape) {
  .hide-for-landscape {
    display: none !important; }
    .hide-for-landscape[class*="grid-block"] {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

.show-for-landscape {
  display: none !important; }
  @media only screen and (orientation: landscape) {
    .show-for-landscape {
      display: block !important; }
      .show-for-landscape[class*="grid-block"] {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important; } }

/*
    Text alignment
  */
.text-left {
  text-align: left; }

.small-text-left {
  text-align: left; }

@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .small-only-text-left {
    text-align: left; } }

@media only screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left; } }

@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
  .medium-only-text-left {
    text-align: left; } }

@media only screen and (min-width: 75em) {
  .large-text-left {
    text-align: left; } }

@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
  .large-only-text-left {
    text-align: left; } }

.text-right {
  text-align: right; }

.small-text-right {
  text-align: right; }

@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .small-only-text-right {
    text-align: right; } }

@media only screen and (min-width: 40em) {
  .medium-text-right {
    text-align: right; } }

@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
  .medium-only-text-right {
    text-align: right; } }

@media only screen and (min-width: 75em) {
  .large-text-right {
    text-align: right; } }

@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
  .large-only-text-right {
    text-align: right; } }

.text-center {
  text-align: center; }

.small-text-center {
  text-align: center; }

@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .small-only-text-center {
    text-align: center; } }

@media only screen and (min-width: 40em) {
  .medium-text-center {
    text-align: center; } }

@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
  .medium-only-text-center {
    text-align: center; } }

@media only screen and (min-width: 75em) {
  .large-text-center {
    text-align: center; } }

@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
  .large-only-text-center {
    text-align: center; } }

.text-justify {
  text-align: justify; }

.small-text-justify {
  text-align: justify; }

@media only screen and (min-width: 0em) and (max-width: 39.9375rem) {
  .small-only-text-justify {
    text-align: justify; } }

@media only screen and (min-width: 40em) {
  .medium-text-justify {
    text-align: justify; } }

@media only screen and (min-width: 40em) and (max-width: 74.9375rem) {
  .medium-only-text-justify {
    text-align: justify; } }

@media only screen and (min-width: 75em) {
  .large-text-justify {
    text-align: justify; } }

@media only screen and (min-width: 75em) and (max-width: 89.9375rem) {
  .large-only-text-justify {
    text-align: justify; } }

/*
    Floating
  */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.float-none {
  float: none; }

/* ==== editable-form ==== */

/* class for single editable element */

.editable-wrap {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
}

/* remove bottom-margin for bootstrap */
.editable-wrap .editable-controls,
.editable-wrap .editable-error {
  margin-bottom: 0;
}

/* remove bottom-margin of inputs */
.editable-wrap .editable-controls > input,
.editable-wrap .editable-controls > select,
.editable-wrap .editable-controls > textarea {
  margin-bottom: 0;
}

/* keep buttons on the same line */
.editable-wrap .editable-input {
  display: inline-block;
}

.editable-buttons {
  display: inline-block;
  vertical-align: top;
}

.editable-buttons button {
  margin-left: 5px;
}

/* in bootstrap width: 100% => buttons go outside the box */
.editable-input.editable-has-buttons {
  width: auto;
}

/* ==== editable-bstime ==== */

/* workaround for bootstrap that sets width: 100% and inputs become too wide */
.editable-bstime .editable-input input[type="text"] {
  width: 46px;
}

/* less padding for .well */
.editable-bstime .well-small {
  margin-bottom: 0;
  padding: 10px;
}

/* ==== editable-range ==== */

.editable-range output {
  display: inline-block;
  min-width: 30px;
  vertical-align: top;
  text-align: center;
}

/* ==== editable-color ==== */

.editable-color input[type="color"] {
  width: 50px;
}


/* ==== editable-checkbox ==== */
/* ==== editable-checklist ==== */
/* ==== editable-radiolist ==== */

.editable-checkbox label span,
.editable-checklist label span,
.editable-radiolist label span {
  margin-left: 7px;
  margin-right: 10px;
}

/* ==== element ==== */

/* hiding element */
.editable-hide {
  display: none !important;
}

.editable-click,
a.editable-click {
  text-decoration: none;
  color: #428bca;
  border-bottom: dashed 1px #428bca;
}

.editable-click:hover, 
a.editable-click:hover {
  text-decoration: none;
  color: #2a6496;
  border-bottom-color: #2a6496;
}

/* editable-empty */
.editable-empty, 
.editable-empty:hover, 
.editable-empty:focus,
a.editable-empty, 
a.editable-empty:hover, 
a.editable-empty:focus {
  font-style: italic; 
  color: #DD1144;  
  text-decoration: none;
}


/*
 * These are the default styles applied to the stock Google Places Autocomplete component. Importantly they preserve
 * the required "powered by Google" logo.
 */


.pac-container {
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.pac-container:after {
    content: "";
    padding: 1px 1px 1px 0;
    height: 16px;
    text-align: right;
    display: block;
    background-image: url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 104px 16px
}

.hdpi.pac-container:after {
    background-image: url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2_hdpi.png)
}

.pac-item {
    cursor: default;
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #999
}

.pac-item:hover {
    background-color: #fafafa
}

.pac-item-selected, .pac-item-selected:hover {
    background-color: #ebf2fe
}

.pac-matched {
    font-weight: 700
}

.pac-item-query {
    font-size: 13px;
    padding-right: 3px;
    color: #000
}

.pac-icon {
    width: 15px;
    height: 20px;
    margin-right: 7px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
    background-size: 34px
}

.hdpi .pac-icon {
    background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)
}

.pac-icon-search {
    background-position: -1px -1px
}

.pac-item-selected .pac-icon-search {
    background-position: -18px -1px
}

.pac-icon-marker {
    background-position: -1px -161px
}

.pac-item-selected .pac-icon-marker {
    background-position: -18px -161px
}

.pac-placeholder {
    color: gray
}

.custom-prediction-label {
    font-style: italic;
}
.datepicker a,[datepicker] a,datepicker a{color:inherit;text-decoration:none}.datepicker a:hover,[datepicker] a:hover,datepicker a:hover{text-decoration:none}.datepicker select,.datepicker select:focus,.datepicker select:hover,[datepicker] select,[datepicker] select:focus,[datepicker] select:hover,datepicker select,datepicker select:focus,datepicker select:hover{width:100%;overflow:hidden;background:#138EFA;color:#fff;border-radius:2px;border:0;margin-top:5px}._720kb-datepicker-calendar-body,._720kb-datepicker-calendar-days-header,._720kb-datepicker-calendar-header,._720kb-datepicker-calendar-years-pagination-pages,.datepicker,[datepicker],datepicker{font-family:Helvetica Neue;font-size:13.5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0 auto;float:left;clear:right;position:relative}._720kb-datepicker-calendar{background:#fff;color:#333;position:absolute;z-index:999;min-width:220px;margin:0 auto 0 -.5%;width:101%;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;visibility:hidden;overflow:hidden;padding:0 0 2%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}._720kb-datepicker-calendar._720kb-datepicker-forced-to-open,._720kb-datepicker-calendar._720kb-datepicker-open{visibility:visible}._720kb-datepicker-calendar-header{text-align:center;font-size:15px;line-height:40px}._720kb-datepicker-calendar-header:nth-child(odd){background:#138EFA}._720kb-datepicker-calendar-header:nth-child(even){background:#7BC6FC}._720kb-datepicker-calendar-header-left,._720kb-datepicker-calendar-header-middle,._720kb-datepicker-calendar-header-right{width:15%;float:left}._720kb-datepicker-calendar-header-middle{width:70%}._720kb-datepicker-calendar-header-closed-pagination::after{content:" \25BE"}._720kb-datepicker-calendar-header-opened-pagination::after{content:" \25F9"}._720kb-datepicker-calendar-body{width:96%;margin:2%;text-align:center}._720kb-datepicker-calendar-day{cursor:pointer;font-size:12.5px;width:12.2%;margin:5px 1%;padding:1.5% 0;float:left;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}._720kb-datepicker-calendar-day._720kb-datepicker-active,._720kb-datepicker-calendar-day:hover{background:rgba(0,0,0,.03)}._720kb-datepicker-calendar-header a,._720kb-datepicker-calendar-header a:hover{text-decoration:none;padding:3% 9% 4%;font-size:13.5px;color:rgba(0,0,0,.55);font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}._720kb-datepicker-calendar-header a:hover{color:rgba(0,0,0,.9);background:rgba(255,255,255,.45)}._720kb-datepicker-calendar-month{color:#fff}._720kb-datepicker-calendar-month span{font-size:13px;color:rgba(0,0,0,.4)}._720kb-datepicker-calendar-month a span i{font-style:normal;font-size:15px}._720kb-datepicker-calendar-month a,._720kb-datepicker-calendar-month a:hover{padding:3px;margin-left:1%}._720kb-datepicker-calendar-years-pagination{padding:2% 0 0;float:left;clear:right;width:100%}._720kb-datepicker-calendar-years-pagination a,._720kb-datepicker-calendar-years-pagination a:hover{font-size:12px;padding:0 7px;font-weight:400;margin:3px 1% 0;line-height:20px;display:inline-block}._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active{color:rgba(0,0,0,.9);font-weight:500;background:rgba(255,255,255,.45)}._720kb-datepicker-calendar-years-pagination-pages a,._720kb-datepicker-calendar-years-pagination-pages a:hover{padding:5px 10px}._720kb-datepicker-calendar-days-header{max-width:100%;margin:0 auto;padding:0 2%;background:rgba(19,142,250,.08);border-bottom:1px solid rgba(0,0,0,.02)}._720kb-datepicker-calendar-days-header div{width:14.18%;font-weight:500;font-size:11.5px;padding:10px 0;float:left;text-align:center;color:rgba(0,0,0,.7)}._720kb-datepicker-calendar-days ._720kb-datepicker-default-button{font-size:18.5px;position:relative;bottom:-.5px}._720kb-datepicker-default-button{padding:0 4.5px}._720kb-datepicker-calendar-header-middle._720kb-datepicker-mobile-item{width:95%;float:none;margin:0 auto}._720kb-datepicker-item-hidden{visibility:hidden}._720kb-datepicker-calendar-day._720kb-datepicker-disabled,._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover,._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled,._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover,._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled,._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover{color:rgba(0,0,0,.2);background:rgba(25,2,0,.02);cursor:default}
._720kb-tooltip{background:rgba(0,0,0,.8);color:#fff;position:absolute;z-index:9;padding:.4% 1%;opacity:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;left:-200%;top:0}._720kb-tooltip-title{color:rgba(255,255,255,.95);font-weight:500;width:100%;clear:both}._720kb-tooltip-caret:after,._720kb-tooltip-caret:before{content:'';position:absolute;width:0;height:0}._720kb-tooltip._720kb-tooltip-small{padding:4.5px 10px;font-size:12px}._720kb-tooltip._720kb-tooltip-medium{padding:7px 15px;font-size:13.5px}._720kb-tooltip._720kb-tooltip-large{padding:10px 20px;font-size:14px}._720kb-tooltip._720kb-tooltip-open{visibility:visible;opacity:1}._720kb-tooltip-caret:before{border:6px solid rgba(0,0,0,.8)}._720kb-tooltip-caret:after{border:5px solid transparent}._720kb-tooltip-left ._720kb-tooltip-caret:after,._720kb-tooltip-left ._720kb-tooltip-caret:before,._720kb-tooltip-right ._720kb-tooltip-caret:after,._720kb-tooltip-right ._720kb-tooltip-caret:before{top:50%;border-top-color:transparent;border-bottom-color:transparent}._720kb-tooltip-left ._720kb-tooltip-caret:before{left:100%;margin-left:0;margin-top:-6px;border-right-width:0}._720kb-tooltip-left ._720kb-tooltip-caret:after{left:100%;margin-left:0;margin-top:-5px;border-right-width:0}._720kb-tooltip-right ._720kb-tooltip-caret:before{left:0;margin-left:-6px;margin-top:-6px;border-left-width:0}._720kb-tooltip-right ._720kb-tooltip-caret:after{left:0;margin-left:-5px;margin-top:-5px;border-left-width:0}._720kb-tooltip-bottom ._720kb-tooltip-caret:after,._720kb-tooltip-bottom ._720kb-tooltip-caret:before,._720kb-tooltip-top ._720kb-tooltip-caret:after,._720kb-tooltip-top ._720kb-tooltip-caret:before{left:50%;border-right-color:transparent;border-left-color:transparent}._720kb-tooltip-top ._720kb-tooltip-caret:before{top:100%;margin-left:-6px;margin-bottom:-6px;border-bottom-width:0}._720kb-tooltip-top ._720kb-tooltip-caret:after{top:100%;margin-left:-5px;margin-bottom:-5px;border-bottom-width:0}._720kb-tooltip-bottom ._720kb-tooltip-caret:before{bottom:100%;margin-left:-6px;border-top-width:0}._720kb-tooltip-bottom ._720kb-tooltip-caret:after{bottom:100%;margin-left:-5px;border-top-width:0}._720kb-tooltip-close-button{float:right}
.ol-control, .ol-scale-line {
  position: absolute;
  padding: 2px
}

.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 2px solid #00f;
}

.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute
}

.ol-scale-line {
  background: rgba(0, 60, 136, .3);
  border-radius: 4px;
  bottom: 8px;
  left: 8px
}

.ol-scale-line-inner {
  border: 1px solid #eee;
  border-top: none;
  color: #eee;
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width
}

.ol-overlay-container {
  will-change: left, right, top, bottom
}

.ol-unsupported {
  display: none
}

.ol-viewport .ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent
}

.ol-control {
  background-color: rgba(255, 255, 255, .4);
  border-radius: 4px
}

.ol-control:hover {
  background-color: rgba(255, 255, 255, .6)
}

/* Refs -- http://project.quantuminventions.com/issues/33433      */
.ol-zoom {
  bottom: 1.5em;
  right: .5em;
}

.ol-rotate {
  top: .5em;
  right: .5em;
  transition: opacity .25s linear, visibility 0s linear
}

.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s
}

.ol-zoom-extent {
  top: 4.643em;
  left: .5em
}

.ol-full-screen {
  right: .5em;
  top: .5em
}

@media print {
  .ol-control {
    display: none
  }
}

.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: #fff;
  font-size: 1.14em;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: rgba(0, 60, 136, .5);
  border: none;
  border-radius: 2px
}

.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0
}

.ol-zoom-extent button {
  line-height: 1.4em
}

.ol-compass {
  display: block;
  font-weight: 400;
  font-size: 1.2em;
  will-change: transform
}

.ol-touch .ol-control button {
  font-size: 1.5em
}

.ol-touch .ol-zoom-extent {
  top: 5.5em
}

.ol-control button:focus, .ol-control button:hover {
  text-decoration: none;
  background-color: rgba(0, 60, 136, .7)
}

.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0
}

.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px
}

.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em)
}

.ol-attribution ul {
  margin: 0;
  padding: 0 .5em;
  font-size: .7rem;
  line-height: 1.375em;
  color: #000;
  text-shadow: 0 0 2px #fff
}

.ol-attribution li {
  display: inline;
  list-style: none;
  line-height: inherit
}

.ol-attribution li:not(:last-child):after {
  content: " "
}

.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle
}

.ol-attribution button, .ol-attribution ul {
  display: inline-block
}

.ol-attribution.ol-collapsed ul {
  display: none
}

.ol-attribution.ol-logo-only ul {
  display: block
}

.ol-attribution:not(.ol-collapsed) {
  background: rgba(255, 255, 255, .8)
}

.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
  height: 1.1em;
  line-height: 1em
}

.ol-attribution.ol-logo-only {
  background: 0 0;
  bottom: .4em;
  height: 1.1em;
  line-height: 1em
}

.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em
}

.ol-attribution.ol-logo-only button, .ol-attribution.ol-uncollapsible button {
  display: none
}

.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px
}

.ol-zoomslider button {
  position: relative;
  height: 10px
}

.ol-touch .ol-zoomslider {
  top: 5.5em
}

.ol-overviewmap {
  left: .5em;
  bottom: .5em
}

.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0
}

.ol-overviewmap .ol-overviewmap-map, .ol-overviewmap button {
  display: inline-block
}

.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid #7b98bc;
  height: 150px;
  margin: 2px;
  width: 150px
}

.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 1px;
  left: 2px;
  position: absolute
}

.ol-overviewmap.ol-collapsed .ol-overviewmap-map, .ol-overviewmap.ol-uncollapsible button {
  display: none
}

.ol-overviewmap:not(.ol-collapsed) {
  background: rgba(255, 255, 255, .8)
}

.ol-overviewmap-box {
  border: 2px dotted rgba(0, 60, 136, .7)
}
.layer-switcher.shown.ol-control {
  background-color: transparent;
}

.layer-switcher.shown.ol-control:hover {
  background-color: transparent;
}

/* Refs -- http://project.quantuminventions.com/issues/33433      */
.layer-switcher {
  position: absolute;
  bottom: 6.5em;
  right: 0.5em;
  text-align: left;
}

.layer-switcher.shown {
  bottom: 3em;
}

.layer-switcher .panel {
  padding: 0 1em 0 0;
  margin: 0;
  border: 4px solid #eee;
  border-radius: 4px;
  background-color: white;
  display: none;
  max-height: 100%;
  overflow-y: auto;
}

.layer-switcher.shown .panel {
  display: block;
  position: relative;
}

.layer-switcher button {
  float: right;
  width: 38px;
  height: 38px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACE1BMVEX///8A//8AgICA//8AVVVAQID///8rVVVJtttgv98nTmJ2xNgkW1ttyNsmWWZmzNZYxM4gWGgeU2JmzNNr0N1Rwc0eU2VXxdEhV2JqytQeVmMhVmNoydUfVGUgVGQfVGQfVmVqy9hqy9dWw9AfVWRpydVry9YhVmMgVGNUw9BrytchVWRexdGw294gVWQgVmUhVWPd4N6HoaZsy9cfVmQgVGRrytZsy9cgVWQgVWMgVWRsy9YfVWNsy9YgVWVty9YgVWVry9UgVWRsy9Zsy9UfVWRsy9YgVWVty9YgVWRty9Vsy9aM09sgVWRTws/AzM0gVWRtzNYgVWRuy9Zsy9cgVWRGcHxty9bb5ORbxdEgVWRty9bn6OZTws9mydRfxtLX3Nva5eRix9NFcXxOd4JPeINQeIMiVmVUws9Vws9Vw9BXw9BYxNBaxNBbxNBcxdJexdElWWgmWmhjyNRlx9IqXGtoipNpytVqytVryNNrytZsjZUuX210k5t1y9R2zNR3y9V4lp57zth9zdaAnKOGoaeK0NiNpquV09mesrag1tuitbmj1tuj19uktrqr2d2svcCu2d2xwMO63N+7x8nA3uDC3uDFz9DK4eHL4eLN4eIyYnDX5OM5Z3Tb397e4uDf4uHf5uXi5ePi5+Xj5+Xk5+Xm5+Xm6OY6aHXQ19fT4+NfhI1Ww89gx9Nhx9Nsy9ZWw9Dpj2abAAAAWnRSTlMAAQICAwQEBgcIDQ0ODhQZGiAiIyYpKywvNTs+QklPUlNUWWJjaGt0dnd+hIWFh4mNjZCSm6CpsbW2t7nDzNDT1dje5efr7PHy9PT29/j4+Pn5+vr8/f39/f6DPtKwAAABTklEQVR4Xr3QVWPbMBSAUTVFZmZmhhSXMjNvkhwqMzMzMzPDeD+xASvObKePPa+ffHVl8PlsnE0+qPpBuQjVJjno6pZpSKXYl7/bZyFaQxhf98hHDKEppwdWIW1frFnrxSOWHFfWesSEWC6R/P4zOFrix3TzDFLlXRTR8c0fEEJ1/itpo7SVO9Jdr1DVxZ0USyjZsEY5vZfiiAC0UoTGOrm9PZLuRl8X+Dq1HQtoFbJZbv61i+Poblh/97TC7n0neCcK0ETNUrz1/xPHf+DNAW9Ac6t8O8WH3Vp98f5lCaYKAOFZMLyHL4Y0fe319idMNgMMp+zWVSybUed/+/h7I4wRAG1W6XDy4XmjR9HnzvDRZXUAYDFOhC1S/Hh+fIXxen+eO+AKqbs+wAo30zDTDvDxKoJN88sjUzDFAvBzEUGFsnADoIvAJzoh2BZ8sner+Ke/vwECuQAAAABJRU5ErkJggg==') /*logo.png*/;
  background-repeat: no-repeat;
  background-position: 2px;
  background-color: white;
  border: none;
}

.layer-switcher.shown button {
  display: none;
}

.layer-switcher button:focus, .layer-switcher button:hover {
  background-color: white;
}

.layer-switcher ul {
  padding-left: 1em;
  list-style: none;
}

.layer-switcher li.group {
  padding-top: 5px;
}

.layer-switcher li.group > label {
  font-weight: bold;
}

.layer-switcher li.layer {
  display: table;
}

.layer-switcher li.layer label, .layer-switcher li.layer input {
  display: table-cell;
  vertical-align: sub;
}

.layer-switcher input {
  margin: 4px;
}

.layer-switcher.touch ::-webkit-scrollbar {
  width: 4px;
}

.layer-switcher.touch ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.layer-switcher.touch ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.ol-popup {
    display: none;
    position: absolute;
    background-color: white;
    padding: 15px 25px 15px 15px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
}

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

.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}

.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}

.ol-popup-content {
    min-width: 170px;
    max-height: 200px;
    overflow-x: auto;
}

.ol-popup-closer {
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 150%;
    padding: 0 4px;
    color: gray;
    text-decoration: none;
}

.ol-popup-closer:after {
    content: "\2716";
}

.ol-popup div.infoResult {
    min-width: 130px;
}

.ol-popup div.infoResult p {
    padding: 0.1em;
    margin: 0;
}

.ol-popup-content h3 {
    margin: 0.25em 0;
}

.ol-popup.marker {
    margin-bottom: 30px;
}

/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 2, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/base.css.scss */
html, body {
  font-size: 13px;
  font-family: 'Roboto', 'Helvetica', 'Trebuchet MS', sans-serif;
}

/* line 8, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/base.css.scss */
body {
  margin: 0;
  overflow-x: hidden;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/base.css.scss */
img {
  max-width: 100px;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/base.css.scss */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  border: none;
}

/* ----- Placeholder ----- */
/* line 22, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/base.css.scss */
::-webkit-input-placeholder {
  color: #b3b3b3;
  font-size: 1rem;
  font-weight: 400;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/base.css.scss */
:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3;
  font-size: 1rem;
  font-weight: 400;
}

/* line 32, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/base.css.scss */
::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3;
  font-size: 1rem;
  font-weight: 400;
}

/* line 37, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/base.css.scss */
:-ms-input-placeholder {
  color: #b3b3b3;
  font-size: 1rem;
  font-weight: 400;
}

/* ----- End: Placeholder ----- */
/* ----- Scroll bar (currently only for Chrome) ----- */
/* line 44, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/base.css.scss */
::-webkit-scrollbar {
  height: 0.4em;
  width: 0.3em;
}

/* line 49, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/base.css.scss */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #E7ECF2;
  border-radius: 10px;
  background-color: #E7ECF2;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/base.css.scss */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #A1AAB4;
  background-color: #A1AAB4;
}

/* ----- End: Scroll bar ----- */
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}
@-moz-keyframes spin {
  /* line 2, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_animations.scss */
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  /* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_animations.scss */
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  /* line 16, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_animations.scss */
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* line 22, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_animations.scss */
.rotate180 {
  transform: rotate(180deg);
}

@keyframes rotating {
  /* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_animations.scss */
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 32, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_animations.scss */
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_animations.scss */
.rotating360 {
  -webkit-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}
/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 4, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.flexDown {
  display: flex;
  flex-flow: column nowrap;
}

/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.flexAcross {
  display: flex;
  flex-flow: row nowrap;
}

/* line 14, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.flowDown {
  display: flex;
  flex-flow: column wrap;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.flowAcross {
  display: flex;
  flex-flow: row wrap;
}

/* line 24, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.flexExpand {
  flex: 1 1 auto;
}

/* line 28, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.flexShrink {
  flex: 0 0 auto;
}

/* line 33, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.isActive {
  background-color: #0067d0;
  color: white;
}

/* line 38, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.disabled {
  opacity: 0.5;
}

/* line 42, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.applyBgColor {
  background-color: #F4F7FB;
}

/* line 46, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.title {
  text-transform: uppercase;
  padding: 0 0 0.5em 0;
  font-size: 2em;
  height: 5.5%;
}

/* line 53, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.modal .title-bar .title {
  font-size: 1.7em;
  font-weight: normal;
  height: auto;
  padding-bottom: 0;
}

/* line 60, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.emptySpace {
  background-color: #d6dfe9;
  height: 0.77rem;
}

/* line 65, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.dottedHorizontalLine {
  border: 0;
  border-bottom: 1px dashed #ccc;
}

/* line 70, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.horizontalLine {
  border: 0;
  border-bottom: 1px solid #ccc;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.shortHorizontalLine {
  border: 0;
  border-bottom: 0.31rem solid #e7ecf2;
  margin: 2.08rem auto;
  width: 7.69rem;
}

/* line 82, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.picContainer {
  margin: 0 0.5em 0 0;
}
/* line 84, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.picContainer img {
  height: 100px;
  width: 100px;
}
/* line 88, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.picContainer p {
  margin: 0 0 1em 0;
}

/* line 93, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.inputLbl {
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 0.5em 0;
}

/* line 100, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.tagContainer .tagItem {
  position: relative;
  margin: 0 1em 0.5em 0;
  padding: 0.5em 1em;
  border-radius: 1em;
  text-align: center;
  color: white;
  white-space: nowrap;
}
/* line 108, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.tagContainer .tagItem .tagLbl {
  margin: 0 0.5em 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 4em;
  text-align: left;
}
/* line 116, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.tagContainer .tagItem .hasError {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 1em;
  font-size: 100%;
  padding: 0.5em;
  font-weight: bold;
}
/* line 129, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.tagContainer .userGroupTag {
  background-color: #0067d0;
}
/* line 133, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.tagContainer .jobTaskTag {
  background-color: #0067d0;
}
/* line 137, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.tagContainer .driverTeamTag {
  background-color: #46be8a;
}
/* line 141, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.tagContainer .vehiclePoolTag {
  background-color: #946fb4;
}
/* line 145, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.tagContainer .loadingSpinnerContainer {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 150, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.tagContainer .loadingSpinnerContainer #loadingContainer {
  border-radius: 1em;
  z-index: 999;
}

/* line 157, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.noteContainer {
  position: relative;
}
/* line 159, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.noteContainer .loadingSpinnerContainer {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 165, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.noteContainer .hasError {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 100%;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 180, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.hide {
  display: none;
}

/* line 184, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.show {
  display: block;
}

/* line 188, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.highlight {
  color: #0067d0;
  text-decoration: underline;
  height: 100%;
}

/* line 194, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.closeLbl {
  cursor: pointer;
}

/* line 198, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.clickable {
  cursor: pointer;
}

/* line 202, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.btn-positive {
  background-color: #0067d0;
  color: white;
  padding: 0.5em 1em;
  border-radius: 3px;
  text-transform: uppercase;
}

/* line 210, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.rotate180deg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 218, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.rotate90degRight {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 226, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.rotate270degRight {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

/* line 234, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.hasError {
  color: #d8292f;
}

/* line 239, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
input.hasError {
  border-color: #d8292f;
}

/* line 244, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.disableTxtSelect {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}

/* line 251, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.capitalize {
  text-transform: capitalize;
}

/* line 256, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
#dialogModal .btnContainer {
  width: 100%;
}
/* line 258, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
#dialogModal .btnContainer .addNotesBtnContainer {
  position: relative;
}
/* line 261, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
#dialogModal .btnContainer .newNotesBtn {
  background-color: #0067d0;
  color: white;
  padding: 0.5em 1em;
  display: flex;
}
/* line 267, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
#dialogModal .btnContainer .cancelBtn {
  background-color: #737a85;
  color: white;
  padding: 0.5em 1em;
  margin: 0 1em 0 0;
}
/* line 273, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
#dialogModal .btnContainer .disableOverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 283, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
#dialogModal .notesBtnContainer {
  justify-content: center;
}

/* line 289, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.tsModal .tsModalHeader {
  padding: 1rem;
  justify-content: space-between;
  font-size: 2em;
}
/* line 295, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.tsModal .tsModalClose {
  width: 0.7em;
  height: 0.7em;
  margin: 0.15em 0;
  stroke: #333333;
  cursor: pointer;
}
/* line 303, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.tsModal .tsModalContainer {
  padding: 1em;
}
/* line 306, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.tsModal .tsModalContainer .primaryBtn {
  margin: 1em auto;
}

/* line 313, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
datepicker {
  font-family: 'Roboto', 'Helvetica', 'Trebuchet MS';
}

/* line 318, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.tagContainer svg.icon-cross {
  height: 0.8em;
  margin-top: 0.1em;
  stroke: white;
  stroke-width: 0.3em;
  width: 0.8em;
}

/* line 327, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.removeNote svg.icon-cross {
  stroke: black;
}

/* line 333, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.withMaxChar .maxCharContainer {
  opacity: 0.7;
  font-style: italic;
  margin: 0 0 0 1rem;
}

/* line 340, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.textEllipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

/* line 347, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.plural span::after {
  content: "(s)";
  text-transform: lowercase;
}

/* line 352, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.required, .notRequiredBut {
  position: relative;
}
/* line 354, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.required svg.requiredAlert, .notRequiredBut svg.requiredAlert {
  bottom: 1.4em;
  display: none;
  height: 1.5em;
  position: absolute;
  right: 0.5em;
  stroke: #d8292f;
  stroke-width: 2px;
  width: 1.5rem;
}
/* line 364, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.required .requiredField, .required .requiredField input, .required .requiredField select, .notRequiredBut .requiredField, .notRequiredBut .requiredField input, .notRequiredBut .requiredField select {
  border-color: #d8292f !important;
}
/* line 367, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.required .requiredField ~ .requiredAlert, .required .requiredField ~ .requiredErrorMessage, .required .requiredField input ~ .requiredAlert, .required .requiredField input ~ .requiredErrorMessage, .required .requiredField select ~ .requiredAlert, .required .requiredField select ~ .requiredErrorMessage, .notRequiredBut .requiredField ~ .requiredAlert, .notRequiredBut .requiredField ~ .requiredErrorMessage, .notRequiredBut .requiredField input ~ .requiredAlert, .notRequiredBut .requiredField input ~ .requiredErrorMessage, .notRequiredBut .requiredField select ~ .requiredAlert, .notRequiredBut .requiredField select ~ .requiredErrorMessage {
  display: block;
}
/* line 373, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.required select.requiredField + .requiredAlert, .required .requiredField select + .requiredAlert, .required .dateNDropdownGroup + .requiredAlert, .notRequiredBut select.requiredField + .requiredAlert, .notRequiredBut .requiredField select + .requiredAlert, .notRequiredBut .dateNDropdownGroup + .requiredAlert {
  right: 2em;
}
/* line 377, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.required .checkboxGrouping.requiredField, .notRequiredBut .checkboxGrouping.requiredField {
  border-width: 1px;
  border-style: solid;
  padding: 0.5em;
}
/* line 382, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.required .requiredField svg, .notRequiredBut .requiredField svg {
  stroke: #d8292f;
}

/* line 389, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.required .inputLbl::after {
  content: " *";
  color: #d8292f;
}

/* line 395, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
p.requiredErrorMessage {
  color: #d8292f;
  font-size: 0.85em;
  text-align: right;
  text-transform: none;
  display: none;
  margin-bottom: -0.5em;
}
/* line 402, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
p.requiredErrorMessage:first-letter {
  text-transform: uppercase;
}

/* line 407, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.loadMoreContainer {
  cursor: pointer;
  color: #0067d0;
  background-color: white;
  padding: 1em;
}
/* line 412, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.loadMoreContainer .loadMoreSubContainer {
  margin: 0 auto;
  display: inline-flex;
}
/* line 415, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.loadMoreContainer .loadMoreSubContainer svg.loadingIcon {
  fill: #0067d0;
}
/* line 417, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.loadMoreContainer .loadMoreSubContainer svg.loadingIcon.isLoading {
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
/* line 423, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
.loadMoreContainer .loadMoreSubContainer .loadMoreLbl {
  margin: 0 0 0 0.5em;
  text-transform: capitalize;
}

/* line 430, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/layout.css.scss */
svg.loadingIcon.isLoading {
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide {
  background-color: white;
  height: 100%;
  overflow: auto;
  width: 30%;
}
/* line 8, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .title {
  padding: 1.56rem 1.56rem 0.5em 1.56rem;
  height: auto;
}
/* line 12, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailProfileContainer {
  flex-shrink: 0;
  padding: 0 1.56rem 0 1.56rem;
}
/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailProfileContainer .driverStatus {
  position: relative;
}
/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailProfileContainer .driverStatus::after {
  background-color: #b3b3b3;
  border: 0.3em solid white;
  border-radius: 50%;
  content: " ";
  display: inline-block;
  height: 1.6em;
  position: absolute;
  top: 7.09em;
  right: -0.6em;
  width: 1.6em;
}
/* line 29, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailProfileContainer .driverStatus.driverActive::after {
  background-color: #46be8a;
}
/* line 33, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailProfileContainer .detailProfileInfoContainer {
  margin: 0 0 0 1em;
  flex: 1 1 auto;
  max-width: 60%;
  word-wrap: break-word;
}
/* line 38, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailProfileContainer .detailProfileInfoContainer span {
  text-transform: capitalize;
  margin: 0 0 0.5em 0;
}
/* line 42, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailProfileContainer .detailProfileInfoContainer .detailProfileEditContainer {
  flex-direction: row-reverse;
  display: flex;
}
/* line 45, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailProfileContainer .detailProfileInfoContainer .detailProfileEditContainer .detailProfileEdit {
  color: #0067d0;
  border-bottom: 1px #0067d0 dotted;
}
/* line 50, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailProfileContainer .detailProfileInfoContainer .detailEmailAdd {
  text-transform: none;
  border-bottom: 1px #000000 dotted;
  display: inline;
}
/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailProfileContainer .detailProfileInfoContainer .detailLastSeen {
  color: #70777e;
  margin: 0.5em 0 0 0;
  font-style: italic;
}
/* line 61, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailProfileContainer .detailProfileInfoContainer .lastSeenLong .lastSeenTime, .detailLeftSide .detailProfileContainer .detailProfileInfoContainer .lastSeenLong .lastSeenDate {
  color: #d8292f;
}
/* line 65, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailProfileContainer .detailProfileInfoContainer .driverActiveStatus {
  color: #46be8a;
  font-style: italic;
  margin-top: 0.5em;
}
/* line 72, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailTagContainer {
  flex-shrink: 0;
  padding: 0 1.56rem;
}
/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailTagContainer .detailTagContainerTitle {
  margin-right: 1em;
}
/* line 78, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailTagContainer .tagActionSheetContents {
  width: 18rem;
}
/* line 82, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailNotesContainer {
  flex-shrink: 0;
  padding: 0 1.56rem;
}
/* line 86, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailNotesContainer .noteListContainer .noteContainer {
  background-color: #f4f7fb;
  margin: 0 0 1em 0;
}
/* line 89, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailNotesContainer .noteListContainer .noteContainer .noteDetail {
  padding: 0.5em;
  width: calc(100% - 1.5em);
}
/* line 92, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailNotesContainer .noteListContainer .noteContainer .noteDetail span {
  overflow-wrap: break-word;
}
/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailNotesContainer .noteListContainer .noteContainer .noteDetail span:nth-child(1) {
  margin: 0 0 0.5em 0;
}
/* line 98, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailNotesContainer .noteListContainer .noteContainer .noteDetail span:nth-child(2) {
  font-style: italic;
  color: #70777e;
}
/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/detailProfile.scss */
.detailLeftSide .detailNotesContainer .noteListContainer .noteContainer .removeNote {
  align-items: center;
  cursor: pointer;
  display: flex;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer {
  position: relative;
}
/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer .disableChat {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: black;
  opacity: 0.3;
  cursor: not-allowed;
}
/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer {
  padding: 1em;
  height: calc(100vh - 33em);
  overflow-y: auto;
}
/* line 22, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer img {
  max-width: 100%;
  border-radius: 50%;
}
/* line 29, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .msgContainer {
  padding: 0.8em;
  margin: 0 0 0.5em 0;
  background-color: #e7ecf2;
  position: relative;
  word-break: break-all;
}
/* line 36, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .msgContainer .nameRoleContainer {
  margin-bottom: 0.5em;
  font-weight: bold;
}
/* line 40, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .msgContainer .nameRoleContainer .roleLbl {
  text-transform: capitalize;
}
/* line 46, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .dateSentLbl {
  font-size: 0.8rem;
  font-style: italic;
  text-transform: capitalize;
}
/* line 52, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .img {
  max-width: 4em;
  min-width: 7%;
}
/* line 57, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .img-right {
  margin-left: 1em;
}
/* line 61, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .img-left {
  margin-right: 1em;
}
/* line 65, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .right_arrow {
  position: absolute;
  right: -8px;
  top: 8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #e7ecf2;
}
/* line 74, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .left_arrow {
  position: absolute;
  left: -8px;
  top: 8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #f4f7fb;
}
/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .notMyMsg {
  margin: 0 2em 1em 0;
}
/* line 86, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .notMyMsg .dateSentLbl {
  text-align: right;
}
/* line 90, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .notMyMsg .msgContainer {
  background-color: #f4f7fb;
}
/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .myMsg {
  margin: 0 0 1em 2em;
}
/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .isDriver {
  color: #46be8a;
}
/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .isDispatcher {
  color: #0067d0;
}
/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
#chatContainer #chatMessageListContainer .chatMessageContainer .isCustomer {
  color: #f46d24;
}

/* line 114, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBar {
  justify-content: space-between;
  flex-shrink: 0;
  margin-bottom: 0.8em;
}
/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBar h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 0.3em;
  text-transform: uppercase;
}
/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBar button {
  border-radius: 0.25em;
  height: 2.2em;
  margin-left: 1em;
  padding: 0 1em;
}
/* line 133, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBar button:focus {
  outline: none;
}
/* line 137, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBar button:hover, .maplViewTopBar button.displayActive {
  background-color: #999999;
  position: relative;
}
/* line 142, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBar button.displayActive::after {
  border-color: #999999 transparent transparent;
  border-style: solid;
  border-width: 0.5em 0.4em;
  content: " ";
  display: inline-block;
  height: 0;
  margin-left: -0.5em;
  left: 50%;
  position: absolute;
  top: 100%;
  width: 0;
}
/* line 156, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBar button .icon {
  height: 1.2em;
  vertical-align: middle;
  width: 1.2em;
}
/* line 162, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBar button .icon-chat {
  fill: #fff;
}
/* line 166, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBar button .icon-jobComments, .maplViewTopBar button .icon-attachFile {
  stroke-width: 0.12em;
}

/* line 172, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown {
  background-color: white;
  height: calc(100vh - 23em);
  padding: 1em;
  position: absolute;
  right: 0;
  top: 2.8em;
  width: 22em;
  z-index: 999;
}
/* line 182, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownHeader {
  align-items: center;
  border-bottom: 1px solid #f4f4f6;
  padding-bottom: 1em;
}
/* line 186, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownHeader .chatContainerHeader {
  margin: auto;
  text-transform: uppercase;
  font-weight: bold;
}
/* line 190, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownHeader .chatContainerHeader .iconContainer {
  width: 1em;
  height: 1em;
}
/* line 193, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownHeader .chatContainerHeader .iconContainer .icon {
  stroke: black;
}
/* line 198, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownHeader .maplViewTopBarDropdownClose {
  cursor: pointer;
  position: absolute;
  right: 1em;
  stroke: #737a85;
  top: 1em;
  z-index: 9;
}
/* line 208, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownContent {
  height: calc(100% - 7em);
  overflow-y: auto;
}
/* line 212, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownContent .jobComment {
  align-items: center;
  border-bottom: 1px dotted #c5d2e0;
  flex-shrink: 0;
  justify-content: space-between;
  padding: 1em 0;
}
/* line 219, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownContent .jobComment .commentInnerContainer {
  width: calc(100% - 1.5em);
}
/* line 222, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownContent .jobComment .commentInnerContainer .jobCommentMessage {
  margin-bottom: 0.5em;
  word-wrap: break-word;
  width: 95%;
}
/* line 228, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownContent .jobComment .commentInnerContainer .jobCommentSender {
  color: #999999;
  font-size: 0.85em;
  font-style: italic;
  width: 95%;
}
/* line 234, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownContent .jobComment .commentInnerContainer .jobCommentSender span {
  color: #0067d0;
}
/* line 240, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownContent .jobComment .icon-trash {
  cursor: pointer;
  fill: #999999;
  height: 1em;
  margin-right: 0.2em;
  width: 1em;
}
/* line 249, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownContent .noJobCommentsPlaceholder {
  background-color: #f4f7fb;
  border: 0.1em dotted #d0e9ff;
  color: #b3b3b3;
  margin-top: 3em;
  padding: 1em;
  text-align: center;
}
/* line 259, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachment {
  height: calc(100% - 5em);
}
/* line 263, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownForm {
  align-items: center;
  border-top: 1px solid #f4f4f6;
  flex-shrink: 0;
}
/* line 268, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownForm textarea {
  padding: 0.5em 0 0.5em 0.5em;
  margin: 0;
  height: 3.4rem;
  border: none;
}
/* line 275, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownForm textarea:disabled {
  cursor: not-allowed;
}
/* line 279, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownForm .submitBtn {
  border-radius: 5px;
  background-color: #0067d0;
  border-radius: 5px;
  color: white;
  display: flex;
  height: 2em;
  margin-left: 1em;
  padding: 0.5em 1em;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
/* line 293, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownForm.addAttachment {
  padding-top: 0.8em;
  position: relative;
}
/* line 297, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownForm.addAttachment .submitBtn {
  background-color: white;
  border: 0.1em solid #0067d0;
  color: #0067d0;
  justify-content: center;
  margin-left: 0;
  width: 100%;
}
/* line 305, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .maplViewTopBarDropdownForm.addAttachment .submitBtn .icon {
  margin-right: 0.5em;
  stroke: #0067d0;
  stroke-width: 0.2em;
}
/* line 314, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer {
  align-items: center;
  border-bottom: 0.1em dotted #f4f4f6;
  flex-shrink: 0;
  padding: 0.8em 0;
}
/* line 320, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer:hover {
  background-color: #d0e9ff;
}
/* line 324, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .jobAttachmentContainerItem {
  width: 100%;
}
/* line 328, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .jobAttachmentFileInfo {
  justify-content: space-between;
  width: calc(100% - 3.5em);
}
/* line 333, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon {
  border-radius: 0.3em;
  color: white;
  display: inline-block;
  font-size: 0.8em;
  height: 2em;
  margin-right: 0.6em;
  padding-top: 0.65em;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 3.5em;
}
/* line 346, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon::after {
  left: 0;
  line-height: 0.55em;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0.8em;
  width: 100%;
}
/* line 356, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.pdf {
  background-color: #f96868;
}
/* line 359, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.pdf::after {
  content: "pdf";
}
/* line 364, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.xls {
  background-color: #4cbd8b;
}
/* line 367, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.xls::after {
  content: "xls";
}
/* line 372, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.doc {
  background-color: #3783d2;
}
/* line 375, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.doc::after {
  content: "doc";
}
/* line 380, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.docx {
  background-color: #3783d2;
}
/* line 383, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.docx::after {
  content: "docx";
}
/* line 388, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.gif {
  background-color: #f68c5e;
}
/* line 391, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.gif::after {
  content: "gif";
}
/* line 396, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.jpg {
  background-color: #3783d2;
}
/* line 399, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.jpg::after {
  content: "jpg";
}
/* line 404, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.png {
  background-color: #83ae60;
}
/* line 407, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.png::after {
  content: "png";
}
/* line 412, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.ppt {
  background-color: #f57f4c;
}
/* line 415, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.ppt::after {
  content: "ppt";
}
/* line 420, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.pptx {
  background-color: #f57f4c;
}
/* line 423, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.pptx::after {
  content: "pptx";
}
/* line 428, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.txt {
  background-color: #30a2e6;
}
/* line 431, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.txt::after {
  content: "txt";
}
/* line 436, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.xlsx {
  background-color: #4cbd8b;
}
/* line 439, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.xlsx::after {
  content: "xlsx";
}
/* line 444, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .fileTypeIcon.default {
  background-color: #83ae60;
}
/* line 449, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .jobAttachmentItem {
  cursor: pointer;
  font-size: 1em;
  width: calc(100% - 1.6em);
}
/* line 454, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .jobAttachmentItem .jobAttachmentFileNameContainer {
  font-weight: 400;
  padding-bottom: 0.3em;
  width: calc(100% - 4.5em);
}
/* line 459, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .jobAttachmentItem .jobAttachmentFileNameContainer .jobAttachmentFileName {
  display: inline-block;
  max-width: calc(100% - 2.5em);
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top;
  white-space: nowrap;
}
/* line 469, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .jobAttachmentItem .jobAttachedBy {
  color: #999999;
  font-size: 0.85em;
  font-style: italic;
}
/* line 474, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .jobAttachmentItem .jobAttachedBy .jobAttachedByName {
  display: inline-block;
  color: #0067d0;
  max-width: 5em;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
/* line 486, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .jobAttachmentFileSize {
  color: #999999;
  text-align: right;
  width: 4.5em;
}
/* line 492, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .jobAttachmentFileUploading {
  display: inline-block;
  height: 1.1em;
  width: 1.1em;
}
/* line 498, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .icon-loading {
  stroke: #333333;
}
/* line 502, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .icon-trash {
  cursor: pointer;
  fill: #999999;
}
/* line 507, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer .icon-cloud {
  cursor: pointer;
  height: 1.3em;
  stroke: #0067d0;
  width: 1.3em;
}
/* line 515, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer.invalidAttachment .fileTypeIcon {
  opacity: 0.6;
}
/* line 519, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer.invalidAttachment .jobAttachmentFileInfo {
  color: #d8292f;
}
/* line 522, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer.invalidAttachment .jobAttachmentFileInfo .jobAttachmentItem {
  cursor: auto;
  width: calc(100% - 0.5em);
}
/* line 526, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer.invalidAttachment .jobAttachmentFileInfo .jobAttachmentItem .jobAttachmentFileSize {
  color: #d8292f;
}
/* line 532, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .jobAttachmentContainer.invalidAttachment .invalidAttachmentNote {
  color: #d8292f;
  font-size: 0.85em;
  font-style: italic;
}
/* line 541, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .noAttachment {
  height: 100%;
  justify-content: center;
}
/* line 546, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .noAttachmentContainer {
  color: #999999;
  font-style: italic;
  text-align: center;
}
/* line 551, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .noAttachmentContainer .icon-attachFile {
  stroke: #999999;
  vertical-align: middle;
  width: 2em;
  height: 2em;
}
/* line 559, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.maplViewTopBarDropdown .attachmentUploadNote {
  background-color: rgba(255, 255, 255, 0.85);
  font-size: 0.85em;
  height: 100%;
  left: 0;
  padding-top: 0.75em;
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 571, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.progressBar {
  background-color: #eee;
  border-radius: 0.5em;
  margin-top: 0.5em;
  overflow: hidden;
  position: relative;
  text-align: center;
}
/* line 579, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.progressBar .progressBarStatusBar {
  background-color: #7dcfb0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease;
  width: 0;
}
/* line 589, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/liveViewChatCommnet.scss */
.progressBar .progressBarStatus {
  color: #000000;
  position: relative;
  text-shadow: 0.03em 0.03em 0 #ffffff;
  z-index: 1;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
#floatingCirclesG {
  position: relative;
  width: 128px;
  height: 128px;
  margin: auto;
  transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
.f_circleG {
  position: absolute;
  background-color: white;
  height: 23px;
  width: 23px;
  border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  animation-name: f_fadeG;
  -o-animation-name: f_fadeG;
  -ms-animation-name: f_fadeG;
  -webkit-animation-name: f_fadeG;
  -moz-animation-name: f_fadeG;
  animation-duration: 1.04s;
  -o-animation-duration: 1.04s;
  -ms-animation-duration: 1.04s;
  -webkit-animation-duration: 1.04s;
  -moz-animation-duration: 1.04s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
#frotateG_01 {
  left: 0;
  top: 52px;
  animation-delay: 0.39s;
  -o-animation-delay: 0.39s;
  -ms-animation-delay: 0.39s;
  -webkit-animation-delay: 0.39s;
  -moz-animation-delay: 0.39s;
}

/* line 57, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
#frotateG_02 {
  left: 15px;
  top: 15px;
  animation-delay: 0.52s;
  -o-animation-delay: 0.52s;
  -ms-animation-delay: 0.52s;
  -webkit-animation-delay: 0.52s;
  -moz-animation-delay: 0.52s;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
#frotateG_03 {
  left: 52px;
  top: 0;
  animation-delay: 0.65s;
  -o-animation-delay: 0.65s;
  -ms-animation-delay: 0.65s;
  -webkit-animation-delay: 0.65s;
  -moz-animation-delay: 0.65s;
}

/* line 77, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
#frotateG_04 {
  right: 15px;
  top: 15px;
  animation-delay: 0.78s;
  -o-animation-delay: 0.78s;
  -ms-animation-delay: 0.78s;
  -webkit-animation-delay: 0.78s;
  -moz-animation-delay: 0.78s;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
#frotateG_05 {
  right: 0;
  top: 52px;
  animation-delay: 0.91s;
  -o-animation-delay: 0.91s;
  -ms-animation-delay: 0.91s;
  -webkit-animation-delay: 0.91s;
  -moz-animation-delay: 0.91s;
}

/* line 97, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
#frotateG_06 {
  right: 15px;
  bottom: 15px;
  animation-delay: 1.04s;
  -o-animation-delay: 1.04s;
  -ms-animation-delay: 1.04s;
  -webkit-animation-delay: 1.04s;
  -moz-animation-delay: 1.04s;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
#frotateG_07 {
  left: 52px;
  bottom: 0;
  animation-delay: 1.17s;
  -o-animation-delay: 1.17s;
  -ms-animation-delay: 1.17s;
  -webkit-animation-delay: 1.17s;
  -moz-animation-delay: 1.17s;
}

/* line 117, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
#frotateG_08 {
  left: 15px;
  bottom: 15px;
  animation-delay: 1.3s;
  -o-animation-delay: 1.3s;
  -ms-animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
}

@keyframes f_fadeG {
  /* line 130, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
  0% {
    background-color: black;
  }

  /* line 134, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
  100% {
    background-color: white;
  }
}

@-o-keyframes f_fadeG {
  /* line 140, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
  0% {
    background-color: black;
  }

  /* line 144, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
  100% {
    background-color: white;
  }
}

@-ms-keyframes f_fadeG {
  /* line 150, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
  0% {
    background-color: black;
  }

  /* line 154, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
  100% {
    background-color: white;
  }
}

@-webkit-keyframes f_fadeG {
  /* line 160, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
  0% {
    background-color: black;
  }

  /* line 164, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
  100% {
    background-color: white;
  }
}

@-moz-keyframes f_fadeG {
  /* line 170, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
  0% {
    background-color: black;
  }

  /* line 174, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/miscellaneous/loaderSpinner.scss */
  100% {
    background-color: white;
  }
}

/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
div.tsScheduleCalendar {
  padding-bottom: 0;
}

/* line 7, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.tsScheduleCalendarView {
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1em;
}
/* line 12, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.tsScheduleCalendarView .searchContainer.disableTxtSelect.disabledSearchBox {
  background-color: #f2f2f2;
}
/* line 16, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.tsScheduleCalendarView .tsScheduleCalendarDateNavigator {
  font-size: 1.3em;
  text-align: center;
}
/* line 20, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.tsScheduleCalendarView .tsScheduleCalendarDateNavigator > span {
  display: inline-block;
  line-height: 26px;
  vertical-align: middle;
}
/* line 26, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.tsScheduleCalendarView .tsScheduleCalendarDateNavigator .tsScheduleCalendarDateNavigatorDate {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.3em;
  text-align: center;
  width: 12em;
}
/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.tsScheduleCalendarView .tsScheduleCalendarDateNavigator .tsScheduleCalendarDateNavigatorPrev, .tsScheduleCalendarView .tsScheduleCalendarDateNavigator .tsScheduleCalendarDateNavigatorNext {
  cursor: pointer;
  font-size: 1.2em;
  font-weight: bold;
  height: 1.5em;
  width: 1.5em;
}
/* line 44, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.tsScheduleCalendarView .tsScheduleCalendarTools {
  margin: -0.7em 2em 0 0;
  text-align: right;
}
/* line 48, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.tsScheduleCalendarView .tsScheduleCalendarTools .tsScheduleCalendarToolsUnsaved {
  color: #f46d24;
}
/* line 52, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.tsScheduleCalendarView .tsScheduleCalendarTools .btn-positive {
  border: 0;
  margin-left: 1em;
}
/* line 56, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.tsScheduleCalendarView .tsScheduleCalendarTools .btn-positive .icon {
  stroke-width: 2px;
}
/* line 61, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.tsScheduleCalendarView .tsScheduleCalendarTools .unsaveEditsLink {
  cursor: defult;
  position: relative;
}
/* line 65, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.tsScheduleCalendarView .tsScheduleCalendarTools .unsaveEditsLink .unsaveEditsTooltip {
  background-color: #c5d3e1;
  border-radius: 0.2em;
  display: none;
  left: 50%;
  margin-left: -18em;
  padding: 1em;
  position: absolute;
  text-align: left;
  top: 2em;
  width: 36em;
  z-index: 3;
}
/* line 78, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.tsScheduleCalendarView .tsScheduleCalendarTools .unsaveEditsLink .unsaveEditsTooltip::before {
  border-color: transparent transparent #c5d3e1;
  border-style: solid;
  border-width: 0.8em;
  content: " ";
  dispplay: inline-block;
  height: 0;
  left: calc(50% - 1em);
  position: absolute;
  top: -1.4em;
  width: 0;
}
/* line 93, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.tsScheduleCalendarView .tsScheduleCalendarTools .unsaveEditsLink:hover .unsaveEditsTooltip {
  display: block;
}

/* line 101, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer {
  height: calc(100vh - 11rem);
}
/* line 104, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar {
  margin: 0 -1.56rem;
  width: calc(100% + 3.12rem);
}
/* line 110, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-view-resourceDay .fc-border-separate {
  background-color: white;
}
/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-view-container {
  background-color: white;
}
/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-resource-area {
  width: 18%;
            /*
            .fc-widget-content > div {
                position: relative;

                &::before, &::after {
                    border-left: 1px solid #d4d7de; 
                    content: " ";
                    display: inline-block;
                    height: 100%;
                    position: absolute;
                    top: -1px;
                    width: 1px;
                }

                &::before {
                    left: calc(45% - 3px);
                }

                &::after {
                    left: calc(70% - 4px);
                }
            }

            Style for DVP Pair column, temporary hiddden, */
}
/* line 122, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-resource-area .fc-widget-header {
  background-color: white;
}
/* line 126, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-resource-area .fc-scroller-canvas {
  background-color: #f4f7fb;
}
/* line 130, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-resource-area .fc-content {
  border-bottom: none;
}
/* line 134, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-resource-area tr:first-child .fc-widget-content {
  display: block;
  width: 100%;
  border-width: 1px 0 0;
}
/* line 138, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-resource-area tr:first-child .fc-widget-content > div {
  background-color: #f4f7fb;
}
/* line 144, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-resource-area tr:first-child .fc-widget-content .fc-cell-content {
  background-color: #f4f7fb;
  padding: 0 1em;
}
/* line 149, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-resource-area tr:first-child .fc-widget-content > div::before, .calendarViewContainer .tsScheduleCalendar .fc-resource-area tr:first-child .fc-widget-content > div::after {
  display: none;
}
/* line 154, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-resource-area .unassignedJobs {
  white-space: normal;
}
/* line 157, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-resource-area .unassignedJobs .unassignedJobsTitle {
  color: #000;
  margin-bottom: 0.7em;
  text-transform: uppercase;
}
/* line 163, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-resource-area .unassignedJobs .unassignedJobsMessage {
  color: #939da9;
  font-style: italic;
  line-height: 1.5em;
}
/* line 169, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-resource-area .unassignedJobs .icon {
  margin-right: 0.5em;
  margin-top: 0.35em;
  stroke: #555;
}
/* line 203, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-widget-content .fc-cell-content {
  padding-top: 0;
  padding-bottom: 0;
}
/* line 208, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-widget-content > div {
  background-color: white;
  margin-bottom: 0.03em;
}
/* line 215, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .fc-rows tr:hover td {
  position: relative;
  z-index: 999;
}
/* line 222, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .fc-slats .fc-minor, .calendarViewContainer .tsScheduleCalendar .fc-time-area .fc-slats td {
  background-color: #f4f7fb;
  border: none;
}
/* line 228, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .jobUndo {
  display: none;
  color: #d8292f;
  font-size: 1.2em;
  line-height: 0.5em;
  vertical-align: middle;
}
/* line 235, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .jobUndo:hover {
  cursor: pointer;
}
/* line 240, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .eventEdited .jobUndo {
  display: inline-block;
}
/* line 245, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area th.fc-widget-header {
  background-color: white;
  border-left: none;
  position: relative;
}
/* line 250, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area th.fc-widget-header::before {
  background-color: white;
  content: " ";
  display: inline-block;
  height: 100%;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 1px;
}
/* line 261, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area th.fc-widget-header::after {
  background-color: #d2d5dc;
  border-radius: 50%;
  content: " ";
  display: inline-block;
  left: calc(50% - 0.15em);
  position: absolute;
  top: calc(50% - 0.15em);
  height: 0.3em;
  width: 0.3em;
}
/* line 273, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area th.fc-widget-header .fc-widget-header {
  background-color: white;
}
/* line 277, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area th.fc-widget-header .fc-cell-content {
  height: 100%;
  overflow: visible;
}
/* line 282, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area th.fc-widget-header .fc-cell-text {
  background-color: white;
  display: inline-block;
  height: 100%;
  margin: -3px -2em;
  padding: 1em 0;
  text-align: center;
  width: 4em;
}
/* line 297, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .fc-timeline-event .clDelayAlert {
  cursor: default;
  padding: 0.4em 0;
  position: absolute;
  text-align: center;
  top: 0;
}
/* line 304, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .fc-timeline-event .clDelayAlert::before, .calendarViewContainer .tsScheduleCalendar .fc-time-area .fc-timeline-event .clDelayAlert::after {
  content: " ";
  display: inline-block;
  position: absolute;
}
/* line 310, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .fc-timeline-event .clDelayAlert::before {
  background-color: #0067d0;
  height: 0.3em;
  left: 0.2em;
  top: 1.025em;
  width: calc(100% - 1em);
}
/* line 318, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .fc-timeline-event .clDelayAlert::after {
  border-color: transparent transparent transparent #0067d0;
  border-style: solid;
  border-width: 0.5em 1em;
  height: 0;
  right: -1em;
  top: 0.7em;
  width: 0;
}
/* line 328, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .fc-timeline-event .clDelayAlert .icon-alert {
  fill: #d8292f;
  height: 1.8em;
  opacity: 0.85;
  position: relative;
  stroke: white;
  top: -0.2em;
  width: 1.8em;
  z-index: 1;
}
/* line 339, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .fc-timeline-event .clDelayAlert .delayTooltipInfo {
  background-color: #1a2934;
  border-radius: 0.3em;
  display: none;
  left: 50%;
  margin-left: -6.8em;
  padding: 0.4em 0.8em;
  position: absolute;
  text-align: left;
  top: -3.8em;
  white-space: normal;
  width: 12em;
}
/* line 352, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .fc-timeline-event .clDelayAlert .delayTooltipInfo strong {
  color: #d8292f;
}
/* line 356, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .fc-timeline-event .clDelayAlert .delayTooltipInfo::after {
  border-color: #1a2934 transparent transparent;
  border-style: solid;
  border-width: 0.6em 0.4em;
  content: " ";
  display: inline-block;
  height: 0;
  left: calc(50% - 0.5em);
  position: absolute;
  top: 100%;
  width: 0;
}
/* line 370, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .fc-timeline-event .clDelayAlert:hover .delayTooltipInfo {
  display: flex;
}
/* line 378, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltip, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltip {
  bottom: auto;
  top: 2.5em;
}
/* line 382, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltip::before, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltip::after, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltip::before, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltip::after {
  bottom: 100%;
  top: auto;
}
/* line 387, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltip::after, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltip::after {
  border-color: transparent transparent #1a2934;
}
/* line 392, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltip.editedInfo::after, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltip.editedInfo::after {
  border-color: transparent transparent #c5d3e1;
}
/* line 398, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltip.unEditable::after, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltip.unEditable::after {
  border-color: transparent transparent #e3676f;
}
/* line 404, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .delayTooltipInfo, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .delayTooltipInfo {
  bottom: -3em;
  top: auto;
}
/* line 408, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .delayTooltipInfo::after, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .delayTooltipInfo::after {
  border-color: transparent transparent #1a2934;
  bottom: 100%;
  top: auto;
}
/* line 415, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .unEditableEvent, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .unEditableEvent {
  cursor: default;
}
/* line 418, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .unEditableEvent .taskInQue, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .unEditableEvent .taskInQue {
  display: inline-block;
  width: 1.8em;
}
/* line 423, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .unEditableEvent .finishedTaskIcon, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .unEditableEvent .finishedTaskIcon {
  margin-right: 0.2em;
}
/* line 429, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltipRight .tsCustomTooltip, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltipRight .tsCustomTooltip {
  bottom: auto;
  top: 0;
}
/* line 433, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltipRight .tsCustomTooltip::before, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltipRight .tsCustomTooltip::after, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltipRight .tsCustomTooltip::before, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltipRight .tsCustomTooltip::after {
  bottom: auto;
  top: 0.5em;
}
/* line 438, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltipRight .tsCustomTooltip::after, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltipRight .tsCustomTooltip::after {
  border-color: transparent #1a2934 transparent transparent;
}
/* line 443, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltipRight .tsCustomTooltip.editedInfo::after, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltipRight .tsCustomTooltip.editedInfo::after {
  border-color: transparent #c5d3e1 transparent transparent;
}
/* line 449, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltipRight .tsCustomTooltip.unEditable::after, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltipRight .tsCustomTooltip.unEditable::after {
  border-color: transparent #e3676f transparent transparent;
}
/* line 457, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltipLeft .tsCustomTooltip, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltipLeft .tsCustomTooltip {
  bottom: auto;
  top: 0;
}
/* line 461, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltipLeft .tsCustomTooltip::before, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltipLeft .tsCustomTooltip::after, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltipLeft .tsCustomTooltip::before, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltipLeft .tsCustomTooltip::after {
  bottom: auto;
  top: 0.5em;
}
/* line 466, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltipLeft .tsCustomTooltip::after, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltipLeft .tsCustomTooltip::after {
  border-color: transparent transparent transparent #1a2934;
}
/* line 471, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltipLeft .tsCustomTooltip.editedInfo::after, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltipLeft .tsCustomTooltip.editedInfo::after {
  border-color: transparent transparent transparent #c5d3e1;
}
/* line 477, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(2) .fc-widget-content .fc-timeline-event .tsCustomTooltipLeft .tsCustomTooltip.unEditable::after, .calendarViewContainer .tsScheduleCalendar .fc-time-area tr:nth-child(3) .fc-widget-content .fc-timeline-event .tsCustomTooltipLeft .tsCustomTooltip.unEditable::after {
  border-color: transparent transparent transparent #e3676f;
}
/* line 486, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:first-child {
  background-color: #f4f7fb;
  border-top: 0.03em solid #e6e6e6;
  max-height: 10em;
  overflow: auto;
}
/* line 492, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:first-child::before {
  background-color: #e6e6e6;
  content: " ";
  height: 1px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 100%;
}
/* line 502, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:first-child .fc-widget-content {
  border-width: 0;
}
/* line 505, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:first-child .fc-widget-content > div {
  background-color: #f4f7fb;
}
/* line 508, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:first-child .fc-widget-content > div:hover {
  position: relative;
  z-index: 999;
}
/* line 515, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:first-child .fc-widget-content .fc-timeline-event .fc-content {
  background-color: #d8e9f9;
  border: 1px dashed #1a63c1;
}
/* line 520, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area tr:first-child .fc-widget-content .fc-timeline-event .taskTimeBar {
  display: none;
}
/* line 527, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .calScrollBtn {
  background-color: white;
  color: #333333;
  display: inline-block;
  font-size: 2em;
  height: 1.35em;
  padding: 0;
  outline: none;
  position: absolute;
  top: 0;
  z-index: 2;
}
/* line 539, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .calScrollBtn.scrollLeft {
  left: 0;
}
/* line 542, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .calScrollBtn.scrollLeft::after {
  content: "«";
}
/* line 547, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .calScrollBtn.scrollRight {
  right: 0;
}
/* line 550, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-time-area .calScrollBtn.scrollRight::after {
  content: "»";
}
/* line 557, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-now-indicator.fc-now-indicator-line, .calendarViewContainer .tsScheduleCalendar .fc-now-indicator.fc-now-indicator-arrow::after {
  border-width: 0 1px 0 0;
  border-color: #d8292f;
  border-style: dashed;
}
/* line 563, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-now-indicator.fc-now-indicator-arrow::after {
  content: " ";
  display: inline-block;
  height: 2.8rem;
  left: 0;
  position: absolute;
  top: 0;
}
/* line 574, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-toolbar h2 {
  font-size: 1.2rem;
  margin: 0;
}
/* line 579, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .fc-toolbar .fc-state-default {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #333;
  margin: 0;
  padding: 0;
  text-shadow: none;
  height: 1.6em;
}
/* line 591, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .calenderDVP {
  box-sizing: border-box;
  margin: -0.5em 0;
  padding: 0 0.5em;
  width: 100%;
  /*45% orginal*/
}
/* line 597, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .calenderDVP .icon-user {
  fill: #47bc87;
}
/* line 601, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .calenderDVP .icon-truck {
  fill: #9877b0;
}
/* line 606, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .calenderDVPinfo {
  font-weight: normal;
  font-size: 1rem;
  width: calc(100% + 4px);
  margin: 0 -4px;
}
/* line 613, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .calenderDVPitem {
  cursor: pointer;
  padding: 0.4em 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 90%;
}
/* line 621, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .calenderDVPitem svg {
  vertical-align: middle;
}
/* line 626, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .calenderDVPusage {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  padding: 0.5em 0;
  text-align: center;
  width: 25%;
}
/* line 635, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .calenderDVPdistance {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  padding: 0.5em;
  width: 30%;
}
/* line 643, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .calenderDVPusageBar {
  background-color: #e7ecf2;
  height: 1.6em;
  padding-top: 0.35em;
  position: relative;
  width: 100%;
}
/* line 651, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .calenderDVPusageBarProgress {
  position: relative;
  z-index: 1;
}
/* line 656, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .tsScheduleCalendar .calenderDVPusageBarProgressBg {
  background-color: #c6d4e1;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
/* line 665, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event {
  border: medium none;
  padding: 0;
}
/* line 669, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content {
  background-color: #b0d3f3;
  color: #0d5dbe;
  cursor: move;
  overflow: visible;
  padding: 0.4em;
  position: relative;
  text-align: center;
}
/* line 678, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .jobTitle {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  max-width: calc(100% - 1.2em);
  position: relative;
  text-overflow: ellipsis;
  text-shadow: 0 0 2px #b0b0b0;
  white-space: nowrap;
  z-index: 9;
}
/* line 689, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .jobTitle:hover {
  cursor: pointer;
  text-decoration: underline;
}
/* line 695, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .taskTimeBar {
  border-width: 0 1px;
  border-style: solid;
  border-color: white;
  display: none;
  position: absolute;
  height: 100%;
  top: 0;
  width: 0.3em;
}
/* line 705, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .taskTimeBar.dropoff {
  background-color: #f46d24;
  z-index: 1;
}
/* line 710, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .taskTimeBar.pickups {
  background-color: #46be8a;
  z-index: 1;
}
/* line 715, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .taskTimeBar.taskDelay {
  background-color: #62a8ea;
  border: none;
}
/* line 721, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content.unEditableEvent {
  cursor: default;
}
/* line 725, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .tsCustomTooltip {
  background-color: #1a2934;
  border-radius: 0.2em;
  bottom: 3em;
  box-sizing: border-box;
  color: white;
  cursor: default;
  display: none;
  font-size: 1rem;
  left: 50%;
  padding: 0.5em 0.8em;
  position: absolute;
  text-align: left;
  width: auto;
}
/* line 740, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .tsCustomTooltip.taskInfo {
  margin-left: -8em;
  width: 16em;
}
/* line 745, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .tsCustomTooltip.editedInfo {
  background-color: #c5d3e1;
  color: #333333;
  margin-left: -7.5em;
  width: 15em;
}
/* line 751, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .tsCustomTooltip.editedInfo::after {
  border-color: #c5d3e1 transparent transparent;
}
/* line 755, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .tsCustomTooltip.editedInfo .editedInfoMsgConfirm {
  overflow: visible;
  width: 1.3em;
}
/* line 760, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .tsCustomTooltip.editedInfo .editUndoConfirmation {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  left: -12em;
  position: relative;
  text-transform: uppercase;
  top: 0;
  width: 13.3em;
}
/* line 771, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .tsCustomTooltip.editedInfo .editUndoConfirmation .undoNoBtn {
  background: none;
  color: #999999;
  font-weight: bold;
  text-transform: uppercase;
}
/* line 779, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .tsCustomTooltip.editedInfo .editedInfoMsg {
  justify-content: space-between;
}
/* line 783, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .tsCustomTooltip.editedInfo .icon-circle-with-minus {
  height: 1.3em;
  stroke: #d8292f;
  stroke-width: 0.2em;
  width: 1.3em;
  cursor: pointer;
}
/* line 792, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .tsCustomTooltip.unEditable {
  background-color: #e3676f;
  margin-left: -5em;
  width: 10em;
  white-space: normal;
}
/* line 798, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .tsCustomTooltip.unEditable::after {
  border-color: #e3676f transparent transparent;
}
/* line 803, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .tsCustomTooltip::before, .calendarViewContainer .fc-timeline-event .fc-content .tsCustomTooltip::after {
  border-color: transparent;
  border-style: solid;
  border-width: 0.6em 0.4em;
  content: " ";
  display: inline-block;
  height: 0;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
}
/* line 816, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .tsCustomTooltip::after {
  border-color: #1a2934 transparent transparent;
  left: calc(50% - 0.4em);
  width: 0;
}
/* line 822, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content .tsCustomTooltip .finishedTaskIcon {
  height: 1.4em;
  margin-right: 0.2em;
  stroke: #46be8a;
  stroke-width: 0.19em;
  vertical-align: middle;
  width: 1.4em;
}
/* line 832, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content:hover .tsCustomTooltip {
  display: block;
}
/* line 837, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content.tsCustomTooltipLeft .tsCustomTooltip {
  bottom: auto;
  left: auto;
  margin-left: 0;
  right: calc(100% + 0.5em);
  top: 0;
}
/* line 844, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content.tsCustomTooltipLeft .tsCustomTooltip::after {
  border-color: transparent transparent transparent #1a2934;
  left: auto;
  right: -0.77em;
  top: 0.7em;
}
/* line 852, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content.tsCustomTooltipLeft .tsCustomTooltip.editedInfo::after {
  border-color: transparent transparent transparent #c5d3e1;
}
/* line 860, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content.tsCustomTooltipRight .tsCustomTooltip {
  bottom: auto;
  right: auto;
  margin-left: 0;
  left: calc(100% + 0.5em);
  top: 0;
}
/* line 867, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content.tsCustomTooltipRight .tsCustomTooltip::after {
  border-color: transparent #1a2934 transparent transparent;
  right: auto;
  left: -0.77em;
  top: 0.7em;
}
/* line 875, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event .fc-content.tsCustomTooltipRight .tsCustomTooltip.editedInfo::after {
  border-color: transparent #c5d3e1 transparent transparent;
}
/* line 883, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event:hover {
  z-index: 999;
}
/* line 886, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .fc-timeline-event:hover .taskTimeBar {
  display: block;
}

/* line 893, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.calendarViewContainer .viewMode .fc-timeline-event .tsCustomTooltip.unEditable {
  display: none;
}

/*****************Hiding fullCalendar Licensing url********************/
/* line 898, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/calendarView/calendar_view.scss */
.fc-license-message {
  display: none;
  z-index: -9999;
  position: absolute;
}
/*!
 * <%= meta.title %> v<%= meta.version %> Stylesheet
 * Docs & License: <%= meta.homepage %>
 * (c) <%= meta.copyright %>
 */



.fc {
	direction: ltr;
	text-align: left;
}

.fc-rtl {
	text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
	font-size: 1em;
}


/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content, /* for gutter border */
.fc-unthemed .fc-popover {
	border-color: #ddd;
}

.fc-unthemed .fc-popover {
	background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
	background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666;
}

.fc-unthemed .fc-today {
	background: #fcf8e3;
}

.fc-highlight { /* when user is selecting cells */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-bgevent { /* default look for background events */
	background: rgb(143, 223, 130);
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-nonbusiness { /* default look for non-business-hours areas */
	/* will inherit .fc-bgevent's styles */
	background: #d7d7d7;
}


/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
	display: inline-block;
	height: 1em;
	line-height: 1em;
	font-size: 1em;
	text-align: center;
	overflow: hidden;
	font-family: "Courier New", Courier, monospace;

	/* don't allow browser text-selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/

.fc-icon:after {
	position: relative;
}

.fc-icon-left-single-arrow:after {
	content: "\02039";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
}

.fc-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
}

.fc-icon-left-double-arrow:after {
	content: "\000AB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-right-double-arrow:after {
	content: "\000BB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-left-triangle:after {
	content: "\25C4";
	font-size: 125%;
	top: 3%;
}

.fc-icon-right-triangle:after {
	content: "\25BA";
	font-size: 125%;
	top: 3%;
}

.fc-icon-down-triangle:after {
	content: "\25BC";
	font-size: 125%;
	top: 2%;
}

.fc-icon-x:after {
	content: "\000D7";
	font-size: 200%;
	top: 6%;
}


/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
	/* force height to include the border and padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	/* dimensions */
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;

	/* text & cursor */
	font-size: 1em; /* normalize */
	white-space: nowrap;
	cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner { margin: 0; padding: 0; }
	
.fc-state-default { /* non-theme */
	border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* icons in buttons */

.fc button .fc-icon { /* non-theme */
	position: relative;
	top: -0.05em; /* seems to be a good adjustment across browsers */
	margin: 0 .2em;
	vertical-align: middle;
}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
}


/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
	display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
	float: left;
	margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
	margin-left: 0;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */
	padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
	margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
	cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
	float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
	float: right;
}

/* unthemed */

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: .9em;
	margin-top: 2px;
}

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
	border-top: 0; /* where they meet, let the header have the border */
}


/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc-divider {
	border-style: solid;
	border-width: 1px;
}

hr.fc-divider {
	height: 0;
	margin: 0;
	padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
	border-width: 1px 0;
}

.fc-clear {
	clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
	/* these element should always cling to top-left/right corners */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-bg {
	bottom: 0; /* strech bg to bottom edge */
}

.fc-bg table {
	height: 100%; /* strech bg to bottom edge */
}


/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
	width: 100%;
	box-sizing: border-box; /* fix scrollbar issue in firefox */
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em; /* normalize cross-browser */
}

.fc th {
	text-align: center;
}

.fc th,
.fc td {
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: top;
}

.fc td.fc-today {
	border-style: double; /* overcome neighboring borders */
}


/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
	/* no visible border by default. but make available if need be (scrollbar width compensation) */
	border-style: solid;
	border-width: 0;
}

.fc-row table {
	/* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
	border-left: 0 hidden transparent;
	border-right: 0 hidden transparent;

	/* no bottom borders on rows */
	border-bottom: 0 hidden transparent; 
}

.fc-row:first-child table {
	border-top: 0 hidden transparent; /* no top border on first row */
}


/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
	position: relative;
}

.fc-row .fc-bg {
	z-index: 1;
}

/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
	bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
	height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
	border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
	z-index: 2;

}

.fc-row .fc-highlight-skeleton {
	z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
	position: relative;
	z-index: 4;
	padding-bottom: 2px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
	z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	/* see-through to the background below */
	background: none; /* in case <td>s are globally styled */
	border-color: transparent;

	/* don't put a border between events and/or the day number */
	border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
.fc-row .fc-helper-skeleton tbody td {
	/* don't put a border between event cells */
	border-top: 0;
}


/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller {
	-webkit-overflow-scrolling: touch;
}

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
	position: relative; /* re-scope all positions */
	width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
	position: relative; /* for resize handle and other inner positioning */
	display: block; /* make the <a> tag block */
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	font-weight: normal; /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
	color: #fff; /* default TEXT color */
	text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
	cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed, /* causes a "warning" cursor. applied on body */
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
	cursor: not-allowed;
}

.fc-event .fc-bg { /* the generic .fc-bg already does position */
	z-index: 1;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25); /* for IE */
}

.fc-event .fc-content {
	position: relative;
	z-index: 2;
}

/* resizer (cursor AND touch devices) */

.fc-event .fc-resizer {
	position: absolute;
	z-index: 4;
}

/* resizer (touch devices) */

.fc-event .fc-resizer {
	display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
	/* only show when hovering or selected (with touch) */
	display: block;
}

/* hit area */

.fc-event.fc-selected .fc-resizer:before {
	/* 40x40 touch area */
	content: "";
	position: absolute;
	z-index: 9999; /* user of this util can scope within a lower z-index */
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
}


/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/

.fc-event.fc-selected {
	z-index: 9999 !important; /* overcomes inline z-index */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected.fc-dragging {
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}


/* Horizontal Events
--------------------------------------------------------------------------------------------------*/

/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
	content: "";
	position: absolute;
	z-index: 3; /* below resizers */
	top: -10px;
	bottom: -10px;
	left: 0;
	right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
	margin-left: 0;
	border-left-width: 0;
	padding-left: 1px; /* replace the border with padding */
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
	margin-right: 0;
	border-right-width: 0;
	padding-right: 1px; /* replace the border with padding */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
	cursor: w-resize;
	left: -1px; /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
	cursor: e-resize;
	right: -1px; /* overcome border */
}

/* resizer (mouse devices) */

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
	width: 7px;
	top: -1px; /* overcome top border */
	bottom: -1px; /* overcome bottom border */
}

/* resizer (touch devices) */

.fc-h-event.fc-selected .fc-resizer {
	/* 8x8 little dot */
	border-radius: 4px;
	border-width: 1px;
	width: 6px;
	height: 6px;
	border-style: solid;
	border-color: inherit;
	background: #fff;
	/* vertically center */
	top: 50%;
	margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
	margin-left: -4px; /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
	margin-right: -4px; /* centers the 8x8 dot on the right edge */
}


/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
	margin: 1px 2px 0; /* spacing between events and edges */
	padding: 0 1px;
}

.fc-day-grid-event.fc-selected:after {
	content: "";
	position: absolute;
	z-index: 1; /* same z-index as fc-bg, behind text */
	/* overcome the borders */
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	/* darkening effect */
	background: #000;
	opacity: .25;
	filter: alpha(opacity=25); /* for IE */
}

.fc-day-grid-event .fc-content { /* force events to be one-line tall */
	white-space: nowrap;
	overflow: hidden;
}

.fc-day-grid-event .fc-time {
	font-weight: bold;
}

/* resizer (cursor devices) */

/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
	margin-left: -2px; /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
	margin-right: -2px; /* to the day cell's edge */
}


/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none;
}

a.fc-more:hover {
	text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
	display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
	z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
	z-index: 2;
	width: 220px;
}

.fc-more-popover .fc-event-container {
	padding: 10px;
}


/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-now-indicator {
	position: absolute;
	border: 0 solid red;
}


/* Utilities
--------------------------------------------------------------------------------------------------*/

.fc-unselectable {
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
	text-align: center;
	margin-bottom: 1em;
}

.fc-toolbar .fc-left {
	float: left;
}

.fc-toolbar .fc-right {
	float: right;
}

.fc-toolbar .fc-center {
	display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
	float: left;
	margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
	margin-left: 0;
}
	
/* title text */

.fc-toolbar h2 {
	margin: 0;
}

/* button layering (for border precedence) */

.fc-toolbar button {
	position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
	z-index: 2;
}
	
.fc-toolbar .fc-state-down {
	z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
	z-index: 4;
}

.fc-toolbar button:focus {
	z-index: 5;
}


/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */
.fc-view > table { /* so dragged elements can be above the view's main element */
	position: relative;
	z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
	/* we are sure there are no day numbers in these views, so... */
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
	min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
	overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* week and day number styling */

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
	padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
	padding-top: 2px;
	padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
	text-align: center;
}

.fc-basic-view .fc-week-number span {
	/* work around the way we do column resizing and ensure a minimum width */
	display: inline-block;
	min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
	text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
	text-align: left;
}

.fc-day-number.fc-other-month {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
	position: relative;
	z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
	vertical-align: middle;
	padding: 0 4px;
	white-space: nowrap;
}

.fc-ltr .fc-axis {
	text-align: right;
}

.fc-rtl .fc-axis {
	text-align: left;
}

.ui-widget td.fc-axis {
	font-weight: normal; /* overcome jqui theme making it bold */
}


/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
	position: relative;
	z-index: 1;
}

.fc-time-grid {
	min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
	border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
	z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-content-col {
	position: relative; /* because now-indicator lives directly inside */
}

.fc-time-grid .fc-content-skeleton {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
}

/* divs within a cell within the fc-content-skeleton */

.fc-time-grid .fc-business-container {
	position: relative;
	z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-highlight-container {
	position: relative;
	z-index: 3;
}

.fc-time-grid .fc-event-container {
	position: relative;
	z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
	z-index: 5;
}

.fc-time-grid .fc-helper-container { /* also is fc-event-container */
	position: relative;
	z-index: 6;
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats td {
	height: 1.5em;
	border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
	border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */
	background: none; /* see through to fc-bg */
}


/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
	position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
	position: absolute;
	left: 0;
	right: 0;
	/* top and bottom will be in by JS */
}


/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
	margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
	margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
	position: absolute;
	z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
	/* background events always span full width */
	left: 0;
	right: 0;
}


/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start { /* events that are continuing from another day */
	/* replace space made by the top border with padding */
	border-top-width: 0;
	padding-top: 1px;

	/* remove top rounded corners */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
	/* replace space made by the top border with padding */
	border-bottom-width: 0;
	padding-bottom: 1px;

	/* remove bottom rounded corners */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}


/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event {
	overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event.fc-selected {
	/* need to allow touch resizers to extend outside event's bounding box */
	/* common fc-selected styles hide the fc-bg, so don't need this anyway */
	overflow: visible;
}

.fc-time-grid-event.fc-selected .fc-bg {
	display: none; /* hide semi-white background, to appear darker */
}

.fc-time-grid-event .fc-content {
	overflow: hidden; /* for when .fc-selected */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
	padding: 0 1px;
}

.fc-time-grid-event .fc-time {
	font-size: .85em;
	white-space: nowrap;
}

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
	/* don't wrap to second line (now that contents will be inline) */
	white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
	/* put the time and title on the same line */
	display: inline-block;
	vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
	display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start); /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
	content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em; /* make the title text the same size as the time */
	padding: 0; /* undo padding from above */
}

/* resizer (cursor device) */

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	overflow: hidden;
	line-height: 8px;
	font-size: 11px;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
	content: "=";
}

/* resizer (touch device) */

.fc-time-grid-event.fc-selected .fc-resizer {
	/* 10x10 dot */
	border-radius: 5px;
	border-width: 1px;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-color: inherit;
	background: #fff;
	/* horizontally center */
	left: 50%;
	margin-left: -5px;
	/* center on the bottom edge */
	bottom: -5px;
}


/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-now-indicator-line {
	border-top-width: 1px;
	left: 0;
	right: 0;
}

/* arrow on axis */

.fc-time-grid .fc-now-indicator-arrow {
	margin-top: -5px; /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
	left: 0;
	/* triangle pointing right... */
	border-width: 5px 0 5px 6px;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
	right: 0;
	/* triangle pointing left... */
	border-width: 5px 6px 5px 0;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
/*!
 * FullCalendar Scheduler v1.3.3
 * Docs & License: http://fullcalendar.io/scheduler/
 * (c) 2016 Adam Shaw
 */

/* TODO: break this file up */

/* Scroller
--------------------------------------------------------------------------------------------------*/


.fc-scroller-clip {
	overflow: hidden; /* for clipping scrollbars */
	position: relative; /* so things like scrollfollowers can attach to this */
}

/* supresses rendering of native scrollbars */
/* on .fc-scroller */
.fc-no-scrollbars {
	background: rgba(255, 255, 255, 0); /* hack for dynamic DOM nodes (in Chrome OSX at least) */
}
.fc-no-scrollbars::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.fc-scroller-canvas {
	position: relative; /* origin for bg */
	box-sizing: border-box; /* so that padding (for gutter) will be part of height */
	min-height: 100%;
}

.fc-scroller-canvas > .fc-bg {
	z-index: 1; /* make default? */
}

.fc-scroller-canvas > .fc-content {
	z-index: 2; /* make default? */
	position: relative; /* origin for inner content */
	border-style: solid;
	border-width: 0;
}

/* for themed, hard to get the border-color, so just forget it (REVISIT) */
.ui-widget .fc-scroller-canvas > .fc-content {
	border-color: transparent;
}

.fc-scroller-canvas.fc-gutter-left > .fc-content { border-left-width: 1px; margin-left: -1px }
.fc-scroller-canvas.fc-gutter-right > .fc-content { border-right-width: 1px; margin-right: -1px }
.fc-scroller-canvas.fc-gutter-top > .fc-content { border-top-width: 1px; margin-top: -1px }
.fc-scroller-canvas.fc-gutter-bottom > .fc-content { border-bottom-width: 1px; margin-bottom: -1px }


/* View Structure
--------------------------------------------------------------------------------------------------*/

.fc-rtl .fc-timeline {
	direction: rtl;
}

.fc-timeline .fc-divider {
	width: 3px;
	border-style: double; /* overcome neighboring borders */
}

.fc-timeline .fc-head > tr > .fc-divider {
	border-bottom: 0;
}

.fc-timeline .fc-body > tr > .fc-divider {
	border-top: 0;
}

.fc-timeline .fc-body .fc-divider.ui-widget-header {
	background-image: none;
}

.fc-scrolled .fc-head .fc-scroller {
	z-index: 2; /* so drop shadow will go above body panes */
}

.fc-timeline.fc-scrolled .fc-head .fc-scroller {
	box-shadow: 0 3px 4px rgba(0,0,0,0.075);
}

.fc-timeline .fc-body .fc-scroller {
	z-index: 1;
}

/*
on all tables that expand to the edges, kill the outer border,
because the container elements take care of it
*/
.fc-timeline .fc-scroller-canvas > div > table,
.fc-timeline .fc-scroller-canvas > div > div > table {
	border-style: hidden;
}


/* Table Cell Common
--------------------------------------------------------------------------------------------------*/

.fc-timeline th,
.fc-timeline td {
	white-space: nowrap;
}

.fc-timeline .fc-cell-content {
	overflow: hidden;
}

.fc-timeline .fc-cell-text {
	padding-left: 4px;
	padding-right: 4px;
}

.fc-timeline .fc-col-resizer {
	cursor: col-resize;
}

/*
Cells at the start of a week
TODO: figure out better styling

.fc-ltr .fc-timeline .fc-em-cell div {
	border-left: 3px solid #eee;
	height: 100%;
}
.fc-rtl .fc-timeline .fc-em-cell {
	border-right-width: 3px;
}
*/

/* head */

.fc-timeline th {
	vertical-align: middle;
}

.fc-timeline .fc-head .fc-cell-content {
	padding-top: 3px;
	padding-bottom: 3px;
}

/* body */

.fc-timeline .fc-body .ui-widget-content {
	background-image: none;
}


/* Resource Area
--------------------------------------------------------------------------------------------------*/

.fc-resource-area {
	width: 30%;
}

.fc-resource-area col {
	width: 40%;
	min-width: 70px; /* will be read by JS */
}

.fc-resource-area col.fc-main-col {
	width: 60%; /* make the first column in a nested setup bigger */
}


.fc-flat .fc-expander-space { /* fc-flat is opposite of fc-nested */
	display: none;
}


.fc-ltr .fc-resource-area tr > * {
	text-align: left;
}
.fc-rtl .fc-resource-area tr > * {
	text-align: right;
}

.fc-resource-area .fc-cell-content {
	padding-left: 4px;
	padding-right: 4px;
}

/* head */

.fc-resource-area .fc-super th {
	text-align: center;
}

.fc-resource-area th > div {
	position: relative;
}

.fc-resource-area th .fc-cell-content {
	position: relative;
	z-index: 1;
}

.fc-resource-area th .fc-col-resizer {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	width: 5px;
}

.fc-ltr .fc-resource-area th .fc-col-resizer {
	right: -3px;
}
.fc-rtl .fc-resource-area th .fc-col-resizer {
	left: -3px;
}

/* body */

tr.fc-collapsed > td, /* before the transition (prevents initial flicker) */
tr.fc-transitioning > td { /* during the transition */
	overflow: hidden; /* prevents absolutely-positioned events from bleeding out */
}

tr.fc-transitioning > td > div {
	transition: margin-top 0.2s;
}

tr.fc-collapsed > td > div {
	margin-top: -10px;
}


.fc-body .fc-resource-area .fc-cell-content { /* might BE the cell */
	padding-top: 8px;
	padding-bottom: 8px;
}

.fc-no-overlap .fc-body .fc-resource-area .fc-cell-content { /* might BE the cell */
	padding-top: 5px;
	padding-bottom: 5px;
}

.fc-resource-area .fc-icon { /* the expander and spacers before the expander */
	width: 1em; /* ensure constant width, esp for empty icons */
	font-size: .9em;
	vertical-align: middle;
	margin-top: -1%;
}

.fc-resource-area .fc-expander {
	cursor: pointer;
	color: #666; /* for the icon within */
}


/* Time Area
--------------------------------------------------------------------------------------------------*/

.fc-time-area col {
	min-width: 2.2em; /* detected by JS */
}

/* head */

.fc-ltr .fc-time-area .fc-chrono th {
	text-align: left;
}
.fc-rtl .fc-time-area .fc-chrono th {
	text-align: right;
}

/* body slats (vertical lines) */

.fc-time-area .fc-slats { /* fc-bg is responsible for a lot of this now! */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.fc-time-area .fc-slats table {
	height: 100%;
}

.fc-time-area .fc-slats .fc-minor {
	border-style: dotted;
}

.fc-time-area .fc-slats td {
	border-width: 0 1px; /* need to do this. sometimes -1 margin wouldn't hide the dotted */
}

.fc-ltr .fc-time-area .fc-slats td {
	border-right-width: 0;
}
.fc-rtl .fc-time-area .fc-slats td {
	border-left-width: 0;
}

/* body content containers
   can be within rows or directly within the pane's content
*/

.fc-time-area .fc-bgevent-container,
.fc-time-area .fc-highlight-container {
	position: absolute;
	z-index: 2; /* only for directly within pane. not for row. overridden later */
	top: 0;
	bottom: 0;
	width: 0;
}

.fc-ltr .fc-time-area .fc-helper-container, /* only within row */
.fc-ltr .fc-time-area .fc-bgevent-container,
.fc-ltr .fc-time-area .fc-highlight-container {
	left: 0;
}
.fc-rtl .fc-time-area .fc-helper-container, /* only within row */
.fc-rtl .fc-time-area .fc-bgevent-container,
.fc-rtl .fc-time-area .fc-highlight-container {
	right: 0;
}

.fc-time-area .fc-bgevent,
.fc-time-area .fc-highlight {
	position: absolute;
	top: 0;
	bottom: 0;
}

/* body resource rows */

.fc-time-area .fc-rows {
	position: relative;
	z-index: 3;
}

.fc-time-area .fc-rows .ui-widget-content {
	background: none;
}

.fc-time-area .fc-rows td > div {
	position: relative;
}

.fc-time-area .fc-rows .fc-bgevent-container,
.fc-time-area .fc-rows .fc-highlight-container {
	z-index: 1;
}

.fc-time-area .fc-event-container {
	position: relative;
	z-index: 2; /* above bgevent and highlight */
	width: 0; /* for event positioning. will end up on correct side based on dir */
}

.fc-time-area .fc-helper-container { /* also an fc-event-container */
	position: absolute;
	z-index: 3;
	top: 0;
}

.fc-time-area .fc-event-container {
	padding-bottom: 8px;
	top: -1px;
}

.fc-time-area tr:first-child .fc-event-container {
	top: 0;
}

.fc-no-overlap .fc-time-area .fc-event-container {
	padding-bottom: 0;
	top: 0;
}


/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-timeline .fc-now-indicator { /* both the arrow and the line */
	z-index: 3; /* one above scroller's fc-content */
	top: 0;
}

.fc-time-area .fc-now-indicator-arrow {
	margin: 0 -6px; /* 5, then one more to counteract scroller's negative margins */
	/* triangle pointing down... */
	border-width: 6px 5px 0 5px;
	border-left-color: transparent;
	border-right-color: transparent;
}

.fc-time-area .fc-now-indicator-line {
	margin: 0 -1px; /* counteract scroller's negative margins */
	bottom: 0;
	border-left-width: 1px;
}


/* Time Grid Events
--------------------------------------------------------------------------------------------------*/

.fc-timeline-event {
	position: absolute;
	border-radius: 0;
	padding: 2px 0;
	margin-bottom: 1px;
}

.fc-no-overlap .fc-timeline-event {
	padding: 5px 0;
	margin-bottom: 0;
}

/* don't overlap grid lines at the event's end */
.fc-ltr .fc-timeline-event { margin-right: 1px }
.fc-rtl .fc-timeline-event { margin-left: 1px }

.fc-timeline-event .fc-content {
	padding: 0 1px;
	white-space: nowrap;
	overflow: hidden;
}

.fc-timeline-event .fc-time {
	font-weight: bold;
	padding: 0 1px;
}

.fc-rtl .fc-timeline-event .fc-time {
	display: inline-block; /* will force it on the other side */
}

.fc-timeline-event .fc-title {
	padding: 0 1px;
}

.fc-timeline-event.fc-selected .fc-bg {
	display: none; /* hide semi-white background, to appear darker */
}


/* follower logic */


.fc-ltr .fc-timeline-event .fc-title {
	padding-left: 10px;
	margin-left: -8px;
}
.fc-rtl .fc-timeline-event .fc-title {
	padding-right: 10px;
	margin-right: -8px;
}

.fc-ltr .fc-timeline-event.fc-not-start .fc-title {
	margin-left: -2px;
}
.fc-rtl .fc-timeline-event.fc-not-start .fc-title {
	margin-right: -2px;
}

.fc-timeline-event.fc-not-start .fc-title,
.fc-body .fc-time-area .fc-following {
	position: relative;
}

.fc-timeline-event.fc-not-start .fc-title:before,
.fc-body .fc-time-area .fc-following:before { /* generic arrow */
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -5px;
	border: 5px solid #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
	opacity: .5;
}

.fc-ltr .fc-timeline-event.fc-not-start .fc-title:before,
.fc-ltr .fc-body .fc-time-area .fc-following:before { /* LTR. left pointing arrow */
	border-left: 0;
	left: 2px;
}

.fc-rtl .fc-timeline-event.fc-not-start .fc-title:before,
.fc-rtl .fc-body .fc-time-area .fc-following:before { /* RTL. right pointing arrow */
	border-right: 0;
	right: 2px;
}


/* License Message
--------------------------------------------------------------------------------------------------*/

.fc-license-message {
	position: absolute;
	z-index: 99999;
	bottom: 1px;
	left: 1px;
	background: #eee;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px 1px 0 0;
	padding: 2px 4px;
	font-size: 12px;
	border-top-right-radius: 3px;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer {
  color: #000000;
  max-height: calc(100vh - 14em);
  padding: 1em 1.56em;
}
/* line 7, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .headerContainer {
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 0 0.5em 0;
  font-size: 2em;
}
/* line 14, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .formContainers .profilePicContainer {
  background-color: white;
  margin: 0 1em 0 0;
  padding: 1em;
}
/* line 18, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .formContainers .profilePicContainer .uploadPicContainer {
  text-align: center;
  padding: 1em 0;
}
/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .formContainers .profilePicContainer .uploadPicContainer p {
  color: #D5D5D5;
  width: 100%;
}
/* line 25, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .formContainers .profilePicContainer .uploadPicContainer .uploadPicBtn {
  height: 100%;
  padding: 0em 3em;
  border-radius: 3px;
  margin: 0em 0.5em;
  color: white;
  background-color: #0067d0;
  border-color: #0067d0;
}
/* line 33, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .formContainers .profilePicContainer .uploadPicContainer .uploadPicBtn i {
  margin: 1em 0.5em;
}
/* line 36, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .formContainers .profilePicContainer .uploadPicContainer .uploadPicBtn p {
  color: white;
}
/* line 40, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .formContainers .profilePicContainer .uploadPicContainer .uploadPicBtnLbl {
  padding: 1em;
}
/* line 42, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .formContainers .profilePicContainer .uploadPicContainer .uploadPicBtnLbl p {
  margin: 0;
}
/* line 48, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .formContainers .formContainer {
  background-color: white;
  margin: 0 1em 0 0;
}
/* line 53, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .formContainers .formContainer input.ng-invalid.ng-touched {
  border: solid 1px #FF0000;
  transition: box-shadow 0.3s, border 0.3s;
}
/* line 56, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .formContainers .formContainer input.ng-invalid.ng-touched:focus {
  border: solid 1px #FF0000;
  box-shadow: 0 0 5px 1px #FF0000;
  outline: #FF0000 auto 5px;
}
/* line 64, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .formContainers .formContainer input.ng-valid.ng-touched {
  border: solid 1px #00FF00;
  transition: box-shadow 0.3s, border 0.3s;
}
/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .formContainers .formContainer input.ng-valid.ng-touched:focus {
  border: solid 1px #00FF00;
  box-shadow: 0 0 5px 1px #00FF00;
  outline: #00FF00 auto 5px;
}
/* line 77, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .btmContainer {
  margin: 1.5em 0 0 0;
  padding-left: 45%;
}
/* line 80, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .btmContainer button {
  border-radius: 10px;
  background-color: #FF0000;
  border-color: #FF0000;
  color: #FFFFFF;
  padding: 0.5em 2em;
}
/* line 86, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_create.scss */
.customerCreateContainer .btmContainer button i {
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0.5em;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_detail.scss */
.customerDetailContainer {
  height: calc(100vh - 4em);
}
/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_detail.scss */
.customerDetailContainer .detailLeftSide .title {
  height: auto;
}
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_detail.scss */
.customerDetailContainer .detailLeftSide .vehicleDetailInfoContainer {
  padding: 1.56rem;
}
/* line 11, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_detail.scss */
.customerDetailContainer .detailLeftSide .vehicleDetailInfoContainer span {
  margin: 0 0 0.5em 0;
}
/* line 14, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_detail.scss */
.customerDetailContainer .detailLeftSide .vehicleDetailInfoContainer .leftContainer {
  text-transform: capitalize;
  font-weight: bold;
}
/* line 18, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_detail.scss */
.customerDetailContainer .detailLeftSide .vehicleDetailInfoContainer .rightContainer {
  margin: 0 0 0 1.5em;
}
/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_detail.scss */
.customerDetailContainer .customerDetailRightSide {
  background-color: #e7ecf2;
  width: 70%;
  height: 100%;
}
/* line 28, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/customer/customer_detail.scss */
.customerDetailContainer .customerDetailRightSide .jobAccordionContainer {
  max-height: calc(100vh - 10em);
  overflow: auto;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer {
  padding: 1.56rem;
  background-color: #e7ecf2;
  height: 100%;
}
/* line 8, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .searchViewTabsContainer .searchContainer {
  border: 0.1rem solid #c5d2e0;
  background-color: white;
  margin-right: 2rem;
}
/* line 12, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .searchViewTabsContainer .searchContainer input {
  font-size: 1.4em;
  padding: 0.5rem;
  border: none;
  height: 1.75em;
  width: 11.75em;
}
/* line 18, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .searchViewTabsContainer .searchContainer input:focus {
  outline: none;
}
/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .searchViewTabsContainer .searchContainer input::-webkit-input-placeholder::first-letter {
  text-transform: capitalize;
}
/* line 25, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .searchViewTabsContainer .searchContainer .iconContainer {
  margin: auto;
  margin-right: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
/* line 30, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .searchViewTabsContainer .searchContainer .iconContainer .icon {
  width: 1.5rem;
  height: 1.5rem;
  fill: #b1a9a9;
}
/* line 38, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .searchViewTabsContainer .viewTabsContainer .viewTabContainer {
  border: 0.1em solid;
  padding: 0.4em 0.7em;
  margin: 0 0.05em;
  border-color: transparent;
  color: #1a1a1a;
  background-color: #a1aab4;
  opacity: 0.3;
}
/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .searchViewTabsContainer .viewTabsContainer .viewTabContainer:hover, .dashboardContainer .searchViewTabsContainer .viewTabsContainer .viewTabContainer.currentlySelected {
  color: white;
  background-color: #1a2934;
  opacity: 1.0;
  cursor: pointer;
}
/* line 53, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .searchViewTabsContainer .viewTabsContainer .viewTabContainer:hover svg.icon-list, .dashboardContainer .searchViewTabsContainer .viewTabsContainer .viewTabContainer.currentlySelected svg.icon-list {
  stroke: white;
}
/* line 56, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .searchViewTabsContainer .viewTabsContainer .viewTabContainer:hover svg.icon-calendar-list, .dashboardContainer .searchViewTabsContainer .viewTabsContainer .viewTabContainer.currentlySelected svg.icon-calendar-list {
  stroke: white;
}
/* line 61, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .searchViewTabsContainer .viewTabsContainer .viewTabContainer svg {
  width: 1.5em;
  height: 1.5em;
}
/* line 64, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .searchViewTabsContainer .viewTabsContainer .viewTabContainer svg.icon-list {
  fill: #1a1a1a;
  stroke: none;
}
/* line 68, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .searchViewTabsContainer .viewTabsContainer .viewTabContainer svg.icon-calendar-list {
  stroke: #1a1a1a;
}
/* line 76, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewStatusTabNAlertContainer {
  padding-right: 1em;
}
/* line 78, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewStatusTabNAlertContainer .listViewStatusTabsContainer {
  color: #737a85;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  width: 70%;
}
/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewStatusTabNAlertContainer .listViewStatusTabsContainer .listViewStatusTabContainer {
  font-size: 1.08em;
  padding: 1.5em 0 0.5em;
  margin: 0 2.5em 0.5em 0;
  color: #b1a9a9;
}
/* line 88, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewStatusTabNAlertContainer .listViewStatusTabsContainer .listViewStatusTabContainer:hover, .dashboardContainer .listViewContainer .listViewStatusTabNAlertContainer .listViewStatusTabsContainer .listViewStatusTabContainer.currentlySelected {
  border-bottom: 3px solid #0067d0;
  color: #1a2934;
  cursor: pointer;
}
/* line 92, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewStatusTabNAlertContainer .listViewStatusTabsContainer .listViewStatusTabContainer:hover .listViewStatusTab, .dashboardContainer .listViewContainer .listViewStatusTabNAlertContainer .listViewStatusTabsContainer .listViewStatusTabContainer.currentlySelected .listViewStatusTab {
  font-weight: bold;
}
/* line 96, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewStatusTabNAlertContainer .listViewStatusTabsContainer .listViewStatusTabContainer.currentlySelected {
  cursor: default;
}
/* line 101, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewStatusTabNAlertContainer .alertLegendContainer {
  width: 30%;
}
/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewStatusTabNAlertContainer .alertLegendContainer .alertTypeContainer {
  padding: 1.5em 0 0.5em 0;
  margin: 0 1em 0 0;
}
/* line 106, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewStatusTabNAlertContainer .alertLegendContainer .alertTypeContainer .alertTypeIcon {
  height: 1em;
  width: 1em;
  border-radius: 50%;
}
/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewStatusTabNAlertContainer .alertLegendContainer .alertTypeContainer .highAlertIcon {
  background-color: #f96868;
}
/* line 114, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewStatusTabNAlertContainer .alertLegendContainer .alertTypeContainer .mediumAlertIcon {
  background-color: #f2a654;
}
/* line 117, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewStatusTabNAlertContainer .alertLegendContainer .alertTypeContainer .normalAlertIcon {
  background-color: #46be8a;
}
/* line 120, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewStatusTabNAlertContainer .alertLegendContainer .alertTypeContainer .alertTypeLbl {
  text-transform: uppercase;
  margin: 0 0 0 0.2em;
}
/* line 128, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .listViewJobsHeaderContainer {
  padding: 0.94em;
  background-color: #c5d2e0;
}
/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .listViewJobsHeaderContainer .listViewJobHeader {
  text-transform: capitalize;
  font-weight: bold;
}
/* line 134, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .listViewJobsHeaderContainer .listViewJobHeader:not(:first-of-type) {
  text-align: center;
}
/* line 137, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .listViewJobsHeaderContainer .listViewJobHeader.searchOpen {
  margin-top: -0.5em;
  margin-bottom: -0.5em;
}
/* line 141, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .listViewJobsHeaderContainer .listViewJobHeader span {
  cursor: pointer;
}
/* line 144, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .listViewJobsHeaderContainer .listViewJobHeader svg.icon-fill-arrow {
  fill: white;
  stroke: none;
  margin-left: 0.3em;
  vertical-align: middle;
  height: 0.7em;
}
/* line 150, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .listViewJobsHeaderContainer .listViewJobHeader svg.icon-fill-arrow.currentSortCol {
  fill: #0067d0;
}
/* line 152, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .listViewJobsHeaderContainer .listViewJobHeader svg.icon-fill-arrow.currentSortCol.sortDesc {
  transform: rotate(180deg);
}
/* line 157, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .listViewJobsHeaderContainer .listViewJobHeader svg.icon-magnifying-glass {
  fill: #1a1a1a;
  width: 2em;
  height: 1.2em;
  vertical-align: middle;
  cursor: pointer;
}
/* line 164, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .listViewJobsHeaderContainer .listViewJobHeader input {
  padding: 0.5em;
  width: 10em;
  border: none;
}
/* line 168, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .listViewJobsHeaderContainer .listViewJobHeader input:focus {
  outline: none;
}
/* line 174, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .listViewJobCell:not(:first-of-type) {
  text-align: center;
}
/* line 177, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .jobStatusColContainer {
  width: 12%;
  min-width: 6rem;
  text-transform: capitalize;
}
/* line 182, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .jobNoColContainer {
  width: 14%;
  min-width: 8rem;
}
/* line 186, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .customerNameColContainer, .dashboardContainer .listViewContainer .listViewJobsContainer .driverNameColContainer {
  min-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 12%;
  white-space: nowrap;
}
/* line 194, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .jobTypeColContainer {
  width: 12%;
  min-width: 8rem;
}
/* line 197, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .jobTypeColContainer.listViewJobCell {
  text-transform: capitalize;
}
/* line 201, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .startTimeColContainer {
  width: 9%;
  min-width: 7rem;
}
/* line 205, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewContainer .listViewJobsContainer .jobActionsColContainer {
  width: 10%;
}
/* line 211, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .listViewJobsMainContainer {
  max-height: calc(100vh - 17.5em);
  overflow: auto;
}
/* line 217, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer {
  border-bottom: 1em solid transparent;
}
/* line 219, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionTitle {
  border-color: transparent;
  background-color: white;
  padding: 1em;
  cursor: pointer;
  justify-content: space-between;
}
/* line 225, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionTitle:hover {
  background-color: white;
}
/* line 228, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionTitle span {
  text-transform: capitalize;
  color: #717a85;
  font-weight: bold;
}
/* line 233, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionTitle svg.icon-arrow {
  fill: #0067d0;
  stroke: #0067d0;
  width: 1em;
  height: 1em;
}
/* line 241, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionContent .jobRowContainer {
  background-color: #f4f7fb;
  padding: 1em;
  border: 1px solid transparent;
  flex-shrink: 0;
  min-height: 3em;
}
/* line 247, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionContent .jobRowContainer:hover {
  background-color: #d0e9ff;
}
/* line 250, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionContent .jobRowContainer.highlight {
  background-color: white;
  color: black;
  cursor: default;
  text-decoration: none;
}
/* line 255, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionContent .jobRowContainer.highlight:hover {
  background-color: #d0e9ff;
}
/* line 260, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionContent .jobRowContainer .jobActionsColContainer.listViewJobCell svg {
  width: 2.5em;
  height: 2em;
  color: white;
  padding: 0.3em;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  border-radius: 15%;
  display: none;
}
/* line 269, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionContent .jobRowContainer .jobActionsColContainer.listViewJobCell svg.cancel-job {
  background-color: #717a85;
}
/* line 272, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionContent .jobRowContainer .jobActionsColContainer.listViewJobCell svg.assign-job {
  background-color: #0067d0;
  fill: white;
  stroke: none;
}
/* line 278, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionContent .jobRowContainer .jobActionsColContainer.listViewJobCell .viewJobDetailsLink {
  display: none;
}
/* line 285, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionContent .jobRowContainer:hover .jobNoColContainer.listViewJobCell,
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionContent .jobRowContainer:hover .customerNameColContainer.listViewJobCell,
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionContent .jobRowContainer:hover .driverNameColContainer.listViewJobCell {
  cursor: pointer;
  color: #0067d0;
  text-decoration: underline;
  text-decoration-style: dotted;
}
/* line 292, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionContent .jobRowContainer:hover .jobActionsColContainer.listViewJobCell svg {
  display: inline-block;
  cursor: pointer;
}
/* line 296, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.dashboardContainer .jobAccordionContainer .accordionElementContainer .accordionContent .jobRowContainer:hover .jobActionsColContainer.listViewJobCell .viewJobDetailsLink {
  display: inline;
  text-transform: capitalize;
  color: #0067d0;
  cursor: pointer;
}

/* line 312, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.viewTabTooltipContainer[style] {
  display: none !important;
}
/* line 315, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.viewTabTooltipContainer._720kb-tooltip._720kb-tooltip-open[style] {
  display: block !important;
}
/* line 319, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/dashboard.scss */
.viewTabTooltipContainer ._720kb-tooltip-title:first-letter {
  text-transform: uppercase;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assign-job-modal aside {
  padding: 0;
  max-width: 76em;
  max-height: 90%;
  overflow: auto;
}

/* line 11, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogHeaderContainer {
  font-size: 2em;
  padding: 1rem;
  justify-content: space-between;
  border-bottom: 0.1em solid #e7ecf2;
}
/* line 16, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogHeaderContainer svg.assignJobDialogCloseIcon {
  cursor: pointer;
  height: 0.7em;
  margin: 0.15em 0;
  min-height: 0.7em;
  min-width: 0.7em;
  stroke: #333333;
  width: 0.7em;
}
/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer {
  padding: 1rem;
  background-color: #e7ecf2;
  width: 45%;
}
/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogJobDetailsHeader {
  justify-content: space-between;
  margin-bottom: 0.1rem;
  padding: 1rem;
  background-color: white;
}
/* line 36, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogJobDetailsHeader .jobId {
  font-size: 1.5em;
  color: #717a85;
  text-transform: capitalize;
}
/* line 41, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogJobDetailsHeader .jobType {
  align-items: center;
  background-color: #f46d24;
  border-radius: 1em;
  display: flex;
  padding: 0.2em 1.8em;
}
/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogJobDetailsHeader .jobType span {
  vertical-align: -webkit-baseline-middle;
  color: white;
}
/* line 52, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogJobDetailsHeader .lastUpdate {
  font-style: italic;
  color: #a1aab4;
  text-align: right;
}
/* line 56, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogJobDetailsHeader .lastUpdate .jobLastUpdatedAtLbl {
  padding-bottom: 0.3em;
}
/* line 58, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogJobDetailsHeader .lastUpdate .jobLastUpdatedAtLbl::first-letter {
  text-transform: capitalize;
}
/* line 64, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogCustomerDetailsContainer {
  padding: 1rem;
  background-color: white;
  margin-bottom: 0.1rem;
}
/* line 68, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogCustomerDetailsContainer .customerDetailsHeaderContainer {
  font-weight: bold;
  font-size: 1.1em;
  padding-bottom: 1em;
}
/* line 73, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogCustomerDetailsContainer .customerDetailsFieldContainer {
  padding: 0.15em 0;
  margin: 0.2em;
  width: 100%;
}
/* line 77, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogCustomerDetailsContainer .customerDetailsFieldContainer .customerDetailsAttribute {
  font-weight: bold;
  font-family: Arial;
  text-transform: capitalize;
  width: 35%;
}
/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogCustomerDetailsContainer .customerDetailsFieldContainer .customerDetailsValue {
  overflow-wrap: break-word;
  width: 65%;
}
/* line 89, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogJobTagsContainer {
  background-color: white;
  padding: 1rem;
  width: 100%;
}
/* line 94, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogJobTagsContainer .jobTagContainer.tagContainer .tagItem {
  background-color: #0067d0;
  white-space: nowrap;
}
/* line 100, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer {
  margin: 1em 0;
  width: 100%;
}
/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer {
  width: 100%;
}
/* line 105, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer:not(:last-of-type) {
  margin-bottom: 1em;
}
/* line 108, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskIconContainer {
  padding: 1rem 0;
  background-color: #c5d2e0;
  text-align: center;
  width: 18%;
}
/* line 113, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskIconContainer svg {
  margin: 0 auto;
  width: 1.8em;
  height: 1.8em;
}
/* line 118, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskIconContainer.pickup {
  color: #62a8ea;
}
/* line 120, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskIconContainer.pickup svg {
  fill: #62a8ea;
  stroke: none;
}
/* line 125, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskIconContainer.dropoff {
  color: #46be8a;
}
/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskIconContainer.dropoff svg {
  fill: #46be8a;
  stroke: none;
}
/* line 132, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskIconContainer span {
  font-size: 0.8em;
}
/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskIconContainer .sequenceCounter {
  color: white;
  border-radius: 50%;
  height: 1.2em;
  margin: 0.3em auto;
  width: 1.2em;
}
/* line 141, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskIconContainer .sequenceCounter.pickupSequenceCounter {
  background-color: #62a8ea;
}
/* line 144, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskIconContainer .sequenceCounter.dropoffSequenceCounter {
  background-color: #46be8a;
}
/* line 149, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskFieldsContainer {
  padding: 1rem;
  background-color: white;
  border-left: 0.1em solid #e7ecf2;
  border-right: 0.1em solid #e7ecf2;
  width: 64%;
}
/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskFieldsContainer .taskFieldContainer {
  padding: 0.3em 0;
}
/* line 157, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskFieldsContainer .taskFieldContainer .iconContainer {
  height: 1em;
  width: 1.3em;
}
/* line 161, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskFieldsContainer .taskFieldContainer .taskFieldIcon {
  fill: none;
  height: 1em;
  margin-right: 0.5em;
  stroke: #a1aab4;
  stroke-width: 0.2em;
  width: 1em;
}
/* line 170, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskFieldsContainer .taskFieldContainer:first-of-type span.taskFieldValue {
  line-height: 1.2em;
  white-space: pre-line;
  width: 95%;
  word-wrap: break-word;
}
/* line 178, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskFieldsContainer .taskFieldContainer:last-of-type span.taskFieldValue {
  color: #a1aab4;
  font-style: italic;
  white-space: pre-line;
  width: 95%;
  word-wrap: break-word;
}
/* line 188, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskRemainingTimeContainer {
  background-color: white;
  font-weight: normal;
  justify-content: center;
  padding: 1rem 0.5rem;
  text-align: center;
  width: 18%;
}
/* line 195, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskRemainingTimeContainer svg {
  margin: 0.5em auto;
  width: 1.5em;
}
/* line 199, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskRemainingTimeContainer.pickup {
  color: #62a8ea;
}
/* line 201, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskRemainingTimeContainer.pickup svg {
  stroke: #62a8ea;
  stroke-width: 0.2em;
}
/* line 206, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskRemainingTimeContainer.dropoff {
  color: #46be8a;
}
/* line 208, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskRemainingTimeContainer.dropoff svg {
  stroke: #46be8a;
  stroke-width: 0.2em;
}
/* line 213, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer .taskRemainingTimeContainer span {
  font-weight: bold;
  font-size: 0.9em;
}
/* line 218, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer.completedJob {
  background-color: #f6f7fb;
  color: #a0a1a5;
  cursor: default;
  opacity: 0.7;
  overflow: hidden;
  position: relative;
}
/* line 225, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer.completedJob::after, .assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer.completedJob::before {
  content: " ";
  display: inline-block;
  position: absolute;
  border-style: solid;
}
/* line 231, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer.completedJob::after {
  border-color: #fff;
  border-width: 0 1px 1px 0;
  bottom: 3px;
  height: 10px;
  right: 4px;
  transform: rotate(30deg);
  width: 5px;
}
/* line 240, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogLeftBodyContainer .assignJobDialogTasksDetailsBodyContainer .taskDetailsContainer.completedJob::before {
  background-color: #d8292f;
  border-color: #d8292f transparent transparent;
  border-width: 14px;
  bottom: -14px;
  height: 0;
  right: -14px;
  transform: rotate(-45deg);
  width: 0;
}
/* line 254, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer {
  padding: 1rem;
  width: 55%;
}
/* line 257, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .teamsPoolsSelectContainer {
  border: 0.1em solid #a1aab4;
  position: relative;
}
/* line 260, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .teamsPoolsSelectContainer .tagsSelectionHeaderContainer {
  justify-content: space-between;
  padding: 1rem;
  background-color: #c5d2e0;
  cursor: pointer;
}
/* line 265, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .teamsPoolsSelectContainer .tagsSelectionHeaderContainer svg.icon-arrow {
  fill: black;
}
/* line 269, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .teamsPoolsSelectContainer .selectedTagsContainer {
  background-color: #c5d2e0;
  flex-wrap: wrap;
  padding: 0 1rem 1rem;
}
/* line 273, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .teamsPoolsSelectContainer .selectedTagsContainer .selectedTagContainer {
  cursor: pointer;
}
/* line 275, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .teamsPoolsSelectContainer .selectedTagsContainer .selectedTagContainer.allTag {
  background-color: #0067d0;
}
/* line 278, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .teamsPoolsSelectContainer .selectedTagsContainer .selectedTagContainer svg.icon-cross {
  height: 0.8em;
  margin-left: 0.5em;
  min-height: 0.8em;
  min-width: 0.8em;
  stroke-width: 0.3em;
  vertical-align: middle;
  width: 0.8em;
}
/* line 289, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .teamsPoolsSelectContainer .tagsListContainer {
  background-color: #f4f7fb;
  border-color: #a1aab4;
  border-style: solid;
  border-width: 0 0.1em 0.1em;
  margin: 0 -1px;
  padding: 1rem;
  position: absolute;
  top: 100%;
  left: 0;
  width: calc(100% + 2px);
  z-index: 1;
}
/* line 301, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .teamsPoolsSelectContainer .tagsListContainer .tagsListHeader {
  font-weight: bold;
}
/* line 305, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .teamsPoolsSelectContainer .tagsListContainer .tagContainer .tagItem {
  max-width: 100%;
  opacity: 0.9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 314, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .teamsPoolsSelectContainer .tagsListContainer .teamTagsListContainer,
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .teamsPoolsSelectContainer .tagsListContainer .poolTagsListContainer {
  flex-wrap: wrap;
  padding-top: 1em;
}
/* line 318, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .teamsPoolsSelectContainer .tagsListContainer .shortHorizontalLine {
  margin: 1em;
  border-bottom-width: 2px;
}
/* line 323, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .teamsPoolsSelectContainer .teamTagContainer.tagItem {
  background-color: #46be8a;
  cursor: pointer;
  white-space: nowrap;
}
/* line 328, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .teamsPoolsSelectContainer .poolTagContainer.tagItem {
  background-color: #946fb4;
  cursor: pointer;
  white-space: nowrap;
}
/* line 334, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .pairsDropdownContainer {
  margin: 0.76em 0;
  border: 0.1em solid #a1aab4;
}
/* line 339, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer span.driverName {
  font-size: 2em;
  color: #62a8ea;
  padding: 0.5em 0;
}
/* line 344, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverProfileDetailsContainer {
  border-bottom: 0.1em dotted #dcdfe6;
}
/* line 346, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverProfileDetailsContainer .driverProfilePicContainer {
  margin-bottom: 1em;
  width: 15%;
}
/* line 349, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverProfileDetailsContainer .driverProfilePicContainer svg.driverProfilePicPlaceholder {
  fill: #dcdfe6;
  background-color: #f4f7fb;
  width: 5em;
  height: 5em;
  border: 0.1em solid #dcdfe6;
}
/* line 356, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverProfileDetailsContainer .driverProfilePicContainer img.driverProfilePic {
  width: 5em;
  height: 5em;
}
/* line 361, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverProfileDetailsContainer .driverContactDetailsContainer {
  width: 45%;
}
/* line 363, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverProfileDetailsContainer .driverContactDetailsContainer .driverContactPlaceholder {
  height: 1em;
  margin: 0.7em 0;
  background-color: #dcdfe6;
}
/* line 368, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverProfileDetailsContainer .driverContactDetailsContainer .driverEmail {
  padding-bottom: 0.2em;
  margin: 0.5em 2em 0 0;
  border-bottom: 1px dotted black;
  display: table;
}
/* line 374, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverProfileDetailsContainer .driverContactDetailsContainer .driverContactNumber {
  margin: 0 2em 0.5em 0;
  padding-top: 0.5em;
}
/* line 380, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverTeamDetailsContainer {
  padding: 1rem 0;
  border-bottom: 0.1em dotted #dcdfe6;
}
/* line 383, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverTeamDetailsContainer .driverTeamHeaderContainer {
  font-weight: bold;
  padding-bottom: 1em;
}
/* line 387, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverTeamDetailsContainer .driverTeamTagContainer {
  flex-flow: row wrap;
}
/* line 389, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverTeamDetailsContainer .driverTeamTagContainer .driverTeamTagPlaceholder {
  background-color: #dcdfe6;
  height: 2em;
  width: 15%;
}
/* line 394, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverTeamDetailsContainer .driverTeamTagContainer .driverTeamTag {
  background-color: #46be8a;
  opacity: 0.9;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
/* line 403, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .vehiclePairsDetailsContainer {
  padding: 1rem 0;
  border-bottom: 0.1em dotted #dcdfe6;
}
/* line 406, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .vehiclePairsDetailsContainer .vehiclePairsHeaderContainer {
  font-weight: bold;
  padding-bottom: 1em;
}
/* line 410, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .vehiclePairsDetailsContainer .vehiclePairsContainer {
  flex-flow: row wrap;
}
/* line 412, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .vehiclePairsDetailsContainer .vehiclePairsContainer .vehiclePairPlaceholder {
  background-color: #dcdfe6;
  height: 2em;
  width: 15%;
}
/* line 417, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .vehiclePairsDetailsContainer .vehiclePairsContainer .vehicelPair {
  background-color: #946fb4;
  max-width: 100%;
  opacity: 0.9;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 426, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverNotesContainer {
  padding: 1rem 0;
}
/* line 428, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverNotesContainer .driverNotesHeader {
  padding-bottom: 1em;
  font-weight: bold;
}
/* line 432, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverNotesContainer .driverNoteContainer {
  background-color: #f4f7fb;
  margin: 0.3rem 0;
  overflow-wrap: break-word;
  padding: 1rem;
}
/* line 437, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverNotesContainer .driverNoteContainer .driverNotePlaceholder {
  background-color: #dcdfe6;
  width: 50%;
  height: 0.5em;
}
/* line 441, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverNotesContainer .driverNoteContainer .driverNotePlaceholder:not(:last-of-type) {
  margin-bottom: 1em;
}
/* line 445, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverNotesContainer .driverNoteContainer .driverNoteContent {
  padding-bottom: 0.5em;
}
/* line 448, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .driverDetailsContainer .driverNotesContainer .driverNoteContainer .driverNotePostDetails {
  font-style: italic;
  color: #a1aab4;
  font-size: 0.9em;
}
/* line 456, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .assignJobDialogActionBtnsContainer {
  margin: 2rem auto;
  justify-content: space-around;
}
/* line 459, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .assignJobDialogActionBtnsContainer .assignJobDialogCancelBtn {
  padding: 1em;
  margin: 0 1em;
  background-color: #717a85;
  color: white;
  cursor: pointer;
}
/* line 465, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .assignJobDialogActionBtnsContainer .assignJobDialogCancelBtn.disabled {
  background-color: #dcdfe6;
  color: #a1aab4;
  cursor: not-allowed;
}
/* line 469, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .assignJobDialogActionBtnsContainer .assignJobDialogCancelBtn.disabled svg {
  fill: none;
  stroke: #a1aab4;
}
/* line 475, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .assignJobDialogActionBtnsContainer .assignJobDialogAssignBtn {
  padding: 1em;
  margin: 0 1em;
  background-color: #0067d0;
  color: white;
  cursor: pointer;
}
/* line 481, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .assignJobDialogActionBtnsContainer .assignJobDialogAssignBtn svg {
  fill: white;
  stroke: none;
}
/* line 485, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .assignJobDialogActionBtnsContainer .assignJobDialogAssignBtn.disabled {
  background-color: #dcdfe6;
  color: #a1aab4;
  cursor: not-allowed;
}
/* line 489, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dashboard/job_assign.scss */
.assignJobDialogContainer .assignJobDialogBodyContainer .assignJobDialogRightBodyContainer .assignJobDialogActionBtnsContainer .assignJobDialogAssignBtn.disabled svg {
  fill: #a1aab4;
  stroke: none;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer {
  position: relative;
  max-height: 80vh;
}
/* line 7, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .iconContainer .icon {
  height: 4.92rem;
  width: 4.92rem;
}
/* line 11, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .iconContainer .icon-circle-with-tick {
  stroke: #46be8a;
}
/* line 14, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .iconContainer .icon-circle-with-crossline {
  stroke: #d8292f;
  fill: #d8292f;
}
/* line 18, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .iconContainer .icon-circle-with-i {
  stroke: #f2a654;
}
/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .iconContainer .icon-circle-with-cross {
  fill: #d8292f;
  stroke: #d8292f;
}
/* line 26, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .iconContainerCrossIcon {
  position: absolute;
  right: 0;
}
/* line 29, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .iconContainerCrossIcon .icon-cross {
  cursor: pointer;
  height: 1.38rem;
  stroke: #333333;
  width: 1.38rem;
}
/* line 36, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .innerContainer {
  margin: 4em;
  align-items: center;
}
/* line 40, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .innerContainer .iconContainer {
  width: 5em;
  height: 5em;
}
/* line 45, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .topContainer {
  padding: 1rem 0;
  position: relative;
}
/* line 48, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .topContainer .iconContainerCrossIcon {
  top: 20%;
}
/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .topContainer .title {
  text-transform: uppercase;
  font-size: 2rem;
  padding: 0;
}
/* line 57, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .dialogMsgContainer {
  max-width: 100%;
  text-align: center;
  margin: 1em 0;
  word-wrap: break-word;
}
/* line 62, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .dialogMsgContainer .specialFont {
  font-size: 2rem;
  color: #404b59;
  line-height: 2.5rem;
}
/* line 68, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .dialogBtn {
  cursor: pointer;
  justify-content: center;
  background-color: #0067d0;
  color: white;
  padding: 0.77rem;
  display: inline-flex;
  border-radius: 3px;
  font-size: 1rem;
  font-weight: 400;
}
/* line 77, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .dialogBtn .icon {
  fill: white;
  stroke: white;
  width: 1.07rem;
  height: 1.07rem;
}
/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .dialogBtn .icon-dashboard {
  fill: none;
}
/* line 86, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .dialogBtn span {
  text-transform: uppercase;
  margin: 0 0 0 0.62rem;
}
/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .btnList {
  justify-content: space-around;
  width: 100%;
}
/* line 94, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .btnList .noBtn {
  cursor: pointer;
  width: 40%;
  background-color: #737a85;
}
/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .btnList .yesBtn {
  cursor: pointer;
  width: 40%;
  background-color: #0067d0;
}
/* line 105, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .primaryBtn {
  background-color: #0067d0;
  color: white;
  border-radius: 3px;
  margin: 0 0 0 1.5rem;
  padding: 0.5rem 1rem;
}
/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .primaryBtn .btnLbl {
  margin: 0 0 0 0.5rem;
  text-transform: uppercase;
}
/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.dialogContainer .primaryBtn .icon-add {
  stroke-width: 0.5em;
}

/* line 122, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.successDialogContainer p {
  font-size: 1.85rem;
  color: #404b59;
  line-height: 1;
  margin-bottom: 1rem;
}

/* line 130, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer {
  align-items: center;
  display: flex;
  margin: 4rem;
  color: #404859;
}
/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogIcon {
  height: 4.92em;
  width: 4.92em;
}
/* line 138, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogIcon.cancelJobIcon {
  fill: #d8292f;
  stroke: #d8292f;
}
/* line 142, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogIcon.createJobIcon {
  fill: none;
  stroke: #d8292f;
}
/* line 146, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogIcon.createJobIcon {
  fill: none;
  stroke: #d8292f;
}
/* line 150, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogIcon.changeModeIcon {
  fill: none;
  stroke: #f2a654;
}
/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogMsgContainer {
  text-align: center;
  margin: 1em 0;
}
/* line 159, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogMsgContainer .confirmationDialogMsgHeader p {
  font-size: 1.85rem;
}
/* line 163, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogMsgContainer .confirmationDialogMsgBody {
  font-size: 1.08em;
  font-weight: 400;
  line-height: 1.5em;
}
/* line 168, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogMsgContainer .shortHorizontalLine {
  margin: 2em auto;
}
/* line 171, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogMsgContainer .confirmationDialogBtnListContainer {
  margin-top: 4em;
}
/* line 173, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogMsgContainer .confirmationDialogBtnListContainer .confirmationDialogBtn {
  color: white;
  padding: 1em 2em;
  border-radius: 3px;
  margin: 0 3rem;
  width: 15em;
  cursor: pointer;
}
/* line 180, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogMsgContainer .confirmationDialogBtnListContainer .confirmationDialogBtn span {
  text-transform: uppercase;
  margin: 0 0 0 0.5em;
}
/* line 184, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogMsgContainer .confirmationDialogBtnListContainer .confirmationDialogBtn.confirmationDialogBtnFailure {
  background-color: #737a85;
}
/* line 187, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogMsgContainer .confirmationDialogBtnListContainer .confirmationDialogBtn.confirmationDialogBtnSuccess {
  background-color: #0067d0;
}
/* line 190, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogMsgContainer .confirmationDialogBtnListContainer .confirmationDialogBtn.viewModeSwitchBtn {
  padding: 1em 0;
  text-align: center;
}
/* line 193, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogMsgContainer .confirmationDialogBtnListContainer .confirmationDialogBtn.viewModeSwitchBtn svg {
  display: none;
}
/* line 195, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogMsgContainer .confirmationDialogBtnListContainer .confirmationDialogBtn.viewModeSwitchBtn svg + span {
  margin-left: 0;
}
/* line 200, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.confirmationDialogContainer .confirmationDialogMsgContainer .confirmationDialogBtnListContainer .confirmationDialogBtn svg {
  width: 1.1em;
  height: 1.1em;
  padding: 0.2em;
  fill: white;
  vertical-align: bottom;
}

/* line 212, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#loadingContainer {
  z-index: 1010;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

/* line 223, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#driverReviewContainer .starListContainer {
  width: 100%;
  justify-content: center;
  margin: 1rem 0;
}
/* line 227, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#driverReviewContainer .starListContainer .starContainer {
  margin: 0 0.5rem;
}
/* line 229, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#driverReviewContainer .starListContainer .starContainer .star {
  fill: white;
  stroke: #e7ecf2;
  stroke-width: 3px;
  width: 3.5rem;
  height: 3.5rem;
}
/* line 238, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#driverReviewContainer .shortHorizontalLine {
  margin: 2em auto;
}
/* line 241, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#driverReviewContainer .driverReviewList {
  overflow-y: auto;
}
/* line 243, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#driverReviewContainer .driverReviewList .star {
  width: 1rem;
  height: 1rem;
  fill: white;
  stroke: #e7ecf2;
  stroke-width: 2px;
}
/* line 250, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#driverReviewContainer .driverReviewList .reviewContainer {
  background-color: #d6dfe9;
  flex-shrink: 0;
  margin-bottom: 1rem;
}
/* line 254, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#driverReviewContainer .driverReviewList .reviewContainer .leftSide {
  padding: 1rem;
  border-right: 1px solid white;
  min-width: 12.5%;
}
/* line 259, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#driverReviewContainer .driverReviewList .reviewContainer .rightSide {
  max-width: 87.8%;
  padding: 1rem;
  word-wrap: break-word;
}
/* line 263, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#driverReviewContainer .driverReviewList .reviewContainer .rightSide .noteLbl {
  margin: 0 0 0.5rem 0;
}
/* line 266, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#driverReviewContainer .driverReviewList .reviewContainer .rightSide .createdAtAndCreatedByLbl {
  margin: auto 0.5rem auto 0;
  font-style: italic;
}
/* line 273, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#driverReviewContainer .emptyDriverReviewLbl {
  text-transform: uppercase;
  font-size: 1.6rem;
  color: #737a85;
  text-align: center;
  margin-bottom: 2rem;
}
/* line 279, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#driverReviewContainer .emptyDriverReviewLbl .lbl {
  margin: auto;
  width: 80%;
}

/* line 287, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#custDetailListContainer .submitBtn {
  flex-shrink: 0;
  margin: 1rem auto;
  padding: 0.5rem;
}
/* line 292, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#custDetailListContainer .topContainer {
  flex-shrink: 0;
}
/* line 295, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#custDetailListContainer .tableContainer {
  border-bottom: 0.1rem solid #b3b3b3;
}
/* line 298, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
#custDetailListContainer .tableContents {
  max-height: calc(100vh - 25em);
}

/* line 304, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer input {
  margin: -0.5rem 0;
  height: 2rem;
}
/* line 309, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .iconContainer {
  width: 1rem;
  height: 1rem;
}
/* line 313, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .iconContainer .icon {
  stroke: black;
  width: 1rem;
  height: 1rem;
}
/* line 319, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .iconContainer .icon-fill-arrow {
  fill: white;
  stroke: white;
}
/* line 324, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .iconContainer .isSelected {
  fill: #0067d0;
  stroke: #0067d0;
}
/* line 330, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .headerLbl {
  margin: 0 0.5rem;
  text-transform: uppercase;
}
/* line 335, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .custDetailListColumn {
  align-items: center;
  padding: 0 0.5rem;
}
/* line 340, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .radioBtnContainer {
  width: 2.5rem;
}
/* line 343, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .radioBtnContainer .iconContainer {
  border-radius: 50%;
  border: 0.1rem solid #b3b3b3;
  width: 1.5rem;
  height: 1.5rem;
}
/* line 349, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .radioBtnContainer .iconContainer .icon {
  display: none;
  fill: #0067d0;
  stroke: #0067d0;
  width: 1.5rem;
  height: 1.5rem;
}
/* line 359, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .picContainer {
  padding: 0 0.5rem;
  width: 4rem;
}
/* line 364, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .custNameContainer, .tableContainer .contactNameContainer, .tableContainer .userGroupContainer {
  width: calc(21.33% - 1.3rem);
}
/* line 368, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .phoneNoContainer, .tableContainer .contactPhoneNoContainer {
  width: calc(18% - 1.3rem);
}
/* line 372, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .tableHeader {
  align-items: center;
  flex-shrink: 0;
  padding: 0.5rem 0;
}
/* line 379, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .tableContents .rowContainer {
  align-items: center;
  border-top: 0.1rem solid #f4f4f6;
  flex-shrink: 0;
  padding: 0.5rem 0;
}
/* line 385, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .tableContents .rowContainer .custDetailListColumn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 392, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .tableContents .rowContainer .picContainer img {
  height: 3rem;
  width: 3rem;
}
/* line 398, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .tableContents .rowContainer:hover {
  background-color: #62a8ea;
}
/* line 401, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .tableContents .rowContainer:hover .iconContainer {
  border: none;
}
/* line 404, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .tableContents .rowContainer:hover .iconContainer .icon {
  display: block;
  fill: #0067d0;
  stroke: #0067d0;
  margin: auto;
  width: 1.5rem;
  height: 1.5rem;
}
/* line 415, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .tableContents .isSelectedRow {
  background-color: #62a8ea;
}
/* line 419, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .tableContents .isSelectedRow .radioBtnContainer .iconContainer {
  border: none;
}
/* line 421, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.tableContainer .tableContents .isSelectedRow .radioBtnContainer .iconContainer .icon {
  display: block;
}

/* line 430, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.largeDialog {
  max-width: 70vw;
}

/* line 434, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/dialogs/dialogs.scss */
.enabled {
  opacity: 1;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.topContainer {
  padding: 1.5em 1em;
}
/* line 5, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.topContainer .subTitleContainer {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 1.5em 0 0;
  background-color: transparent;
  text-transform: capitalize;
  margin-top: auto;
  margin-bottom: auto;
  color: #737a85;
}
/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.topContainer .btn-positive {
  border-radius: 0.3em;
  margin-right: 20px;
  border: none;
}
/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.topContainer .btn-positive span.plusSymbol {
  font-size: 1.5em;
  vertical-align: middle;
}
/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.topContainer .btn-positive span.btnText {
  vertical-align: middle;
}

/* line 28, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer {
  height: 93%;
  /* ==================== Users ==================== */
  /* ==================== End: Users ==================== */
  /* ==================== Completed Jobs ==================== */
  /* ==================== End: Completed Jobs ==================== -/*
  /* ==================== Assets ==================== */
  /* ==================== End: Assets ==================== */
}
/* line 30, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .icon-circle-with-plus {
  height: 1.25em;
  margin: 0.3em 0.5em 0 0;
  stroke: #0067d0;
  stroke-width: 0.2em;
  width: 1.25em;
}
/* line 37, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .icon-fill-arrow {
  fill: white;
}
/* line 40, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .tagContainer {
  overflow-y: visible;
}
/* line 42, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .tagContainer .tagListContainer {
  height: auto;
}
/* line 44, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .tagContainer .tagListContainer svg.icon-cross {
  height: 0.7em;
  margin-top: 0.17em;
  stroke: white;
  stroke-width: 0.25em;
  width: 0.7em;
}
/* line 54, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .nameLbl, .btmContainer .userTypeLbl, .btmContainer .emailLbl {
  padding: 1em 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 61, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .nameLbl {
  width: 20%;
}
/* line 64, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .userTypeLbl {
  width: 12%;
}
/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .emailLbl {
  width: 30%;
}
/* line 70, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .userGroupLbl {
  padding: 1em 0.5em;
  width: 25%;
}
/* line 74, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .lastActiveAtLbl {
  padding: 1em 0.5em;
  width: 13%;
}
/* line 80, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .jobNumberLbl {
  padding: 1em;
  width: 20%;
}
/* line 84, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .dateLbl {
  padding: 1em 0.5em;
  width: 13%;
}
/* line 88, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .customerNameLbl {
  padding: 1em 0.5em;
  width: 22%;
}
/* line 92, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .driverNameLbl {
  padding: 1em 0.5em;
  width: 20%;
}
/* line 96, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .jobTagsLbl {
  padding: 1em 0.5em;
  width: 25%;
}
/* line 102, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .asstDriverLbl {
  padding: 1em 0.5em;
  width: 15%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 15%;
}
/* line 110, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .asstVehicleLbl {
  padding: 1em 0.5em;
  width: 15%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 20%;
}
/* line 118, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .asstVehicleTypeLbl {
  padding: 1em 0.5em;
  width: 15%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 1em 0.5em;
  width: 17%;
}
/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .asstVehiclePoolLbl {
  padding: 1em 0.5em;
  width: 18%;
}
/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .asstDriverTeamLbl {
  padding: 1em 0.5em;
  width: 18%;
}
/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .asstStatusLbl {
  padding: 1em 0.5em;
  width: 12%;
}
/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .assetStatusRed {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #d8292f;
}
/* line 145, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .assetStatusGreen {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #46be8a;
}
/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .asstDriversLbl {
  overflow: hidden;
  padding: 1em 0.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 33%;
}
/* line 158, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.btmContainer .asstVehiclesLbl {
  padding: 1em;
  width: 55%;
}

/* line 165, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.tableHeader {
  background-color: #c5d2e0;
  width: 100%;
  padding: 0 1em;
  font-weight: bold;
}
/* line 171, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.tableHeader .headerContainer.searchOpen {
  margin-top: -0.5em;
  margin-bottom: -0.5em;
}
/* line 175, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.tableHeader .headerContainer svg.icon-magnifying-glass {
  fill: #1a2934;
  width: 1.2em;
  height: 1.2em;
  vertical-align: middle;
}
/* line 181, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.tableHeader .headerContainer .lbl {
  text-transform: capitalize;
}
/* line 184, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.tableHeader .headerContainer svg.icon-fill-arrow {
  fill: white;
  stroke: none;
  margin-left: 0.3em;
  vertical-align: middle;
  height: 0.7em;
}
/* line 190, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.tableHeader .headerContainer svg.icon-fill-arrow.currentSortCol {
  fill: #0067d0;
}
/* line 192, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.tableHeader .headerContainer svg.icon-fill-arrow.currentSortCol.sortDesc {
  transform: rotate(180deg);
}
/* line 197, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.tableHeader .headerContainer input {
  padding: 0.5em;
  width: 10em;
  border: none;
}
/* line 201, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.tableHeader .headerContainer input:focus {
  outline: none;
}

/* line 208, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.tableContents {
  overflow-y: auto;
}
/* line 210, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.tableContents .rowContainer {
  background-color: white;
  padding: 0 1em;
}
/* line 213, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.tableContents .rowContainer .tblRow {
  margin: auto;
}
/* line 217, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.tableContents .tableHighlight {
  background-color: #f4f7fb;
}
/* line 220, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.tableContents .rowContainer:hover {
  background-color: #d0e9ff;
}
/* line 222, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
.tableContents .rowContainer:hover .clickable {
  color: #0067d0;
  text-decoration: underline;
}

@media only screen and (max-width: 115em) {
  /* line 230, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/data_table/data_table.scss */
  .tableContents .action-sheet {
    width: 13em;
  }
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.dropdownDirectiveContainer {
  position: relative;
}
/* line 8, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.dropdownDirectiveContainer .dropdownContainer {
  color: #364150;
  padding: 1rem;
  background-color: #c5d2e0;
  cursor: pointer;
}
/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.dropdownDirectiveContainer .dropdownContainer span {
  width: 100%;
}
/* line 16, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.dropdownDirectiveContainer .dropdownContainer svg.icon-arrow {
  fill: black;
}
/* line 20, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.dropdownDirectiveContainer .dropdownArea {
  background-color: #f4f7fb;
  border-color: #a1aab4;
  border-style: solid;
  border-width: 0 0.1em 0.1em;
  margin: 0 -1px;
  position: absolute;
  left: 0;
  max-height: 14rem;
  overflow-y: auto;
  color: #364150;
  transition: transform 0.3s linear;
  transform-origin: top left;
  width: calc(100% + 2px);
  z-index: 9;
}
/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.dropdownDirectiveContainer .dropdownArea.ng-hide {
  transform: scale(1, 0);
}
/* line 38, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.dropdownDirectiveContainer .dropdownArea .inputContainer {
  background-color: #e2e9f0;
  padding: 0 1rem;
  justify-content: space-between;
}
/* line 42, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.dropdownDirectiveContainer .dropdownArea .inputContainer input {
  background-color: #e2e9f0;
  border: none;
  width: 98%;
  margin: 0;
  padding: 0;
}
/* line 49, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.dropdownDirectiveContainer .dropdownArea .inputContainer input:focus {
  outline: none;
}
/* line 52, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.dropdownDirectiveContainer .dropdownArea .inputContainer svg.icon-magnifying-glass {
  fill: #333333;
  margin: auto;
}
/* line 57, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.dropdownDirectiveContainer .dropdownArea .listContainer {
  overflow-y: auto;
}
/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.dropdownDirectiveContainer .dropdownArea .listContainer .itemContainer {
  padding: 1rem;
  background-color: #c5d2e0;
  width: 100%;
}
/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.dropdownDirectiveContainer .dropdownArea .listContainer .itemContainer:hover {
  background-color: #364150;
  color: #fbfcfc;
  cursor: pointer;
}
/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.dropdownDirectiveContainer .dropdownArea .listContainer .itemContainer:hover .icon {
  stroke: #fbfcfc;
}
/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.dropdownDirectiveContainer .dropdownArea .listContainer .itemContainer .icon {
  stroke: #0067d0;
}

/* line 80, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .tooltipHeader {
  justify-content: space-between;
}
/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer img {
  max-width: 100%;
}
/* line 86, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer[style] {
  visibility: hidden !important;
}
/* line 89, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer._720kb-tooltip {
  padding: 1em;
  background-color: #364150;
  width: 20em;
}
/* line 94, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer._720kb-tooltip._720kb-tooltip-open[style] {
  z-index: 1000;
  visibility: visible !important;
}
/* line 98, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .driverContainer {
  width: 100%;
}
/* line 100, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .driverContainer .title {
  text-transform: uppercase;
  font-size: 1rem;
}
/* line 104, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .driverContainer .detailsContainer {
  margin: 0.5em 0 0 0;
  max-width: 100%;
  width: 100%;
}
/* line 108, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .driverContainer .detailsContainer .detailsLbls {
  display: flex;
  justify-content: center;
  margin: 0 1em;
  text-align: left;
}
/* line 113, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .driverContainer .detailsContainer .detailsLbls p {
  text-transform: capitalize;
  margin: 0;
}
/* line 120, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .vehicleContainer {
  width: 100%;
  margin: 1em 0 0 0;
}
/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .vehicleContainer .title {
  text-transform: uppercase;
  font-size: 1rem;
}
/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .vehicleContainer .detailsContainer {
  margin: 0.5em 0 0 0;
  max-width: 100%;
  width: 100%;
}
/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .vehicleContainer .detailsContainer .detailsLbls {
  display: flex;
  justify-content: center;
  margin: 0 1em;
  text-align: left;
}
/* line 136, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .vehicleContainer .detailsContainer .detailsLbls p {
  text-transform: capitalize;
  margin: 0;
}
/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer ._720kb-tooltip-caret::after {
  border-top-color: #364150;
}
/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .eventTooltipMapContainer {
  height: 14em;
  width: 18em;
}
/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .eventTooltipMapContainer .noLocationAlert {
  background-color: #364150;
  color: #f46d24;
  font-size: 0.85em;
  padding: 0.5em;
}
/* line 157, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .eventTooltipMapContainer .noLocationAlert .icon-triangle-alert {
  height: 1.5em;
  margin-right: 0.2em;
  stroke: #f46d24;
  stroke-width: 0.15em;
  vertical-align: middle;
  width: 1.5em;
}
/* line 167, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .rotate90 {
  transform: rotate(90deg);
}
/* line 171, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .rotate180 {
  transform: rotate(180deg);
}
/* line 175, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/dropdown/dropdown.directive.scss */
.tooltipContainer .rotate270 {
  transform: rotate(270deg);
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer {
  height: 100%;
  width: 100%;
}
/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .withMaxChar {
  margin: 1em 0 0.5em 0;
}
/* line 8, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .withMaxChar .detailsLbl {
  margin: 0;
}
/* line 12, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .detailsLbl {
  font-weight: bold;
  text-transform: uppercase;
  margin: 1em 0 0.5em 0;
}
/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer {
  margin: 0 -1.5%;
}
/* line 22, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .hasError {
  border: 2px solid #d8292f;
  background-color: #ffE5E5;
}
/* line 25, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .hasError .titleHeader {
  background-color: #FFCCCC;
  color: #d8292f;
}
/* line 29, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .hasError input {
  border-color: #d8292f;
  background-color: #FFCCCC;
  -webkit-box-shadow: inset 0 0 8px rgba(255, 0, 0, 0.1), 0 0 16px rgba(255, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 8px rgba(255, 0, 0, 0.1), 0 0 16px rgba(255, 0, 0, 0.1);
  box-shadow: inset 0 0 8px rgba(255, 0, 0, 0.1), 0 0 16px rgba(255, 0, 0, 0.1);
}
/* line 37, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer {
  width: 30.33%;
  background-color: white;
  margin: 0 1.5% 0.8em;
}
/* line 42, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer .titleHeader .title {
  text-align: center;
  text-transform: capitalize;
  padding: 0;
  font-size: 1.38rem;
  height: 100%;
}
/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer .titleHeader.pickUp .removeTaskLabel {
  stroke: #0067d0;
  stroke-width: 0.2em;
}
/* line 58, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer .titleHeader.endTime .removeTaskLabel {
  stroke: #f2a654;
  stroke-width: 0.2em;
}
/* line 65, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer .titleHeader.dropOff .removeTaskLabel {
  stroke: #46be8a;
  stroke-width: 0.2em;
}
/* line 72, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer .contents {
  padding: 1em;
}
/* line 74, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer .contents .special {
  font-weight: bold;
  margin: auto;
  padding: 0.5em;
}
/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer .contents textarea {
  margin: 0;
  border: 1px solid #dcdfe6;
}
/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer .contents .taskDatepicker {
  margin: 0;
}
/* line 85, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer .contents .taskDatepicker ._720kb-datepicker-calendar-days-header {
  display: flex;
  justify-content: space-between;
}
/* line 92, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer .contents .timeDurationFieldsContainer .timeFieldsContainer,
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer .contents .timeDurationFieldsContainer .durationFieldsContainer {
  border: 1px solid #dcdfe6;
  width: 45%;
}
/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer .contents .timeDurationFieldsContainer .timeFieldsContainer input,
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer .contents .timeDurationFieldsContainer .durationFieldsContainer input {
  background-color: transparent;
  border: none;
  padding: 0.5rem 0 0.5rem 0.2rem;
  text-align: center;
  width: 45%;
}
/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer .contents .timeDurationFieldsContainer .timeFieldsContainer {
  margin-right: 10%;
}
/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .oneJobFormContainer .contents .addressInput {
  padding: 0.5rem;
}
/* line 112, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .timeDurationLblsContainer {
  margin-top: 1em;
}
/* line 114, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .timeDurationLblsContainer .detailsLbl {
  margin-top: 0;
}
/* line 116, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .timeDurationLblsContainer .detailsLbl:first-of-type {
  width: 55%;
}
/* line 120, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .timeDurationLblsContainer .inputLbl {
  min-width: 45%;
}
/* line 122, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .timeDurationLblsContainer .inputLbl:first-of-type {
  margin-right: 10%;
}
/* line 132, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .pickUp {
  background-color: #eef5fc;
  color: #0067d0;
  align-items: center;
  padding: 0.8rem;
}
/* line 138, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .endTime {
  background-color: #fef3ec;
  color: #f2a654;
}
/* line 142, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .dropOff {
  background-color: #eaf7f1;
  color: #46be8a;
  align-items: center;
  padding: 0.8rem;
}
/* line 148, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .addNewJobContainer {
  cursor: pointer;
  background-color: #f4f7fb;
  width: 30.33%;
  justify-content: center;
  margin: 0 1.5% 0.8em;
}
/* line 154, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .addNewJobContainer .addReqContainer {
  margin: 6em 0;
}
/* line 156, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .addNewJobContainer .addReqContainer .label {
  background-color: #f4f7fb;
  white-space: normal;
  word-wrap: break-word;
  text-transform: capitalize;
  font-size: 1.85rem;
  margin: auto;
  text-align: center;
  max-width: 15.38rem;
  line-height: 1.3em;
  color: #404b59;
  padding: 2.23rem 0;
}
/* line 169, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .addNewJobContainer .addReqContainer .iconContainer {
  width: 5em;
  height: 5em;
  margin: auto;
}
/* line 173, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobFormsContainer .addNewJobContainer .addReqContainer .iconContainer .icon {
  width: 5em;
  height: 5em;
}
/* line 181, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .disposal {
  border: 0.08rem dashed #0067d0;
}
/* line 184, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .disposal .addReqContainer .icon {
  fill: #0067d0;
  stroke: #0067d0;
  stroke-width: 1px;
}
/* line 191, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .disposalLbl {
  color: #0067d0;
}
/* line 194, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .transfer {
  border: 0.08rem dashed #59C395;
}
/* line 197, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .transfer .addReqContainer .icon {
  fill: #59C395;
  stroke: #59C395;
}
/* line 203, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .transferLbl {
  color: #59C395;
}
/* line 206, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobCommentContainer {
  margin: 1rem 0;
  padding: 1rem;
  background-color: white;
}
/* line 210, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobCommentContainer .detailsLbl {
  margin: 0 0 1em 0;
}
/* line 213, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .jobCommentContainer textarea {
  margin: 0;
  padding: 0;
  border: none;
}
/* line 219, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .submitJobBtn {
  margin: auto auto 2rem;
  background-color: #f46d24;
  color: white;
  border-radius: 3px;
  padding: 0.92rem 2.77rem;
  cursor: pointer;
}
/* line 226, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .submitJobBtn svg {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}
/* line 231, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .submitJobBtn .submitJobBtnLbl {
  text-transform: uppercase;
  margin: auto;
  font-size: 0.92rem;
  font-weight: 400;
}
/* line 237, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .hidden {
  visibility: hidden;
}
/* line 240, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .signatureRequire {
  margin-top: 1em;
}
/* line 243, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .signatureRequire .licenseChckboxContainer .iconContainer {
  border: 1px solid #c5d2e0;
  width: 1.5em;
  height: 1.5em;
}
/* line 247, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .signatureRequire .licenseChckboxContainer .iconContainer .icon-tick {
  width: 1em;
  height: 1em;
  visibility: hidden;
}
/* line 253, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .signatureRequire .licenseChckboxContainer .checkboxLbl {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0.5rem;
}
/* line 258, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .signatureRequire .licenseChckboxContainer .isSelected {
  border: 2px solid #0485fe;
}
/* line 260, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .signatureRequire .licenseChckboxContainer .isSelected .icon-tick {
  fill: #0485fe;
  margin: 0.1em 0 0 0.1em;
  stroke: #0485fe;
  stroke-width: 1px;
  visibility: visible;
}
/* line 269, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .signatureRequire .timeDurationLblsContainer {
  margin: 0.2em 0 0 0.5em;
}
/* line 272, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_form/job_form.directive.scss */
.jobFormDirectiveContainer .signatureRequire .timeDurationLblsContainer .inputLbl {
  font-weight: normal;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.highPriorityIcon {
  height: 1em;
  width: 1em;
  border-radius: 50%;
  background-color: #f96868;
}

/* line 10, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.mediumPriorityIcon {
  height: 1em;
  width: 1em;
  border-radius: 50%;
  background-color: #f2a654;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.lowPriorityIcon {
  height: 1em;
  width: 1em;
  border-radius: 50%;
  background-color: #46be8a;
}

/* line 24, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobStatusNPriorityContainer {
  padding: 0 1em 0 1em;
}
/* line 26, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobStatusNPriorityContainer .jobStatusesContainer {
  width: 70%;
}
/* line 29, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobStatusNPriorityContainer .jobStatusesContainer .jobStatusContainer {
  padding: 1.5em 0 0 0;
  margin: 0 2em 0.5em 0;
}
/* line 33, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobStatusNPriorityContainer .jobStatusesContainer .jobStatusContainer:hover {
  border-bottom: 3px solid #0067d0;
  cursor: pointer;
  opacity: 1;
}
/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobStatusNPriorityContainer .jobStatusesContainer .jobStatusContainer .jobStatus {
  text-transform: uppercase;
  font-weight: bold;
}
/* line 44, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobStatusNPriorityContainer .jobStatusesContainer .jobStatusContainer .jobAmount {
  padding: 0.1em;
  background-color: #f96868;
  color: white;
}
/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobStatusNPriorityContainer .jobStatusesContainer .currentlySelected {
  border-bottom: 3px solid #0067d0;
  opacity: 1;
}
/* line 56, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobStatusNPriorityContainer .jobPrioritiesContainer {
  width: 30%;
}
/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobStatusNPriorityContainer .jobPrioritiesContainer .jobPriorityContainer {
  padding: 1.5em 0 0.5em 0;
  margin: 0 1em 0 0;
}
/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobStatusNPriorityContainer .jobPrioritiesContainer .jobPriorityContainer .priorityLbl {
  text-transform: uppercase;
  margin: 0 0 0 0.2em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobListHeader {
  padding: 1em;
  background-color: #c5d2e0;
  justify-content: space-between;
  font-size: 12px;
}
/* line 76, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobListHeader .iconContainer {
  width: 1em;
  height: 1em;
}
/* line 80, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobListHeader .iconContainer .icon-fill-arrow {
  fill: white;
  margin: auto;
  display: block;
}
/* line 86, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobListHeader .iconContainer .icon-magnifying-glass {
  stroke: black;
}
/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobListHeader .searchIcon {
  margin: 0 1rem 0 0;
}
/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobListHeader .headerLbl {
  margin: 0 1rem 0 0;
}
/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobListHeader input {
  margin: -0.5rem 0;
  height: 2rem;
}
/* line 105, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobListHeader .isSelected.icon-fill-arrow {
  fill: #0067d0;
  stroke: #0067d0;
}

/* line 112, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.priorityContainer {
  width: 13%;
}
/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.priorityContainer .priorityCol {
  text-transform: capitalize;
  font-weight: bold;
}

/* line 121, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobNoContainer {
  max-width: calc(100% / 7);
  width: calc(100% / 7);
  word-wrap: break-word;
}
/* line 126, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobNoContainer .jobNoCol {
  text-transform: capitalize;
  font-weight: bold;
}

/* line 133, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.nameContainer {
  max-width: calc(100% / 7 * 1.5);
  width: calc(100% / 7 * 1.5);
  word-wrap: break-word;
}
/* line 138, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.nameContainer .nameCol {
  text-transform: capitalize;
  font-weight: bold;
}

/* line 144, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobTypeContainer {
  max-width: calc(100% / 7);
  width: calc(100% / 7);
  word-wrap: break-word;
}
/* line 149, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobTypeContainer .jobTypeCol {
  text-transform: capitalize;
  font-weight: bold;
}

/* line 158, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.startTimeContainer {
  max-width: calc(100% / 7);
  width: calc(100% / 7);
  word-wrap: break-word;
}
/* line 163, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.startTimeContainer .startTimeCol {
  text-transform: capitalize;
  font-weight: bold;
}

/* line 171, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.detailsContainer {
  max-width: calc(100% / 7);
  width: calc(100% / 7);
  word-wrap: break-word;
}
/* line 176, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.detailsContainer .viewDetailsRow {
  text-transform: capitalize;
  color: #0067d0;
  display: none;
}

/* line 183, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobAccordionContainer .accordionContainer {
  margin: 0 0 1em 0;
}
/* line 186, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobAccordionContainer .accordionContainer .accordionTitle {
  background-color: white;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 0;
  padding: 1em;
  cursor: pointer;
}
/* line 194, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobAccordionContainer .accordionContainer .accordionTitle:hover {
  background-color: #e7ecf2;
  border-color: white;
}
/* line 199, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobAccordionContainer .accordionContainer .accordionContent {
  height: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 1s;
  overflow-y: hidden;
}
/* line 205, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobAccordionContainer .accordionContainer .accordionContent.showByHeight {
  height: auto;
  height: auto;
  overflow-y: hidden;
}
/* line 211, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobAccordionContainer .accordionContainer .accordionContent .jobRowContainer {
  padding: 1em;
  background-color: #f4f7fb;
  justify-content: space-between;
}
/* line 216, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobAccordionContainer .accordionContainer .accordionContent .jobRowContainer:hover {
  background-color: #d0e9ff;
}
/* line 219, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobAccordionContainer .accordionContainer .accordionContent .jobRowContainer:hover .nameRow {
  color: #0067d0;
}
/* line 222, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobAccordionContainer .accordionContainer .accordionContent .jobRowContainer:hover .nameRow span {
  border-bottom: 1px dotted #0067d0;
}
/* line 227, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobAccordionContainer .accordionContainer .accordionContent .jobRowContainer:hover .viewDetailsRow {
  display: inline-block;
}
/* line 230, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobAccordionContainer .accordionContainer .accordionContent .jobRowContainer:hover .clickable {
  color: #0067d0;
  text-decoration: underline;
}
/* line 235, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobAccordionContainer .accordionContainer .accordionContent .jobRowContainer .normalLbl {
  text-transform: capitalize;
}
/* line 238, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobAccordionContainer .accordionContainer .accordionContent .jobRowContainer .jobType {
  text-transform: capitalize;
}
/* line 242, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/job_list/job_list.directive.scss */
.jobAccordionContainer .accordionContainer .accordionContent .oddHighlight {
  background-color: white;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer {
  /* -----Phone Number input spinner off ----- */
  /* ---- End:Phone Number input spinner off ----- */
}
/* line 4, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer {
  margin: 0 0 1em 0;
  justify-content: space-between;
}
/* line 7, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .reduceWidth {
  -webkit-flex: 0 0 32.55%;
  -ms-flex: 0 0 32.55%;
  flex: 0 0 32.55%;
  max-width: 32.55%;
}
/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer input {
  width: 100%;
  margin-bottom: 0;
}
/* line 16, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer input.newNote {
  margin: 1em 0;
}
/* line 20, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer {
  padding: 1em 1em 0 1em;
  background-color: white;
}
/* line 24, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .pictureObjContainer .pictureContainer {
  padding: 0 0.5em 0.5em 0;
}
/* line 26, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .pictureObjContainer .pictureContainer img {
  width: 120px;
}
/* line 30, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .pictureObjContainer .pictureObjRightContainer {
  align-items: center;
  width: 60%;
}
/* line 33, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .pictureObjContainer .pictureObjRightContainer .innerContainer {
  margin: auto;
}
/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .pictureObjContainer .pictureObjRightContainer .innerContainer .uploadPictureBtn {
  position: relative;
  height: 5em;
  border-radius: 3px;
  margin: 0 0 0.5em 0;
  color: #FFFFFF;
  background-color: #0067d0;
  border-color: #0067d0;
  cursor: pointer;
}
/* line 44, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .pictureObjContainer .pictureObjRightContainer .innerContainer .uploadPictureBtn input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .pictureObjContainer .pictureObjRightContainer .innerContainer .uploadPictureBtn svg {
  margin: 2em 0 0 0.5em;
}
/* line 58, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .pictureObjContainer .pictureObjRightContainer .innerContainer .uploadPictureBtn .btnLbl {
  color: #FFFFFF;
  margin: auto;
  text-transform: uppercase;
}
/* line 64, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .pictureObjContainer .pictureObjRightContainer .innerContainer .lbl {
  margin: 0.25em 0;
  text-align: center;
}
/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .txtContainer {
  margin: 0 0 0.5em 0;
}
/* line 73, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .txtContainer .optionLbl {
  text-transform: capitalize;
}
/* line 76, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .txtContainer .btnContainer {
  width: 100%;
}
/* line 78, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .txtContainer .btnContainer .newNotesBtn {
  background-color: #0067d0;
  color: white;
  padding: 0.5em 1em;
  position: relative;
}
/* line 84, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .txtContainer .btnContainer .cancelBtn {
  background-color: #737a85;
  color: white;
  padding: 0.5em 1em;
  margin: 0 1em 0 0;
}
/* line 90, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .txtContainer .btnContainer .disableOverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 100, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .txtContainer .notesBtnContainer {
  justify-content: center;
}
/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .txtContainer .noteContainer {
  background-color: #E7ECF2;
  padding: 0.8em;
  margin: 0 0 0.5em 0;
}
/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .txtContainer .noteContainer .notesLbl {
  flex: 1 1 0;
  overflow: hidden;
  word-wrap: break-word;
}
/* line 112, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .txtContainer .noteContainer .icon {
  stroke: #333333;
}
/* line 116, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .txtContainer ._720kb-datepicker-calendar {
  display: none;
}
/* line 120, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .txtContainer ._720kb-datepicker-open {
  display: inline-block;
}
/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .txtContainer.required svg.requiredAlert, .newAssetFormContainer .allFormContainer .formContainer .txtContainer.notRequiredBut svg.requiredAlert {
  bottom: 1.8em;
}
/* line 126, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .txtContainer.required select {
  margin-bottom: 0;
}
/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .mobileNumberInputContainer .countryCode {
  width: 20%;
  margin: 0 0.5em 0 0;
}
/* line 136, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .radioBtnBoxContainer {
  width: 100%;
}
/* line 138, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .radioBtnBoxContainer .radioBtnBox {
  width: 100%;
  text-align: center;
  padding: 1em;
  background-color: #F5F8FC;
  border: 1px solid #a1aab4;
  text-transform: capitalize;
}
/* line 146, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .radioBtnBoxContainer .radioBtnBox:first-child {
  border-right: none;
}
/* line 150, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .radioBtnBoxContainer .selectedRadioBtnBox {
  background-color: #D0E9FF;
}
/* line 154, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .licenseContainer {
  margin: 1em 0 0 0;
  justify-content: space-between;
}
/* line 157, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .licenseContainer .hidden {
  visibility: hidden;
}
/* line 160, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .licenseContainer .licenseChckboxContainer {
  margin: 0 0 1rem 0;
  min-width: 20%;
}
/* line 163, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .licenseContainer .licenseChckboxContainer .iconContainer {
  border: 1px solid #a1aab4;
  width: 1.5em;
  height: 1.5em;
}
/* line 167, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .licenseContainer .licenseChckboxContainer .iconContainer .icon-tick {
  width: 1em;
  height: 1em;
  display: block;
  margin: 0.15rem auto;
  visibility: hidden;
}
/* line 175, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .licenseContainer .licenseChckboxContainer .checkboxLbl {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0.5rem;
}
/* line 180, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .licenseContainer .licenseChckboxContainer .isSelected {
  border: 2px solid #0485fe;
}
/* line 182, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .licenseContainer .licenseChckboxContainer .isSelected .icon-tick {
  fill: #0485fe;
  stroke: #0485fe;
  stroke-width: 1px;
  visibility: visible;
}
/* line 192, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .dateNDropdown select {
  text-transform: capitalize;
}
/* line 196, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer input[type="checkbox"], .newAssetFormContainer .allFormContainer .formContainer input[type="radio"] {
  width: 1rem;
  height: 1rem;
}
/* line 200, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer label {
  margin: auto;
}
/* line 204, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .newAssetFormTagPopupContainer .action-sheet {
  padding: 0;
  -webkit-transform: perspective(1) translateX(-95%) translateY(110%);
  transform: perspective(1) translateX(-95%) translateY(115%);
}
/* line 208, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .newAssetFormTagPopupContainer .action-sheet:after {
  border-bottom: 10px solid #F4F7FB;
  top: -9px;
  left: 95%;
}
/* line 213, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .newAssetFormTagPopupContainer .action-sheet:before {
  border-bottom: 10px solid #F4F7FB;
  top: -9px;
  left: 95%;
}
/* line 218, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .allFormContainer .formContainer .newAssetFormTagPopupContainer .action-sheet.is-active {
  -webkit-transform: perspective(1) translateX(-95%) translateY(100%);
  transform: perspective(1) translateX(-95%) translateY(105%);
}
/* line 227, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .submitFormBtnContainer .submitFormBtn {
  margin: auto;
  background-color: #f46d24;
  color: white;
  border-radius: 3px;
  padding: 0.92rem 2.77rem;
  cursor: pointer;
}
/* line 234, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .submitFormBtnContainer .submitFormBtn svg {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}
/* line 239, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer .submitFormBtnContainer .submitFormBtn .btnLbl {
  text-transform: uppercase;
  font-size: 0.92rem;
  font-weight: 400;
  margin: auto;
}
/* line 249, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer input.no-spinner::-webkit-inner-spin-button,
.newAssetFormContainer input.no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* line 254, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/new_asset_form/new_asset_form.directive.scss */
.newAssetFormContainer input.no-spinner {
  -moz-appearance: textfield;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 4, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .iconContainer {
  width: 2em;
  height: 2em;
  padding: 0.5em;
  border-radius: 3px;
}
/* line 10, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .manageTagLbl {
  text-transform: uppercase;
}
/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .title-bar {
  background-color: #FFFFFF;
  text-transform: uppercase;
}
/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .title-bar svg.icon-cross {
  height: 0.5em;
  stroke: black;
  width: 0.6em;
}
/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .contentContainer {
  padding: 0;
  max-height: 30rem;
}
/* line 26, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .contentContainer .tagContainer {
  padding: 0.5em 1em;
}
/* line 28, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .contentContainer .tagContainer .tagItemContainer {
  width: calc(100% - 15em);
}
/* line 30, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .contentContainer .tagContainer .tagItemContainer .tagLbl {
  margin: auto 0;
}
/* line 33, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .contentContainer .tagContainer .tagItemContainer .tagInput {
  height: 100%;
  margin: auto;
  font-size: 1em;
}
/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .contentContainer .tagContainer .btnsContainer {
  margin: auto;
}
/* line 41, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .contentContainer .tagContainer .btnsContainer svg {
  display: block;
  margin: auto;
}
/* line 45, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .contentContainer .tagContainer .btnsContainer .editBtn {
  margin: 0 0.5em 0 0;
  background-color: #0067D0;
}
/* line 49, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .contentContainer .tagContainer .btnsContainer .deleteBtn {
  background-color: #333333;
}
/* line 52, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .contentContainer .tagContainer .btnsContainer .saveBtn {
  margin: 0 0.5em;
  background-color: #0067D0;
}
/* line 56, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .contentContainer .tagContainer .btnsContainer .cancelBtn {
  background-color: #333333;
}
/* line 62, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .btmContainer {
  padding: 1rem;
  margin: 0;
  border-top: 1px solid #ccc;
}
/* line 66, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .btmContainer .lbl {
  text-transform: capitalize;
  margin: 0 0 0.5rem 0;
}
/* line 70, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .btmContainer .newTagForm {
  margin: 0 1rem 0 0;
}
/* line 73, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .btmContainer .addBtn {
  background-color: #0067D0;
  border-color: #0067D0;
  margin: auto;
  padding: 0em 2em;
  margin-right: 0.5em;
}
/* line 80, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .btmContainer .cancelBtn {
  background-color: #333333;
  border-color: #333333;
  margin: auto;
  padding: 0em 2em;
}
/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .btmContainer button .lbl {
  margin: auto;
  text-transform: uppercase;
}
/* line 93, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_modal/tag_modal.directive.scss */
.tagModalDirectiveContainer .isEdit {
  background-color: #D0E9FF;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 5, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_popup/tag_popup.directive.scss */
.tagPopupDirectiveContainer #tagActionSheet .action-sheet {
  padding: 0;
}
/* line 8, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_popup/tag_popup.directive.scss */
.tagPopupDirectiveContainer #tagActionSheet .tagActionSheetBtn {
  cursor: pointer;
}
/* line 12, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_popup/tag_popup.directive.scss */
.tagPopupDirectiveContainer #tagActionSheet .tagActionSheetContents .tagsContainer {
  overflow-y: scroll;
  max-height: 10rem;
}
/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_popup/tag_popup.directive.scss */
.tagPopupDirectiveContainer #tagActionSheet .tagActionSheetContents .tagsContainer .tagItemContainer {
  text-align: left;
  padding: 1em;
}
/* line 18, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_popup/tag_popup.directive.scss */
.tagPopupDirectiveContainer #tagActionSheet .tagActionSheetContents .tagsContainer .tagItemContainer .iconContainer {
  border: 1px solid #a1aab4;
  width: 1.5em;
  height: 1.5em;
}
/* line 22, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_popup/tag_popup.directive.scss */
.tagPopupDirectiveContainer #tagActionSheet .tagActionSheetContents .tagsContainer .tagItemContainer .iconContainer .icon-tick {
  width: 1em;
  height: 1em;
  display: block;
  visibility: hidden;
  margin: 0.15rem auto;
}
/* line 30, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_popup/tag_popup.directive.scss */
.tagPopupDirectiveContainer #tagActionSheet .tagActionSheetContents .tagsContainer .tagItemContainer .itemLbl {
  display: inline-block;
  justify-content: center;
  margin: 0.2em 0 0 1em;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 2.5em);
}
/* line 40, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_popup/tag_popup.directive.scss */
.tagPopupDirectiveContainer #tagActionSheet .tagActionSheetContents .tagsContainer .tagItemContainer .isSelected {
  border: 2px solid #0485fe;
}
/* line 42, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_popup/tag_popup.directive.scss */
.tagPopupDirectiveContainer #tagActionSheet .tagActionSheetContents .tagsContainer .tagItemContainer .isSelected .icon-tick {
  fill: #0485fe;
  stroke: #0485fe;
  stroke-width: 1px;
  visibility: visible;
}
/* line 54, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_popup/tag_popup.directive.scss */
.tagPopupDirectiveContainer #tagActionSheet .tagActionSheetContents .clickableOnHover:hover {
  text-decoration: underline;
  color: #0067d0;
  cursor: pointer;
}
/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_popup/tag_popup.directive.scss */
.tagPopupDirectiveContainer #tagActionSheet .tagActionSheetContents .btmContainer {
  background-color: #C5D2E0;
  margin: auto;
  padding: 0.5rem;
  text-transform: uppercase;
  font-weight: bold;
  justify-content: center;
}
/* line 66, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_popup/tag_popup.directive.scss */
.tagPopupDirectiveContainer #tagActionSheet .tagActionSheetContents .btmContainer span {
  margin: 0 0 0 0.5em;
}
/* line 69, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/directives/tag_popup/tag_popup.directive.scss */
.tagPopupDirectiveContainer #tagActionSheet .tagActionSheetContents .btmContainer .icon {
  fill: #0067d0;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_create.scss */
.driverCreateContainer {
  max-height: calc(100vh - 14em);
  padding: 1em 1.56em;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer {
  height: calc(100vh - 4em);
}
/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .detailLeftSide .title {
  flex-shrink: 0;
  height: auto;
}
/* line 11, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide {
  background-color: #e7ecf2;
  height: 100%;
  width: 70%;
}
/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .driverDetailJoblist {
  height: 50%;
}
/* line 18, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .driverOnlineOfflineStatus {
  background-color: rgba(255, 255, 255, 0.85);
  left: 1.3em;
  position: absolute;
  top: 1.3em;
  width: 14em;
  z-index: 1;
}
/* line 26, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .driverOnlineOfflineStatus .driverOnlineOfflineStatusTitle {
  background-color: #1a2934;
  color: white;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 0.3em 0;
  text-align: center;
  text-transform: uppercase;
}
/* line 37, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .driverOnlineOfflineStatus .onlineStatusIcon, .driverDetailContainer .driverDetailRightSide .driverOnlineOfflineStatus .offlineStatusIcon {
  width: 0.7em;
  height: 0.7em;
  border-radius: 50%;
  margin: 0 0.5em 0 0;
}
/* line 44, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .driverOnlineOfflineStatus .onlineStatusIcon {
  background-color: #46be8a;
}
/* line 48, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .driverOnlineOfflineStatus .offlineStatusIcon {
  background-color: #999999;
}
/* line 52, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .driverOnlineOfflineStatus .driverOnlineOfflineStatusHeader {
  align-items: center;
  justify-content: center;
}
/* line 57, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .driverOnlineOfflineStatus .lastDeviceActivity {
  padding: 0.5em;
  text-align: center;
}
/* line 62, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .jobAccordionContainer {
  max-height: calc(100% - 6.2em);
  overflow: auto;
}
/* line 66, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .driverDetailMapViewContainer {
  height: 50%;
  position: relative;
  width: 100%;
}
/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .liveView {
  border: 1px solid #ccc;
  height: calc(100% - 2.85em);
  width: 100%;
  position: relative;
}
/* line 78, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .maplViewTopBar {
  justify-content: space-between;
  flex-shrink: 0;
  margin-bottom: 0.8em;
  padding: 0 1em;
}
/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .maplViewTopBar h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 0.3em;
  text-transform: uppercase;
}
/* line 90, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .maplViewTopBar button {
  padding: 0.5em 1em;
  margin-left: 1em;
}
/* line 94, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .maplViewTopBar button:hover, .driverDetailContainer .driverDetailRightSide .maplViewTopBar button.displayActive {
  background-color: #666;
  position: relative;
}
/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .maplViewTopBar button.displayActive::after {
  border-color: #666 transparent transparent;
  border-style: solid;
  border-width: 0.5em 0.4em;
  content: " ";
  display: inline-block;
  height: 0;
  margin-left: -0.5em;
  left: 50%;
  position: absolute;
  top: 100%;
  width: 0;
}
/* line 114, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailRightSide .maplViewTopBarDropdown {
  height: calc(100vh - 31em);
}
/* line 118, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailInfoContainer {
  flex-shrink: 0;
  padding: 0 1.56rem 0 1.56rem;
}
/* line 121, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailInfoContainer span {
  margin: 0 0 0.5em 0;
  width: 50%;
}
/* line 125, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailInfoContainer .leftContainer {
  text-transform: capitalize;
  font-weight: bold;
}
/* line 129, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverDetailInfoContainer .rightContainer {
  margin: 0 0 0 1.5em;
}
/* line 133, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/driver/driver_detail.scss */
.driverDetailContainer .driverReviewContainer {
  text-transform: capitalize;
  padding: 0 1.56rem 0 1.56rem;
  flex: 0.25 1 0;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/imageViewer/imageViewer.scss */
.imageViewer-wrapper {
  background-color: #192a34;
  height: 100vh;
}
/* line 5, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/imageViewer/imageViewer.scss */
.imageViewer-wrapper .default {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
/* line 12, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/imageViewer/imageViewer.scss */
.imageViewer-wrapper .default img {
  max-height: 100vh;
  max-width: 100vw;
}
/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/imageViewer/imageViewer.scss */
.imageViewer-wrapper .default img.rotate90, .imageViewer-wrapper .default img.rotate270 {
  max-height: 100vw;
  max-width: 100vh;
}
/* line 25, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/imageViewer/imageViewer.scss */
.imageViewer-wrapper .rotate90 {
  transform: rotate(90deg);
}
/* line 29, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/imageViewer/imageViewer.scss */
.imageViewer-wrapper .rotate180 {
  transform: rotate(180deg);
}
/* line 33, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/imageViewer/imageViewer.scss */
.imageViewer-wrapper .rotate270 {
  transform: rotate(270deg);
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer {
  height: 100%;
}
/* line 5, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer input {
  border: 0.08rem solid #c5d2e0;
  color: #1a2934;
  margin: 0;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
}
/* line 12, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer {
  width: 18.46rem;
  background-color: white;
}
/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .title {
  padding: 2.31rem 0 1.04rem 1.54rem;
  color: #1a2934;
  font-size: 1.85rem;
  font-weight: 400;
}
/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .jobTitleContainer {
  padding: 1.04rem 0 1rem 1.54rem;
  border-bottom: 0.08rem solid #d6dfe9;
  font-size: 1.2em;
}
/* line 25, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .jobTitleContainer .title {
  padding: 0;
  text-transform: capitalize;
  color: #737a85;
  font-size: 1.08rem;
  font-weight: 700;
}
/* line 32, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .newJobContainer {
  padding: 0.77rem 0 0.77rem 1.54rem;
  border-bottom: 0.08rem solid #d6dfe9;
  cursor: pointer;
}
/* line 36, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .newJobContainer:hover, .jobCreateContainer .jobCreateLeftContainer .newJobContainer.isActive {
  background-color: #0067d0;
}
/* line 38, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .newJobContainer:hover .icon, .jobCreateContainer .jobCreateLeftContainer .newJobContainer.isActive .icon {
  stroke: white;
}
/* line 40, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .newJobContainer:hover .icon.icon-transfer, .jobCreateContainer .jobCreateLeftContainer .newJobContainer:hover .icon.icon-transfer-lite, .jobCreateContainer .jobCreateLeftContainer .newJobContainer.isActive .icon.icon-transfer, .jobCreateContainer .jobCreateLeftContainer .newJobContainer.isActive .icon.icon-transfer-lite {
  fill: white;
}
/* line 44, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .newJobContainer:hover .iconLbl, .jobCreateContainer .jobCreateLeftContainer .newJobContainer.isActive .iconLbl {
  color: white;
}
/* line 48, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .newJobContainer .icon {
  height: 2em;
  stroke: #333333;
  width: 2em;
}
/* line 53, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .newJobContainer .icon.icon-transfer, .jobCreateContainer .jobCreateLeftContainer .newJobContainer .icon.icon-transfer-lite {
  fill: #333333;
  stroke: none;
}
/* line 58, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .newJobContainer .iconLbl {
  text-transform: uppercase;
  margin: auto 0.92rem;
  font-size: 1rem;
  font-weight: 400;
  color: #1a2934;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 11.85rem;
}
/* line 68, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .newJobContainer .iconLbl + .iconContainer .icon {
  height: 1.2em;
  fill: white;
  margin-top: 7px;
  stroke-width: 0.01em;
  width: 1.2em;
}
/* line 77, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .newJobContainer.isActive .iconLbl {
  color: white;
}
/* line 81, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .individualJobsListContainer {
  max-height: calc(100vh - 20.5rem);
  overflow: auto;
}
/* line 85, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .individualJobsListContainer .newJobContainer {
  flex-shrink: 0;
}
/* line 88, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .individualJobsListContainer .newJobContainer .deleteTemplateIconContainer .icon {
  display: none;
}
/* line 93, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .individualJobsListContainer .newJobContainer:hover .deleteTemplateIconContainer .icon {
  display: block;
}
/* line 98, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateLeftContainer .individualJobsListContainer .newJobContainer .newTemplateInputFieldContainer {
  width: auto;
}
/* line 105, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer {
  max-height: calc(100vh - 3.7rem);
  width: calc(100% - 18.46rem);
}
/* line 108, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer {
  background-color: #f4f7fb;
  flex-shrink: 0;
}
/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectCustomerContainer {
  border-right: 1px solid #dcdfe6;
  padding: 1rem;
  position: relative;
  min-width: 21.5em;
}
/* line 116, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectCustomerContainer .custDetailLabel {
  text-transform: capitalize;
  font-weight: bold;
  font-size: 1.2em;
  color: #70777e;
  padding-bottom: 0.5em;
}
/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectCustomerContainer .viewAllLoading {
  padding-top: 0.6em;
  padding-left: 1em;
}
/* line 126, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectCustomerContainer .viewAllLoading svg {
  fill: #0067d0;
}
/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectCustomerContainer .custInputSectionContainer .inputContainer {
  position: relative;
}
/* line 133, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectCustomerContainer .custInputSectionContainer .inputContainer .iconContainer {
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  right: 3%;
  top: 25%;
  bottom: 25%;
}
/* line 140, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectCustomerContainer .custInputSectionContainer .inputContainer .iconContainer .icon {
  fill: #333333;
  height: 1.2em;
  width: 1.2em;
  cursor: pointer;
}
/* line 148, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectCustomerContainer .custInputSectionContainer .highlight {
  text-transform: capitalize;
  margin: auto 1em;
  cursor: pointer;
}
/* line 154, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectCustomerContainer .custDetailListContainer {
  background-color: #f4f7fb;
  border: 1px solid #939da9;
  left: 1em;
  max-height: 40em;
  overflow: auto;
  position: absolute;
  top: 5em;
  z-index: 1;
}
/* line 163, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectCustomerContainer .custDetailListContainer .custDetail {
  padding: 0.5em;
  border-bottom: 1px solid #ccc;
  min-height: 4.5em;
}
/* line 167, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectCustomerContainer .custDetailListContainer .custDetail:hover {
  background-color: #0067d0;
  color: #FFFFFF;
  cursor: pointer;
}
/* line 172, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectCustomerContainer .custDetailListContainer .custDetail img {
  margin: 0 0.5em 0 0;
}
/* line 178, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .custDetailsPlaceholderContainer {
  justify-content: space-between;
  display: flex;
  padding: 1rem;
}
/* line 183, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .custDetailsPlaceholderContainer .custProfilePicContainer .custProfilePicPlaceholder {
  fill: #dcdfe6;
  background-color: white;
  width: 4em;
  height: 4em;
  border: 0.1em solid #dcdfe6;
  stroke: none;
}
/* line 193, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .custDetailsPlaceholderContainer .custDetail .custDetailLblPlaceholder {
  height: 1em;
  width: 5em;
  margin: 0.3em 0;
  background-color: #dcdfe6;
}
/* line 199, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .custDetailsPlaceholderContainer .custDetail .custDetailLblNoPlaceholder {
  height: 1em;
  width: 8em;
  margin: 0.7em 0;
  background-color: #dcdfe6;
}
/* line 206, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .custDetailsPlaceholderContainer .viewDetailsPlaceholder {
  margin: 0.2em 2em 0 2em;
  height: 1em;
  width: 5em;
  background-color: #dcdfe6;
}
/* line 213, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectedCustDetailsContainer {
  padding: 1rem;
  width: calc(100% - 21.5rem);
}
/* line 217, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectedCustDetailsContainer .custProfilePicContainer img {
  width: 4em;
  height: 4em;
}
/* line 222, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectedCustDetailsContainer .custDetail {
  padding: 0 0.5em;
  width: calc(25% - 0.8em);
  word-wrap: break-word;
}
/* line 226, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectedCustDetailsContainer .custDetail .custDetailLbl {
  font-weight: bold;
  text-transform: capitalize;
  margin: 0.3em 0;
}
/* line 231, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectedCustDetailsContainer .custDetail .custDetailLblNo {
  margin: 0.3em 0;
  cursor: pointer;
}
/* line 236, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .topPartContainer .selectedCustDetailsContainer .viewDetails {
  margin: 0 4em;
  text-transform: capitalize;
}
/* line 242, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .jobTagContainer {
  margin: 1rem;
  padding: 1rem;
  background-color: white;
}
/* line 246, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .jobTagContainer .inputLbl {
  margin: 0.2em 1em 1em 0;
}
/* line 249, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .jobTagContainer svg.icon-circle-with-plus {
  height: 1.5em;
  stroke: #0067d0;
  width: 1.5em;
}
/* line 254, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .jobTagContainer input[type="checkbox"], .jobCreateContainer .jobCreateRightContainer .jobTagContainer input[type="radio"] {
  width: 1rem;
  height: 1rem;
}
/* line 258, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .jobTagContainer .action-sheet {
  padding: 0;
  -webkit-transform: translateX(-50%) translateY(110%);
  transform: translateX(-50%) translateY(115%);
}
/* line 262, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .jobTagContainer .action-sheet:after {
  border-bottom: 10px solid #F4F7FB;
  top: -9px;
}
/* line 266, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .jobTagContainer .action-sheet:before {
  border-bottom: 10px solid #F4F7FB;
  top: -9px;
}
/* line 270, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .jobTagContainer .action-sheet.is-active {
  -webkit-transform: translateX(-50%) translateY(100%);
  transform: translateX(-50%) translateY(105%);
}
/* line 275, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .jobTagContainer .tagContainer {
  overflow-y: auto;
}
/* line 277, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .jobTagContainer .tagContainer svg.icon-cross {
  stroke: white;
}
/* line 282, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .jobCreateRightContainer .jobFormContainer {
  margin: 0 1rem 1rem 1rem;
  height: 60%;
}
/* line 287, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_create.scss */
.jobCreateContainer .redborder {
  border: #d8292f solid 1px;
  border-right: 1px solid #d8292f !important;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer {
  height: 100%;
}
/* line 5, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .highlight {
  text-transform: capitalize;
  background-color: transparent;
  cursor: pointer;
}
/* line 10, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer {
  background-color: white;
  height: 15rem;
  border-right: 1px solid #e7ecf2;
}
/* line 14, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .header {
  text-transform: uppercase;
  font-weight: bold;
}
/* line 18, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .importantLbl {
  font-weight: bold;
  text-transform: capitalize;
}
/* line 22, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer {
  border-right: 1px solid #e7ecf2;
  width: 40%;
}
/* line 25, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .topSection {
  padding: 1em;
  border-bottom: 1px dotted #e7ecf2;
  justify-content: space-between;
}
/* line 29, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .topSection .jobDetailTitleBar {
  justify-content: space-between;
  width: 100%;
}
/* line 33, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .topSection .jobType {
  background-color: #f46d24;
  border-radius: 12px;
  text-transform: uppercase;
  height: 70%;
  padding: 0.5em 1.5em;
  margin-left: 1em;
  color: white;
}
/* line 42, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .topSection .downloadDeliveryLink {
  color: #0067d0;
  margin: 0.6em 0 0 0.6em;
  text-decoration: underline;
  text-transform: capitalize;
}
/* line 49, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .topSection .iconContainer .icon-circle-with-i {
  width: 1.5em;
  height: 1.5em;
  stroke: black;
}
/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .topSection .rightSection {
  margin: 0 1em 0 0;
}
/* line 57, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .topSection .rightSection span {
  font-style: italic;
}
/* line 62, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .midSection {
  padding: 1em;
  border-bottom: 1px dotted #e7ecf2;
  justify-content: space-between;
}
/* line 66, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .midSection .rightSection {
  text-align: right;
}
/* line 68, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .midSection .rightSection .lastUpdatedContainer {
  font-style: italic;
  letter-spacing: -0.04em;
  margin: 0 0 0.5em;
}
/* line 72, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .midSection .rightSection .lastUpdatedContainer .lastUpdatedLbl {
  text-transform: capitalize;
}
/* line 78, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .midSection .leftSection .statusLbl {
  text-transform: uppercase;
}
/* line 82, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .midSection .statusIcon {
  background-color: #0067d0;
  border-radius: 50%;
  height: 1em;
  margin: 0 0.2em;
  width: 1em;
}
/* line 89, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .midSection .statusIcon.jobStatusBlue {
  background-color: #62A8EA;
}
/* line 93, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .midSection .statusIcon.jobStatusGreen {
  background-color: #46BE8A;
}
/* line 97, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .midSection .statusIcon.jobStatusRed {
  background-color: #F96868;
}
/* line 102, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .btmSection {
  padding: 1em 2em 2em 2em;
  margin: auto;
}
/* line 105, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .btmSection .iconContainer {
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
}
/* line 109, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .btmSection .iconContainer .icon {
  width: 1em;
  height: 1em;
}
/* line 113, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .btmSection .iconContainer .icon-refresh-two-arrows {
  fill: white;
}
/* line 117, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .btmSection .cancelBtn {
  background-color: #717a85;
  color: white;
  text-transform: uppercase;
  padding: 1em 2em;
  border-radius: 0.4em;
  margin: auto 1em auto 0;
  cursor: pointer;
}
/* line 126, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailContainer .btmSection .assignBtn {
  background-color: #0067d0;
  color: white;
  text-transform: uppercase;
  padding: 1em 2em;
  border-radius: 0.4em;
  cursor: pointer;
  margin: auto;
}
/* line 137, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailCustDriverVehicleDetailContainer {
  padding: 1em;
  width: 20%;
  border-right: 1px solid #e7ecf2;
}
/* line 141, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailCustDriverVehicleDetailContainer .header {
  margin: 0 0 1em 0;
}
/* line 145, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailCustDriverVehicleDetailContainer .jobDetailCustDriverVehicleDetaiLeft, .jobDetailContainer .jobDetailTopContainer .jobDetailCustDriverVehicleDetailContainer .jobDetailCustDriverVehicleDetaiRight {
  margin-bottom: 0.5em;
}
/* line 149, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailCustDriverVehicleDetailContainer .jobDetailCustDriverVehicleDetaiLeft {
  padding-right: 1em;
  width: 40%;
}
/* line 154, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailCustDriverVehicleDetailContainer .jobDetailCustDriverVehicleDetaiRight {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 60%;
}
/* line 162, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailJobTagsContainer {
  padding: 1em;
  width: 20%;
}
/* line 166, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailJobTagsContainer .newAssetFormTagPopupContainer ts-tag-popup {
  margin: 0 0.5em;
}
/* line 169, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailJobTagsContainer .newAssetFormTagPopupContainer .tagActionSheetContents {
  padding: 0;
}
/* line 173, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailJobTagsContainer .tagContainer {
  margin-top: 1em;
  max-height: 10em;
  overflow-y: auto;
}
/* line 177, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailJobTagsContainer .tagContainer .tagItem {
  background-color: #0067d0;
  white-space: nowrap;
}
/* line 180, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailJobTagsContainer .tagContainer .tagItem .iconContainer {
  width: 1em;
  height: 1em;
}
/* line 184, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailJobTagsContainer .tagContainer .tagItem svg.icon-cross {
  stroke-width: 0.3em;
}
/* line 187, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailTopContainer .jobDetailJobTagsContainer .tagContainer .tagItem .loadingSpinnerContainer {
  position: initial;
}
/* line 195, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer {
  height: calc(100vh - 19.8em);
  margin: 1em 0 0 0;
}
/* line 199, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer {
  margin-left: 1em;
  width: 40%;
}
/* line 203, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer {
  flex-shrink: 0;
  background-color: white;
}
/* line 207, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .jobDetailTaskHeader {
  align-items: center;
  border-bottom: 1px solid #e7ecf2;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 1em;
}
/* line 216, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .jobDetailTaskHeader .jobDetailTaskHeaderTools .cancelBtn {
  background-color: #999999;
  border-radius: 0.2em;
  color: white;
  padding: 0.5em 1em;
  text-transform: uppercase;
}
/* line 225, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .jobDetailTaskHeader .jobDetailsLblContainer {
  text-transform: uppercase;
  font-weight: bold;
}
/* line 231, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer {
  max-height: calc(100vh - 24em);
  overflow: auto;
}
/* line 235, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer {
  border-bottom: 0.5em solid #e7ecf2;
  min-height: 5em;
  position: relative;
}
/* line 240, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .pickup, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .dropoff {
  color: white;
}
/* line 243, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .pickupSequenceCounter, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .dropoffSequenceCounter {
  background-color: white;
}
/* line 246, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .pickupSequenceCounter {
  color: #46be8a;
}
/* line 249, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .dropoffSequenceCounter {
  color: #f2a654;
}
/* line 252, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskLeftContainer {
  width: 18%;
  padding: 1em 0;
  text-align: center;
  position: relative;
  justify-content: center;
}
/* line 258, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskLeftContainer.pickup {
  background-color: #7dcfb0;
}
/* line 261, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskLeftContainer.dropoff {
  background-color: #f2a654;
}
/* line 264, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskLeftContainer .taskTypeLbl {
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
  margin: 1em 0 0 0;
  font-size: 0.8em;
  margin: 2em 0 0 0;
  white-space: nowrap;
}
/* line 273, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskLeftContainer .icon {
  width: 1.5em;
  height: 1.5em;
}
/* line 277, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskLeftContainer .icon-truck {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  fill: #62a8ea;
  stroke: none;
}
/* line 287, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskLeftContainer .icon-flag {
  fill: white;
  stroke: none;
}
/* line 291, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskLeftContainer .sequenceCounter {
  border-radius: 50%;
  height: 1.5em;
  left: calc(50% - 0.8rem);
  line-height: 1.3em;
  padding: 1px;
  position: absolute;
  text-align: center;
  top: 46%;
  width: 1.5em;
}
/* line 303, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskMidContainer {
  width: 62%;
  padding: 1em;
  position: relative;
}
/* line 307, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskMidContainer .taskPathIndicator {
  display: inline-block;
  height: 0.8em;
  position: absolute;
  right: 0.4em;
  top: 1.4em;
  width: 0.8em;
}
/* line 315, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskMidContainer .taskLocation {
  padding-right: 2em;
  width: 100%;
  word-wrap: break-word;
}
/* line 320, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskMidContainer .iconNLabel {
  padding: 0.3em 0;
}
/* line 323, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskMidContainer .iconNLabel .jobEditAlert {
  position: relative;
}
/* line 326, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskMidContainer .iconNLabel .jobEditAlert .jobEditAlertTooltip {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  display: none;
  left: -14.4em;
  padding: 0.6em 0.5em;
  position: absolute;
  text-align: center;
  top: -2.8em;
  width: 22em;
  z-index: 2;
}
/* line 338, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskMidContainer .iconNLabel .jobEditAlert .jobEditAlertTooltip::first-letter {
  text-transform: uppercase;
}
/* line 342, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskMidContainer .iconNLabel .jobEditAlert .jobEditAlertTooltip::after {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
  border-style: solid;
  border-width: 0.5em;
  content: " ";
  display: inline-block;
  height: 0;
  left: 14.5em;
  position: absolute;
  top: 100%;
  width: 0;
}
/* line 358, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskMidContainer .iconNLabel .jobEditAlert.jobEditAlertFlash .jobEditAlertTooltip, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskMidContainer .iconNLabel .jobEditAlert:hover .jobEditAlertTooltip {
  display: block;
}
/* line 364, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskMidContainer .iconNLabel .icon-alert {
  stroke: #d8292f;
  stroke-width: 0.2em;
}
/* line 369, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskMidContainer .iconContainer {
  height: 1em;
  width: 1.3em;
}
/* line 373, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskMidContainer .icon {
  width: 1em;
  height: 1em;
  stroke: black;
  opacity: 0.5;
  margin: 0 0.5em 0em 0;
}
/* line 380, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskMidContainer .commentLbl {
  font-style: italic;
  opacity: 0.5;
  padding-right: 1em;
  white-space: pre-line;
  width: 100%;
  word-wrap: break-word;
}
/* line 389, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskRightContainer {
  border-left: 1px solid #e7ecf2;
  justify-content: center;
  padding: 1em 0;
  position: relative;
  text-align: center;
  width: 20%;
}
/* line 396, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskRightContainer .icon {
  height: 1.6em;
  margin: 0.2em auto;
  width: 1.6em;
}
/* line 401, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskRightContainer .pickupDuration {
  stroke: #7dcfb0;
}
/* line 404, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskRightContainer .pickupDurationText {
  color: #7dcfb0;
}
/* line 407, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskRightContainer .dropoffDuration {
  stroke: #f2a654;
}
/* line 410, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskRightContainer .dropoffDurationText {
  color: #f2a654;
}
/* line 413, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskRightContainer .jobDetailTaskDelete {
  bottom: 0;
  cursor: pointer;
  position: absolute;
  right: 0;
}
/* line 418, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskRightContainer .jobDetailTaskDelete::before {
  border-color: transparent #f4f4f6 #f4f4f6 transparent;
  border-style: solid;
  border-width: 1.2em;
  bottom: 0;
  content: " ";
  display: inline-block;
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}
/* line 430, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskRightContainer .jobDetailTaskDelete .icon-trash {
  bottom: 0.1em;
  fill: #333333;
  height: 1em;
  margin: 0;
  position: relative;
  right: 0.2em;
  width: 1em;
  z-index: 1;
}
/* line 442, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask {
  background-color: #f6f7fb;
  color: #a0a1a5;
  cursor: default;
  overflow: hidden;
  position: relative;
}
/* line 448, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask .pickup, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask .dropoff {
  opacity: 0.7;
}
/* line 450, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask .pickup ~ .taskRightContainer, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask .dropoff ~ .taskRightContainer {
  line-height: 1.3em;
}
/* line 454, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask::after, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask::before {
  content: " ";
  display: inline-block;
  position: absolute;
  border-style: solid;
  z-index: 1;
}
/* line 461, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask::after {
  border-color: white;
  border-width: 0 1px 1px 0;
  bottom: 3px;
  height: 10px;
  right: 4px;
  transform: rotate(30deg);
  width: 5px;
}
/* line 470, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask::before {
  background-color: #e3676f;
  border-color: #e3676f transparent transparent;
  border-width: 14px;
  bottom: -14px;
  height: 0;
  right: -14px;
  transform: rotate(-45deg);
  width: 0;
}
/* line 481, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskDeleteConfBox, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .cancelledTask {
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1;
}
/* line 490, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskDeleteConfBox {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding-top: 1em;
}
/* line 494, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskDeleteConfBox button {
  border-radius: 0.2em;
  margin: 0.7em 1em;
  padding: 0.5em;
}
/* line 498, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskDeleteConfBox button.deleteConfYes {
  background-color: #0067d0;
}
/* line 501, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .taskDeleteConfBox button.deleteConfCancel {
  background-color: #999999;
}
/* line 506, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .cancelledTask {
  background-color: rgba(255, 255, 255, 0.85);
  color: #d8292f;
  font-weight: lighter;
  padding-top: 3em;
}
/* line 512, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .nonEditableTaskToolTip {
  background-color: #f96868;
  border-radius: 0.2em;
  color: white;
  display: none;
  padding: 1em;
  position: absolute;
  right: calc(20% + 0.6em);
  text-align: center;
  top: 25%;
  width: 12em;
}
/* line 523, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer .nonEditableTaskToolTip::after {
  content: " ";
  display: inline-block;
  height: 0;
  widows: 0;
  border-style: solid;
  border-width: 0.6em;
  border-color: transparent transparent transparent #f96868;
  position: absolute;
  right: -1em;
  top: calc(50% - 0.6em);
}
/* line 538, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask:hover .pickup ~ .taskRightContainer, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.taskInprogress:hover .pickup ~ .taskRightContainer {
  background-color: #7dcfb0;
  color: white;
}
/* line 541, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask:hover .pickup ~ .taskRightContainer .pickupDuration, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.taskInprogress:hover .pickup ~ .taskRightContainer .pickupDuration {
  stroke: white;
}
/* line 544, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask:hover .pickup ~ .taskRightContainer .pickupDurationText, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.taskInprogress:hover .pickup ~ .taskRightContainer .pickupDurationText {
  color: white;
}
/* line 548, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask:hover .dropoff ~ .taskRightContainer, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.taskInprogress:hover .dropoff ~ .taskRightContainer {
  background-color: #f2a654;
  color: white;
}
/* line 551, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask:hover .dropoff ~ .taskRightContainer .dropoffDuration, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.taskInprogress:hover .dropoff ~ .taskRightContainer .dropoffDuration {
  stroke: white;
}
/* line 554, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask:hover .dropoff ~ .taskRightContainer .dropoffDurationText, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.taskInprogress:hover .dropoff ~ .taskRightContainer .dropoffDurationText {
  color: white;
}
/* line 558, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.completedTask:hover .nonEditableTaskToolTip, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer .taskContainer.taskInprogress:hover .nonEditableTaskToolTip {
  display: block;
}
/* line 567, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer.jobDetailTaskEditMode .taskListItemSelected .taskRightContainer .pickupDuration, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer.jobDetailTaskEditMode .taskListItemSelected .taskRightContainer .dropoffDuration {
  stroke: white;
}
/* line 570, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer.jobDetailTaskEditMode .taskListItemSelected .taskRightContainer .pickupDurationText, .jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer.jobDetailTaskEditMode .taskListItemSelected .taskRightContainer .dropoffDurationText {
  color: white;
}
/* line 574, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer.jobDetailTaskEditMode .taskListItemSelected .pickup ~ .taskRightContainer {
  background-color: #7dcfb0;
}
/* line 577, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer.jobDetailTaskEditMode .taskListItemSelected .dropoff ~ .taskRightContainer {
  background-color: #f2a654;
}
/* line 581, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer.jobDetailTaskEditMode .taskRightContainer {
  cursor: pointer;
}
/* line 585, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer.jobDetailTaskEditMode .taskContainer:hover .pickup ~ .taskRightContainer {
  background-color: #7dcfb0;
}
/* line 587, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer.jobDetailTaskEditMode .taskContainer:hover .pickup ~ .taskRightContainer .pickupDuration {
  stroke: white;
}
/* line 590, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer.jobDetailTaskEditMode .taskContainer:hover .pickup ~ .taskRightContainer .pickupDurationText {
  color: white;
}
/* line 594, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer.jobDetailTaskEditMode .taskContainer:hover .dropoff ~ .taskRightContainer {
  background-color: #f2a654;
}
/* line 596, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer.jobDetailTaskEditMode .taskContainer:hover .dropoff ~ .taskRightContainer .dropoffDuration {
  stroke: white;
}
/* line 599, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .taskListContainer.jobDetailTaskEditMode .taskContainer:hover .dropoff ~ .taskRightContainer .dropoffDurationText {
  color: white;
}
/* line 606, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .addNewTask {
  width: 100%;
}
/* line 608, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailLeftContainer .jobDetailTaskContainer .addNewTask .icon-circle-with-plus {
  fill: white;
  height: 1.3em;
  stroke: #0067d0;
  stroke-width: 0.1em;
  vertical-align: middle;
  width: 1.3em;
}
/* line 620, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer {
  margin: 0 1em;
  position: relative;
  width: 60%;
}
/* line 625, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .mapViewRouteSummary {
  background-color: rgba(255, 255, 255, 0.85);
  left: 1.3em;
  position: absolute;
  top: 4em;
  width: 14em;
  z-index: 1;
}
/* line 633, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .mapViewRouteSummary .mapViewRouteSummaryTitle {
  background-color: #1a2934;
  color: white;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 0.3em 0;
  text-align: center;
  text-transform: uppercase;
}
/* line 644, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .mapViewRouteSummary .onlineStatusIcon, .jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .mapViewRouteSummary .offlineStatusIcon {
  width: 0.7em;
  height: 0.7em;
  border-radius: 50%;
  margin: 0 0.5em 0 0;
}
/* line 651, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .mapViewRouteSummary .onlineStatusIcon {
  background-color: #46be8a;
}
/* line 655, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .mapViewRouteSummary .offlineStatusIcon {
  background-color: #999999;
}
/* line 659, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .mapViewRouteSummary .onlineOfflineStatusHeader {
  align-items: center;
  justify-content: center;
}
/* line 664, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .mapViewRouteSummary .lastDeviceActivity {
  padding: 0.5em;
}
/* line 668, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .mapViewRouteSummary .jobDetailsRoureStart, .jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .mapViewRouteSummary .jobDetailsRoureEnd {
  flex-basis: 50%;
  padding: 0.5em;
}
/* line 672, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .mapViewRouteSummary .jobDetailsRoureStart h5, .jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .mapViewRouteSummary .jobDetailsRoureEnd h5 {
  color: #1a2934;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0 0 0.3em;
  text-align: center;
  text-transform: uppercase;
}
/* line 682, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .mapViewRouteSummary .jobDetailsRoureStart {
  border-right: 1px solid #f4f7fb;
}
/* line 687, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .mapViewRouteSummary .jobDetailsRoureStart h5 {
  color: #46be8a;
}
/* line 693, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .mapViewRouteSummary .jobDetailsRoureEnd h5 {
  color: #f46d24;
}
/* line 699, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .liveView {
  border: 1px solid #f4f4f6;
  height: calc(100% - 3em);
  width: 100%;
}
/* line 705, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer {
  background-color: white;
  height: 100%;
  overflow: auto;
}
/* line 709, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .titleHeader {
  color: white;
}
/* line 711, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .titleHeader.pickUp {
  background-color: #7dcfb0;
}
/* line 714, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .titleHeader.dropOff {
  background-color: #f2a654;
}
/* line 717, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .titleHeader .title {
  font-size: 1.2em;
  height: auto;
  padding: 0.7em 1em;
}
/* line 722, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .titleHeader .icon {
  height: 2em;
  margin: 0.5em;
  stroke-width: 0.1em;
  width: 2em;
}
/* line 729, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .contents {
  padding: 1em;
}
/* line 733, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .required .addressInput {
  margin-bottom: 0;
}
/* line 737, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskDatetime {
  flex-shrink: 0;
  margin-top: 1rem;
}
/* line 740, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskDatetime .dateFieldsContainer, .jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskDatetime .timeFieldsContainer, .jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskDatetime .durationFieldsContainer {
  width: 33%;
}
/* line 743, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskDatetime .timeFieldsContainer {
  margin-left: 2%;
}
/* line 747, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskDatetime .dateFieldsContainer .taskDatepicker {
  position: relative;
}
/* line 749, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskDatetime .dateFieldsContainer .taskDatepicker .icon-calendar {
  height: 1.5em;
  position: absolute;
  right: 0.5em;
  stroke: #0067d0;
  top: 0.5em;
  width: 1.5em;
}
/* line 758, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskDatetime .dateFieldsContainer input {
  margin-bottom: 0;
}
/* line 761, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskDatetime .dateFieldsContainer ._720kb-datepicker-calendar {
  height: 16em;
  overflow: auto;
}
/* line 767, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskDatetime .timeFieldsContainer input, .jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskDatetime .durationFieldsContainer input {
  width: 46%;
}
/* line 773, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .required.timeGTCurrentError .requiredErrorMessage {
  display: block;
  margin-top: -1.2em;
  padding-right: 35%;
}
/* line 779, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskComment {
  flex-shrink: 0;
}
/* line 782, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .signatureRequire {
  flex-shrink: 0;
  margin-bottom: 0.8em;
}
/* line 785, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .signatureRequire .iconContainer {
  border: 1px solid #c5d2e0;
  height: 1.5em;
  width: 1.5em;
}
/* line 790, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .signatureRequire .isSelected {
  border: 2px solid #0485fe;
}
/* line 792, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .signatureRequire .isSelected .icon-tick {
  fill: #0485fe;
  margin: 0.1em 0 0 0.1em;
}
/* line 798, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .signatureRequire .timeDurationLblsContainer .inputLbl {
  margin: 0.3em 0 0 0.3em;
  font-weight: normal;
}
/* line 804, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskBtnSet {
  flex-shrink: 0;
  justify-content: center;
}
/* line 807, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskBtnSet button {
  border-radius: 0.2em;
  color: white;
  margin: 0 1em;
  padding: 0.5em 1em;
  text-transform: uppercase;
}
/* line 813, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskBtnSet button.cancelBtn {
  background-color: #999999;
}
/* line 819, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .jobDetailBottomContainer .jobDetailRightContainer .oneJobFormContainer .editTaskBtnSet button .icon {
  stroke-width: 0.2em;
  vertical-align: middle;
}
/* line 829, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
.jobDetailContainer .tagModal .title {
  font-weight: normal;
  height: auto;
  padding-bottom: 0;
}

@media only screen and (max-width: 115em) {
  /* line 838, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_detail.scss */
  .jobDetailJobTagsContainer .action-sheet {
    width: 13em;
  }
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 4, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.event-logs-modal aside {
  padding: 0;
  overflow-y: auto;
}

/* line 11, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogHeaderContainer {
  padding: 1rem;
  justify-content: space-between;
  font-size: 2em;
}
/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogHeaderContainer svg.eventLogsDialogCloseIcon {
  width: 0.7em;
  height: 0.7em;
  margin: 0.15em 0;
  stroke: #333333;
  cursor: pointer;
}
/* line 25, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblHeaderContainer {
  padding: 1rem;
  font-weight: bold;
  background-color: #c5d2e0;
}
/* line 29, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblHeaderContainer .eventLogsTblHeader {
  text-transform: capitalize;
}
/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblHeaderContainer .eventLogsTblHeader:first-child {
  padding-left: 1.2em;
  width: 30%;
}
/* line 37, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer {
  overflow-y: auto;
  padding-bottom: 2em;
}
/* line 40, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer {
  background-color: white;
  cursor: default;
  padding: 1rem 1rem 1.2rem;
  position: relative;
}
/* line 45, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer.highlight {
  background-color: #f4f7fb;
  border-bottom: none;
  color: black;
  text-decoration: none;
}
/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogLocationIconContainer {
  margin-left: -0.45em;
  margin-right: 0.45em;
  width: 1.2em;
}
/* line 57, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogMapIcon .icon-location-marker {
  height: 1.2em;
  pointer-events: none;
  stroke: #0067d0;
  width: 1.2em;
}
/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogMapIcon .icon-location-marker:hover {
  fill: #0067d0;
}
/* line 68, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogShowDetails {
  bottom: -1rem;
  cursor: pointer;
  left: 0;
  position: absolute;
}
/* line 74, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogCompareMode {
  background-color: #e7ecf2;
  left: 0;
  margin: 0 -1em;
  position: relative;
  top: 2em;
  width: calc(100% + 2em);
}
/* line 82, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogCompareMode::before {
  border-color: transparent transparent #1a2934;
  border-style: solid;
  border-width: 0.7em;
  content: " ";
  display: inline-block;
  height: 0;
  left: 50%;
  position: absolute;
  top: -1.2em;
  width: 0;
}
/* line 94, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogCompareMode .eventLogCompareModeHeader {
  background-color: #1a2934;
  color: white;
  padding: 1em;
  position: relative;
  text-transform: uppercase;
}
/* line 100, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogCompareMode .eventLogCompareModeHeader .eventLogCompareModeHeaderTitle {
  text-align: center;
  width: 50%;
}
/* line 104, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogCompareMode .eventLogCompareModeHeader .eventLogCloseDetails {
  cursor: pointer;
  position: absolute;
  right: 0.5em;
  top: 1em;
}
/* line 109, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogCompareMode .eventLogCompareModeHeader .eventLogCloseDetails .icon {
  stroke: white;
}
/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogCompareMode .eventLogCompareModeDetail .eventLogCompareModeDetailPanel {
  border-color: white;
  border-style: solid;
  border-width: 0 0.03em  0.03em 0;
  padding: 1em;
  width: 50%;
}
/* line 121, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogCompareMode .eventLogCompareModeDetail .eventLogCompareModeDetailPanel.cancelledTaskEventLog {
  color: #999999;
  text-decoration: line-through;
}
/* line 126, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogCompareMode .eventLogCompareModeDetail .eventLogCompareModeTaskTitle {
  width: 6em;
}
/* line 129, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogCompareMode .eventLogCompareModeDetail .eventLogCompareModeDetails {
  width: calc(100% - 6em);
}
/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogCompareMode .eventLogCompareModeDetail .eventLogCompareModeDetails .changedEventDataBefore {
  background-color: #fcd0cf;
  overflow-wrap: break-word;
  width: calc(100% - 2em);
}
/* line 136, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogCompareMode .eventLogCompareModeDetail .eventLogCompareModeDetails .changedEventDataAfter {
  background-color: #c3d7bb;
  overflow-wrap: break-word;
  width: calc(100% - 2em);
}
/* line 141, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogCompareMode .eventLogCompareModeDetail .eventLogCompareModeDetails .icon {
  margin-right: 0.5em;
  stroke: #333333;
  width: 1.5em;
}
/* line 148, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer .eventLogCompareMode .icon {
  height: 1em;
  width: 1em;
}
/* line 153, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventLogsTblBodyContainer .eventLogsTblRowContainer.eventLogCompareModeEnabled {
  z-index: 9;
}
/* line 158, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .createdAtColContainer {
  width: calc(30% - 1.2em);
}
/* line 161, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .customerNameColContainer {
  overflow-wrap: break-word;
  padding-right: 1em;
  width: 20%;
}
/* line 166, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventColContainer {
  position: relative;
  width: 50%;
}
/* line 170, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventColContainer .eventColContentInfo {
  margin-right: 0.5em;
  max-width: calc(100% - 2em);
}
/* line 175, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/job_event_log.scss */
.eventLogsDialogContainer .eventLogsDialogBodyContainer .eventLogsTblContainer .eventColContainer .icon-imagePlaceholder {
  width: 1.2em;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/signature_tooltip.scss */
.signatureTooltip {
  width: auto !important;
}
/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/signature_tooltip.scss */
.signatureTooltip .signatureTitle {
  font-weight: bold;
  margin-bottom: 1em;
}
/* line 7, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/signature_tooltip.scss */
.signatureTooltip .signatureContainer {
  align-items: center;
  display: flex;
  height: 8.5em;
  justify-content: center;
  text-align: center;
  width: 8.5em;
}
/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/signature_tooltip.scss */
.signatureTooltip .signatureContainer img {
  max-height: 100%;
}
/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/signature_tooltip.scss */
.signatureTooltip .eventLogsTblRowContainer .icon-imagePlaceholder {
  vertical-align: middle;
  width: 2em;
  stroke-width: 2px;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/job/signature_tooltip.scss */
._720kb-tooltip-caret::after {
  display: none;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.displayHide {
  display: none;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.displayShow {
  display: block;
}

/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.liveViewSection {
  height: calc(100vh - 3.7rem);
}
/* line 11, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.liveViewSection .textEllipsis {
  display: block;
}
/* line 14, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.liveViewSection .liveView {
  width: 55%;
  height: 100%;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.liveViewAssets {
  min-width: 36.8em;
  padding: 1em;
  width: 45%;
}

/* line 24, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.liveViewAssetsHeader {
  justify-content: space-between;
  text-transform: uppercase;
  margin-bottom: 1em;
}
/* line 28, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.liveViewAssetsHeader h1 {
  font-size: 2em;
}
/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.liveViewAssetsHeader .viewHistoricalTracks {
  height: 2.5em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsTable {
  height: calc(100vh - 6.7rem);
  overflow: auto;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsTableHeader, .sgTrackAssetsTableData {
  padding: 0.5em;
  flex-shrink: 0;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsTableHeader {
  background-color: #c5d3e0;
  font-weight: bold;
}
/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsTableHeader svg.icon-fill-arrow {
  fill: white;
  stroke: none;
  margin-left: 0.3em;
  vertical-align: middle;
  height: 0.7em;
}
/* line 53, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsTableHeader svg.icon-fill-arrow.currentSortCol {
  fill: #0067d0;
}
/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsTableHeader svg.icon-fill-arrow.currentSortCol.sortDesc {
  transform: rotate(180deg);
}

/* line 62, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsTable .sgTrackAssetsTableData {
  background-color: #f4f7fc;
}
/* line 65, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsTable .sgTrackAssetsTableData:nth-child(2n -1) {
  background-color: #fff;
}
/* line 68, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsTable div div {
  display: flex;
}

/* line 72, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsSelect {
  width: 1.8em;
}
/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsSelect .iconContainer {
  border: 1px solid #999999;
  height: 1.2em;
  width: 1.2em;
}
/* line 80, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsSelect .iconContainer .icon {
  stroke: none;
  margin: 0 0.08em;
}
/* line 85, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsSelect .iconContainer:hover {
  border-color: #0067d0;
}
/* line 89, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsSelect .iconContainer.isSelected {
  border-color: #0067d0;
}
/* line 92, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsSelect .iconContainer.isSelected .icon {
  fill: #0067d0;
  stroke: none;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsStatus {
  text-transform: capitalize;
  width: calc(15% - 0.45em);
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsDv {
  text-transform: capitalize;
  padding-left: 0.5em;
  width: calc(40% - 0.45em);
}
/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsDv span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* line 113, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsSeen {
  text-transform: capitalize;
  padding-left: 0.5em;
  width: calc(20% - 0.45em);
}

/* line 118, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.sgTrackAssetsSpeed {
  text-transform: capitalize;
  padding-left: 0.5em;
  width: calc(25% - 0.45em);
}

/*.sgTrackAssetsAddress {
  width: calc(29% - 0.36em);
  padding-left: 0.5em;
}*/
/* line 128, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.dvpPairDetails .dvpPairID {
  align-items: center;
  display: flex;
  padding-left: 1em;
  color: #fff;
  font-size: 1.2em;
}

/* line 137, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.mapLoader {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9;
}
/* line 145, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/liveview/liveview.scss */
.mapLoader svg {
  margin: auto;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/login/login.scss */
.login-wrapper {
  background-color: #192a34;
  height: 100vh;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/login/login.scss */
.alr {
  float: right;
}

/* line 10, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/login/login.scss */
.clearfix::after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/login/login.scss */
.loginContainer {
  margin: 0 auto;
  padding-top: 100px;
  width: 360px;
}
/* line 22, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/login/login.scss */
.loginContainer img {
  max-width: 100%;
  margin-bottom: 50px;
}

/* line 28, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/login/login.scss */
.loginContainer_form {
  background-color: #f5f5ef;
  border-radius: 10px;
  padding: 30px;
}
/* line 33, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/login/login.scss */
.loginContainer_form label {
  color: #3b3b3b;
  font-weight: bold;
}
/* line 38, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/login/login.scss */
.loginContainer_form button {
  display: inline-block;
  padding: 5px 15px;
}
/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/login/login.scss */
.loginContainer_form p {
  margin-top: 15px;
  font-weight: bold;
}
/* line 48, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/login/login.scss */
.loginContainer_form .fonrgot-back-link {
  display: inline-block;
  margin-top: 8px;
}
/* line 54, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/login/login.scss */
.loginContainer_form .required .requiredField {
  margin-bottom: 0;
}
/* line 58, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/login/login.scss */
.loginContainer_form .required p {
  margin: 0;
}
/* line 62, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/login/login.scss */
.loginContainer_form .required .icon-alert {
  bottom: 1.7em;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 4, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside {
  padding: 0;
  max-width: 90em;
  overflow-y: auto;
}
/* line 8, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer {
  margin-bottom: 1em;
}
/* line 10, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .driverProdReportHeaderContainer {
  padding: 1rem;
  justify-content: space-between;
  border-bottom: 0.1em solid #e7ecf2;
}
/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .driverProdReportHeaderContainer .driverProdReportTitleContainer .driverProdReportTitle {
  font-size: 1.5em;
}
/* line 18, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .driverProdReportHeaderContainer .driverProdReportTitleContainer .driverProdReportDateRange {
  font-size: 1.5em;
  margin: 0 1em;
}
/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .driverProdReportHeaderContainer .driverProdReportCloseIcon {
  width: 1.5em;
  height: 2em;
  fill: black;
  margin: auto 0;
  stroke-width: 10em;
  cursor: pointer;
}
/* line 32, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .driverDetailsContainer {
  padding: 1rem;
  border-bottom: 0.1em solid #e7ecf2;
}
/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .driverDetailsContainer .driverProfilePicContainer {
  width: 5em;
  height: 5em;
}
/* line 40, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .driverDetailsContainer .driverProfileDetailsContainer .driverDetailsFieldContainer {
  padding: 0.15em 0;
  margin: 0.2em;
}
/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .driverDetailsContainer .driverProfileDetailsContainer .driverDetailsFieldContainer .driverDetailsAttribute {
  font-weight: bold;
  font-family: Arial;
  text-transform: capitalize;
}
/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .driverJobsSummaryContainer {
  padding: 1rem;
  border-bottom: 0.1em solid #e7ecf2;
}
/* line 54, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .driverJobsSummaryContainer .driverJobsSummaryFieldContainer {
  padding: 0.15em 0;
  margin: 0.2em;
}
/* line 57, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .driverJobsSummaryContainer .driverJobsSummaryFieldContainer .driverJobsSummaryAttribute {
  font-weight: bold;
  font-family: Arial;
  text-transform: capitalize;
}
/* line 65, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobDetailsTblHeadersContainer {
  padding: 1rem;
  background-color: #c5d2e0;
}
/* line 68, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobDetailsTblHeadersContainer .jobDetailsTblHeader {
  text-transform: capitalize;
  font-weight: bold;
}
/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobDetailsTblHeadersContainer .jobDetailsTblHeader:not(:first-of-type) {
  text-align: center;
}
/* line 76, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer span.jobDetailsTblCell:not(:first-of-type) {
  text-align: center;
}
/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobDetailsTblCell.tasksColContainer {
  text-align: left;
}
/* line 82, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobIdColContainer {
  width: 10%;
}
/* line 85, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .vehicleNoColContainer {
  width: 10%;
}
/* line 88, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobStatusColContainer {
  width: 10%;
}
/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .tasksColContainer {
  width: 40%;
}
/* line 94, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobDistanceColContainer {
  width: 15%;
}
/* line 97, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobDurationColContainer {
  width: 15%;
}
/* line 100, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobDetailsTblCell.jobStatusColContainer {
  text-transform: capitalize;
}
/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobDetailsRowContainer {
  background-color: #f4f7fb;
  padding: 1rem;
  border: 0.1em solid #e7ecf2;
}
/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobDetailsRowContainer:hover {
  background-color: #d0e9ff;
}
/* line 110, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobDetailsRowContainer.highlight {
  background-color: white;
  color: black;
  text-decoration: none;
}
/* line 114, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobDetailsRowContainer.highlight:hover {
  background-color: #d0e9ff;
}
/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobDetailsRowContainer .tasksDetailsContainer:not(:last-of-type) {
  border-bottom: 0.1em solid #e7ecf2;
  margin-bottom: 0.5em;
}
/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobDetailsRowContainer .tasksDetailsContainer .taskDetailsFieldContainer {
  padding: 0.15em 0;
  margin: 0.2em;
}
/* line 126, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobDetailsRowContainer .tasksDetailsContainer .taskDetailsFieldContainer .taskDetailsAttribute {
  font-weight: bold;
  font-family: Arial;
  text-transform: capitalize;
}
/* line 132, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .jobDetailsRowContainer .tasksDetailsContainer .taskDetailsFieldContainer .taskDetailsValue.taskStatus {
  text-transform: capitalize;
}
/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .noJobsPlaceholderContainer {
  margin: auto;
  padding: 1em;
}
/* line 142, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/driver_productivity_report.scss */
.displayHtmlReportModal aside .driverProdReportContainer .jobDetailsTblContainer .noJobsPlaceholderContainer .noJobsPlaceholder {
  padding: 1em;
  border: 0.2em dotted #a1aab4;
  background-color: #d0e9ff;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer {
  background-color: #e7ecf2;
  height: 100%;
}
/* line 7, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsHeaderContainer {
  flex-shrink: 0;
  padding: 1em;
}
/* line 11, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsHeaderContainer .storedReportsHeader {
  font-size: 1.5em;
  margin: auto 0;
}
/* line 16, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsHeaderContainer .genereateNewReportBtn {
  background-color: #0067d0;
  color: white;
  cursor: pointer;
  margin: auto 2em;
  padding: 0.5em;
}
/* line 26, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .nameColContainer, .reportContainer .storedReportsTblContainer .dateGenereatedColContainer, .reportContainer .storedReportsTblContainer .dateRangeColContainer, .reportContainer .storedReportsTblContainer .generatedByColContainer, .reportContainer .storedReportsTblContainer .fileSizeColContainer, .reportContainer .storedReportsTblContainer .reportActionColContainer {
  overflow: hidden;
  padding: 0 0.3em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 33, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .nameColContainer {
  width: 25%;
}
/* line 37, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .dateGenereatedColContainer {
  width: 18%;
}
/* line 41, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .dateRangeColContainer {
  width: 20%;
}
/* line 45, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .generatedByColContainer {
  width: 15%;
}
/* line 49, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .fileSizeColContainer {
  width: 9%;
}
/* line 53, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .reportActionColContainer {
  align-items: center;
  height: 1.5em;
  justify-content: flex-end;
  width: 13%;
}
/* line 60, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblHeadersContainer {
  background-color: #c5d2e0;
  flex-shrink: 0;
  font-weight: bold;
  padding: 1em;
  text-transform: capitalize;
}
/* line 69, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblHeadersContainer .headerContainer.searchOpen {
  margin-bottom: -0.5em;
  margin-top: -0.5em;
}
/* line 74, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblHeadersContainer .headerContainer svg.icon-magnifying-glass {
  fill: #1a2934;
  height: 1.2em;
  vertical-align: middle;
  width: 2em;
}
/* line 81, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblHeadersContainer .headerContainer .lbl {
  text-transform: capitalize;
}
/* line 85, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblHeadersContainer .headerContainer svg.icon-fill-arrow {
  fill: white;
  height: 0.7em;
  margin-left: 0.3em;
  stroke: none;
  vertical-align: middle;
}
/* line 92, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblHeadersContainer .headerContainer svg.icon-fill-arrow.currentSortCol {
  fill: #0067d0;
}
/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblHeadersContainer .headerContainer svg.icon-fill-arrow.currentSortCol.sortDesc {
  transform: rotate(180deg);
}
/* line 101, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblHeadersContainer .headerContainer input {
  border: none;
  padding: 0.5em;
  width: 10em;
}
/* line 106, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblHeadersContainer .headerContainer input:focus {
  outline: none;
}
/* line 113, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblBodyContainer {
  max-height: calc(100vh - 11.25em);
  overflow-y: auto;
}
/* line 117, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblBodyContainer .storedReportTblRowContainer {
  align-items: center;
  background-color: #f4f7fb;
  flex-shrink: 0;
  height: auto;
  padding: 1em;
}
/* line 124, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblBodyContainer .storedReportTblRowContainer:hover {
  background-color: #d0e9ff;
}
/* line 128, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblBodyContainer .storedReportTblRowContainer.highlight {
  background-color: white;
  color: black;
  border: none;
  cursor: default;
  text-decoration: none;
}
/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblBodyContainer .storedReportTblRowContainer.highlight:hover {
  background-color: #d0e9ff;
}
/* line 141, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblBodyContainer .storedReportTblRowContainer .reportActionColContainer.storedReportsTblCell svg {
  border-radius: 15%;
  display: none;
  fill: white;
  height: 1.5em;
  stroke: none;
  width: 2em;
}
/* line 149, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblBodyContainer .storedReportTblRowContainer .reportActionColContainer.storedReportsTblCell svg.emailReport {
  background-color: #0067d0;
  padding: 0.1em;
  margin: -0.5em 0.2em;
}
/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblBodyContainer .storedReportTblRowContainer .reportActionColContainer.storedReportsTblCell svg.downloadReport {
  background-color: #0067d0;
  padding: 0.1em;
}
/* line 160, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblBodyContainer .storedReportTblRowContainer .reportActionColContainer.storedReportsTblCell svg.deleteReport {
  background-color: #717a85;
  padding: 0.2em;
  margin: -0.5em 0.2em;
}
/* line 167, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblBodyContainer .storedReportTblRowContainer .reportActionColContainer.storedReportsTblCell a.downloadReportLink {
  margin: -0.5em 0.2em;
}
/* line 174, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report.scss */
.reportContainer .storedReportsTblContainer .storedReportsTblBodyContainer .storedReportTblRowContainer:hover .reportActionColContainer.storedReportsTblCell svg {
  display: inline-block;
  cursor: pointer;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 4, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside {
  padding: 0;
  overflow: visible;
}
/* line 8, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogHeaderContainer {
  justify-content: space-between;
  border-bottom: 0.1em solid #e7ecf2;
  padding: 1rem;
}
/* line 12, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogHeaderContainer .newReportDialogHeader {
  font-size: 2em;
}
/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogHeaderContainer .newReportDialogCloseIcon {
  width: 1.2em;
  height: 1.2em;
  stroke: #333333;
  cursor: pointer;
}
/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogBodyContainer .reportTabHeadersContainer {
  padding: 1rem;
}
/* line 25, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogBodyContainer .reportTabHeadersContainer .reportTabHeader {
  border-bottom: 3px solid transparent;
  cursor: pointer;
  font-weight: bold;
  margin-right: 20px;
  padding-bottom: 0.3em;
  opacity: 0.5;
}
/* line 33, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogBodyContainer .reportTabHeadersContainer .reportTabHeader:hover, .generateNewReportModal aside .newReportDialogContainer .newReportDialogBodyContainer .reportTabHeadersContainer .reportTabHeader.currentlySelected {
  border-color: #0067d0;
  opacity: 1;
}
/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogBodyContainer .reportTabsContentContainer {
  padding: 1rem;
  background-color: #e7ecf2;
}
/* line 44, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogBodyContainer .reportTabsContentContainer .driverProductivityReportContainer .driverProductivityForm .formFieldContainer {
  width: 33%;
}
/* line 46, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogBodyContainer .reportTabsContentContainer .driverProductivityReportContainer .driverProductivityForm .formFieldContainer:not(:first-of-type) {
  margin: 0 1em;
}
/* line 49, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogBodyContainer .reportTabsContentContainer .driverProductivityReportContainer .driverProductivityForm .formFieldContainer .formFieldHeader {
  text-transform: capitalize;
  font-weight: bold;
  margin-bottom: 1em;
}
/* line 54, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogBodyContainer .reportTabsContentContainer .driverProductivityReportContainer .driverProductivityForm .formFieldContainer select {
  background-color: white;
  height: auto;
  margin-bottom: 0;
  max-width: 100%;
  font-size: 1em;
  padding-top: 0.65em;
  padding-bottom: 0.6em;
  width: auto;
}
/* line 64, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogBodyContainer .reportTabsContentContainer .driverProductivityReportContainer .driverProductivityForm .formFieldContainer .jobNoDropdown {
  width: 100%;
}
/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogBodyContainer .reportTabsContentContainer .driverProductivityReportContainer .driverProductivityForm .formFieldContainer .datepickerContainer {
  border: 0.1em solid #c5d2e0;
  cursor: pointer;
}
/* line 70, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogBodyContainer .reportTabsContentContainer .driverProductivityReportContainer .driverProductivityForm .formFieldContainer .datepickerContainer input {
  border: medium none;
  cursor: pointer;
  font-size: 1em;
  height: 2.5em;
  margin-bottom: 0;
}
/* line 77, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogBodyContainer .reportTabsContentContainer .driverProductivityReportContainer .driverProductivityForm .formFieldContainer .datepickerContainer svg.icon-calendar-list {
  background-color: white;
  height: 2.6em;
  padding-right: 0.5em;
  stroke: #a1aab4;
  width: 2em;
}
/* line 86, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportDialogBodyContainer .reportTabsContentContainer .driverProductivityReportContainer .driverProductivityForm .formFieldContainer .requiredField svg.icon-calendar-list {
  stroke: #d8292f;
}
/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportActionBtnsContainer {
  padding: 1rem;
}
/* line 97, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportActionBtnsContainer .generateActionBtn {
  background-color: #0067d0;
  margin: auto;
  padding: 0.5em 2em;
  cursor: pointer;
}
/* line 102, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportActionBtnsContainer .generateActionBtn .generateNewReportIcon {
  width: 2em;
  height: 2em;
  margin-right: 1em;
}
/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/report/report_generate.scss */
.generateNewReportModal aside .newReportDialogContainer .newReportActionBtnsContainer .generateActionBtn span.generateNewReport {
  vertical-align: super;
  font-size: 1.2em;
  color: white;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer {
  overflow-x: hidden;
}
/* line 5, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar {
  background-color: #364150;
  color: #7f7f7f;
  min-height: 100vh;
  overflow: hidden;
  position: absolute;
  transition: width 0.1s linear 0s;
  width: 4em;
  z-index: 3;
}
/* line 14, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar:hover {
  width: 13.85em;
}
/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar:hover .logoContainer .icon-logo_tracksynq_short {
  display: none;
}
/* line 20, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar:hover .logoContainer .icon-logo_tracksynq {
  display: inline-block;
  fill: white;
  stroke: none;
  width: 100%;
  height: 9rem;
  position: absolute;
  left: 0.5rem;
  top: -2.7rem;
}
/* line 32, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar .logoContainer {
  background-color: #1a2934;
  padding: 1.08rem 0 0 1.54rem;
  color: white;
  height: 3.46rem;
  position: relative;
}
/* line 38, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar .logoContainer .icon-logo_tracksynq {
  fill: white;
  width: 6.92rem;
  height: 1.85em;
  display: none;
}
/* line 44, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar .logoContainer .icon-logo_tracksynq_short {
  fill: white;
  width: 1.85em;
  height: 1.85em;
}
/* line 50, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar .itemContainer {
  border-bottom: 1px solid #404b59;
  color: white;
  cursor: pointer;
  height: 3.9rem;
  padding: 1.16rem 0 1.16rem 1.14rem;
  z-index: 1;
}
/* line 57, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar .itemContainer:not(:nth-of-type(2)) {
  border-top: none;
}
/* line 60, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar .itemContainer:hover {
  background-color: #0067d0;
}
/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar .itemContainer:hover .iconContainer .icon {
  stroke: white;
}
/* line 66, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar .itemContainer:hover .iconContainer .icon-dashboard {
  fill: none;
}
/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar .itemContainer .stateName {
  font-color: white;
  text-transform: capitalize;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 1rem;
  font-weight: 400;
}
/* line 78, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar .itemContainer .iconContainer {
  margin-right: 1.54rem;
  width: 1.54rem;
  height: 1.54rem;
}
/* line 82, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar .itemContainer .iconContainer .icon {
  width: 1.54rem;
  height: 1.54rem;
  stroke: #b3b3b3;
}
/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar .itemContainer .iconContainer .icon-dashboard {
  fill: none;
}
/* line 94, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer #leftNavBar .isActive .iconContainer .icon {
  stroke: #62a8ea;
}
/* line 100, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer {
  height: 100vh;
  margin-left: 4em;
  z-index: 2;
  /* This is because the left side bar's item has a z-index of 1. They have to have the z-index of 1 because of the large trackSynq icon which is blocking the rest of the elements*/
  width: calc(100% - 4em);
}
/* line 106, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar {
  color: white;
  background-color: #1a2934;
  box-shadow: 0 -0.31rem #0067d0 inset;
  min-height: 3.77rem;
}
/* line 112, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer {
  margin: 1.08rem 0.5em 0 0;
  flex-grow: 1;
}
/* line 116, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer #tabContainer {
  background-color: white;
  cursor: pointer;
  color: black;
  margin-bottom: 0.31rem;
  margin-right: 0.31rem;
  padding: 0.62rem 0.78rem 0.69rem 0.78rem;
  border-top-left-radius: 0.23rem;
  border-top-right-radius: 0.23rem;
  align-items: center;
}
/* line 126, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer #tabContainer:hover {
  background-color: #e7ecf2;
}
/* line 129, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer #tabContainer:hover span {
  font-size: 1rem;
  font-weight: 700;
}
/* line 134, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer #tabContainer span {
  color: #1a2934;
  height: 1em;
  margin: 0 0.38rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 7.5rem;
  font-size: 1rem;
  font-weight: 400;
}
/* line 144, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer #tabContainer.isActiveTab {
  margin-bottom: 0;
  background-color: #e7ecf2;
}
/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer #tabContainer.isActiveTab span {
  width: 8.5rem;
  font-size: 1.08rem;
  font-weight: 700;
}
/* line 165, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer #moreTabActionSheet {
  background-color: #364150;
  width: 2.31rem;
  margin-bottom: 0.31rem;
  padding: 0.69rem;
  border-top-left-radius: 0.23rem;
  border-top-right-radius: 0.23rem;
}
/* line 173, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer #moreTabActionSheet #moreTabContainerBtn .icon {
  fill: white;
  width: 0.92rem;
  height: 0.92rem;
}
/* line 179, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer #moreTabActionSheet .moreTabContainer {
  max-height: 11em;
  background-color: #364150;
  overflow-y: auto;
  padding: 0;
  width: 13.84em;
}
/* line 185, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer #moreTabActionSheet .moreTabContainer .tabContainerItem {
  align-items: center;
  height: 3.07em;
  padding: 0 0.76em;
}
/* line 189, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer #moreTabActionSheet .moreTabContainer .tabContainerItem .itemLbl {
  height: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px 0 10px;
}
/* line 196, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer #moreTabActionSheet .moreTabContainer .tabContainerItem:hover {
  background-color: #d0e9ff;
  color: #1a1a1a;
}
/* line 203, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer .icon-user {
  fill: #46be8a;
  stroke: #46be8a;
  width: 1rem;
  height: 1rem;
}
/* line 209, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer .icon-key {
  fill: #f46d24;
  stroke: #f46d24;
  width: 1rem;
  height: 1rem;
}
/* line 215, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer .icon-truck {
  fill: #946fb4;
  stroke: #946fb4;
  width: 1rem;
  height: 1rem;
}
/* line 221, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer .icon-tag {
  fill: #62a8ea;
  stroke: #62a8ea;
  width: 1rem;
  height: 1rem;
}
/* line 227, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #tabsContainer .icon-cross {
  stroke: #333333;
}
/* line 232, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #addBtnActionSheet {
  margin: 1.08rem 0 0 0;
}
/* line 234, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #addBtnActionSheet .addBtnContainer {
  background-color: #0067d0;
  margin: 0 1rem 0 0;
  padding: 0.78rem 1rem;
  border-top-left-radius: 0.23rem;
  border-top-right-radius: 0.23rem;
  cursor: pointer;
  justify-content: space-between;
}
/* line 242, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #addBtnActionSheet .addBtnContainer .icon {
  stroke-width: 0.6em;
}
/* line 245, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #addBtnActionSheet .addBtnContainer .addBtnLbl {
  text-transform: uppercase;
  color: white;
  margin: 0 0 0 0.38rem;
  font-size: 1rem;
  font-weight: 400;
}
/* line 252, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #addBtnActionSheet .blackHighlight {
  background-color: black;
}
/* line 255, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #addBtnActionSheet #addMenuContainer {
  color: white;
  background-color: #0067d0;
  padding: 0;
}
/* line 260, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #addBtnActionSheet #addMenuContainer .subMenuContainer .header {
  text-align: center;
  text-transform: uppercase;
  padding: 1em 1em;
  font-size: 1em;
  background-color: #1a1a1a;
  border-right: 1px solid #323232;
}
/* line 268, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #addBtnActionSheet #addMenuContainer .subMenuContainer .subMenu {
  border-right: 1px solid #0485fe;
  text-align: center;
  padding: 1em 1em;
  cursor: pointer;
  height: 6em;
}
/* line 274, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #addBtnActionSheet #addMenuContainer .subMenuContainer .subMenu .subMenuLbl {
  margin: 0.5em 0 0 0;
  text-transform: capitalize;
}
/* line 280, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #addBtnActionSheet #addMenuContainer.action-sheet {
  -webkit-transform: perspective(1px) translateX(-70%) translateY(110%);
  transform: perspective(1px) translateX(-70%) translateY(110%);
}
/* line 283, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #addBtnActionSheet #addMenuContainer.action-sheet:after {
  content: none;
}
/* line 286, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #addBtnActionSheet #addMenuContainer.action-sheet:before {
  content: none;
}
/* line 289, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #addBtnActionSheet #addMenuContainer.action-sheet.is-active {
  -webkit-transform: translateX(-70%) translateY(95%);
  transform: translateX(-70%) translateY(95%);
}
/* line 296, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet {
  margin: 1.16rem 1.85rem 0 0;
}
/* line 298, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notiContainer {
  width: 1.46rem;
  height: 1.77rem;
  cursor: pointer;
  position: relative;
}
/* line 303, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notiContainer .icon {
  fill: white;
  stroke: white;
  width: 1.46rem;
  height: 1.77rem;
}
/* line 309, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notiContainer .notificationCounter {
  position: absolute;
  background-color: #d8292f;
  border-radius: 0.75em;
  top: -45%;
  text-align: center;
  right: -45%;
  height: 1.75em;
  padding: 0.30rem;
  min-width: 1.75em;
  font-size: 0.85rem;
  font-weight: 400;
}
/* line 322, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer {
  color: #333333;
  padding: 0;
  background-color: white;
  width: 24.61em;
}
/* line 327, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer .allNotificationContainer {
  max-height: 22em;
  overflow-y: scroll;
  overflow-x: hidden;
}
/* line 331, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer .allNotificationContainer .allNotificationItem {
  border: solid 0.1em #e6e6e6;
  border-bottom: none;
  cursor: pointer;
  flex: 0 0 100%;
  padding: 1em 0;
}
/* line 337, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer .allNotificationContainer .allNotificationItem.isUnread {
  background-color: #f4f7fb;
  color: #0067d0;
}
/* line 340, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer .allNotificationContainer .allNotificationItem.isUnread .allNotificationDuration {
  background-color: white;
}
/* line 344, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer .allNotificationContainer .allNotificationItem .allNotificationLbl {
  padding: 0 1em;
  margin: auto 0;
  text-align: left;
  font-size: 1em;
  line-height: 1.2em;
  width: 68%;
}
/* line 352, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer .allNotificationContainer .allNotificationItem .allNotificationDuration {
  background-color: #f4f4f6;
  color: #939da9;
  text-align: center;
  padding: 0.5em;
  border-radius: 2em;
  margin: auto 0;
  width: 29%;
  line-height: 1.3em;
}
/* line 363, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer .allNotificationContainer .loadMoreNotificationsContainer {
  cursor: pointer;
  color: #0067d0;
  padding: 1em;
  justify-content: center;
  border: solid 0.1em #dcdfe6;
  border-bottom: none;
  border-top: none;
}
/* line 371, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer .allNotificationContainer .loadMoreNotificationsContainer .icon {
  fill: #0067d0;
  width: 0.92rem;
  height: 0.92rem;
}
/* line 377, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer .allNotificationContainer .loadMoreNotificationsContainer .loadingIcon.isLoading {
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
/* line 383, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer .allNotificationContainer .loadMoreNotificationsContainer .loadMoreNotificationsLbl {
  margin: 0 0 0 0.5em;
  text-transform: capitalize;
  font-size: 1rem;
  font-weight: 400;
}
/* line 390, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer .markAllAsReadContainer {
  border: solid 0.1em #dcdfe6;
  padding: 1em 0.5em;
  text-align: center;
  text-transform: capitalize;
  color: #0067d0;
  cursor: pointer;
}
/* line 398, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer.action-sheet {
  -webkit-transform: perspective(1px) translateX(-85%) translateY(110%);
  transform: perspective(1px) translateX(-85%) translateY(110%);
}
/* line 401, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer.action-sheet:after {
  top: -9px;
  left: 85%;
}
/* line 405, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer.action-sheet:before {
  top: -9px;
  left: 85%;
}
/* line 409, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #notificationActionSheet .notificationsContainer.action-sheet.is-active {
  -webkit-transform: perspective(1px) translateX(-85%) translateY(100%);
  transform: perspective(1px) translateX(-85%) translateY(100%);
}
/* line 417, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .iconContainer {
  background-color: black;
  border-radius: 50%;
  height: 5em;
  width: 5em;
}
/* line 422, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .iconContainer .icon-logo_tracksynq_short {
  display: block;
  margin: auto;
  height: 100%;
  width: 3em;
}
/* line 429, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainerBtns {
  margin: 0.62rem 0 0 0;
}
/* line 431, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainerBtns img {
  height: 2.31rem;
  width: 2.31rem;
  border-radius: 50%;
}
/* line 436, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainerBtns .iconContainer {
  border-radius: 50%;
  height: 2.31rem;
  width: 2.31rem;
  display: flex;
}
/* line 441, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainerBtns .iconContainer .icon-logo_tracksynq_short {
  height: 1.5rem;
  width: 1.5rem;
}
/* line 446, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainerBtns .icon-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 0.47rem;
  width: 0.92rem;
  margin: 0.92rem 0.78rem 0 0.78rem;
}
/* line 455, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainer {
  color: #1a1a1a;
  padding: 0;
  background-color: white;
  width: 24.46em;
}
/* line 460, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainer .roleLbl {
  font-style: italic;
  color: #999999;
}
/* line 464, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainer.action-sheet {
  -webkit-transform: translateX(-92%) translateY(113%);
  transform: translateX(-92%) translateY(113%);
}
/* line 467, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainer.action-sheet:after {
  top: -9px;
  left: 88.5%;
}
/* line 471, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainer.action-sheet:before {
  top: -9px;
  left: 88.5%;
}
/* line 475, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainer.action-sheet.is-active {
  transform: perspective(1px) translateX(-92%) translateY(103%);
  -webkit-transform: translateX(-92%) translateY(103%);
}
/* line 480, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainer .topPart {
  height: 50%;
  border-bottom: solid 1px #c5d2e0;
  padding: 1em;
}
/* line 484, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainer .topPart .picContainer {
  margin: 0 1em 0 0;
}
/* line 486, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainer .topPart .picContainer img {
  border-radius: 50%;
  height: 5em;
  width: 5em;
}
/* line 492, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainer .topPart .infoContainer {
  text-align: left;
  justify-content: space-between;
}
/* line 495, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainer .topPart .infoContainer .nameLbl {
  margin: 0 0 0.1em 0;
  text-transform: capitalize;
  font-weight: bold;
}
/* line 500, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainer .topPart .infoContainer .roleLbl {
  margin: 0 0 0.3em 0;
  text-transform: capitalize;
}
/* line 504, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainer .topPart .infoContainer .viewProfileBtn {
  padding: 0.5em 0.3em;
  color: white;
  border-radius: 5px;
  width: 6em;
  background-color: #0067d0;
  text-transform: capitalize;
  text-align: center;
}
/* line 515, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainer .btmPart {
  color: #333333;
  height: 6.5em;
  justify-content: space-between;
  background-color: #f4f7fb;
  padding: 1em;
  text-align: left;
}
/* line 522, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .topNavBar #topNavRightContainer #profileActionSheet .profileContainer .btmPart div {
  font-size: 0.92em;
  margin: 0 0 0.3em 0;
}
/* line 533, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer #bodyContainer {
  width: 100%;
  background-color: #e7ecf2;
  overflow-y: auto;
  overflow-x: hidden;
}
/* line 539, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar {
  position: relative;
}
/* line 541, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar .icon {
  stroke-width: 2px;
}
/* line 544, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar .openRightBarIcon {
  cursor: pointer;
  background-color: #62a8ea;
  height: 2.7rem;
  width: 2.7rem;
  position: absolute;
  left: -2.7rem;
}
/* line 551, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar .openRightBarIcon .icon {
  fill: white;
  width: 1.4rem;
  height: 1.4rem;
}
/* line 557, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer {
  background-color: white;
  width: 18.46rem;
}
/* line 560, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .titleContainer {
  padding: 1.39rem 1.54rem;
  display: flex;
  justify-content: space-between;
}
/* line 564, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .titleContainer .jobUpdatesFilterHeader {
  text-transform: uppercase;
  color: #0067d0;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 1.08rem;
  font-weight: 700;
}
/* line 571, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .titleContainer .icon {
  stroke: #737a85;
  width: 1.6rem;
  height: 1.6rem;
}
/* line 576, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .titleContainer .jobUpdatesFilterContainer {
  color: black;
  background-color: white;
  padding: 0;
  width: 17em;
  text-align: left;
}
/* line 583, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .titleContainer .jobUpdatesFilterContainer.action-sheet {
  -webkit-transform: perspective(1px) translateX(-92%) translateY(132%);
  transform: perspective(1px) translateX(-92%) translateY(132%);
}
/* line 586, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .titleContainer .jobUpdatesFilterContainer.action-sheet:after {
  top: -9px;
  left: 92%;
}
/* line 590, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .titleContainer .jobUpdatesFilterContainer.action-sheet:before {
  top: -9px;
  left: 92%;
}
/* line 594, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .titleContainer .jobUpdatesFilterContainer.action-sheet.is-active {
  -webkit-transform: translateX(-92%) translateY(122%);
  transform: translateX(-92%) translateY(122%);
}
/* line 599, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .titleContainer .jobUpdatesFilterContainer .filterOptionLbl {
  text-transform: uppercase;
  padding: 1em;
  cursor: pointer;
}
/* line 603, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .titleContainer .jobUpdatesFilterContainer .filterOptionLbl:hover {
  background-color: #f4f7fb;
}
/* line 609, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer {
  background-color: #c5d2e0;
  flex: 1 1 0;
  overflow-y: scroll;
}
/* line 613, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .jobUpdateItem {
  background-color: white;
  padding: 0 1.54em;
  transition: all 0.5s ease;
}
/* line 617, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .jobUpdateItem:hover {
  background-color: rgba(255, 255, 255, 0.85);
}
/* line 620, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .jobUpdateItem.urgent {
  background-color: #ffe9e9;
  transition: all 0.5s ease;
}
/* line 623, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .jobUpdateItem.urgent:hover {
  background-color: rgba(255, 233, 233, 0.8);
}
/* line 627, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .jobUpdateItem .innerJobUpdateItem {
  padding: 1.16rem 0.78rem;
  border-left: 1px solid #b3b3b3;
  position: relative;
}
/* line 631, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .jobUpdateItem .innerJobUpdateItem.urgent {
  border-left: 1px solid #d8292f;
}
/* line 633, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .jobUpdateItem .innerJobUpdateItem.urgent .jobUpdateTitle {
  margin-top: 1.54rem;
}
/* line 637, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .jobUpdateItem .innerJobUpdateItem .outerCircleDot {
  position: absolute;
  border-radius: 50%;
  height: 0.85rem;
  width: 0.85rem;
  left: -0.5rem;
  top: 1.1rem;
  background-color: white;
}
/* line 645, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .jobUpdateItem .innerJobUpdateItem .outerCircleDot.urgent {
  background-color: #ffe9e9;
}
/* line 648, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .jobUpdateItem .innerJobUpdateItem .outerCircleDot .innerCircleDot {
  border-radius: 50%;
  height: 0.54rem;
  width: 0.54rem;
  left: 2.5px;
  top: 2.5px;
  background-color: #b3b3b3;
  position: relative;
}
/* line 656, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .jobUpdateItem .innerJobUpdateItem .outerCircleDot .innerCircleDot.urgent {
  background-color: #d8292f;
}
/* line 661, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .jobUpdateItem .innerJobUpdateItem .urgentLbl {
  background-color: #d8292f;
  color: white;
  text-transform: uppercase;
  font-size: 0.85rem;
  font-weight: 400;
  margin: 0 0 1.16rem 0;
  padding: 0.38rem;
}
/* line 669, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .jobUpdateItem .innerJobUpdateItem .jobUpdateTitle {
  font-size: 1rem;
  font-weight: 700;
  color: #1a1a1a;
  text-transform: uppercase;
  text-align: left;
}
/* line 675, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .jobUpdateItem .innerJobUpdateItem .message {
  font-size: 1rem;
  font-weight: 400;
  color: #404b59;
  text-align: left;
  margin: 1.16em 0;
}
/* line 681, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .jobUpdateItem .innerJobUpdateItem .time {
  font-size: 1rem;
  font-weight: 400;
  font-style: italic;
  text-align: left;
  color: #999999;
}
/* line 688, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .loadMoreContainer {
  cursor: pointer;
  color: #0067d0;
  padding: 1em;
  justify-content: center;
}
/* line 693, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .loadMoreContainer .icon {
  fill: #0067d0;
  width: 0.92rem;
  height: 0.92rem;
}
/* line 702, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .loadMoreContainer .loadingIcon.isLoading {
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
/* line 708, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
.rootContainer .topNavNRightBarContainer .innerViewContainer .rightNavBar #jobUpdatesContainer .jobUpdateContainer .loadMoreContainer .loadMoreLbl {
  margin: 0 0 0 0.5em;
  text-transform: capitalize;
  font-size: 1rem;
  font-weight: 400;
}

@media (min-width: 40em) {
  /* line 722, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/root/root.scss */
  #addMenuContainer.action-sheet {
    left: 120%;
  }
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/setting/setting.scss */
.profileDetailContainer {
  background-color: cyan;
  padding: 1em;
  height: 30%;
}
/* line 5, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/setting/setting.scss */
.profileDetailContainer .subTitle {
  font-weight: bold;
  text-transform: uppercase;
}
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/setting/setting.scss */
.profileDetailContainer .profileInfoContainer {
  margin: 1em 0 0 0;
}
/* line 11, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/setting/setting.scss */
.profileDetailContainer .profileInfoContainer img {
  width: 10em;
  height: 10em;
}
/* line 16, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/setting/setting.scss */
.profileDetailContainer .profileInfoContainer .profileDetailContainer .label {
  text-transform: capitalize;
  font-weight: bold;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/setting/setting.scss */
.statisticContainer {
  height: 70%;
  padding: 1em;
}
/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/setting/setting.scss */
.statisticContainer .successRate div {
  margin: auto;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer {
  height: 100%;
}
/* line 5, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .leftContainer {
  background-color: white;
  height: 100%;
  width: 22%;
}
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .leftContainer .title {
  padding: 2rem 1rem;
  height: auto;
}
/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .leftContainer .subTitleContainer {
  padding: 1rem;
  justify-content: space-around;
  border-bottom: 1px solid #dcdfe6;
  text-transform: capitalize;
  color: #737a85;
  font-size: 1.05em;
  font-weight: bold;
}
/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .leftContainer .subTitleContainer .iconContainer {
  width: auto;
  height: auto;
}
/* line 24, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .leftContainer .subTitleContainer .iconContainer .icon {
  fill: #737a85;
}
/* line 29, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .leftContainer .subSubMenuListContainer {
  max-height: 87%;
  overflow-y: auto;
}
/* line 32, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .leftContainer .subSubMenuListContainer .subSubmenuContainer {
  min-height: 4em;
  padding: 1em;
  border-bottom: 1px solid #dcdfe6;
  border-right: 1px solid #dcdfe6;
}
/* line 37, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .leftContainer .subSubMenuListContainer .subSubmenuContainer .subSubmenuLbl {
  margin: auto;
  text-transform: uppercase;
}
/* line 41, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .leftContainer .subSubMenuListContainer .subSubmenuContainer .noOfRecords {
  border-radius: 3px;
  margin: 0 0 0 1em;
  padding: 0.4em;
  background-color: #0067d0;
  color: white;
}
/* line 48, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .leftContainer .subSubMenuListContainer .subSubmenuContainer:hover {
  background-color: #0067d0;
  color: white;
}
/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .leftContainer .subSubMenuListContainer .subSubmenuContainer:hover .noOfRecords {
  background-color: white;
  color: #0067d0;
}
/* line 58, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .leftContainer .subSubMenuListContainer .isActive .noOfRecords {
  background-color: white;
  color: #0067d0;
}
/* line 64, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .leftContainer .isActive {
  background-color: #0067d0;
  color: white;
}
/* line 69, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .rightContainer {
  height: calc(100vh - 6.7rem);
  width: calc(100% - 22%);
}
/* line 72, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .rightContainer ts-data-table {
  height: calc(100vh - 6.7rem);
}
/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .rightContainer .tableContents {
  height: calc(100vh - 12.77rem);
}
/* line 77, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/user/user.scss */
.allXxxContainer .rightContainer .tableContents .customerNameLbl, .allXxxContainer .rightContainer .tableContents .driverNameLbl {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 1, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.iconContainer {
  width: 2em;
  height: 2em;
}

/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon {
  display: inline-block;
  fill: none;
  height: 1em;
  stroke: #FFF;
  stroke-width: 1px;
  width: 1em;
}

/* line 15, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.blackIcon {
  stroke: #000;
}

/* line 19, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq_short {
  width: 1.0361328125em;
}

/* line 23, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-logo_tracksynq {
  width: 3.5693359375em;
}

/* line 27, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-arrow {
  width: 1.7666015625em;
}

/* line 31, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bell {
  width: 0.826171875em;
}

/* line 35, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bended-arrow-right {
  width: 0.9326171875em;
}

/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-box-outgoing {
  width: 0.994140625em;
}

/* line 43, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-briefcase {
  width: 1.1689453125em;
}

/* line 47, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-bubble {
  width: 1.2001953125em;
}

/* line 51, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-chat {
  width: 1.3603515625em;
}

/* line 55, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-fill-arrow {
  width: 0.75em;
}

/* line 59, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag {
  width: 0.818359375em;
}

/* line 63, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-flag-add {
  width: 0.93359375em;
}

/* line 67, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hamburger {
  width: 1.2861328125em;
}

/* line 71, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-hourglass {
  width: 0.75em;
}

/* line 75, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-key {
  width: 0.8720703125em;
}

/* line 79, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-list {
  width: 1.384765625em;
}

/* line 83, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-magnifying-glass {
  width: 0.9873046875em;
}

/* line 87, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-mail {
  width: 1.36328125em;
}

/* line 91, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-moving-car {
  width: 1.7041015625em;
}

/* line 95, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pin {
  width: 0.7294921875em;
}

/* line 99, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-pointer {
  width: 0.7109375em;
}

/* line 103, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-power {
  width: 0.5em;
}

/* line 107, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-one-arrow {
  width: 0.94921875em;
}

/* line 111, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-refresh-two-arrows {
  width: 0.9169921875em;
}

/* line 115, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports {
  width: 0.77734375em;
}

/* line 119, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-reports-with-add {
  width: 0.8173828125em;
}

/* line 123, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-report-with-arrow {
  width: 0.81640625em;
}

/* line 127, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route {
  width: 1.0498046875em;
}

/* line 131, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-route-map {
  width: 1.599609375em;
}

/* line 135, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-submit-new-job {
  width: 0.75em;
}

/* line 139, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-trash {
  width: 0.9931640625em;
}

/* line 143, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-upload-arrow {
  width: 0.9375em;
}

/* line 147, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-user {
  width: 0.921875em;
}

/* line 151, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-video {
  width: 1.7138671875em;
}

/* line 155, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_icons.scss */
.icon-warning {
  width: 1.1337890625em;
}

/**
 * Font family used in this project:
 * 	- font-family: 'Roboto', 'Helvetica', 'Trebuchet MS'
 * This is applied to body.
 * This file is to be used for custom fonts only
 */
/* line 9, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.primaryFontColour {
  color: #1A1A1A;
}

/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.secondaryFontColour {
  color: #717A85;
}

/* line 17, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.tertiaryFontColour {
  color: #0067D0;
}

/* line 21, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/globals/_typography.scss */
.textCapitalized {
  text-transform: capitalize;
}

/* line 3, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer {
  height: calc(100vh - 4em);
}
/* line 6, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .detailLeftSide .title {
  flex-shrink: 0;
  height: auto;
}
/* line 10, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .detailLeftSide .vehicleDetailInfoContainer {
  flex-shrink: 0;
  padding: 1.56rem;
}
/* line 13, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .detailLeftSide .vehicleDetailInfoContainer span {
  margin: 0 0 0.5em 0;
}
/* line 16, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .detailLeftSide .vehicleDetailInfoContainer .leftContainer {
  text-transform: capitalize;
  font-weight: bold;
}
/* line 20, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .detailLeftSide .vehicleDetailInfoContainer .rightContainer {
  margin: 0 0 0 1.5em;
}
/* line 25, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide {
  background-color: #e7ecf2;
  height: 100%;
  width: 70%;
}
/* line 29, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .vehicleDetailJoblist {
  height: 50%;
}
/* line 32, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .vehicleDetailMapViewContainer {
  height: 50%;
  position: relative;
  width: 100%;
}
/* line 37, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .maplViewTopBarDropdown {
  height: calc(100vh - 31em);
}
/* line 39, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .maplViewTopBarDropdown .jobComment {
  position: relative;
}
/* line 41, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .maplViewTopBarDropdown .jobComment .hasError {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 54, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .vehicleOnlineOfflineStatus {
  background-color: rgba(255, 255, 255, 0.85);
  left: 1.3em;
  position: absolute;
  top: 1.3em;
  width: 14em;
  z-index: 1;
}
/* line 62, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .vehicleOnlineOfflineStatus .vehicleOnlineOfflineStatusTitle {
  background-color: #1a2934;
  color: white;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 0.3em 0;
  text-align: center;
  text-transform: uppercase;
}
/* line 73, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .vehicleOnlineOfflineStatus .onlineStatusIcon, .vehicleDetailContainer .vehicleDetailRightSide .vehicleOnlineOfflineStatus .offlineStatusIcon {
  width: 0.7em;
  height: 0.7em;
  border-radius: 50%;
  margin: 0 0.5em 0 0;
}
/* line 80, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .vehicleOnlineOfflineStatus .onlineStatusIcon {
  background-color: #46be8a;
}
/* line 84, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .vehicleOnlineOfflineStatus .offlineStatusIcon {
  background-color: #999999;
}
/* line 88, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .vehicleOnlineOfflineStatus .vehicleOnlineOfflineStatusHeader {
  align-items: center;
  justify-content: center;
}
/* line 93, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .vehicleOnlineOfflineStatus .lastDeviceActivity {
  padding: 0.5em;
  text-align: center;
}
/* line 98, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .jobAccordionContainer {
  max-height: calc(100% - 6.2em);
  overflow: auto;
}
/* line 102, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .liveView {
  border: 1px solid #ccc;
  height: calc(100% - 2.85em);
  width: 100%;
  position: relative;
}
/* line 108, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .maplViewTopBar {
  justify-content: space-between;
  flex-shrink: 0;
  margin-bottom: 0.8em;
  padding: 0 1em;
}
/* line 113, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .maplViewTopBar h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 0.3em;
  text-transform: uppercase;
}
/* line 120, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .maplViewTopBar button {
  padding: 0.5em 1em;
  margin-left: 1em;
}
/* line 124, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .maplViewTopBar button:hover, .vehicleDetailContainer .vehicleDetailRightSide .maplViewTopBar button.displayActive {
  background-color: #666;
  position: relative;
}
/* line 129, /home/ubuntu/tracksynq_releases/releases/20220808114210/app/assets/stylesheets/ng-app/vehicle/vehicle_detail.scss */
.vehicleDetailContainer .vehicleDetailRightSide .maplViewTopBar button.displayActive::after {
  border-color: #666 transparent transparent;
  border-style: solid;
  border-width: 0.5em 0.4em;
  content: " ";
  display: inline-block;
  height: 0;
  margin-left: -0.5em;
  left: 50%;
  position: absolute;
  top: 100%;
  width: 0;
}
#liveViewMap {
  width: 100%;
  height: 100%;
}

.liveView {
 width:100%;
 position: relative;
 overflow: hidden;
}

div.fill {
  width: 100%;
  height: 100%;
}

 .ol-popup {
    background-color: #364353;
    border-radius: 0.5em;
    padding: 0.5em 3em 0.5em 0.5em;
 }
 
 .ol-popup:after {
    border-top-color: #364353;
 }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *










 */