{
  /*
Application Settings Go Here
------------------------------------
This file acts as a bundler for all variables/mixins/themes, so they
can easily be swapped out without `core.scss` ever having to know.

For example:

@import './variables/colors';
@import './variables/components';
@import './themes/default';
*/
  /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
  /**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
  /**
 * Remove default margin.
 */
  /* 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.
 */
  /**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
  /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
  /**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
  /* Links
   ========================================================================== */
  /**
 * Remove the gray background color from active links in IE 10.
 */
  /**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
  /* Text-level semantics
   ========================================================================== */
  /**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
  /**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
  /**
 * Address styling not present in Safari and Chrome.
 */
  /**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
  /**
 * Address styling not present in IE 8/9.
 */
  /**
 * Address inconsistent and variable font size in all browsers.
 */
  /**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
  /* Embedded content
   ========================================================================== */
  /**
 * Remove border when inside `a` element in IE 8/9/10.
 */
  /**
 * Correct overflow not hidden in IE 9/10/11.
 */
  /* Grouping content
   ========================================================================== */
  /**
 * Address margin not present in IE 8/9 and Safari.
 */
  /**
 * Address differences between Firefox and other browsers.
 */
  /**
 * Contain overflow in all browsers.
 */
  /**
 * Address odd `em`-unit font size rendering in all browsers.
 */
  /* 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.
 */
  /**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
  /**
 * 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.
 */
  /**
 * 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.
 */
  /**
 * Re-set default cursor for disabled elements.
 */
  /**
 * Remove inner padding and border in Firefox 4+.
 */
  /**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
  /**
 * 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.
 */
  /**
 * 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`.
 */
  /**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
  /**
 * 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).
 */
  /**
 * Define consistent border, margin, and padding.
 */
  /**
 * 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.
 */
  /**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
  /**
 * 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.
 */
  /* Tables
   ========================================================================== */
  /**
 * Remove most spacing between table cells.
 */
  /**
 * Draft v0.10.5
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
  /*** Bootstrap theme changes ****/
  /* Let's get this party started */
  /* Track */
  /* Handle */
  /*
.modal-dialog {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0;

  .modal-content {
    height: 100%;
    max-height: 100%;
    border-radius: 0;
    border: none;

    .modal-body {
      max-height: 80%;
      max-height: calc(100% - 200px);

      .scrollable {
        height: 100%;
      }
    }

    .modal-header {
      position: relative;
      .close {
        font-size: 3rem;
        width: 55px;
        height: 55px;
        border-radius: 55px;
        right: 0;
        position: absolute;
        top: 0;

        &:hover, &:focus {
          background-color: #ddd;
        }
      }

      .modal-title {
        font-size: 20px;
      }
    }

    .modal-header, .modal-body, .modal-footer {
      max-width: 1600px;
      margin: 0 auto;
    }
  }
}*/
  /* Small devices (tablets, 768px and up) */
  /*.time-view button.refresh {
    top: 90px;
  }

.time-view button.sbr-refresh {
  top: -1px;
}*/
  /* AM Charts */
  /*** Tables ***/
  /* Nested - Details view */
  /* collapse images*/
  /* AA0001FX: Show lists content w/in space available when side bar right showing */
  /* drag and drop sorting */
  /* End of Item View*/
  /*!
 * React-swipe-to-delete-component v0.3.3
 * A simple React component implement 'swipe to delete' UI-pattern.
 * https://github.com/gaer87/react-swipe-to-delete-component
 * Copyright 2017, Fedotov Alexander
 * Released under the MIT license.
 */
  /* Required styles */
  /*.swipe-to-delete .js-content :first-child {
  position: relative !important;
}*/
  /* Custom styles */
  /*.typeahead-view {*/
  /*}*/
  /*
Dark Theme
------------------------------------
.dark is added to body tag, that triggers all of these
*/
  /*
Dark Theme
------------------------------------
.dark is added to body tag, that triggers all of these
*/ }
  .offline {
    color: #777; }
  .online {
    color: #19bf00;
    border-color: #19bf00; }
  .away {
    color: #c3d900; }
  .dnd-online {
    color: #bf0000; }
  .dnd-away {
    color: #d93c00; }
  .text-green {
    color: #19bf00; }
  .text-red {
    color: #bf0000; }
  .text-blue {
    color: #1979cf; }
  .text-orange-3, .text-orange {
    color: #9E6306; }
  .bold {
    font-weight: 600; }
  .pointer {
    cursor: pointer; }
  .clearboth {
    clear: both; }
  @media (max-width: 768px) {
    body {
      /*font-size: 13px;*/ } }
  html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */ }
  body {
    margin: 0; }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  menu,
  nav,
  section,
  summary {
    display: block; }
  audio,
  canvas,
  progress,
  video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */ }
  audio:not([controls]) {
    display: none;
    height: 0; }
  [hidden],
  template {
    display: none; }
  a {
    background-color: transparent; }
  a:active,
  a:hover {
    outline: 0; }
  abbr[title] {
    border-bottom: 1px dotted; }
  b,
  strong {
    font-weight: bold; }
  dfn {
    font-style: italic; }
  h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  mark {
    background: #ff0;
    color: #000; }
  small {
    font-size: 80%; }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  sup {
    top: -0.5em; }
  sub {
    bottom: -0.25em; }
  img {
    border: 0; }
  svg:not(:root) {
    overflow: hidden; }
  figure {
    margin: 1em 40px; }
  hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0; }
  pre {
    overflow: auto; }
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, monospace;
    font-size: 1em; }
  button,
  input,
  optgroup,
  select,
  textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */ }
  button {
    overflow: visible; }
  button,
  select {
    text-transform: none; }
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */ }
  button[disabled],
  html input[disabled] {
    cursor: default; }
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  input {
    line-height: normal; }
  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */ }
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    height: auto; }
  input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; }
  legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */ }
  textarea {
    overflow: auto; }
  optgroup {
    font-weight: bold; }
  table {
    border-collapse: collapse;
    border-spacing: 0; }
  td,
  th {
    padding: 0; }
  .gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80); }
  .gu-hide {
    display: none !important; }
  .gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important; }
  .gu-transit {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20); }
  .DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content {
    height: inherit;
    text-align: initial; }
  .public-DraftEditor-content[contenteditable=true] {
    -webkit-user-modify: read-write-plaintext-only; }
  .DraftEditor-root {
    position: relative; }
  .DraftEditor-editorContainer {
    background-color: rgba(255, 255, 255, 0);
    border-left: .1px solid transparent;
    position: relative;
    z-index: 1; }
  .public-DraftEditor-block {
    position: relative; }
  .DraftEditor-alignLeft .public-DraftStyleDefault-block {
    text-align: left; }
  .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
    left: 0;
    text-align: left; }
  .DraftEditor-alignCenter .public-DraftStyleDefault-block {
    text-align: center; }
  .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
    margin: 0 auto;
    text-align: center;
    width: 100%; }
  .DraftEditor-alignRight .public-DraftStyleDefault-block {
    text-align: right; }
  .DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
    right: 0;
    text-align: right; }
  .public-DraftEditorPlaceholder-root {
    color: #9197a3;
    position: absolute;
    z-index: 1; }
  .public-DraftEditorPlaceholder-hasFocus {
    color: #bdc1c9; }
  .DraftEditorPlaceholder-hidden {
    display: none; }
  .public-DraftStyleDefault-block {
    position: relative;
    white-space: pre-wrap; }
  .public-DraftStyleDefault-ltr {
    direction: ltr;
    text-align: left; }
  .public-DraftStyleDefault-rtl {
    direction: rtl;
    text-align: right; }
  .public-DraftStyleDefault-listLTR {
    direction: ltr; }
  .public-DraftStyleDefault-listRTL {
    direction: rtl; }
  .public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul {
    margin: 16px 0;
    padding: 0; }
  .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
    margin-left: 1.5em; }
  .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
    margin-right: 1.5em; }
  .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
    margin-left: 3em; }
  .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
    margin-right: 3em; }
  .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
    margin-left: 4.5em; }
  .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
    margin-right: 4.5em; }
  .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
    margin-left: 6em; }
  .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
    margin-right: 6em; }
  .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
    margin-left: 7.5em; }
  .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
    margin-right: 7.5em; }
  .public-DraftStyleDefault-unorderedListItem {
    list-style-type: square;
    position: relative; }
  .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
    list-style-type: disc; }
  .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
    list-style-type: circle; }
  .public-DraftStyleDefault-orderedListItem {
    list-style-type: none;
    position: relative; }
  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
    left: -36px;
    position: absolute;
    text-align: right;
    width: 30px; }
  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
    position: absolute;
    right: -36px;
    text-align: left;
    width: 30px; }
  .public-DraftStyleDefault-orderedListItem:before {
    content: counter(ol0) ". ";
    counter-increment: ol0; }
  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
    content: counter(ol1) ". ";
    counter-increment: ol1; }
  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
    content: counter(ol2) ". ";
    counter-increment: ol2; }
  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
    content: counter(ol3) ". ";
    counter-increment: ol3; }
  .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
    content: counter(ol4) ". ";
    counter-increment: ol4; }
  .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
    counter-reset: ol0; }
  .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
    counter-reset: ol1; }
  .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
    counter-reset: ol2; }
  .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
    counter-reset: ol3; }
  .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
    counter-reset: ol4; }
  .draftJsLinkifyPlugin__link__2ittM, .draftJsLinkifyPlugin__link__2ittM:visited {
    color: #5e93c5;
    text-decoration: none; }
  .draftJsLinkifyPlugin__link__2ittM:hover, .draftJsLinkifyPlugin__link__2ittM:focus {
    color: #7eadda;
    outline: 0;
    /* reset for :focus */
    cursor: pointer; }
  .draftJsLinkifyPlugin__link__2ittM:active {
    color: #4a7bab; }
  .draftJsHashtagPlugin__hashtag__1wMVC {
    color: #5e93c5; }
  .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #4763a5; }
  .btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #4763a5;
    border-color: #25304a; }
  .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #25304a;
    border-color: #151a26; }
  .btn-secondary {
    color: #fff;
    background-color: #8db5d7;
    border-color: #6680bd; }
  .btn-secondary.focus, .btn-secondary:focus {
    color: #fff;
    background-color: #5672b5;
    border-color: #25304a; }
  .btn-secondary.active, .btn-secondary:active, .btn-secondary:hover, .open > .dropdown-toggle.btn-secondary {
    color: #fff;
    background-color: #3d4e76;
    border-color: #293246; }
  .btn-invalid {
    background-color: #ddd; }
  .btn-invalid.active, .btn-invalid:active, .btn-invalid:hover, .open > .dropdown-toggle.btn-invalid {
    background-color: #758dc6; }
  .btn-invalid.active, .btn-invalid:active, .btn-invalid:hover, .open > .dropdown-toggle.btn-invalid {
    background-color: #758dc6; }
  .tooltip-inner {
    max-width: 300px;
    background-color: #061a38; }
  .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #061a38; }
  .tooltip.top .tooltip-arrow {
    border-top-color: #061a38; }
  .tooltip.right .tooltip-arrow {
    border-right-color: #061a38; }
  .tooltip.left .tooltip-arrow {
    border-left-color: #061a38; }
  .react-date-field {
    width: 100%; }
  .no-caret .btn .caret {
    display: none; }
  .open > .dropdown-menu {
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
    margin: 0; }
  @media (min-height: 768px) {
    .open > .dropdown-menu {
      max-height: 600px; } }
  @media (min-height: 900px) {
    .open > .dropdown-menu {
      max-height: 700px; } }
  @media (max-width: 768px) {
    .open > .dropdown-menu {
      font-size: 18px; } }
  .modal-body {
    max-height: 700px;
    overflow: auto; }
  .modal.in .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  .modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }
  .modal-body .modal-block {
    display: block; }
  .modal-textarea-form {
    min-width: 50%; }
    .modal-textarea-form textarea {
      min-height: 200px; }
  #toast-container {
    width: 375px;
    z-index: 9999; }
  .toast-bottom-left {
    bottom: 12px;
    right: 12px;
    left: inherit; }
  #toast-container > div {
    opacity: 0.95;
    box-shadow: 0 0 3px #2d2525;
    width: 100%;
    max-width: 100%;
    padding: 15px 20px;
    margin: 0;
    margin-top: 3px;
    margin-bottom: -2px;
    border-radius: 0; }
  #toast-container > .toast-info {
    background-color: #222;
    background-image: none !important; }
  #toast-container > .toast-error, #toast-container > .toast-warning, #toast-container > .toast-success {
    background-image: none !important; }
  .toast h4 {
    font-size: 20px;
    display: inline-block;
    margin: 0;
    margin-right: 15px;
    vertical-align: text-bottom;
    vertical-align: -webkit-baseline-middle; }
  .toast p {
    display: inline-block;
    margin: 0;
    margin-right: 10px;
    vertical-align: text-bottom;
    vertical-align: -webkit-baseline-middle; }
  .toast .btn-link {
    color: #fff;
    font-weight: 700; }
  .toast .toast-title {
    font-size: 16px; }
  .page-header.no-margin-top {
    margin-top: 0; }
  .col-sm-20pct {
    position: relative; }
  @media (min-width: 768px) {
    .col-sm-20pct {
      width: 20%;
      float: left;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; } }
  @media (max-width: 768px) {
    .popover-content {
      overflow: auto;
      max-height: 400px; }
    .page-header {
      margin: 20px 0 10px; }
    h3 {
      font-size: 18px; } }
  .form-group .alert-danger {
    padding: 2px 14px; }
  .input-group-sm input {
    height: 30px; }
  .tab-content {
    border: 1px solid #ddd;
    border-top: none;
    padding: 10px; }
  .inline {
    display: inline-block;
    padding-right: 7px; }
  .nav-tabs.padding-left {
    padding-left: 10px; }
  .layout, .layout-column, .layout-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-column {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column; }
  .flex {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .scroll-holder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%; }
  .main-container {
    height: 100%;
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
  .sidebar-left {
    position: absolute;
    height: 100%;
    transition: all .25s ease; }
  .page-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-left: 210px;
    transition: all .25s ease; }
    .page-container.off-color {
      background-color: #f7f7f7; }
      .page-container.off-color .on-color {
        background-color: #fff; }
        .page-container.off-color .on-color.with-border {
          border: 1px solid #ccc;
          margin: 20px 0;
          padding: 10px; }
  .embedded .page-container, .no-sbr-left .page-container {
    padding-left: 0; }
  header {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .main-view {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: auto;
    min-height: 200px;
    z-index: 1; }
  .sub-left-menu {
    background-color: #ddd;
    border-right: 1px solid #ccc;
    width: 210px;
    min-width: 210px;
    max-width: 210px; }
    .sub-left-menu h3 {
      padding: 7px 10px;
      margin: 0;
      /*margin-bottom: 5px;*/
      font-size: 17px;
      /*color: #000;*/
      /* border-bottom: 1px solid #aaa; */ }
    .sub-left-menu .list-group-item {
      border-radius: 0;
      font-weight: 500;
      padding: 7px 15px; }
      .sub-left-menu .list-group-item.unread {
        color: #3e8efc;
        font-weight: 900; }
        .sub-left-menu .list-group-item.unread .badge {
          background-color: #3e8efc; }
      .sub-left-menu .list-group-item.active {
        color: #fff; }
        .sub-left-menu .list-group-item.active .badge {
          background-color: #fff; }
    .sub-left-menu a.view {
      color: #000; }
    .sub-left-menu .edit {
      /*background-color: #ccc;*/
      /*border-color: #aaa;*/
      text-align: left;
      /*padding: 5px 0;*/ }
      .sub-left-menu .edit:hover, .sub-left-menu .edit:focus {
        /*background-color: #bbb;*/ }
  .sidebar-left .sub-left-menu {
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    background-color: transparent;
    /* border: 3px solid #125086; */
    border-right: none; }
    .sidebar-left .sub-left-menu h3 {
      /*background-color: #ddd;*/ }
  @media (max-width: 768px) {
     {
      /* Small tablets and phones */ }
      .sub-left-menu {
        display: block;
        width: 100%;
        min-width: 100%;
        max-width: 100%; }
        .sub-left-menu .list-group-item {
          padding: 12px 15px;
          font-size: 17px; }
      .sidebar-left .sub-left-menu {
        border: none; } }
  .footer {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .sidebar-right-is-open .adjust-width-for-sidebar-right-open, .sidebar-right-is-open .footer {
    padding-right: calc(50% + 105px);
    /* 105 = half of sidebar left which is 210px x 2 w/ sub menu */ }
  @media (max-width: 1400px) {
    .sidebar-right-is-open .adjust-width-for-sidebar-right-open, .sidebar-right-is-open .footer {
      padding-right: 0; } }
  .notifications {
    position: absolute;
    height: 100%;
    display: block;
    width: 0;
    opacity: 0.8;
    transition: all .25s ease; }
  .sidebar-right {
    transition: all .25s ease; }
  .showing-notifications .notifications {
    width: 350px;
    opacity: 1; }
  .showing-notifications .page-container {
    padding-right: 350px; }
  .showing-notifications .sidebar-right {
    right: 350px;
    width: calc((100% - 350px - 210px) / 2); }
    .showing-notifications .sidebar-right.expanded {
      width: calc(100% - 350px - 210px); }
  @media (max-width: 1200px) {
    .showing-notifications .notifications {
      width: 250px; }
    .showing-notifications .page-container {
      padding-right: 250px; }
    .showing-notifications .sidebar-right {
      right: 250px;
      width: calc((100% - 250px - 210px) / 2); }
      .showing-notifications .sidebar-right.expanded {
        width: calc(100% - 250px - 210px); } }
  @media (max-width: 991px) {
    .page-container {
      padding-left: 0; } }
  .scrollable {
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -webkit-overflow-scrolling: touch; }
  .screenshare .scrollable {
    overflow: auto; }
  .layout-column > .flex, .layout-md-column > .flex {
    min-height: 0; }
  .content {
    padding: 10px; }
  .position-relative {
    position: relative; }
  .find-in-page {
    position: fixed;
    right: 10px;
    top: 0;
    z-index: 99999; }
    .find-in-page .find-in-page-container {
      border: 1px solid #ccc;
      padding: 10px;
      background-color: #fff;
      border-radius: 3px;
      width: 425px; }
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px; }
  .sidebar-left ::-webkit-scrollbar {
    width: 6px; }
  .sub-left-menu::-webkit-scrollbar {
    width: 6px; }
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 0px;
    border-radius: 0px; }
  ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(151, 188, 216, 0.4);
    /*rgb(47, 39, 58);*/
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
  ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(106, 113, 120, 0.8); }
  .sidebar-left {
    /* Track */
    /* Handle */ }
    .sidebar-left ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.3); }
    .sidebar-left ::-webkit-scrollbar-thumb {
      -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.5); }
  .sub-left-menu {
    /* Track */
    /* Handle */ }
    .sub-left-menu::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.3); }
    .sub-left-menu::-webkit-scrollbar-thumb {
      -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.5); }
  @media (max-width: 768px) {
     {
      /* Small tablets and phones */
      /* Track */
      /* Handle */ }
      .content {
        padding: 5px; }
      ::-webkit-scrollbar {
        width: 6px; }
      ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.3); }
      ::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.5); } }
  @media print {
     {
      /*#main-scroll h2.page-header {
      page-break-before: always;
    }*/ }
      .scrollable, .scroll-holder, .layout-column > flex, .layout-column {
        max-height: none !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important; } }
  .no-flexbox .layout, .no-flexbox .layout-column, .no-flexbox .layout-row {
    display: block; }
  .no-flexbox .layout-column {
    display: block; }
  .no-flexbox .layout-row {
    display: block; }
  .no-flexbox .flex {
    box-sizing: border-box;
    display: block; }
  .no-flexbox .scroll-holder {
    max-height: 100%; }
  .no-flexbox .scrollable {
    display: block;
    height: 100%; }
  .no-flexbox .sidebar-left {
    height: 100%;
    position: absolute; }
  .no-flexbox .sidebar-right .scrollable {
    height: 75%;
    height: calc(100% - 350px); }
  .no-flexbox .page-container {
    padding-left: 210px;
    padding-top: 50px;
    /*overflow-y: auto;*/ }
  .no-flexbox .header {
    position: fixed;
    top: 0; }
    .no-flexbox .header .flex {
      width: 100%; }
    .no-flexbox .header h1, .no-flexbox .header small {
      float: left; }
    .no-flexbox .header h1 {
      width: calc(100% - 650px); }
    .no-flexbox .header .current-time-ticket {
      display: none; }
  .no-flexbox .notifications {
    position: fixed;
    top: 0; }
  .no-flexbox .view-container {
    z-index: 2;
    height: 100%;
    padding-bottom: 25px; }
  .no-flexbox .comment-box-container .btn {
    margin-top: -17px; }
  .no-flexbox .comment-box-container .comment-box-flex {
    display: inline-block;
    width: 75%;
    width: calc(100% - 200px); }
  .no-flexbox .card .card-left-button-holder {
    display: block;
    width: 50px;
    float: left;
    margin-top: 10px; }
  .no-flexbox .card .card-content-inner {
    display: inline-block; }
    .no-flexbox .card .card-content-inner .item-icon {
      float: left; }
    .no-flexbox .card .card-content-inner .card-content-top-row {
      max-height: none; }
    .no-flexbox .card .card-content-inner .item-link {
      display: inline-block; }
  .no-flexbox .card .card-right-button-holder {
    float: right;
    height: 50px; }
  .side-tabs, .side-tabs.scrollable {
    padding: 0;
    padding-bottom: 50px;
    /*background: #eee;*/
    /*padding-left: 50px;*/ }
    .side-tabs .content, .side-tabs.scrollable .content {
      background: #fff; }
  .modal-dialog {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto; }
  .modal-content {
    border-left: none;
    border-right: none;
    border-top: 0;
    border-radius: 0; }
  .modal-header, .modal-body, .modal-footer {
    text-align: center; }
  .modal-header {
    position: relative;
    background-color: #fafafa; }
    .modal-header .close {
      font-size: 3rem;
      width: 55px;
      height: 55px;
      border-radius: 55px;
      right: 0;
      position: absolute;
      top: 0; }
      .modal-header .close:hover, .modal-header .close:focus {
        background-color: #ddd; }
    .modal-header .modal-title {
      font-size: 20px; }
  .modal-body > * {
    display: inline-block;
    text-align: left;
    /*max-width: 1600px;*/ }
  .modal-footer {
    background-color: #fafafa; }
  .modal-body {
    max-height: 150px;
    min-height: 150px; }
    .modal-body textarea.form-control {
      min-height: 125px; }
  @media (min-height: 400px) {
    .modal-body {
      max-height: 250px; } }
  @media (min-height: 500px) {
    .modal-body {
      max-height: 300px; } }
  @media (min-height: 600px) {
    .modal-body {
      max-height: 420px; } }
  @media (min-height: 700px) {
    .modal-body {
      max-height: 520px; } }
  @media (min-height: 800px) {
    .modal-body {
      max-height: 600px; } }
  @media (min-height: 900px) {
    .modal-body {
      max-height: 625px; } }
  @media (min-height: 1000px) {
    .modal-body {
      max-height: 650px; } }
  @media (min-height: 1200px) {
    .modal-body {
      max-height: 900px; } }
  @media (min-height: 1400px) {
    .modal-body {
      max-height: 1000px; } }
  header {
    width: 100%;
    background-image: url("https://eudoracdn.azureedge.net/images/bright-squares.png?1");
    background-repeat: repeat-x;
    background-position-x: -10px;
    /*background-color: #fff;*/
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    min-height: 50px;
    box-shadow: 0 4px 2px -2px #cccccc;
    /*z-index: 2;*/ }
    header small {
      display: none;
      margin-left: 13px;
      font-size: 0.9em;
      text-overflow: ellipsis;
      overflow: hidden;
      display: inline-block;
      max-height: 50px;
      /*height: 30px;*/
      margin-top: 7px;
      /*white-space: nowrap;*/ }
  .header {
    /*height: auto;*/
    height: 50px;
    position: relative;
    line-height: 50px;
    width: 100%;
    /*padding-left: 210px;*/
    z-index: 13;
    /*box-shadow: 0 4px 2px -2px #cccccc;*/
    border-bottom: 1px solid #ccc;
    /*box-shadow: 0px 1px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);*/ }
    .header h1 {
      margin: 0;
      color: #555;
      font-size: 22px;
      font-weight: 600;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      max-width: 100%;
      display: block;
      /* vertical-align: middle; */
      margin-left: 17px;
      margin-right: 4px;
      /* height: 50px; */
      margin-top: 0;
      /* overflow: hidden; */
      padding-top: 12px;
      /* max-width: 500px; */ }
    .header small {
      margin-top: 0px;
      padding-top: 2px; }
    .header .buttons {
      /*float: right;*/
      margin-right: 2px;
      height: 30px;
      margin-top: -1px;
      white-space: nowrap; }
      .header .buttons .btn {
        font-size: 20px;
        padding: 10px;
        font-weight: 700;
        color: #000;
        margin-top: 0;
        max-height: 50px;
        text-decoration: none; }
        .header .buttons .btn:hover, .header .buttons .btn:focus {
          background-color: #9fa6ad; }
      .header .buttons .notifications-button.has-notifications {
        color: #fff;
        background-color: #3e8efc; }
      .header .buttons .no-caret .caret {
        display: none; }
      .header .buttons .dropdown-members .btn {
        font-size: 20px; }
      .header .buttons .dropdown-members .user-image {
        display: inline-block;
        margin-right: 5px; }
        .header .buttons .dropdown-members .user-image img {
          height: 36px;
          width: 36px;
          border-radius: 50px; }
      .header .buttons .dropdown-members .user-name {
        display: inline-block; }
      .header .buttons .ticket-running {
        overflow: hidden; }
      .header .buttons .ticket-running i.fa {
        color: #13ad0c;
        animation: fa-spin 10s infinite linear; }
      .header .buttons .ticket-running .duration {
        font-size: 14px;
        /*display: block;
      float: right;
      padding-top: 4px;
      padding-left: 2px;*/ }
      .header .buttons #header-stop-time-button {
        /*display: none;*/
        font-size: 20px;
        color: #b20000;
        /*position: absolute;*/
        /*margin-left: -60px;*/
        /*bottom: -48px;*/ }
      .header .buttons .time-buttons:hover #header-stop-time-button {
        display: inherit; }
      .header .buttons .header-search {
        display: inline-block; }
        .header .buttons .header-search .search-form > div {
          display: inline-block;
          vertical-align: middle; }
        .header .buttons .header-search .btn-link {
          font-size: 20px; }
        .header .buttons .header-search .search-form {
          position: relative; }
          .header .buttons .header-search .search-form .form-group {
            margin: 0; }
          .header .buttons .header-search .search-form .popover {
            top: 45px;
            display: none !important;
            /*opacity: 0.75;*/ }
          .header .buttons .header-search .search-form.focus .popover {
            display: block !important; }
            .header .buttons .header-search .search-form.focus .popover:hover {
              opacity: 1; }
        .header .buttons .header-search input.form-control {
          width: 250px; }
        .header .buttons .header-search .typeahead-list {
          z-index: 2010;
          top: 45px;
          bottom: inherit;
          width: 335px;
          min-width: 200px;
          border: 2px solid #eee; }
          .header .buttons .header-search .typeahead-list .typeahead-item {
            line-height: 15px; }
  .header-subrow {
    height: auto;
    min-height: 40px;
    /*background-color: rgba(155, 198, 247, 0.1);*/
    /*border-top: solid 1px #eaeaea;*/
    background-color: #fff;
    /*border-top: solid 1px #aaa;*/
    position: relative;
    width: 100%;
    /*z-index: 9;*/
    padding: 5px;
    padding-right: 50px; }
    .header-subrow .dropdown-menu > .active > a, .header-subrow .dropdown-menu > .active > a:focus, .header-subrow .dropdown-menu > .active > a:hover {
      background-color: #337ab7; }
    .header-subrow.project {
      background-color: rgba(173, 133, 239, 0.1); }
    .header-subrow a {
      border: none;
      background: transparent; }
      .header-subrow a:hover, .header-subrow a.active, .header-subrow a:focus {
        color: #fff;
        background-color: #337ab7;
        border-color: #4763a5; }
  .update-available, .desktop-app-available {
    background-color: #061a38;
    color: #fff;
    padding: 5px 15px; }
    .update-available h3, .desktop-app-available h3 {
      margin: 0;
      font-size: 20px; }
      .update-available h3 small, .desktop-app-available h3 small {
        color: #dadada; }
      .update-available h3 button, .update-available h3 a, .desktop-app-available h3 button, .desktop-app-available h3 a {
        margin: 0 10px; }
    .update-available .dismiss, .desktop-app-available .dismiss {
      border: none;
      background: none;
      padding: 5px;
      margin-right: 50px; }
      .update-available .dismiss:hover, .update-available .dismiss:focus, .desktop-app-available .dismiss:hover, .desktop-app-available .dismiss:focus {
        background: #555;
        border-radius: 50px; }
  .desktop-app-available {
    background-color: #337ab7; }
  .current-time-ticket {
    white-space: nowrap;
    overflow: hidden;
    padding-top: 0;
    float: right;
    /*max-width: 40%;*/ }
    .current-time-ticket .btn {
      padding: 0 3px;
      padding-bottom: 2px;
      vertical-align: middle; }
    .current-time-ticket .play {
      color: #31d72a; }
    .current-time-ticket .stop {
      color: #d52f2f; }
    .current-time-ticket .duration {
      padding-right: 5px; }
    .current-time-ticket .ticket-running i.fa {
      color: #31d72a;
      animation: fa-spin 10s infinite linear; }
    .current-time-ticket a {
      max-width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      white-space: nowrap;
      color: #222; }
    .current-time-ticket .time-totals {
      margin-left: 5px;
      /*float: right;*/
      margin-right: 10px;
      display: inline-block;
      vertical-align: top;
      padding-top: 0; }
      .current-time-ticket .time-totals span, .current-time-ticket .time-totals b {
        padding-left: 5px;
        padding-right: 5px; }
  .reminders {
    background-color: #710101;
    color: #fff;
    padding: 5px 15px; }
    .reminders h3 {
      margin: 0;
      font-size: 20px; }
    .reminders:hover {
      background-color: #b50000; }
  .not-guest {
    background-color: #b3600f;
    color: #fff;
    padding: 5px 15px; }
    .not-guest h3 {
      margin: 0;
      font-size: 17px; }
  .sharing-screen {
    background-color: #337ab7;
    color: #fff;
    padding: 5px 15px; }
    .sharing-screen h3 {
      margin: 0;
      font-size: 17px; }
    .sharing-screen a.user-name {
      color: white; }
    .sharing-screen i.gray {
      color: #555; }
    .sharing-screen i.green {
      color: #31d72a; }
    .sharing-screen video {
      max-height: 125px; }
  .add-selector, .options-selector {
    position: absolute;
    top: 49px;
    right: 50px;
    width: 472px;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    z-index: 1010;
    background: #fff; }
    .add-selector .add-selector-content, .add-selector .options-selector-content, .options-selector .add-selector-content, .options-selector .options-selector-content {
      height: 370px;
      overflow-x: inherit;
      overflow-y: auto;
      padding: 0;
      padding-top: 10px;
      background-color: #fff; }
    .add-selector .add-selector-content-inner, .add-selector .options-selector-content-inner, .options-selector .add-selector-content-inner, .options-selector .options-selector-content-inner {
      padding: 5px; }
    .add-selector .add-selector-option, .add-selector .options-selector-option, .options-selector .add-selector-option, .options-selector .options-selector-option {
      display: block;
      float: left;
      padding: 5px;
      color: #000;
      text-align: center;
      margin: 5px;
      border: 1px solid #ccc;
      height: 75px;
      width: 100px;
      border-radius: 0px;
      background-color: #f5f5f5;
      font-size: 12px;
      overflow: hidden;
      position: relative; }
      .add-selector .add-selector-option a, .add-selector .options-selector-option a, .options-selector .add-selector-option a, .options-selector .options-selector-option a {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100px;
        margin: 0;
        color: #000; }
      .add-selector .add-selector-option b, .add-selector .options-selector-option b, .options-selector .add-selector-option b, .options-selector .options-selector-option b {
        display: block;
        text-align: center;
        font-size: 20px; }
      .add-selector .add-selector-option:hover, .add-selector .add-selector-option:focus,
      .add-selector .add-selector-option a:hover, .add-selector .add-selector-option a:focus, .add-selector .options-selector-option:hover, .add-selector .options-selector-option:focus,
      .add-selector .options-selector-option a:hover, .add-selector .options-selector-option a:focus, .options-selector .add-selector-option:hover, .options-selector .add-selector-option:focus,
      .options-selector .add-selector-option a:hover, .options-selector .add-selector-option a:focus, .options-selector .options-selector-option:hover, .options-selector .options-selector-option:focus,
      .options-selector .options-selector-option a:hover, .options-selector .options-selector-option a:focus {
        background-color: #337ab7;
        color: #fff;
        text-decoration: none; }
  .options-selector {
    right: 2px; }
  .add-selector-mask, .options-selector-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #ddd;
    opacity: 0.2;
    cursor: pointer; }
  @media (max-width: 768px) {
     {
      /* Small tablets and phones */ }
      .header-subrows {
        /*display: none;*/ }
      header {
        min-height: 30px; }
        header small {
          display: none; }
      .header {
        /*height: 30px;*/
        min-height: inherit;
        line-height: 30px; }
        .header .fa-bars {
          vertical-align: top; }
        .header h1 {
          max-width: 130px;
          height: 22px;
          font-size: 17px;
          margin-top: 5px;
          margin-left: 0; }
        .header h1, .header small {
          height: 30px; }
        .header small {
          margin-top: 5px; }
        .header .buttons .header-search {
          vertical-align: text-top; }
          .header .buttons .header-search .btn-link {
            font-size: 15px; }
        .header .buttons {
          margin-top: 0; }
          .header .buttons .btn {
            padding: 10px 5px; }
          .header .buttons .dropdown-members .btn {
            font-size: 17px; }
        .header .btn-link.visible-xs {
          height: 50px; }
          .header .btn-link.visible-xs.unread {
            background: #3e8efc;
            color: #fff;
            margin-right: 5px; }
        .header .channel-header .channel-header-items {
          margin-left: 0; }
      .search-form {
        position: relative; }
        .search-form > div {
          display: inline-block;
          vertical-align: middle;
          width: calc(100% - 50px); }
          .search-form > div input.form-control {
            /*width: calc(100% - 75px);*/ }
      .reminders {
        padding: 5px 10px; }
      .add-selector, .options-selector {
        right: 0;
        width: 100%; } }
  @media (min-width: 768px) {
    .header-subrow {
      font-size: 15px; }
      .header-subrow a {
        /*padding: 4px;*/ } }
  @media print {
    .header h1, .header small {
      width: 100%; }
    .header-subrows, .reminders, .update-available, .desktop-app-available {
      display: none; } }
  .embedded .header {
    display: none; }
  .sidebar-left {
    min-width: 210px;
    max-width: 210px;
    background-color: #061a38;
    background-image: url("https://eudoracdn.azureedge.net/images/digital-camo-sbl.png?1");
    /*background-image: url("../../static/images/Texture1_15.png?1");*/
    background-repeat: repeat-x;
    color: #fff;
    overflow: hidden;
    /*flex: 1;
  display: flex;
  flex-direction: column;
  position: static;*/
    z-index: 20;
    border-right: 1px solid #12356a;
    /*box-shadow: 0px 50px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);*/ }
    .sidebar-left .sidebar-left-appName, .sidebar-left .sidebar-left-companyName, .sidebar-left .sidebar-left-userName {
      padding: 5px 7px;
      color: #fff; }
    .sidebar-left .sidebar-left-appName {
      font-size: 12px;
      display: none; }
    .sidebar-left .sidebar-left-companyName {
      font-size: 20px;
      margin-top: -14px; }
    .sidebar-left .sidebar-left-userName {
      font-size: 16px; }
    .sidebar-left .user-menu, .sidebar-left .user-menu .dropdown-toggle {
      border: none;
      width: 100%;
      padding: 0;
      text-align: left; }
      .sidebar-left .user-menu .btn .caret, .sidebar-left .user-menu .dropdown-toggle .btn .caret {
        position: absolute;
        right: 15px;
        bottom: 15px;
        color: #eee; }
      .sidebar-left .user-menu .dropdown-menu, .sidebar-left .user-menu .dropdown-toggle .dropdown-menu {
        width: 100%; }
      .sidebar-left .user-menu:hover, .sidebar-left .user-menu:focus, .sidebar-left .user-menu .dropdown-toggle:hover, .sidebar-left .user-menu .dropdown-toggle:focus {
        color: #061a38;
        background-color: #eee;
        text-decoration: none; }
        .sidebar-left .user-menu:hover .sidebar-left-appName, .sidebar-left .user-menu:hover .sidebar-left-companyName, .sidebar-left .user-menu:hover .sidebar-left-userName, .sidebar-left .user-menu:hover .btn .caret, .sidebar-left .user-menu:focus .sidebar-left-appName, .sidebar-left .user-menu:focus .sidebar-left-companyName, .sidebar-left .user-menu:focus .sidebar-left-userName, .sidebar-left .user-menu:focus .btn .caret, .sidebar-left .user-menu .dropdown-toggle:hover .sidebar-left-appName, .sidebar-left .user-menu .dropdown-toggle:hover .sidebar-left-companyName, .sidebar-left .user-menu .dropdown-toggle:hover .sidebar-left-userName, .sidebar-left .user-menu .dropdown-toggle:hover .btn .caret, .sidebar-left .user-menu .dropdown-toggle:focus .sidebar-left-appName, .sidebar-left .user-menu .dropdown-toggle:focus .sidebar-left-companyName, .sidebar-left .user-menu .dropdown-toggle:focus .sidebar-left-userName, .sidebar-left .user-menu .dropdown-toggle:focus .btn .caret {
          color: #061a38;
          text-decoration: none; }
    .sidebar-left .search-menu-input {
      background: none;
      border-color: transparent;
      color: white;
      box-shadow: none;
      padding: 5px 6px; }
      .sidebar-left .search-menu-input:focus {
        border-bottom: 1px solid #eee; }
    .sidebar-left .scrollable {
      height: calc(100% - 100px);
      overflow-y: auto;
      position: relative;
      padding-bottom: 10px;
      font-weight: 300; }
    .sidebar-left .status {
      float: right;
      font-size: 22px;
      padding-right: 5px; }
    .sidebar-left a i {
      margin-right: 3px;
      margin-top: 4px; }
    .sidebar-left .multi-dm-user i {
      margin: 0; }
    .sidebar-left .multi-dm-user + .multi-dm-user i {
      margin-right: -5px;
      margin-left: 2px; }
    .sidebar-left .version {
      font-weight: 100;
      padding-left: 0;
      font-size: 12px;
      text-align: center; }
    .sidebar-left .bottom-buttons .btn-link {
      color: #ccc; }
  .sidebar-left .nav li > .edit, .menu .nav li > .edit {
    /*padding: 0;
    padding-right: 5px;
    z-index: 5;*/ }
  .sidebar-left .nav li > .mark-read, .menu .nav li > .mark-read {
    padding: 5px 3px;
    cursor: pointer; }
  .sidebar-left .nav li.channel-menu-item span.unread, .menu .nav li.channel-menu-item span.unread {
    margin-top: -1px; }
    .sidebar-left .nav li.channel-menu-item span.unread .badge, .menu .nav li.channel-menu-item span.unread .badge {
      min-width: 22px; }
  .sidebar-left .nav li > h4, .menu .nav li > h4 {
    font-size: 1em;
    text-transform: uppercase;
    margin: 15px 0 5px 0;
    font-weight: 600;
    color: #ddd;
    /*letter-spacing: -0.3px;*/
    padding: 0 10px 0 7px; }
    .sidebar-left .nav li > h4 a, .menu .nav li > h4 a {
      position: relative;
      display: block;
      color: #ddd;
      padding: 3px 5px 3px 0; }
      .sidebar-left .nav li > h4 a.active, .menu .nav li > h4 a.active {
        background-color: #ddd;
        color: #061a38; }
      .sidebar-left .nav li > h4 a:hover, .sidebar-left .nav li > h4 a:focus, .menu .nav li > h4 a:hover, .menu .nav li > h4 a:focus {
        text-decoration: none;
        color: #061a38;
        background-color: #ccc; }
  .sidebar-left .nav-stacked > li + li, .menu .nav-stacked > li + li {
    margin-top: 0; }
  .sidebar-left .nav li > a, .menu .nav li > a {
    color: #d6d6d6;
    padding: 5px 5px 5px 20px;
    line-height: 1.5;
    border-radius: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 100; }
    .sidebar-left .nav li > a.active, .menu .nav li > a.active {
      background-color: #125086;
      color: #fff; }
  .sidebar-left .nav li > a.view, .menu .nav li > a.view {
    font-weight: 500;
    font-size: 17px;
    padding: 3px 10px; }
    .sidebar-left .nav li > a.view i.fa, .menu .nav li > a.view i.fa {
      float: right;
      opacity: 0.3; }
    .sidebar-left .nav li > a.view.active, .menu .nav li > a.view.active {
      background-color: #125086;
      color: #fff; }
  .sidebar-left .nav.menu-section.active, .menu .nav.menu-section.active {
    /*margin-top: 20px;*/
    /*margin-bottom: 20px;*/ }
  .sidebar-left .menu-sub .nav li > a.view, .menu .menu-sub .nav li > a.view {
    padding-left: 20px; }
  .sidebar-left .nav > li > a:focus, .sidebar-left .nav > li > a:hover, .menu .nav > li > a:focus, .menu .nav > li > a:hover {
    text-decoration: none;
    color: #061a38;
    background-color: #eee; }
    .sidebar-left .nav > li > a:focus.active, .sidebar-left .nav > li > a:hover.active, .menu .nav > li > a:focus.active, .menu .nav > li > a:hover.active {
      background-color: #0d3c65;
      color: #fff; }
  .sidebar-left .nav li > a.unread, .sidebar-left .nav li > .unread, .menu .nav li > a.unread, .menu .nav li > .unread {
    color: white;
    font-weight: 700; }
    .sidebar-left .nav li > a.unread i.fa-ellipsis-h, .sidebar-left .nav li > .unread i.fa-ellipsis-h, .menu .nav li > a.unread i.fa-ellipsis-h, .menu .nav li > .unread i.fa-ellipsis-h {
      background: #3e8efc;
      border-radius: 50%;
      min-width: 25px;
      min-height: 20px;
      padding: 5px;
      margin: 0; }
    .sidebar-left .nav li > a.unread .badge, .sidebar-left .nav li > .unread .badge, .menu .nav li > a.unread .badge, .menu .nav li > .unread .badge {
      background-color: #3e8efc; }
    .sidebar-left .nav li > a.unread.list, .sidebar-left .nav li > .unread.list, .menu .nav li > a.unread.list, .menu .nav li > .unread.list {
      font-weight: 400;
      color: #D6D6D6; }
      .sidebar-left .nav li > a.unread.list .badge, .sidebar-left .nav li > .unread.list .badge, .menu .nav li > a.unread.list .badge, .menu .nav li > .unread.list .badge {
        background-color: #6b8ab5; }
    .sidebar-left .nav li > a.unread.notifications-item .badge, .sidebar-left .nav li > .unread.notifications-item .badge, .menu .nav li > a.unread.notifications-item .badge, .menu .nav li > .unread.notifications-item .badge {
      margin-top: 2px; }
    .sidebar-left .nav li > a.unread.active, .sidebar-left .nav li > .unread.active, .menu .nav li > a.unread.active, .menu .nav li > .unread.active {
      background-color: #ddd;
      color: #061a38; }
  .sidebar-left .form-group, .menu .form-group {
    margin: 0;
    padding: 0 20px; }
    .sidebar-left .form-group label, .menu .form-group label {
      font-size: 12px; }
    .sidebar-left .form-group .form-control, .menu .form-group .form-control {
      height: 27px;
      font-size: 12px;
      background: transparent;
      color: white; }
  .menu {
    background-color: #061a38;
    background-image: url("https://eudoracdn.azureedge.net/images/digital-camo.png?1");
    background-repeat: repeat-x;
    color: #fff;
    max-width: 400px; }
  .sidebar-left .menu {
    background: transparent; }
  .sidebar-left .list-group {
    margin-bottom: 0; }
  .menu-section.gu-mirror, [data-type=sub-section].gu-mirror {
    outline: 6px solid springgreen;
    background-color: #061a38;
    background-image: url("https://eudoracdn.azureedge.net/images/digital-camo.png?1");
    background-repeat: repeat-x;
    color: #fff; }
  .menu-sub a.editing {
    padding-right: 50px; }
  @media (max-width: 991px) {
     {
      /* medium sized devices, Small tablets and phones */ }
      .sidebar-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        position: absolute;
        font-size: 1.2em; }
      .sidebar-left.open {
        transform: translate3d(0, 0, 0);
        display: flex;
        height: 100%;
        /*width: 100%;*/
        max-width: none; } }
  @media (max-width: 768px) {
     {
      /* Small tablets and phones */ }
      .sidebar-left .nav li > a.view, .menu .nav li > a.view, .sidebar-left .nav li > a, .menu .nav li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 22px;
        /*border-top: 1px solid #eee;*/ } }
  @media (max-width: 500px) {
     {
      /*  small  phones */ }
      .sidebar-left.open {
        width: 100%;
        max-width: 100%; } }
  @media print {
    .sidebar-left {
      display: none; } }
  .guest-portal .sidebar-left {
    background-color: #292135;
    /*display: none;*/
    /*&.open{
    display: block;
  }*/ }
  .quick-switch .quick-switch-mask {
    background-color: #555;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0.4;
    top: 0;
    left: 0; }
  .quick-switch .quick-switch-container {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    width: 50%;
    top: 25%;
    min-height: 50px;
    z-index: 101;
    position: fixed;
    left: 25%;
    padding: 10px;
    max-height: 50%;
    overflow: visible; }
    .quick-switch .quick-switch-container.shortcuts {
      height: calc(50%); }
    .quick-switch .quick-switch-container h4 {
      font-size: 14px;
      margin: 0;
      color: #777; }
    .quick-switch .quick-switch-container form {
      margin: 10px 0; }
  .hotkeys {
    position: fixed;
    bottom: 0px;
    right: 0px;
    background-color: rgba(0, 27, 58, 0.82);
    z-index: 999;
    border: 1px solid #777;
    padding: 10px;
    font-size: 13px;
    color: #eee; }
    .hotkeys.hotkeys-item {
      top: 140px;
      bottom: auto; }
  .full-screen .full-screen-mask {
    background-color: #555;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 97;
    opacity: 0.4;
    top: 0;
    left: 0; }
  .full-screen .full-screen-container {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    width: 100%;
    top: 0;
    min-height: 50px;
    z-index: 98;
    position: fixed;
    left: 0;
    padding: 20px;
    max-height: 100%;
    overflow: visible;
    height: 100%; }
    .full-screen .full-screen-container .page-header {
      margin-top: 0; }
    .full-screen .full-screen-container .page-header, .full-screen .full-screen-container .page-content {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; }
  .modal-backdrop {
    z-index: 3040; }
  .modal {
    z-index: 3050; }
  .sidebar-right {
    width: calc(50%);
    background: #fff;
    color: #222;
    height: 100%;
    position: fixed;
    z-index: 12;
    top: 64px;
    right: 0;
    border: 1px solid #bbb;
    border-right: none;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
    padding-bottom: 64px; }
    .sidebar-right button.close {
      width: 40px;
      height: 32px;
      position: absolute;
      top: 1px;
      right: 0;
      z-index: 5;
      opacity: 1;
      font-size: 18px;
      color: #ff0000;
      border-radius: 0;
      color: white;
      padding: 7px;
      border: none;
      text-shadow: none;
      color: #222 !important;
      margin-right: 5px; }
      .sidebar-right button.close:hover, .sidebar-right button.close:focus {
        background-color: #ff0000;
        opacity: 1;
        color: #fff !important; }
    .sidebar-right button.expand, .sidebar-right button.collapser {
      position: absolute;
      top: 50%;
      top: calc(50% - 30px);
      width: 30px;
      left: -15px;
      z-index: 5;
      padding: 0;
      border-radius: 50px;
      height: 30px;
      font-size: 20px;
      /*border: none;*/
      /*background-color: transparent;*/
      color: #808080; }
      .sidebar-right button.expand i.fa, .sidebar-right button.collapser i.fa {
        margin-left: -3px; }
      .sidebar-right button.expand:hover, .sidebar-right button.expand:focus, .sidebar-right button.collapser:hover, .sidebar-right button.collapser:focus {
        background-color: #ddd; }
    .sidebar-right button.collapser {
      left: 0; }
      .sidebar-right button.collapser i.fa {
        margin-left: 0; }
    .sidebar-right .stacked-back {
      position: absolute;
      left: -79px; }
      .sidebar-right .stacked-back:hover, .sidebar-right .stacked-back:focus {
        /*background-color: #ddd;*/ }
    .sidebar-right h2.sidebar-header {
      margin: 0;
      font-size: 22px;
      padding: 7px;
      padding-bottom: 17px;
      border-bottom: 1px solid #eee; }
    .sidebar-right .item-sub .item-sub h2.item-sub-header {
      margin-top: 50px; }
    .sidebar-right .scrollable {
      padding: 10px 15px;
      padding-bottom: 50px; }
    .sidebar-right .sidebar-right-view {
      max-height: 100%;
      max-width: 100%;
      padding-bottom: 5px;
      padding-top: 0;
      height: 100%; }
      .sidebar-right .sidebar-right-view.item-view {
        background-color: #eee;
        padding-bottom: 0; }
        .sidebar-right .sidebar-right-view.item-view .scrollable {
          margin-left: 50px;
          background: #fff;
          border-left: 1px solid #ccc;
          padding: 10px 20px; }
    .sidebar-right .sidebar-right-footer {
      /*padding-bottom: 25px;*/ }
    .sidebar-right .user-profile .user-profile-image {
      position: absolute;
      right: 0; }
    .sidebar-right .user-profile .user-profile-image img {
      height: 100px;
      width: 100px;
      border-radius: 100px; }
    .sidebar-right .user-profile .item-view > h3 {
      background: #eef2fe;
      padding: 10px;
      margin-top: 75px; }
    .sidebar-right .post-view h2.sidebar-header {
      margin-top: 10px; }
    .sidebar-right .post-view h4.page-header {
      margin-top: 10px; }
    .sidebar-right .post-view .post-image {
      position: absolute;
      right: 0; }
    .sidebar-right .post-view .post-image img {
      height: 70px;
      width: 70px;
      border-radius: 100px; }
    .sidebar-right .time-view {
      margin-top: 8px; }
      .sidebar-right .time-view .time-totals {
        font-size: 1.2em;
        margin-top: 15px;
        padding: 0 10px; }
        .sidebar-right .time-view .time-totals dd {
          margin-bottom: 10px; }
    .sidebar-right .direct-messages ul.list-group li {
      clear: both; }
    .sidebar-right .search-results .scrollable.content {
      padding-left: 17px; }
    .sidebar-right .search-results .search-result {
      /*margin-bottom: 5px;
      border-bottom: 1px solid #eee;
      padding-bottom: 5px;*/ }
      .sidebar-right .search-results .search-result .info {
        margin-left: 50px; }
        .sidebar-right .search-results .search-result .info .title {
          display: inline-block;
          font-weight: 600;
          margin-right: 10px; }
        .sidebar-right .search-results .search-result .info .content {
          padding: 5px 0; }
    .sidebar-right .search-results .user-image img {
      height: 36px;
      width: 36px;
      border-radius: 100px; }
    .sidebar-right .thisMessage {
      background-color: #eef4fe;
      padding: 5px;
      border: 2px solid #ddd; }
      .sidebar-right .thisMessage .message-snippet, .sidebar-right .thisMessage .snippet {
        height: auto; }
    .sidebar-right .reminder {
      padding: 10px;
      background: #eee;
      margin-bottom: 2px; }
    .sidebar-right .id-search-results {
      background-color: #fff;
      padding: 10px; }
    .sidebar-right .sidebar-left-setup-lists .list-group-item {
      padding: 2px 5px;
      cursor: move; }
      .sidebar-right .sidebar-left-setup-lists .list-group-item a, .sidebar-right .sidebar-left-setup-lists .list-group-item span {
        vertical-align: sub; }
    .sidebar-right.expanded {
      width: calc(100% - 210px); }
      .sidebar-right.expanded .sidebar-right-view {
        margin-left: 30px;
        border-left: 1px solid #ccc; }
  @media (max-width: 1400px) {
    .sidebar-right {
      width: 50%;
      width: calc(75% - 215px); } }
  @media (max-width: 1080px) {
    .sidebar-right {
      width: 50%;
      width: calc(80% - 215px); } }
  @media (max-width: 1079px) {
     {
      /* medium sized devices, Small tablets and phones */ }
      .sidebar-right {
        width: 75%;
        width: calc(100% - 215px); }
        .sidebar-right button.expand {
          display: none; } }
  @media (max-width: 991px) {
    .sidebar-right {
      width: 99%;
      width: calc(100% - 5px); } }
  @media (max-width: 768px) {
     {
      /* Small tablets and phones */ }
      .sidebar-right {
        top: 0;
        width: 100% !important;
        padding-bottom: 0px;
        z-index: 18; }
        .sidebar-right .sidebar-right-view {
          padding-bottom: 0; }
        .sidebar-right h2.sidebar-header, .sidebar-right h2.item-sub-header {
          font-size: 20px; }
      .sidebar-right-is-open .notifications .notifications-toggle {
        display: none; } }
  @media print {
    .sidebar-right {
      width: 100%;
      position: static; } }
  .embedded .sidebar-right {
    top: 0; }
  body {
    /*background-image: url("../../static/images/can.png?1");
    background-repeat: repeat-x;
    background-position: bottom;*/
    background-color: #fff; }
  .main-content-container {
    padding: 20px;
    padding-bottom: 60px; }
  .view-container {
    /*position: relative;
    top: 58px;*/ }
  .comment-box-container {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    height: auto;
    min-height: 78px;
    /*border-top: 1px solid #ddd;*/
    z-index: 9;
    background: #fff;
    padding: 10px;
    padding-bottom: 5px;
    overflow: visible !important;
    border-top: 1px solid #ccc;
    /*.message {
    padding-top: 0;

    .message-body {
      margin-left: 0;
      overflow: visible;
    }
  }*/
    /*box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);*/ }
    .comment-box-container.files-only {
      min-height: 0;
      border-top: none;
      padding: 0; }
    .comment-box-container .btn-default {
      color: #555; }
    .comment-box-container .btn-left {
      border-radius: 0;
      border-width: 2px;
      border-right: none; }
      .comment-box-container .btn-left .caret {
        display: none; }
      .comment-box-container .btn-left > .btn {
        border-radius: 0;
        border-width: 2px;
        border-right: none; }
        .comment-box-container .btn-left > .btn .caret {
          display: none; }
    .comment-box-container .btn-right {
      border-radius: 0;
      border-width: 2px;
      border-left: none; }
      .comment-box-container .btn-right > .btn {
        border-radius: 0;
        border-width: 2px;
        border-left: none; }
        .comment-box-container .btn-right > .btn .caret {
          display: none; }
    .comment-box-container .btn-middle {
      border-width: 2px;
      border-left: none;
      border-right: none;
      border-radius: 0; }
      .comment-box-container .btn-middle > .btn {
        border-width: 2px;
        border-left: none;
        border-right: none;
        border-radius: 0; }
        .comment-box-container .btn-middle > .btn .caret {
          display: none; }
    .comment-box-container .btn-send {
      border-width: 2px;
      border-radius: 0;
      margin-left: -2px;
      border-left-width: 0px;
      z-index: 2; }
    .comment-box-container .comment-box, .comment-box-container .DraftEditor-root {
      box-sizing: border-box;
      padding-top: 8px;
      padding-bottom: 0;
      min-height: 40px;
      max-height: 300px;
      line-height: 1.5;
      resize: none;
      border-radius: 0;
      box-shadow: none;
      border-color: #ccc;
      border-style: solid;
      border-width: 2px;
      border-left-width: 0;
      border-right-width: 0;
      padding-left: 2px; }
      .comment-box-container .comment-box:focus, .comment-box-container .DraftEditor-root:focus {
        box-shadow: none;
        border-color: #66afe9;
        outline: 0; }
    .comment-box-container .DraftEditor-root {
      overflow: auto; }
    .comment-box-container .typing {
      height: 20px;
      font-size: 0.9em;
      font-weight: 400;
      padding-left: 0;
      padding-top: 3px;
      color: #777;
      overflow: hidden; }
    .comment-box-container .users-viewing {
      /*margin: 5px 15px;
  border: 1px solid #eee;*/
      margin-top: 5px;
      min-height: 30px; }
      .comment-box-container .users-viewing > h5 {
        background-color: #eee;
        color: #999;
        padding: 5px;
        margin: 0; }
      .comment-box-container .users-viewing > .inner {
        padding: 0 5px; }
    .comment-box-container .user-typing {
      position: relative;
      vertical-align: top; }
      .comment-box-container .user-typing .user-typing-holder {
        position: absolute;
        z-index: 2;
        color: black;
        /* background-color: white; */
        /* border: 1px solid #ccc; */
        /*border-radius: 20px;*/
        bottom: -20px;
        padding-left: 3px;
        top: -9px;
        padding-left: 3px;
        right: -7px; }
    .comment-box-container .reply-to {
      background: #eee;
      padding: 10px 10px 0 10px;
      border: 1px solid #ccc;
      /*border-radius: 3px;*/
      margin-bottom: 5px;
      position: relative; }
      .comment-box-container .reply-to .cancel {
        position: absolute;
        top: -1px;
        right: -1px;
        border-radius: 0 3px 0 0; }
      .comment-box-container .reply-to .snippet {
        background-color: white;
        vertical-align: middle;
        margin-left: 10px; }
    .comment-box-container .markdown-preview {
      position: fixed;
      top: 50px;
      width: calc(100% - 210px);
      left: 210px;
      z-index: 99999;
      background: #eee;
      border: 1px solid #999;
      padding: 10px;
      max-height: 700px;
      overflow: auto; }
    .comment-box-container.focus {
      z-index: 55; }
      .comment-box-container.focus .btn {
        border-color: #66afe9; }
    .comment-box-container.comment-box-container-compact {
      padding: 0;
      border: none;
      min-height: 0px; }
      .comment-box-container.comment-box-container-compact .users-viewing {
        display: none; }
      .comment-box-container.comment-box-container-compact .comment-box, .comment-box-container.comment-box-container-compact .btn-left, .comment-box-container.comment-box-container-compact .btn-middle, .comment-box-container.comment-box-container-compact .btn-right, .comment-box-container.comment-box-container-compact .btn-right .btn {
        border-bottom-width: 1px; }
      .comment-box-container.comment-box-container-compact .btn-left {
        border-left-width: 1px; }
      .comment-box-container.comment-box-container-compact .btn-right, .comment-box-container.comment-box-container-compact .btn-right .btn {
        border-right-width: 1px; }
  .item-view .comment-box-container .users-viewing {
    min-height: 45px; }
  .header-subrow .notification-preferences {
    margin-right: 10px;
    padding-top: 2px; }
  .item-view-header .notification-preferences {
    margin-right: 6px;
    margin-top: 6px; }
  .notification-preferences .notification-preferences-item {
    border-radius: 50px;
    height: 30px;
    width: 30px;
    font-size: 12px;
    padding: 0;
    margin-left: 3px !important; }
  .main-loading-view {
    background: #061a38;
    background-image: url("https://eudoracdn.azureedge.net/images/digital-camo.png?1");
    background-repeat: repeat-x;
    height: 100%;
    width: 100%; }
    .main-loading-view .loading-container {
          position: fixed;
    text-align: center;
    color: #fff;
    margin: 0;
    width: 100%;
    top: 0;
    background: #292c4a80;
    left: 0;
    padding-top: 100px;
    height: 100%; }
      .main-loading-view .loading-container .throbber {
        background-image: url("https://eudoracdn.azureedge.net/images/balls.svg");
        background-repeat: no-repeat;
        width: 200px;
        height: 200px;
        display: block;
        margin: 0 auto; }
  .loading-view {
    background-repeat: repeat-x;
    height: 100%;
    width: 100%; }
    .loading-view .loading-container {
      /*position: absolute;*/
      text-align: center;
      color: #fff;
      margin: 0;
      margin-top: 25px;
      width: 100%;
      /*top: 100px;*/ }
      .loading-view .loading-container .throbber {
        background-image: url("https://eudoracdn.azureedge.net/images/ellipsis.svg?1");
        background-repeat: no-repeat;
        width: 50px;
        height: 50px;
        display: block;
        margin: 0 auto; }
  .error-boundary {
    background: #400000;
    background-image: url("https://eudoracdn.azureedge.net/images/digital-camo.png?1");
    background-repeat: repeat-x;
    height: 100%;
    width: 100%; }
    .error-boundary .error-boundary-inner {
      padding-top: 100px;
      margin: 0 auto;
      width: 50%;
      color: #fff; }
  .user-popover {
    display: none;
    position: absolute;
    margin-top: -90px;
    background-color: #fff;
    background-repeat: repeat-x;
    border: solid 1px #ddd;
    border-radius: 2px;
    padding: 5px;
    z-index: 1005; }
  .user-name:hover .user-popover {
    display: block; }
  code .language {
    position: absolute;
    right: 10px;
    background: white;
    padding: 1px 5px;
    border: 1px solid #ccc;
    opacity: 0.9;
    margin-top: -20px;
    font-size: 12px; }
    code .language:hover, code .language:focus {
      opacity: 0.2; }
  .code-example textarea {
    min-height: 200px; }
  .no-caret .caret {
    display: none; }
  .modal-footer .hotkey::first-letter {
    text-decoration: underline; }
  .emoji-button {
    margin: 2px;
    display: inline-block;
    cursor: pointer; }
    .emoji-button .emoji {
      height: 25px;
      width: 25px; }
    .emoji-button:hover, .emoji-button:focus, .emoji-button:active {
      background: #999; }
  .emojis.popover {
    max-height: 500px;
    max-width: 400px;
    overflow: auto; }
  #file-upload-progress-zone {
    z-index: 555;
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%; }
  button.refresh {
    width: 50px;
    height: 45px;
    border-radius: 50%;
    position: fixed;
    top: 48px;
    right: 2px;
    z-index: 12;
    border: none;
    background: none; }
    button.refresh.sbr-refresh {
      right: 55px;
      top: 30px;
      right: 45px;
      position: absolute;
      top: 2px;
      width: 40px;
      height: 32px;
      background: white;
      border-radius: 0;
      border: 1px solid #ccc;
      padding: 0;
      /* display: none; */
      border: none;
      background: transparent; }
      button.refresh.sbr-refresh:hover, button.refresh.sbr-refresh:focus {
        background-color: #999; }
    button.refresh:hover, button.refresh:focus {
      background-color: #ddd; }
  .main-view button.refresh.sbr-refresh {
    top: 64px;
    right: 42px; }
  .item-view .sidebar-right-view button.refresh.sbr-refresh {
    top: -1px;
    right: 0; }
  .item-view .sidebar-right-view .item-actions {
    margin-right: 29px;
    margin-top: -6px; }
  .screenshare-size-control {
    position: fixed;
    top: -2px;
    left: 48%;
    left: calc(50% - 75px);
    width: 150px;
    z-index: 9999; }
  .screenshare .fit-width video {
    max-width: 100%; }
  .screenshare .fit-height video {
    max-height: calc(90vh);
    max-height: calc(100vh - 100px); }
  .screenshare .fill-width video {
    width: 100%; }
  .screenshare .fill-height video {
    height: calc(90vh);
    height: calc(100vh - 100px); }
  .user-image {
    /*height: 20px;
  width: 20px;*/
    border-radius: 50px;
    /*font-size: 20px;*/
    margin-right: 5px;
    display: inline-block; }
  .user-image img, .user-name .user-image img, .item-view .user-name .user-image img {
    height: 20px;
    width: 20px;
    border-radius: 20px;
    font-size: 11px; }
  .preview-holder {
    border: 1px solid #ccc;
    border-radius: 3px; }
    .preview-holder .page-header {
      margin: 0;
      padding: 5px 10px;
      background-color: #ccc;
      color: #000; }
    .preview-holder .preview {
      padding: 10px; }
  form i.required {
    color: #f65f5f;
    float: right; }
  .amcharts-main-div a[href="http://www.amcharts.com"] {
    display: none !important; }
  .table.table-borderless > thead > tr > th,
  .table.table-borderless > tbody > tr > th,
  .table.table-borderless > tfoot > tr > th,
  .table.table-borderless > thead > tr > td,
  .table.table-borderless > tbody > tr > td,
  .table.table-borderless > tfoot > tr > td {
    border: none; }
  .table.table-with-subrows > tbody > tr {
    background-color: #eee; }
  .table > tbody > tr.subrow {
    background-color: transparent; }
    .table > tbody > tr.subrow td {
      padding-top: 0;
      padding-bottom: 0; }
      .table > tbody > tr.subrow td:first-child {
        padding-left: 30px; }
  .measurement-breakdown {
    border: 1px solid #ccc; }
    .measurement-breakdown h4 {
      padding: 10px;
      border-bottom: 1px solid #ccc;
      margin: 0;
      background-color: #eee; }
  .dash-card {
    width: 175px;
    height: 75px;
    border: 1px solid #ccc;
    background-color: #eee;
    display: block;
    float: left;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px; }
    .dash-card label {
      margin: 0;
      line-height: 48px;
      font-size: 20px; }
      .dash-card label small {
        font-size: 14px;
        font-weight: 400; }
  @media (max-width: 768px) {
     {
      /* Small tablets and phones */ }
      .comment-box-container {
        padding: 0;
        border-top-width: 0;
        min-height: 44px; }
        .comment-box-container .users-viewing {
          margin-top: 0;
          display: none; } }
  @media (min-height: 700px) {
    .comment-box-container .DraftEditor-root, .comment-box-container textarea {
      max-height: 350px; }
    .comment-box-container .preview {
      max-height: 200px; } }
  @media (min-height: 800px) {
    .comment-box-container .DraftEditor-root, .comment-box-container textarea {
      max-height: 400px; }
    .comment-box-container .preview {
      max-height: 250px; } }
  @media (min-height: 900px) {
    .comment-box-container .DraftEditor-root, .comment-box-container textarea {
      max-height: 450px; }
    .comment-box-container .preview {
      max-height: 275px; } }
  @media (min-height: 1000px) {
    .comment-box-container .DraftEditor-root, .comment-box-container textarea {
      max-height: 500px; }
    .comment-box-container .preview {
      max-height: 300px; } }
  @media (min-height: 1100px) {
    .comment-box-container .DraftEditor-root, .comment-box-container textarea {
      max-height: 550px; }
    .comment-box-container .preview {
      max-height: 325px; } }
  @media (min-height: 1200px) {
    .comment-box-container .DraftEditor-root, .comment-box-container textarea {
      max-height: 600px; }
    .comment-box-container .preview {
      max-height: 350px; } }
  @media (min-height: 1300px) {
    .comment-box-container .DraftEditor-root, .comment-box-container textarea {
      max-height: 650px; }
    .comment-box-container .preview {
      max-height: 375px; } }
  @media (min-height: 1400px) {
    .comment-box-container .DraftEditor-root, .comment-box-container textarea {
      max-height: 700px; } }
  @media (min-height: 1500px) {
    .comment-box-container .DraftEditor-root, .comment-box-container textarea {
      max-height: 750px; }
    .comment-box-container .preview {
      max-height: 400px; } }
  @media (min-height: 1600px) {
    .comment-box-container .DraftEditor-root, .comment-box-container textarea {
      max-height: 800px; }
    .comment-box-container .preview {
      max-height: 425px; } }
  .full-screen .comment-box-container {
    padding: 0;
    min-height: 500px; }
  .full-screen .comment-box-container .DraftEditor-root, .full-screen .comment-box-container textarea {
    max-height: none; }
  .full-screen .comment-box-container .comment-box, .full-screen .comment-box-container .DraftEditor-root {
    border-left-width: 1px;
    border-right-width: 1px;
    margin-bottom: 10px;
    border-width: 1px;
    /*margin-top: 50px;*/ }
  .full-screen .comment-box-container .comment-box {
    padding-left: 15px; }
  .full-screen .comment-box-container .preview-holder {
    margin-top: 5px;
    border-radius: 0; }
  .full-screen .comment-box-container .btn-left,
  .full-screen .comment-box-container .btn-left > .btn,
  .full-screen .comment-box-container .btn-right,
  .full-screen .comment-box-container .btn-middle,
  .full-screen .comment-box-container .btn-middle > .btn {
    border-radius: 0;
    border-width: 1px; }
  .full-screen .fullscreen-comment-controls {
    margin-bottom: 10px; }
  @media print {
    .main-container, .page-container {
      max-height: none;
      display: block;
      width: auto;
      height: auto;
      overflow: visible; }
    button.refresh, .sidebar-right button.close {
      display: none; } }
  .dynamic-form .buttons {
    margin: 25px 0; }
  .channel-container {
    padding: 10px 20px;
    height: 100%; }
  .messages-list {
    padding-top: 36px;
    padding-bottom: 36px; }
    .messages-list .interval {
      position: relative;
      text-align: center; }
      .messages-list .interval .interval-hr {
        margin-top: 15px;
        margin-bottom: 15px;
        border-top: 1px solid #ddd;
        margin-left: -20px;
        width: calc(100% + 40px); }
      .messages-list .interval .interval-text {
        position: absolute;
        top: -10px;
        font-weight: 600;
        color: #555;
        text-align: center;
        width: 100%; }
      .messages-list .interval .interval-text span {
        display: inline-block;
        background: #fff;
        border-radius: 3px;
        padding: 0 5px; }
    .messages-list .interval.new-messages .interval-hr {
      border-top-color: #e41111; }
    .messages-list .interval.new-messages .interval-text {
      color: #e41111; }
    .messages-list .message, .messages-list .load-more-messages {
      margin: 0 20px; }
  .card-like .messages-list, .card .messages-list {
    padding: 5px 0; }
    .card-like .messages-list > .badge, .card .messages-list > .badge {
      display: none; }
    .card-like .messages-list .interval .interval-hr, .card .messages-list .interval .interval-hr {
      margin-left: 0;
      width: 100%; }
    .card-like .messages-list .bot, .card .messages-list .bot {
      background-color: transparent; }
  .channel-view-filter {
    z-index: 10;
    border-bottom: 1px solid #ddd;
    /*box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.025), 0 0 0 0 rgba(0,0,0,.12);*/ }
    .channel-view-filter .dropdown {
      margin-top: 3px; }
      .channel-view-filter .dropdown .btn {
        color: #337ab7; }
  .item-sub .channel-view-filter {
    box-shadow: none;
    margin: 0 -15px; }
  .item-sub .item-sub .channel-view-filter {
    box-shadow: none;
    margin: 0 -10px; }
  .message {
    padding-top: 5px;
    max-width: 100%;
    position: relative;
    /* Slack Like WebHook attachment*/
    /*&.new-message{
      background-color: rgba(228, 17, 17, 0.05);
    }*/ }
    .message .no-caret .caret {
      display: none; }
    .message .message-image {
      width: 55px;
      position: absolute;
      white-space: nowrap;
      font-size: 12px;
      /*&:hover, &.multi-on {
      img, .time {
        display: none !important;
      }

      button {
        display: inline-block;
      }
    }*/ }
      .message .message-image img {
        height: 36px;
        width: 36px;
        border-radius: 50px; }
      .message .message-image button {
        display: none; }
      .message .message-image .time {
        /*display: none;*/
        color: #aaa;
        font-size: 11px;
        white-space: nowrap;
        padding: 0; }
    .message .message-header, .message .message-body, .message .reactions {
      margin-left: 55px; }
    .message .message-header {
      font-size: 14px; }
      .message .message-header .time {
        margin-right: 10px; }
      .message .message-header .personal-note {
        color: #999; }
    .message .liked {
      color: #ffb300; }
    .message pre {
      max-height: 400px; }
    .message .message-actions {
      position: absolute;
      /*display: none;*/
      right: 0px;
      margin-top: 0px;
      z-index: 5; }
      .message .message-actions > * {
        display: none;
        visibility: hidden;
        opacity: 0; }
      .message .message-actions i.pinned {
        color: #2980B9; }
      .message .message-actions.show > *,
      .message .message-actions > .show-like-button {
        display: inline-block;
        visibility: visible;
        opacity: 1;
        margin-right: 30px;
        margin-top: 5px; }
      .message .message-actions.is-reacting > * {
        display: inline-block;
        visibility: visible;
        opacity: 1; }
      .message .message-actions.is-reacting .like-info {
        display: none; }
      .message .message-actions .reaction-selector-holder {
        display: block;
        visibility: visible;
        opacity: 1; }
    .message .message-body {
      overflow-x: auto;
      /*.image-holder {
          height: 250px;
        }*/ }
      .message .message-body .post-comment {
        color: #aaa;
        font-size: 0.9em;
        overflow: hidden;
        height: 1.25em;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .message .message-body p {
        padding: 0 0 5px;
        margin: 0; }
      .message .message-body img, .message .message-body video {
        max-width: 100%;
        max-height: 250px; }
      .message .message-body video {
        max-height: 195px; }
      .message .message-body .highlight {
        background: #fcffca; }
      .message .message-body .message-edited {
        font-size: 0.9em;
        color: #aaa;
        margin-top: -5px;
        font-weight: 400; }
        .message .message-body .message-edited .time-since {
          float: none;
          display: inline;
          vertical-align: inherit;
          padding-left: 2px;
          padding-right: 2px;
          font-weight: 400; }
        .message .message-body .message-edited .user-name {
          vertical-align: bottom;
          color: #aaa;
          font-weight: 400; }
    .message .time, .message .time-since {
      vertical-align: middle;
      display: inline-block;
      font-weight: 100;
      font-size: 13px;
      color: #aaa;
      padding-left: 7px; }
    .message .time-since {
      float: right;
      padding-right: 2px; }
    .message .message-icon {
      float: left;
      padding-right: 2px; }
      .message .message-icon.single-icon {
        margin-left: -22px;
        position: absolute; }
      .message .message-icon.clearline {
        float: none;
        display: block; }
    .message .user-name {
      vertical-align: middle;
      max-width: 200px;
      display: inline-block;
      font-weight: 600;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
      color: #222;
      margin-right: 5px;
      /*&:hover{
            background-color: rgb(240,240,240);
        }*/ }
    .message .answer, .message .scope, .message .decision, .message .conclusion, .message .email, .message .overage, .message .instructions {
      background: #356635;
      color: #fff;
      border-radius: 2px;
      padding: 2px 5px;
      margin-right: 5px; }
    .message .scope {
      background: #337ab7; }
    .message .decision {
      background: #a26201; }
    .message .conclusion {
      background: #555; }
    .message .email {
      background: #9e771b; }
    .message .overage {
      background: #70520b; }
    .message .instructions {
      background: #2d5578; }
    .message .reacting {
      background-color: transparent;
      position: absolute;
      left: -94px;
      top: 34px;
      width: 230px; }
      .message .reacting .emoji.reaction {
        height: 20px;
        width: 20px; }
    .message .reactions {
      padding-bottom: 10px; }
      .message .reactions .reaction {
        border: 1px solid #e8e8e8;
        border-radius: 3px;
        padding: 2px 4px;
        margin-right: 3px;
        cursor: pointer;
        white-space: nowrap;
        display: inline-block; }
        .message .reactions .reaction .emoji-reaction {
          height: 18px;
          width: 18px; }
        .message .reactions .reaction:hover, .message .reactions .reaction:focus {
          background-color: #d3bdf2;
          border-color: #9d7fca; }
        .message .reactions .reaction.active {
          background-color: #f7f2ff;
          border-color: #9d7fca; }
          .message .reactions .reaction.active:hover, .message .reactions .reaction.active:focus {
            background-color: #8a6db6;
            border-color: #59378d; }
    .message .poll {
      margin-left: 55px;
      border: 1px solid #eee;
      padding: 10px;
      border-radius: 3px; }
      .message .poll h6 {
        border-bottom: 1px solid #eee; }
    .message .multi-toggle {
      padding: 0;
      border: none;
      user-select: none;
      vertical-align: middle;
      min-height: 30px;
      display: block;
      position: absolute;
      height: 100%;
      height: calc(100% - 1px);
      top: 0;
      left: -18px; }
      .message .multi-toggle .fa-square-o {
        visibility: hidden; }
      .message .multi-toggle:focus, .message .multi-toggle:hover {
        text-decoration: none;
        background-color: #eee;
        cursor: pointer; }
        .message .multi-toggle:focus .fa-square-o, .message .multi-toggle:hover .fa-square-o {
          visibility: visible; }
    .message .attachment {
      clear: both; }
    .message .webhook-fields {
      border: 1px solid #eee;
      padding: 5px;
      border-left-width: 5px; }
      .message .webhook-fields:before {
        content: " ";
        display: table; }
      .message .webhook-fields:after {
        clear: both;
        content: " ";
        display: table; }
    .message .webhook-field {
      float: left;
      margin-right: 10px;
      min-width: 30%; }
      .message .webhook-field .webhook-title {
        display: block;
        font-weight: 600;
        text-decoration: underline;
        font-size: 1.1em; }
      .message .webhook-field .webhook-value {
        display: block; }
    .message .from-webhook {
      font-weight: 100; }
    .message.multi {
      background-color: rgba(0, 100, 255, 0.1); }
    .message.message-editing {
      min-height: 100px; }
    .message.bot {
      background-color: #f1f1f1;
      opacity: 0.7;
      padding: 5px;
      margin-left: 75px; }
      .message.bot .message-image {
        right: 0; }
        .message.bot .message-image img {
          display: none; }
      .message.bot .message-header, .message.bot .message-body {
        margin-left: 0; }
      .message.bot:hover, .message.bot:focus {
        opacity: 1; }
    .message.highlight {
      background-color: #fef9d0; }
    .message:hover, .message:focus, .message:active {
      background-color: #f0fbff; }
      .message:hover .time-since, .message:focus .time-since, .message:active .time-since {
        float: none; }
      .message:hover .message-image .time, .message:focus .message-image .time, .message:active .message-image .time {
        display: inline-block;
        color: #aaa;
        font-size: 12px;
        white-space: nowrap; }
      .message:hover .message-actions > *, .message:focus .message-actions > *, .message:active .message-actions > * {
        display: inline-block;
        visibility: visible;
        opacity: 1;
        transition: visibility 0s, opacity 0.5s linear;
        transition-delay: 0.5s;
        background-color: #fafafa; }
      .message:hover .like-info, .message:focus .like-info, .message:active .like-info {
        display: none; }
      .message:hover .reacting, .message:focus .reacting, .message:active .reacting {
        background-color: transparent; }
  .replies {
    margin-left: 55px; }
    .replies .message {
      margin-bottom: 2px !important;
      border: 1px solid #ccc;
      background-color: #efefef;
      padding-left: 5px;
      padding-right: 5px;
      max-height: 75px;
      overflow: auto; }
    .replies .message .message-image {
      width: 20px; }
    .replies .message .message-header, .replies .message .message-body, .replies .message .reactions {
      margin-left: 20px; }
    .replies .message .user-name {
      float: left; }
  .qa-or-code-review {
    margin-left: 55px;
    margin-top: 5px;
    margin-bottom: 5px; }
  .item-sub .messages-list .message, .item-sub .messages-list .load-more-messages {
    margin: 0; }
  .item-sub .messages-list .message.bot {
    margin-left: 55px; }
  .item-sub .messages-list {
    padding: 0;
    padding-top: 10px; }
  .item-sub .messages-list .interval .interval-hr {
    margin-left: 0;
    width: 100%; }
  .reaction-selector {
    position: absolute;
    top: 36px;
    right: 0px;
    width: 315px;
    height: 350px;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    z-index: 1010; }
    .reaction-selector.show-above {
      top: auto;
      bottom: 36px; }
    .reaction-selector .reaction-selector-header {
      background: #e2e2e2;
      padding: 0 5px;
      height: 30px;
      font-weight: 600; }
    .reaction-selector .reaction-selector-content {
      height: 318px;
      overflow-x: inherit;
      overflow-y: auto;
      padding: 5px;
      background-color: #fff; }
  .reaction-selector-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #ddd;
    opacity: 0.2;
    cursor: pointer; }
  .comment-box-container .reaction-selector {
    bottom: 76px;
    right: 12px; }
  .messages-list.collapsed .message .file .image-type {
    display: none; }
  .messages-list.collapsed .message .file::after {
    content: "Collapsed Image... use /collapse command to show images again.";
    font-size: 0.9em; }
  @media (max-width: 768px) {
     {
      /* Small tablets and phones */ }
      .channel-view-filter .nav > li > a {
        padding: 5px 7px; }
      .channel-view-filter .dropdown .btn {
        margin-top: -5px; }
      .message {
        /*&:hover, &:focus, &:active {
      .message-actions > * {
        transition-delay: 0.01s;
        background: white;
        border: 1px solid #999;
      }
    }*/ }
        .message .message-actions > * {
          display: inline-block; }
        .message .message-actions-mobile {
          display: block;
          right: -8px;
          margin-top: -8px;
          text-align: right; }
          .message .message-actions-mobile > * {
            visibility: visible;
            opacity: 0.75; }
          .message .message-actions-mobile.toggled {
            position: relative;
            margin-top: 0;
            right: 0; }
            .message .message-actions-mobile.toggled .btn-default {
              border: none;
              background-color: transparent; }
            .message .message-actions-mobile.toggled > * {
              opacity: 1; } }
  .channel-tags {
    max-height: none;
    overflow: auto; }
    .channel-tags .tag {
      display: inline-block; }
    .channel-tags .tag.current-tag {
      color: #fff;
      background-color: #4a3b5f; }
  @media print {
    .channel-view-filter {
      display: none; } }
  .list-view .page-header {
    border: none;
    margin-bottom: 0; }
  .item {
    position: relative;
    /*.time, .time-since, .item-category, .item-sub-category {
    vertical-align: middle;
    display: inline-block;
    font-weight: 100;
    font-size: 13px;
    color: #aaa;
    padding-left: 7px;
  }*/ }
    .item .item-image {
      width: 55px;
      /*position: absolute;*/ }
      .item .item-image img {
        height: 42px;
        width: 42px;
        border-radius: 50px; }
      .item .item-image button {
        display: none; }
    .item.user-slim .item-image img {
      height: 30px;
      width: 30px; }
    .item .item-actions .dropdown {
      display: inline-block; }
    .item .item-actions .action-button {
      /*background-color: rgb(250,250,250);*/ }
      .item .item-actions .action-button:hover, .item .item-actions .action-button:focus {
        background-color: #a8c7f6; }
    .item .item-actions.sbr .action-button {
      /*background-color: #fff;*/
      /*border: 1px solid #ccc;*/
      border: none;
      background-color: transparent;
      padding: 7px 10px;
      margin-top: -2px; }
      .item .item-actions.sbr .action-button:hover, .item .item-actions.sbr .action-button:focus {
        background-color: #a8c7f6; }
    .item .item-actions-toggled {
      float: right; }
    .item .action-button {
      padding: 5px 7px;
      /*padding: 5px;*/
      /*border-radius: 3px;*/
      color: #aaa;
      /*font-size: 17px;*/ }
    .item .action-button:hover,
    .item .action-button:focus {
      background-color: #dccdf1;
      color: #2f2f2f; }
    .item .action-button.active, .item .action-button.pinned, .item .item-actions .pinned, .item .item-actions .archived {
      color: #2980B9 !important;
      box-shadow: none; }
    .item .action-button.liked, .item .item-actions-toggled .liked {
      color: #ffcd03 !important; }
    .item .action-button.stop, .item .item-actions-toggled .stop {
      color: #d52f2f !important; }
    .item .action-button.snoozed, .item .item-actions-toggled .snoozed {
      color: #45cb4b !important; }
    .item .item-header, .item .item-body {
      margin-left: 50px;
      /*z-index: 1;*/
      /*position: relative;*/ }
    .item .item-body {
      clear: both;
      padding-right: 5px; }
    .item .item-header {
      font-size: 14px; }
    .item .company-id {
      padding: 2px 4px;
      background: #3e76b4;
      display: inline-block;
      border-radius: 3px;
      margin-right: 5px;
      color: #fff;
      /*min-width: 50px;*/
      text-align: center; }
      .item .company-id:hover, .item .company-id:focus {
        text-decoration: none;
        background: #1b3858; }
    .item .item-title {
      display: inline;
      padding-right: 10px;
      font-size: 19px; }
      .item .item-title a {
        color: #222; }
        .item .item-title a.external {
          font-size: 0.9em;
          margin: 0 5px; }
      .item .item-title a.company-id {
        color: #fff; }
        .item .item-title a.company-id:hover, .item .item-title a.company-id:focus {
          text-decoration: none;
          background: #19223c; }
      .item .item-title .tags {
        font-size: 0.75em; }
    .item .item-body .item-message-short {
      color: #9f9f9f; }
    .item .item-body p {
      padding: 0 0 5px;
      margin: 0; }
    .item .item-category, .item .item-sub-category {
      font-weight: 600;
      padding-left: 4px;
      font-size: 12px; }
    .item .time-since {
      float: right;
      padding-right: 7px; }
    .item .item-icon {
      z-index: 0;
      color: #27559c;
      position: absolute;
      right: 0;
      font-size: 25px;
      margin-right: 20px;
      opacity: 0.10;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
      filter: alpha(opacity=10);
      -moz-opacity: 0.10;
      -khtml-opacity: 0.10;
      -webkit-transform: rotate(-10deg);
      -moz-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
      -o-transform: rotate(-10deg);
      transform: rotate(-10deg); }
    .item .item-id {
      color: #9e9e9e;
      float: right; }
    .item .item-target-date {
      padding-right: 10px;
      font-size: 0.92em;
      color: #222; }
    .item .distro {
      display: inline-block;
      white-space: nowrap;
      padding-right: 5px; }
    .item .item-new-messages {
      margin-left: 50px;
      padding: 5px; }
      .item .item-new-messages h3 {
        margin-top: 0;
        border-bottom: 1px solid #e41111;
        color: #e41111; }
    .item .correlation {
      margin-top: 10px;
      padding: 0; }
    .item .scope-questions .scope-question {
      margin-bottom: 10px;
      border: 1px solid #eee;
      border-radius: 4px;
      padding: 7px;
      background-color: #fbfbff; }
    .item .only-hover {
      display: none; }
    .item:hover, .item:focus {
      background-color: #fafafa; }
      .item:hover .only-hover, .item:focus .only-hover {
        display: initial; }
      .item:hover .item-image .time, .item:focus .item-image .time {
        display: inline-block;
        color: #aaa;
        font-size: 12px;
        white-space: nowrap; }
      .item:hover .progress-bars, .item:focus .progress-bars {
        opacity: 1; }
      .item:hover .play, .item:focus .play {
        color: #49e84d; }
    .item.unread {
      /*border-left: 7px solid #1979cf;
    padding-left: 7px;
    margin-left: -14px;*/ }
    .item.active {
      background-color: #dce7f7; }
    .item.multi {
      background-color: rgba(0, 100, 255, 0.1); }
    .item .unread-toggle {
      padding: 0;
      width: 12px;
      border-left: 5px solid #eee;
      user-select: none;
      vertical-align: middle;
      min-height: 30px;
      display: block;
      position: absolute;
      height: 100%;
      height: calc(100% - 1px);
      top: 0; }
      .item .unread-toggle:focus, .item .unread-toggle:hover {
        text-decoration: none;
        background-color: #eee;
        cursor: pointer; }
      .item .unread-toggle.unread {
        border-left-color: #1979cf; }
        .item .unread-toggle.unread:focus, .item .unread-toggle.unread:hover {
          background-color: #1979cf; }
    .item .multi-toggle {
      padding: 0;
      border: none;
      user-select: none;
      vertical-align: middle;
      min-height: 30px;
      display: block;
      position: absolute;
      height: 100%;
      height: calc(100% - 1px);
      top: 0;
      left: -18px; }
      .item .multi-toggle .fa-square-o {
        visibility: hidden; }
      .item .multi-toggle:focus, .item .multi-toggle:hover {
        text-decoration: none;
        background-color: #eee;
        cursor: pointer; }
        .item .multi-toggle:focus .fa-square-o, .item .multi-toggle:hover .fa-square-o {
          visibility: visible; }
    .item .item-bar {
      display: inline-block;
      padding-left: 0;
      margin-left: 46px;
      /*.item-bar-item {
      color: #999;
      padding: 3px 5px;
      display: inline-block;
      background: none;
      border: none;
      border-radius: 0;

      &.active {
        background: #001f3d;
        color: #fff;
      }

      &:hover {
        background: #a8c7f6;
        border-radius: 3px;
      }



      &.has-count a {
        color: #2980B9;
        font-weight: 600;
      }

      .TEST {
        color: #c67f03;
      }

      .REWORK {
        color: #e41111;
      }

      .PASSED {
        color: #5bce5e;
      }
    }*/ }
    .item .item-bar-tab {
      position: relative;
      margin-bottom: -1px; }
      .item .item-bar-tab .section-name {
        display: none; }
    .item .item-bar-item-badge {
      position: absolute;
      margin-top: -7px;
      font-size: 10px;
      width: 100%;
      text-align: right;
      left: 0;
      padding-right: 2px; }
    .item .item-next-action {
      float: right;
      background: none;
      border: none;
      z-index: 6;
      right: 0;
      background: transparent;
      border: 1px solid #ccc;
      white-space: inherit; }
      .item .item-next-action.btn-success {
        color: #5cb85c; }
      .item .item-next-action.btn-primary {
        color: #337ab7; }
      .item .item-next-action:hover {
        background: #e7d6ff; }
    .item .progress-bars {
      margin-left: -7px;
      margin-top: 10px;
      opacity: 1; }
      .item .progress-bars .progress {
        margin-bottom: 0;
        height: 7px;
        box-shadow: none;
        /*margin-left: -11px;
      margin-right: -11px;
      margin-bottom: -11px;
      border: 1px solid #ccc;
      background-color: #eee;*/ }
        .item .progress-bars .progress .progress-bar {
          font-size: 12px;
          line-height: 15px;
          min-width: 0; }
        .item .progress-bars .progress .progress-label {
          position: absolute;
          width: 100%;
          top: -5px;
          left: 0;
          text-align: center; }
          .item .progress-bars .progress .progress-label .text {
            padding: 0 2px;
            background: #fff;
            text-align: center;
            display: inline-block;
            vertical-align: top;
            font-size: 12px;
            border-radius: 2px; }
    .item .item-sub .item-next-action {
      float: none; }
    .item .item-sub .progress-bars {
      margin: 20px 0; }
    .item .item-sub .nav-tabs {
      margin: 0 -20px;
      padding: 0 20px;
      margin-bottom: 15px; }
    .item .item-inner {
      padding-left: 15px;
      padding-top: 5px;
      padding-bottom: 10px; }
    .item .item-actions {
      /*position: absolute;*/
      /*display: none;*/
      /*right: 5px;
    margin-top: 0px;
    z-index: 5;
    white-space: nowrap;*/
      /*> * {
      display: none;
      visibility: hidden;
      opacity: 0;
    }

    &.show {
      > * {
        display: inline-block;
        opacity: 1;
      }
    }

    &.sbr {
      bottom: 3px;

      > * {
        display: inline-block;
        visibility: visible;
        opacity: 1;
      }

      .action-button {
        box-shadow: none;
        border: none;
        background: transparent;
      }
    }*/ }
    .item:hover, .item:focus, .item:active {
      background-color: #e5f5ff; }
    .item.item-simple {
      padding: 0;
      /*border-left: 7px solid transparent;*/
      border-bottom: 1px solid #f2f2f2;
      /*.item-to .item-image {
      &:hover, &.multi-on {
        img {
          display: inline-block !important;
        }
      }
    }*/
      /*.company-id {
      margin: 0;
      width: 98%;
      vertical-align: top;
      line-height: 20px;
    }*/
      /*.user-name {
      vertical-align: sub;
    }*/
      /*.item-actions {
        float: none;
        margin-top: 0;
        max-width: 4em;
        white-space: nowrap;

        .action-button {
          font-size: 15px;
        }
      }*/ }
      .item.item-simple.unread {
        /*border-left-color: #1979cf;*/ }
      .item.item-simple td {
        padding: 0;
        /*line-height: 1.25;*/
        line-height: 20px;
        vertical-align: middle;
        position: relative; }
      .item.item-simple .item-actions-toggled {
        float: none;
        white-space: nowrap; }
      .item.item-simple .item-inner {
        padding-left: 10px; }
      .item.item-simple .item-simple-image {
        position: inherit;
        width: 25px;
        display: inline-block; }
        .item.item-simple .item-simple-image img {
          height: 25px;
          width: 25px;
          border-radius: 50px; }
      .item.item-simple .user-name {
        font-weight: 300; }
      .item.item-simple .item-target-holder {
        margin-right: 3px;
        padding: 3px;
        border-radius: 3px; }
        .item.item-simple .item-target-holder .item-target-date {
          padding: 0; }
      .item.item-simple .item-cat-sub-cat {
        line-height: 13px; }
      .item.item-simple .item-category, .item.item-simple .item-sub-category {
        padding: 0; }
      .item.item-simple .item-category, .item.item-simple .item-sub-category {
        padding-left: 7px; }
      .item.item-simple .item-title {
        font-size: 15px; }
        .item.item-simple .item-title .company-id {
          min-width: 4em; }
      .item.item-simple .item-company, .item.item-simple .item-priority, .item.item-simple .item-status, .item.item-simple .item-target, .item.item-simple .item-info {
        text-align: center; }
      .item.item-simple .item-bar-holder {
        /*text-align: left;
      white-space: nowrap;
      min-width: 125px;*/ }
      .item.item-simple .item-actions-holder {
        /*vertical-align: top;*/
        position: inherit;
        /*min-width: 100px;*/
        /*white-space: nowrap;*/
        /*text-align: right;*/
        padding: 0;
        /*&.no-bar {
        min-width: 110px;
      }*/
        padding: 0;
        margin: 0;
        width: 1px; }
      .item.item-simple .item-actions .action-button {
        color: #222; }
      .item.item-simple .item-status, .item.item-simple item-priority {
        max-width: 100px; }
      .item.item-simple .item-status > .item-status {
        width: 100%;
        /*line-height: 20px;
      vertical-align: baseline;*/ }
      .item.item-simple .item-actions {
        margin-top: 0;
        z-index: inherit;
        float: none;
        display: inline-block; }
      .item.item-simple .buttons-holder {
        white-space: nowrap;
        min-width: 130px;
        text-align: right; }
      .item.item-simple .item-bar {
        margin-left: 0; }
        .item.item-simple .item-bar .item-bar-item.has-badge {
          min-width: 44px;
          text-align: left; }
      .item.item-simple .item-id {
        float: none;
        max-width: 6em;
        font-family: monospace;
        font-size: 14px; }
      .item.item-simple .item-header {
        margin-left: 0;
        display: inline-block; }
    .item.item-minimal .priority {
      font-size: 12px; }
    .item.item-minimal .item-actions-holder {
      min-width: inherit; }
      .item.item-minimal .item-actions-holder .action-button {
        padding: 0; }
    .item .wait-hold {
      background-color: rgba(0, 0, 0, 0.1); }
  .item-simple .item-icon {
    position: relative;
    margin-right: 0;
    font-size: 17px;
    opacity: 0.8;
    width: 28px;
    display: inline-block;
    transform: none;
    text-align: center;
    padding: 0; }
  .cards {
    padding: 0; }
    .cards .cards-header, .cards .cards-footer {
      margin-bottom: -1px;
      background-color: #eee;
      padding: 5px;
      border: 1px solid #bbb;
      /*background-image: url('../../static/images/bright-squares.png');
    background-repeat: repeat;*/
      text-overflow: ellipsis; }
      .cards .cards-header h2, .cards .cards-header h3, .cards .cards-header h4, .cards .cards-footer h2, .cards .cards-footer h3, .cards .cards-footer h4 {
        margin: 0; }
      .cards .cards-header .btn-link, .cards .cards-footer .btn-link {
        color: #222; }
        .cards .cards-header .btn-link.active, .cards .cards-footer .btn-link.active {
          color: #fff;
          background-color: #337ab7;
          border-color: #4763a5; }
    .cards .cards-footer {
      margin-top: -1px;
      margin-bottom: 10px;
      min-height: 50px; }
    .cards .load-more-button {
      margin-bottom: 3px; }
    .cards .amount-showing {
      padding: 12px 0; }
    .cards table {
      width: 100%; }
    .cards .card-group-columns {
      margin: 0 -10px; }
    .cards .card-group-column {
      float: left;
      width: 365px;
      min-width: 365px;
      max-width: 365px;
      /*padding-right: 25px;*/
      padding: 0 10px;
      margin: 0;
      vertical-align: top;
      display: block; }
      .cards .card-group-column.skinny {
        width: 300px;
        max-width: 300px;
        min-width: 300px; }
      .cards .card-group-column.card-group-column-2x {
        width: 730px;
        min-width: 730px;
        max-width: 730px; }
    .cards .card-group {
      margin-bottom: 10px;
      /*box-shadow: 0px 3px 4px -2px #ccc;*/
      /*:after{
      clear: right;
    }*/ }
      .cards .card-group h3 {
        margin-top: 0;
        margin-bottom: 0;
        padding: 5px 0;
        font-size: 22px; }
      .cards .card-group .dropdown-menu {
        width: 310px; }
        .cards .card-group .dropdown-menu > li > a {
          padding-left: 5px;
          white-space: normal; }
      .cards .card-group .item-status .dropdown-menu {
        width: 280px; }
      .cards .card-group .item-priority .dropdown-menu {
        width: 182px; }
      .cards .card-group .item-project-info .dropdown-menu {
        width: 300px;
        padding: 10px; }
        .cards .card-group .item-project-info .dropdown-menu li.not-anchor {
          padding: 10px 20px; }
      .cards .card-group.card-group-nomargin {
        margin: 0; }
    .cards.cards-compact .card-group {
      margin-bottom: 20px; }
    .cards.cards-compact .row {
      margin-left: -10px;
      margin-right: -10px; }
      .cards.cards-compact .row .col-lg-1, .cards.cards-compact .row .col-lg-10, .cards.cards-compact .row .col-lg-11, .cards.cards-compact .row .col-lg-12, .cards.cards-compact .row .col-lg-2, .cards.cards-compact .row .col-lg-3, .cards.cards-compact .row .col-lg-4, .cards.cards-compact .row .col-lg-5, .cards.cards-compact .row .col-lg-6, .cards.cards-compact .row .col-lg-7, .cards.cards-compact .row .col-lg-8, .cards.cards-compact .row .col-lg-9, .cards.cards-compact .row .col-md-1, .cards.cards-compact .row .col-md-10, .cards.cards-compact .row .col-md-11, .cards.cards-compact .row .col-md-12, .cards.cards-compact .row .col-md-2, .cards.cards-compact .row .col-md-3, .cards.cards-compact .row .col-md-4, .cards.cards-compact .row .col-md-5, .cards.cards-compact .row .col-md-6, .cards.cards-compact .row .col-md-7, .cards.cards-compact .row .col-md-8, .cards.cards-compact .row .col-md-9, .cards.cards-compact .row .col-sm-1, .cards.cards-compact .row .col-sm-10, .cards.cards-compact .row .col-sm-11, .cards.cards-compact .row .col-sm-12, .cards.cards-compact .row .col-sm-2, .cards.cards-compact .row .col-sm-3, .cards.cards-compact .row .col-sm-4, .cards.cards-compact .row .col-sm-5, .cards.cards-compact .row .col-sm-6, .cards.cards-compact .row .col-sm-7, .cards.cards-compact .row .col-sm-8, .cards.cards-compact .row .col-sm-9, .cards.cards-compact .row .col-xs-1, .cards.cards-compact .row .col-xs-10, .cards.cards-compact .row .col-xs-11, .cards.cards-compact .row .col-xs-12, .cards.cards-compact .row .col-xs-2, .cards.cards-compact .row .col-xs-3, .cards.cards-compact .row .col-xs-4, .cards.cards-compact .row .col-xs-5, .cards.cards-compact .row .col-xs-6, .cards.cards-compact .row .col-xs-7, .cards.cards-compact .row .col-xs-8, .cards.cards-compact .row .col-xs-9 {
        padding-left: 10px;
        padding-right: 10px; }
    .cards .card-group-header {
      background-color: #fff;
      padding: 10px;
      border-radius: 0px;
      border: 1px solid #bbb;
      margin-bottom: -1px;
      margin-top: 10px;
      background-image: url(./53c1ec5f96d716d4265e536f7576919e.png);
      background-repeat: repeat;
      text-overflow: ellipsis;
      overflow: hidden; }
      .cards .card-group-header h3 {
        padding: 5px; }
      .cards .card-group-header a {
        color: #000;
        font-weight: 600;
        /*white-space: nowrap;*/
        /*overflow: hidden;*/ }
      .cards .card-group-header > h2, .cards .card-group-header > h3, .cards .card-group-header > h4 {
        margin: 0; }
    .cards .card-group-body {
      color: #222; }
    .cards .actions {
      /* float: right; */
      /* margin-top: -6px; */
      /* margin-right: -6px; */
      margin-left: 10px; }
      .cards .actions .btn-sm {
        /*font-size: 11px;
      padding: 5px;*/ }
      .cards .actions .item-status-selector, .cards .actions a.item-status-selector {
        width: 55px; }
      .cards .actions .priority {
        width: 35px; }
    .cards .actions-right {
      float: right;
      margin-top: -1px;
      margin-right: -1px; }
    .cards .card-group-header .actions {
      margin-top: -6px;
      margin-right: -6px; }
  .channel-header-items .user-image img {
    height: 25px;
    width: 25px; }
  .unread-view .cards .card-group {
    margin-bottom: 50px; }
  .unread-view .cards .amount-showing {
    border: 1px solid #ccc;
    border-bottom: none;
    background-color: #fff;
    padding-left: 10px; }
  .unread-view .cards .cards-footer .amount-showing {
    border: none;
    background-color: transparent; }
  .card {
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 0;
    margin-bottom: -1px;
    background-color: #fff;
    min-height: 25px; }
    .card .card-content {
      margin-left: 12px;
      /*text-overflow: ellipsis;
      overflow: hidden;*/ }
      .card .card-content small {
        color: #555; }
    .card .content .btn-dismiss {
      position: absolute;
      right: 15px;
      top: 0; }
    .card .card-bottom-right {
      position: absolute;
      right: -1px;
      top: -1px;
      z-index: 5; }
      .card .card-bottom-right small {
        color: #999; }
    .card .card-bottom-right .item-priority, .card .card-bottom-right .item-status, .card .card-top-right .item-priority, .card .card-top-right .item-status {
      float: none; }
    .card .card-bottom-right .only-hover, .card .card-top-right .only-hover {
      margin-right: -1px; }
    .card .card-bottom-right .btn-default, .card .card-top-right .btn-default {
      border-color: transparent;
      background-color: transparent;
      border-bottom: none; }
      .card .card-bottom-right .btn-default:hover, .card .card-bottom-right .btn-default:focus, .card .card-top-right .btn-default:hover, .card .card-top-right .btn-default:focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad; }
      .card .card-bottom-right .btn-default.play, .card .card-top-right .btn-default.play {
        margin-right: -1px; }
    .card .card-right-button-holder .btn, .card .card-right-button-holder .btn-group, .card .card-right-button-holder .user-name, .card .card-left-button-holder .btn, .card .card-left-button-holder .btn-group, .card .card-left-button-holder .user-name {
      height: 100%; }
    .card .card-right-button-holder .btn, .card .card-left-button-holder .btn {
      display: block;
      color: #555;
      font-weight: 600;
      padding: 5px;
      border-top: none;
      border-bottom: none;
      background-color: transparent;
      min-width: 40px; }
    .card .card-right-button-holder.card-right-images, .card .card-left-button-holder.card-right-images {
      min-width: 45px; }
      .card .card-right-button-holder.card-right-images .btn, .card .card-left-button-holder.card-right-images .btn {
        border-left: none;
        background: transparent;
        padding: 0; }
        .card .card-right-button-holder.card-right-images .btn .user-image, .card .card-left-button-holder.card-right-images .btn .user-image {
          margin: 0;
          margin-top: -5px; }
          .card .card-right-button-holder.card-right-images .btn .user-image img, .card .card-left-button-holder.card-right-images .btn .user-image img {
            height: 40px;
            width: 40px;
            border-radius: 50%; }
    .card .card-left-button-holder .btn {
      border-left-color: transparent !important;
      border-right-color: transparent !important; }
    .card .card-right-button-holder .btn {
      border-right-color: transparent !important; }
      .card .card-right-button-holder .btn.comment-button {
        border-left-color: transparent !important;
        text-align: right; }
      .card .card-right-button-holder .btn:hover, .card .card-right-button-holder .btn:focus {
        border-color: #adadad; }
    .card .card-right-button-holder .item-priority .priority span {
      width: 35px;
      margin-top: 0;
      padding: 11px 7px; }
    .card .card-content-inner {
      padding: 5px 0;
      position: relative; }
    .card .card-content-inner-left {
      margin-top: -5px;
      margin-left: -5px; }
      .card .card-content-inner-left .btn {
        border-color: transparent;
        background-color: transparent;
        font-size: 14px;
        margin-top: -1px;
        color: #777; }
    .card .card-content-inner-left .btn.archived, .card .card-right-button-holder .btn.archived {
      color: #2980B9;
      border-left-color: transparent; }
    .card .card-content-inner-left .btn.pinned, .card .card-right-button-holder .btn.pinned {
      color: #2980B9;
      border-left-color: transparent; }
    .card .card-content-inner-left .btn.active, .card .card-right-button-holder .btn.active {
      box-shadow: none; }
    .card .card-content-inner-left .btn:hover, .card .card-right-button-holder .btn:hover {
      color: #333;
      background-color: #e6e6e6;
      border-color: #adadad; }
    .card .card-content-top-row {
      overflow: hidden;
      max-height: 22px; }
    .card .card-content-bottom-row {
      /*margin-left: -28px;*/ }
    .card .time-since {
      float: none;
      display: inline;
      font-size: inherit;
      color: inherit;
      padding: 0;
      font-weight: inherit;
      vertical-align: inherit; }
    .card .item-icon {
      position: relative;
      margin-right: 6px;
      font-size: 16px;
      opacity: 1;
      /* width: 18px; */
      display: inline-block;
      transform: none;
      text-align: center;
      padding: 0;
      color: #222; }
    .card .item-link {
      text-decoration: none;
      margin-right: 3px;
      color: #000;
      font-size: 16px;
      font-weight: 600; }
      .card .item-link:hover, .card .item-link:focus {
        text-decoration: underline; }
    .card .tag {
      font-size: 12px;
      padding: 0 2px; }
      .card .tag:hover {
        text-decoration: underline; }
    .card .unread-toggle {
      border-radius: 0;
      min-height: 33px;
      height: 100%; }
    .card .user-image {
      /*margin-right: 7px;
      margin-top: -10px;*/ }
    .card .user-name {
      color: #222;
      font-weight: 500;
      vertical-align: initial;
      margin-right: 0; }
    .card .btn-link.action-button {
      padding: 2px 5px; }
    .card .bottom-right-holder {
      /*position: absolute;
      bottom: 0;
      right: 0;*/
      position: inherit;
      display: inline-block;
      margin-left: 5px; }
    .card .company-id {
      padding: 0px 3px;
      margin-right: 0;
      margin-left: 5px;
      border-radius: 3px;
      font-size: 13px;
      background-color: #3e76b4; }
      .card .company-id :hover, .card .company-id :focus {
        background-color: #3e76b4; }
    .card .item-target-holder {
      font-size: 13px;
      /*opacity: 0.6;*/
      border-radius: 3px;
      margin-left: 5px;
      border: 1px solid #ddd;
      background-color: #eee; }
    .card .item-target-date {
      padding: 0 3px; }
    .card .correlation {
      margin-left: 0px;
      display: block;
      padding: 0px 5px;
      background-color: #efefef;
      border-top: 1px solid #ccc;
      margin-top: 0;
      /*border-bottom: 1px solid #aaa;*/
      /*margin-bottom: -1px;*/
      /*z-index: 2;*/ }
      .card .correlation .btn-default {
        border-color: transparent;
        background-color: transparent; }
        .card .correlation .btn-default:hover {
          /*border-color: #ccc;*/
          background-color: #fff; }
    .card.correlation-item {
      /*margin: 10px 0;*/ }
    .card .bottom-right-holder {
      display: inline-block;
      position: inherit;
      padding-left: 5px; }
    .card.unread {
      /*border-color: #1979cf;*/
      /*.btn-sm {
        border-top-color: #1979cf;
      }

      .item-actions {
        .btn-sm {
          border-right-color: #1979cf;
        }
      }*/ }
    .card.active {
      background-color: #e4efff;
      /*outline: 2px solid #5c9fff;*/
      box-shadow: 0px 0px 0px 2px #5c9fff;
      z-index: 2;
      border-color: #5c9fff; }
    .card.multi {
      background-color: #dae5f5; }
    .card.current-time-ticket-item {
      /*border-color: #008a07;
      border-width: 2px;*/
      z-index: 3;
      background-color: #ecffeb;
      /*outline: 2px solid #31d72a;*/
      box-shadow: 0px 0px 0px 2px #31d72a; }
    .card.item:hover, .card.item:focus {
      background-color: #eef2f7; }
      .card.item:hover .card-right-button-holder .btn, .card.item:focus .card-right-button-holder .btn {
        border-color: #ccc; }
      .card.item:hover .card-bottom-right .btn, .card.item:hover .card-bottom-right .btn-default, .card.item:hover .card-top-right .btn, .card.item:hover .card-top-right .btn-default, .card.item:focus .card-bottom-right .btn, .card.item:focus .card-bottom-right .btn-default, .card.item:focus .card-top-right .btn, .card.item:focus .card-top-right .btn-default {
        background-color: #fff;
        border-color: #ccc;
        height: 53px; }
        .card.item:hover .card-bottom-right .btn:hover, .card.item:hover .card-bottom-right .btn:focus, .card.item:hover .card-bottom-right .btn-default:hover, .card.item:hover .card-bottom-right .btn-default:focus, .card.item:hover .card-top-right .btn:hover, .card.item:hover .card-top-right .btn:focus, .card.item:hover .card-top-right .btn-default:hover, .card.item:hover .card-top-right .btn-default:focus, .card.item:focus .card-bottom-right .btn:hover, .card.item:focus .card-bottom-right .btn:focus, .card.item:focus .card-bottom-right .btn-default:hover, .card.item:focus .card-bottom-right .btn-default:focus, .card.item:focus .card-top-right .btn:hover, .card.item:focus .card-top-right .btn:focus, .card.item:focus .card-top-right .btn-default:hover, .card.item:focus .card-top-right .btn-default:focus {
          color: #333;
          background-color: #e6e6e6;
          border-color: #adadad; }
    .card .item-actions {
      position: initial;
      margin-top: 0;
      right: 0;
      top: 0;
      float: none;
      display: inline-block; }
      .card .item-actions .btn {
        border-radius: 0;
        min-width: 26px;
        margin-left: -1px; }
    .card .item-bar {
      /*position: absolute;
      bottom: 0;
      right: 0;*/
      margin: 0; }
      .card .item-bar .btn {
        /*font-size: 12px;
        line-height: 1.5;*/ }
    .card.item-full .actions .btn-sm {
      font-size: 13px;
      padding: 3px 6px; }
    .card.item-full .actions .item-status-selector, .card.item-full .actions a.item-status-selector {
      width: 55px; }
    .card .single-line {
      white-space: nowrap;
      overflow: hidden;
      text-wrap: avoid;
      text-overflow: ellipsis;
      max-height: 20px; }
  .card-like {
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 0;
    margin-bottom: -1px;
    /*background-color: #fff;*/
    min-height: 25px; }
  .search-result .card .card-content-top-row .tags {
    display: none; }
  .item-view-header .card .card-content-top-row {
    padding-right: 75px; }
  .fields .card {
    margin-bottom: 20px; }
  .workflow-view .steps {
    min-height: 20px; }
  .cards .cards-columns-1 .card-group-column {
    width: 100%;
    min-width: 100%;
    max-width: 100%; }
  .cards .cards-columns-2 .card-group-column {
    width: 50%;
    min-width: 50%;
    max-width: 50%; }
  .cards .cards-columns-3 .card-group-column {
    width: 33%;
    min-width: 33.33%;
    max-width: 33.33%; }
  .cards .cards-columns-4 .card-group-column {
    width: 25%;
    min-width: 25%;
    max-width: 25%; }
  .cards .cards-columns-5 .card-group-column {
    width: 20%;
    min-width: 20%;
    max-width: 20%; }
  .cards .cards-columns-6 .card-group-column {
    width: 16%;
    min-width: 16.65%;
    max-width: 16.65%; }
  .cards .cards-columns-7 .card-group-column {
    width: 14.2%;
    min-width: 14.2%;
    max-width: 14.2%; }
  .cards.one-category .card-group-column {
    width: 100%;
    min-width: 100%;
    max-width: 100%; }
  @media (min-width: 1400px) {
    .sidebar-right-is-open .adjust-width-for-sidebar-right-open .card {
      margin-right: 10px; }
      .sidebar-right-is-open .adjust-width-for-sidebar-right-open .card .multi-toggle {
        display: none; }
      .sidebar-right-is-open .adjust-width-for-sidebar-right-open .card .card-bottom-right > div, .sidebar-right-is-open .adjust-width-for-sidebar-right-open .card .card-bottom-right > .play {
        display: none !important; }
      .sidebar-right-is-open .adjust-width-for-sidebar-right-open .card .card-content-bottom-row {
        overflow: hidden;
        max-height: 20px; }
      .sidebar-right-is-open .adjust-width-for-sidebar-right-open .card .card-right-button-holder {
        padding-right: 5px; }
        .sidebar-right-is-open .adjust-width-for-sidebar-right-open .card .card-right-button-holder .btn {
          border: none;
          font-size: 12px;
          padding: 0; }
      .sidebar-right-is-open .adjust-width-for-sidebar-right-open .card .card-content-inner-left .btn.active, .sidebar-right-is-open .adjust-width-for-sidebar-right-open .card .card-right-button-holder .btn.active {
        background-color: transparent; } }
  @media (max-width: 768px) {
     {
      /* Small tablets and phones */ }
      .list-view {
        padding: 0; }
      .cards .amount-showing {
        padding-left: 7px; }
      .cards .cards-footer {
        margin-bottom: 0; }
      .list-clear-filters-etc {
        margin-top: 10px;
        padding: 5px; }
      .card .multi-toggle {
        display: none; }
      .card .card-content-inner {
        padding: 15px 0; }
      .card .card-bottom-right {
        display: none !important; }
      .card .card-right-button-holder {
        padding-right: 5px; }
        .card .card-right-button-holder .btn {
          border: none;
          font-size: 12px;
          padding: 0; }
      .card .card-content-inner-left .btn.active, .card .card-right-button-holder .btn.active {
        background-color: transparent; } }
  .item.done .item-link, .item.done .item-icon, .item .done .item-link, .item .done .item-icon, .cards .card.done .item-link, .cards .card.done .item-icon, .cards .card .done .item-link, .cards .card .done .item-icon {
    color: #29b92c; }
  .item.deleted .item-link, .item.deleted .item-icon, .item .deleted .item-link, .item .deleted .item-icon, .cards .card.deleted .item-link, .cards .card.deleted .item-icon, .cards .card .deleted .item-link, .cards .card .deleted .item-icon {
    color: #bf0200; }
  .item .five-days-old, .cards .card .five-days-old {
    background-color: #b50000;
    border-color: #b50000;
    color: #fff; }
    .item .five-days-old .item-target-date, .cards .card .five-days-old .item-target-date {
      color: #fff; }
  .item .two-days-old, .cards .card .two-days-old {
    background-color: #b56f26;
    border-color: #b56f26;
    color: #fff; }
    .item .two-days-old .item-target-date, .cards .card .two-days-old .item-target-date {
      color: #fff; }
  .item .due-within-two-days, .cards .card .due-within-two-days {
    background-color: #dc9800;
    border-color: #dc9800;
    color: #fff; }
    .item .due-within-two-days .item-target-date, .cards .card .due-within-two-days .item-target-date {
      color: #fff; }
  .item .due-in-2-days, .cards .card .due-in-2-days {
    background-color: #d3d600;
    border-color: #d3d600;
    color: #fff; }
    .item .due-in-2-days .item-target-date, .cards .card .due-in-2-days .item-target-date {
      color: #fff; }
  .item .due-in-5-days, .cards .card .due-in-5-days {
    background-color: #92b526;
    border-color: #92b526;
    color: #fff; }
    .item .due-in-5-days .item-target-date, .cards .card .due-in-5-days .item-target-date {
      color: #fff; }
  @media (max-width: 768px) {
    .cards .card-group-columns {
      margin: 0; }
    .cards .card-group-column {
      width: 100%;
      min-width: 100%;
      max-width: 100%;
      padding: 0;
      float: none; }
    .cards .card-group h3 {
      padding-left: 10px; } }
  th.center {
    text-align: center; }
  .item-as-header {
    padding: 15px 20px;
    border-bottom: 2px solid #ddd; }
  .item-sub-header {
    font-size: 25px;
    padding: 10px 25px;
    margin: 0 -20px;
    margin-bottom: 20px;
    margin-top: 6px;
    border-bottom: 1px solid #ccc; }
    .item-sub-header i {
      float: right;
      margin-left: 10px;
      opacity: 0.8; }
    .item-sub-header a {
      color: #000; }
  .item-sub-content {
    padding-bottom: 50px; }
  .item-sub-details .item-sub-content {
    padding-bottom: 50px; }
  .priority {
    min-width: 35px;
    /*&:hover, &:focus {
    outline: 1px solid #2980B9;
  }*/ }
    .priority span {
      cursor: pointer;
      width: 35px;
      display: inline-block;
      text-align: center;
      border-radius: 0px;
      margin-top: -5px; }
    .priority.green span, .priority.text-green span {
      background-color: #008a07;
      color: #fff !important; }
    .priority.yellow-green span, .priority.text-yellow-green span {
      background-color: #99bf16;
      color: #222 !important; }
    .priority.yellow span, .priority.text-yellow span {
      background-color: #ccd410;
      color: #222 !important; }
    .priority.orange span, .priority.text-orange span {
      background-color: #d47610;
      color: #fff !important; }
    .priority.red span, .priority.text-red span {
      background-color: #e41111;
      color: #fff !important; }
  .dropdown-menu .priority span {
    margin-right: 10px;
    margin-bottom: 10px;
    outline: none;
    padding: 5px 10px;
    width: 40px !important;
    border-radius: 3px; }
  .item-status-selector, .item .item-title a.item-status-selector {
    width: 50px;
    cursor: pointer; }
    .item-status-selector.green, .item-status-selector.text-green, .item .item-title a.item-status-selector.green, .item .item-title a.item-status-selector.text-green {
      color: #29b92c !important; }
    .item-status-selector.blue, .item-status-selector.text-blue, .item .item-title a.item-status-selector.blue, .item .item-title a.item-status-selector.text-blue {
      color: #1979cf !important; }
    .item-status-selector.red, .item-status-selector.text-red, .item .item-title a.item-status-selector.red, .item .item-title a.item-status-selector.text-red {
      color: #e41111 !important; }
  span.priority, span.item-status-selector {
    display: inline-block;
    text-align: center;
    padding: 4px; }
  .item-status .item-next-action {
    float: none; }
  .item-view .item-view-header .item-view-header-actions {
    border-color: #555; }
  .item-bar-tabs.nav-tabs {
    font-size: 15px;
    border-bottom: none;
    margin-top: 15px;
    position: absolute;
    left: 5px;
    /*margin-left: 5px;*/ }
    .item-bar-tabs.nav-tabs .section-name {
      display: none; }
    .item-bar-tabs.nav-tabs > li > a {
      padding: 13px 0;
      color: #222;
      /* min-width: 40px; */
      text-align: center;
      width: 45px;
      /* border: 1px solid #aaa; */
      border-right: none;
      /* background-color: #eee; */
      margin-left: 1px;
      margin-bottom: 0;
      margin-top: 0;
      border-radius: 2px 0px 0px 2px;
      z-index: 2; }
      .item-bar-tabs.nav-tabs > li > a:hover {
        border: 1px solid #000;
        border-right: none;
        background-color: #001b3a;
        color: #eee; }
      .item-bar-tabs.nav-tabs > li > a .item-bar-item-sub {
        /*margin-left: 3px;*/
        position: absolute;
        bottom: 10px;
        right: 0;
        width: 45px;
        text-align: center; }
    .item-bar-tabs.nav-tabs > li.active a {
      border: 1px solid #bbb;
      border-right: none;
      background-color: #fff;
      background-image: none; }
      .item-bar-tabs.nav-tabs > li.active a:hover {
        color: #000; }
  .sidebar-right.expanded .item-bar-tabs.nav-tabs, .item-view.expanded .item-bar-tabs.nav-tabs {
    /*left:16px*/ }
  .sidebar-right.expanded .item-bar-tabs.nav-tabs .section-name, .sidebar-right.expanded .item-bar-tab .section-name, .item-view.expanded .item-bar-tabs.nav-tabs .section-name, .item-view.expanded .item-bar-tab .section-name {
    display: inline;
    padding-right: 3px; }
  .list-stats {
    margin-bottom: 0; }
    .list-stats .btn-sm {
      font-size: 10px;
      margin-top: 2px;
      float: left;
      margin-left: 2px;
      padding-bottom: 4px; }
    .list-stats .list-stats-item {
      background-image: url(./53c1ec5f96d716d4265e536f7576919e.png);
      background-repeat: repeat;
      padding: 0px;
      float: left;
      min-width: 45px;
      /* height: 55px; */
      font-size: 13px;
      margin: 2px;
      border: 1px solid #ccc;
      /* overflow: hidden; */
      /* border-radius: 50px; */
      /* max-width: 55px; */
      padding: 2px;
      cursor: pointer;
      /* padding-right: 0; */ }
      .list-stats .list-stats-item div {
        text-align: center;
        margin-bottom: 0;
        background-color: #fff;
        border-radius: 0;
        /* padding: 0.2rem 0; */
        display: inline-block;
        padding: 0px 7px;
        border: 1px solid #eee;
        font-weight: 600;
        color: #222;
        cursor: pointer; }
      .list-stats .list-stats-item i.fa {
        display: none; }
      .list-stats .list-stats-item > label {
        display: inline;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        white-space: inherit;
        margin-left: 2px;
        padding: 2px;
        color: #337ab7;
        cursor: pointer;
        /*background: #eee;*/ }
      .list-stats .list-stats-item:hover {
        overflow: visible;
        z-index: 5;
        background-color: #1979cf;
        color: #fff;
        text-decoration: none; }
        .list-stats .list-stats-item:hover div {
          background-color: #1979cf;
          border-color: transparent;
          color: #fff; }
        .list-stats .list-stats-item:hover > label {
          color: #fff; }
  .simple-item-form {
    margin: 0;
    margin-top: -1px;
    margin-bottom: 20px; }
    .simple-item-form .form-group {
      margin: 0; }
    .simple-item-form .form-control {
      border-radius: 0; }
    .simple-item-form .input-group button {
      border-radius: 0; }
  .project-level-view .simple-item-form {
    margin-bottom: -11px;
    margin-left: -11px;
    margin-right: -11px;
    margin-top: 0; }
  #list-filter-form {
    margin-bottom: 0;
    /*margin-top: 10px;*/
    width: 50%; }
    #list-filter-form #list-filter-form-help {
      border-right: none; }
    #list-filter-form #list-filter-form-go {
      /*border-left: none;*/ }
    #list-filter-form input {
      border-radius: 0; }
  .list-clear-filters-etc {
    margin-bottom: -7px;
    margin-top: 10px; }
  .list-view-sorter {
    position: absolute;
    right: 20px;
    margin-top: 20px; }
  .milestones .milestone, .milestones .card.milestone {
    padding: 0; }
    .milestones .milestone .milestone-inner, .milestones .card.milestone .milestone-inner {
      padding: 10px; }
    .milestones .milestone h3, .milestones .card.milestone h3 {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 20px;
      padding-left: 0; }
    .milestones .milestone .progress, .milestones .card.milestone .progress {
      margin-bottom: 0;
      height: 10px;
      margin-top: 7px;
      border-radius: 0;
      margin-left: -11px;
      margin-right: -11px;
      margin-bottom: -11px;
      border: 1px solid #ccc;
      background-color: #eee; }
    .milestones .milestone .project-level-view .progress, .milestones .card.milestone .project-level-view .progress {
      margin-bottom: 0; }
  .milestone.single {
    border: 1px solid #eee;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 0 10px;
    background: url("https://eudoracdn.azureedge.net/images/bright-squares.png?1") repeat transparent; }
    .milestone.single h3 {
      margin-top: 10px; }
  .item-project-info .dropdown-menu li.not-anchor {
    padding: 0 20px; }
  .milestone-stats {
    margin-left: -10px;
    margin-top: 2px; }
  .project-milestone-category.btn-sm {
    border: none;
    padding-left: 6px; }
    .project-milestone-category.btn-sm b {
      padding: 5px; }
  .project-progress .milestone-stats {
    margin-left: -9px;
    margin-right: -9px;
    margin-top: 0;
    margin-bottom: 0; }
  .project-progress .project-milestone-category.btn-sm {
    padding: 5px;
    border: none;
    font-size: 16px;
    min-width: 68px; }
    .project-progress .project-milestone-category.btn-sm b {
      display: block;
      font-size: 19px;
      padding: 0; }
  .project-item {
    border: 1px solid #eee;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    min-height: 80px;
    background: url("https://eudoracdn.azureedge.net/images/bright-squares.png?1") repeat transparent; }
    .project-item h3 {
      margin-top: 0; }
    .project-item .form-group {
      margin-bottom: 0; }
  .reorder-list .reorder-list-item {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none; }
    .reorder-list .reorder-list-item.placeholder {
      /*outline: 2px solid orange;*/
      box-shadow: 0px 0px 0px 2px orange; }
    .reorder-list .reorder-list-item.dragged {
      opacity: 0.7;
      /*outline: 2px solid #2980B9;*/
      box-shadow: 0px 0px 0px 2px #2980B9; }
  .item-view {
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    /*** CYCLE****/ }
    .item-view:hover {
      background-color: inherit; }
    .item-view h2.sidebar-header {
      padding: 5px 10px;
      display: block;
      border: none;
      padding-right: 70px;
      z-index: 6;
      /*box-shadow: -2px 4px 2px -2px #cccccc;*/
      position: relative;
      border-bottom: 1px solid #ccc;
      min-height: 37px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 20px;
      padding-top: 6px; }
    .item-view .item-view-header {
      background-color: #dedede;
      padding: 5px;
      border-radius: 0px;
      /*border: 1px solid #bbb;*/
      margin-bottom: 0;
      background: url(./53c1ec5f96d716d4265e536f7576919e.png) repeat #fff; }
      .item-view .item-view-header .unread-toggle {
        left: 0;
        border-left-color: transparent;
        /*border-left-color: #fff;*/
        /*border-left-width: 7px;*/ }
        .item-view .item-view-header .unread-toggle:hover {
          border-left-color: #999;
          background-color: #999; }
      .item-view .item-view-header .sidebar-header:hover .unread-toggle {
        border-left-color: #999; }
      .item-view .item-view-header.unread .unread-toggle {
        border-left-color: #1979cf; }
        .item-view .item-view-header.unread .unread-toggle:hover {
          background-color: #1979cf;
          border-left-color: #1979cf; }
      .item-view .item-view-header .user-image {
        float: left;
        margin-right: 5px;
        height: 45px;
        width: 45px;
        margin-top: -5px;
        padding: 5px 0 0 0; }
        .item-view .item-view-header .user-image img {
          height: 45px;
          width: 45px;
          border-radius: 100px; }
      .item-view .item-view-header .item-icon {
        top: 0;
        color: #222;
        margin-right: 5px;
        opacity: 0.8;
        position: relative;
        float: left;
        font-size: 22px;
        margin-top: -2px;
        transform: none; }
      .item-view .item-view-header.done {
        background-color: rgba(42, 185, 45, 0.05); }
      .item-view .item-view-header.deleted {
        background-color: rgba(191, 2, 0, 0.05); }
    .item-view .item-actions {
      margin-top: 5px;
      float: none;
      margin-left: 10px; }
      .item-view .item-actions .btn {
        margin-top: -2px;
        border: none;
        min-width: 40px;
        width: auto;
        color: #222;
        padding: 7px 10px; }
        .item-view .item-actions .btn:hover {
          background-color: #a8c7f6; }
      .item-view .item-actions .btn-sm {
        font-size: 14px;
        padding: 5px 7px;
        line-height: 1.42857143;
        margin-top: 0; }
      .item-view .item-actions .btn, .item-view .item-actions .btn-group {
        height: 100%; }
      .item-view .item-actions .dropdown .action-button {
        margin-left: -1px; }
    .item-view .item-bar {
      margin-left: -10px;
      margin-bottom: -1px;
      display: block;
      border-top: 1px solid #ddd;
      margin-right: -10px; }
      .item-view .item-bar .item-bar-item {
        padding: 5px;
        border: 1px solid #ccc;
        margin-top: -1px; }
    .item-view .item-view-header {
      z-index: 3;
      border-bottom: 1px solid #bbb;
      box-shadow: -2px 4px 2px -2px #cccccc;
      /*box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.025), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);*/
      /*border-left: 7px solid transparent;*/
      position: relative;
      padding: 0; }
      .item-view .item-view-header.unread {
        border-left-color: #1979cf; }
      .item-view .item-view-header .item-view-header-actions {
        /*border-bottom: 1px solid #ccc;*/
        padding-bottom: 0px;
        margin: 0;
        /* padding-top: 5px; */
        margin-top: -1px;
        /*background: rgba(0, 27, 58, 0.06);*/
        /* text-shadow: 0 0 black; */
        /* padding: 5px; */
        padding: 0;
        margin-bottom: -1px;
        min-height: 40px;
        background: #fff;
        z-index: 3;
        position: relative; }
      .item-view .item-view-header .item-view-header-middle {
        padding: 5px;
        min-height: 55px; }
        .item-view .item-view-header .item-view-header-middle .notification-preferences {
          margin-top: 7px;
          margin-right: 10px; }
    .item-view .message-image img {
      height: 36px;
      width: 36px; }
    .item-view .item-full-content {
      margin: 20px 10px;
      font-size: 1.1em; }
    .item-view .sidebar-right-comment-box-container {
      /*position: absolute;*/
      position: relative;
      box-shadow: none;
      left: 0;
      margin-left: 0;
      padding-right: 10px;
      min-height: 0;
      padding-bottom: 0;
      border-top: 1px solid #ccc;
      padding-top: 10px; }
      .item-view .sidebar-right-comment-box-container textarea {
        width: 100%; }
      .item-view .sidebar-right-comment-box-container .btn-left {
        /*border-left: none;*/ }
      .item-view .sidebar-right-comment-box-container .btn-right, .item-view .sidebar-right-comment-box-container .btn-right .btn {
        /*border-right: none;*/ }
    .item-view .correlation {
      margin: 0;
      margin-bottom: 15px; }
      .item-view .correlation .btn-link {
        display: block; }
      .item-view .correlation select {
        /* display: block; */
        width: 100px;
        font-size: 13px;
        /* margin-left: 12px; */
        /* border-radius: 2px; */
        /* border-bottom: 1px solid #ccc; */ }
    .item-view .cycle-section {
      margin-bottom: 10px; }
      .item-view .cycle-section .cycle-section-header {
        padding: 15px 10px;
        background-color: #CCC;
        color: black;
        margin-bottom: 0;
        font-size: 20px; }
        .item-view .cycle-section .cycle-section-header .btn-link {
          color: black; }
      .item-view .cycle-section .cycle-section-body {
        border: 1px solid #ddd;
        border-top: none;
        padding: 10px;
        text-align: center; }
      .item-view .cycle-section.cycle-section-non-compact {
        border: 1px solid #ddd;
        padding: 10px;
        margin-bottom: 25px;
        /*margin-left: -11px;
      margin-top: -11px;
      margin-right: -11px;*/ }
        .item-view .cycle-section.cycle-section-non-compact .cycle-section-header, .item-view .cycle-section.cycle-section-non-compact h5 {
          margin-left: -10px;
          margin-right: -10px;
          margin-top: -10px;
          font-size: 18px; }
        .item-view .cycle-section.cycle-section-non-compact .step-compact {
          margin-bottom: 25px; }
          .item-view .cycle-section.cycle-section-non-compact .step-compact h5 {
            margin-top: 0px;
            border-bottom: 1px solid #ddd;
            padding: 10px; }
        .item-view .cycle-section.cycle-section-non-compact .step-compact + .step-compact {
          margin-top: 25px; }
        .item-view .cycle-section.cycle-section-non-compact.collapsed {
          border-bottom: none;
          padding-bottom: 0; }
      .item-view .cycle-section .time-since {
        float: none;
        padding: 0; }
    .item-view .cycle-section.completed .cycle-section-header, .item-view .btn-default.completed {
      background-color: #008a07;
      color: white; }
      .item-view .cycle-section.completed .cycle-section-header .btn-link, .item-view .btn-default.completed .btn-link {
        color: white; }
    .item-view .cycle-section.in-progress .cycle-section-header, .item-view .btn-default.in-progress {
      background-color: #2980B9;
      color: white; }
      .item-view .cycle-section.in-progress .cycle-section-header .btn-link, .item-view .btn-default.in-progress .btn-link {
        color: white; }
    .item-view .active-view {
      margin-top: -1px;
      border: solid 1px #ccc;
      padding: 10px; }
    .item-view .nav-tabs li.completed a {
      color: #008a07; }
    .item-view .nav-tabs li.in-progress a {
      color: #2980B9; }
    .item-view .cycle-legend .future,
    .item-view .cycle-section .future {
      color: #999; }
    .item-view .cycle-legend .completed,
    .item-view .cycle-section .completed {
      color: #008a07; }
    .item-view .cycle-legend .in-progress,
    .item-view .cycle-section .in-progress {
      color: #2980B9; }
    .item-view .btn-default.completed, .item-view .btn-default.in-progress {
      color: #fff; }
    .item-view .cycle-section form {
      color: #222; }
    .item-view .cycle-actions .btn {
      white-space: normal; }
    .item-view .cycle-legend > p {
      text-align: center;
      padding-top: 20px; }
    .item-view .cycle-legend > p > b {
      padding-right: 10px; }
    .item-view .cycle-section .guideline {
      color: #222; }
      .item-view .cycle-section .guideline .guideline-level {
        margin-bottom: 20px; }
        .item-view .cycle-section .guideline .guideline-level h5 {
          font-size: 20px;
          background-color: #ddd; }
      .item-view .cycle-section .guideline .guideline-level-99 h5 {
        background-color: #e0e081; }
      .item-view .cycle-section .guideline .guideline-level-100 h5 {
        background-color: #b50000; }
      .item-view .cycle-section .guideline .guideline-level-90 h5, .item-view .cycle-section .guideline .guideline-level-89 h5, .item-view .cycle-section .guideline .guideline-level-87 h5, .item-view .cycle-section .guideline .guideline-level-85 h5, .item-view .cycle-section .guideline .guideline-level-84 h5, .item-view .cycle-section .guideline .guideline-level-83 h5, .item-view .cycle-section .guideline .guideline-level-82 h5, .item-view .cycle-section .guideline .guideline-level-76 h5 {
        background-color: #dea064; }
      .item-view .cycle-section .guideline .guideline-level-80 h5, .item-view .cycle-section .guideline .guideline-level-79 h5, .item-view .cycle-section .guideline .guideline-level-78 h5, .item-view .cycle-section .guideline .guideline-level-77 h5, .item-view .cycle-section .guideline .guideline-level-75 h5, .item-view .cycle-section .guideline .guideline-level-74 h5, .item-view .cycle-section .guideline .guideline-level-73 h5, .item-view .cycle-section .guideline .guideline-level-72 h5, .item-view .cycle-section .guideline .guideline-level-70 h5, .item-view .cycle-section .guideline .guideline-level-69 h5, .item-view .cycle-section .guideline .guideline-level-68 h5, .item-view .cycle-section .guideline .guideline-level-67 h5, .item-view .cycle-section .guideline .guideline-level-65 h5, .item-view .cycle-section .guideline .guideline-level-63 h5, .item-view .cycle-section .guideline .guideline-level-61 h5 {
        background-color: #e9d98f; }
      .item-view .cycle-section .guideline .guideline-level-51 h5, .item-view .cycle-section .guideline .guideline-level-50 h5, .item-view .cycle-section .guideline .guideline-level-48 h5, .item-view .cycle-section .guideline .guideline-level-46 h5, .item-view .cycle-section .guideline .guideline-level-44 h5, .item-view .cycle-section .guideline .guideline-level-20 h5 {
        background-color: #29b92c; }
      .item-view .cycle-section .guideline .guideline-level-15 h5, .item-view .cycle-section .guideline .guideline-level-8 h5, .item-view .cycle-section .guideline .guideline-level-6 h5, .item-view .cycle-section .guideline .guideline-level-4 h5 {
        background-color: #a4e6a5; }
      .item-view .cycle-section .guideline .guideline-question, .item-view .cycle-section .guideline .guideline-advice {
        font-size: 18px;
        line-height: 35px; }
        .item-view .cycle-section .guideline .guideline-question .ro, .item-view .cycle-section .guideline .guideline-advice .ro {
          color: #777; }
        .item-view .cycle-section .guideline .guideline-question:hover, .item-view .cycle-section .guideline .guideline-question:focus, .item-view .cycle-section .guideline .guideline-advice:hover, .item-view .cycle-section .guideline .guideline-advice:focus {
          background-color: #eee; }
        .item-view .cycle-section .guideline .guideline-question.yes, .item-view .cycle-section .guideline .guideline-advice.yes {
          background-color: #e7fde0; }
    .item-view .item-sub-files .files {
      margin-top: 20px; }
    .item-view .item-sub-files .user-image {
      margin-left: -60px; }
    .item-view .readby .readby-row {
      clear: both;
      max-width: 800px; }
    .item-view .readby .user-image {
      float: left; }
      .item-view .readby .user-image img {
        height: 30px;
        width: 30px;
        border-radius: 50px; }
    .item-view .unanswered, .item-view .answered, .item-view .closed {
      border-radius: 2px;
      padding: 2px 5px;
      margin-right: 5px;
      color: #fff; }
    .item-view .unanswered {
      background-color: #c09853; }
    .item-view .answered {
      background-color: #356635; }
    .item-view .closed {
      background-color: #27559c; }
  .full-screen .item-view {
    max-height: calc(100% - 50px);
    max-width: none;
    height: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    margin: -21px; }
  .checklist textarea {
    height: 300px; }
  .checklist .checkbox {
    padding: 0 20px;
    font-weight: 400; }
    .checklist .checkbox b {
      font-weight: 600; }
  .table > tbody > tr.item.active > td {
    background-color: #dce7f7; }
  .item-sub-details table.table tbody tr td:first-child {
    font-weight: 200; }
  @media (max-width: 768px) {
     {
      /* Small tablets and phones */ }
      .item {
        /*margin-bottom: 20px;*/
        /*.item-actions {
        margin-top: 5px;

        .action-button {
          font-size: 14px;
        }
      }*/ }
        .item .progress-bars .progress, .item .progress-bars .rc-slider {
          margin-bottom: 15px; }
        .item .item-header {
          min-height: 40px; }
        .item .item-bar {
          margin-bottom: 10px;
          font-size: 12px;
          margin-left: 0; }
        .item .scrollable > div > .item-bar {
          margin-bottom: 20px;
          border-bottom: 1px solid #eee; }
        .item .item-actions {
          display: none; }
          .item .item-actions.sbr {
            display: block; }
        .item .item-next-action {
          float: none; }
        .item .item-body {
          margin-left: 0; }
        .item .progress-bars {
          margin-left: 0; }
        .item .item-link {
          font-size: 14px; }
        .item .correlation {
          margin-top: 0;
          margin-left: 15px; }
      .sidebar-right-view.item-view {
        /*.content.scrollable {
        margin-left: 0;
        border-left: none;
      }*/
        /*.nav-justified > li, .nav-stacked > li {
        float: left;
      }

      .item-bar-tabs.nav-tabs {
        position: static;
        margin-top: 0;
        margin-bottom: 5px;
      }*/
        /*.item-bar-tabs.nav-tabs {
        padding: 0;
        font-size: 14px;
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -5px;
        margin-bottom: 10px;
      }

      .item-bar-tabs.nav-tabs > li > a {
        padding: 10px;
        width: auto;
        margin: 0;

        .item-bar-item-sub {
          bottom: 0.25em;
          position: relative;
        }
      }

      .item-bar-tabs.nav-tabs > li.active > a {
        border: 1px solid #4763a5;
        border-right: 1px solid #4763a5;
        background-color: #337ab7;
        border-radius: 2px;
        color: #fff;
      }*/ }
        .sidebar-right-view.item-view h2.sidebar-header {
          font-size: 17px; }
        .sidebar-right-view.item-view .item-view-header {
          padding-bottom: 2px; }
          .sidebar-right-view.item-view .item-view-header .user-image, .sidebar-right-view.item-view .item-view-header .user-image img {
            height: 35px;
            width: 35px; }
        .sidebar-right-view.item-view .item-view .sidebar-right-comment-box-container {
          position: relative;
          z-index: 2; }
        .sidebar-right-view.item-view .item-actions-toggled {
          display: none; }
        .sidebar-right-view.item-view .item-actions {
          /*display: block;*/
          /*margin-top: -7px;*/
          /*position: static;*/
          /*margin-right: 28px;*/ }
          .sidebar-right-view.item-view .item-actions .open > .dropdown-menu {
            max-width: 250px; }
          .sidebar-right-view.item-view .item-actions > * {
            display: inline-block;
            visibility: visible;
            opacity: 1; }
          .sidebar-right-view.item-view .item-actions .action-button {
            box-shadow: none;
            border: none;
            background: transparent; }
      .item-view .sidebar-right-comment-box-container {
        padding: 0;
        border-top-width: 0;
        min-height: 44px; }
        .item-view .sidebar-right-comment-box-container .comment-box, .item-view .sidebar-right-comment-box-container .btn-left, .item-view .sidebar-right-comment-box-container .btn-right > .btn, .item-view .sidebar-right-comment-box-container .btn-send {
          border-bottom-width: 1px; }
        .item-view .sidebar-right-comment-box-container .btn-left {
          border-left-width: 1px; }
      .list-stats .list-stats-item {
        /*height: 42px;*/
        width: 36px;
        font-size: 10px;
        padding: 0px;
        overflow: hidden;
        text-overflow: ellipsis; }
        .list-stats .list-stats-item div {
          font-size: 14px;
          display: block; }
      .cards .cards-columns-2 .card-group-column, .cards .cards-columns-3 .card-group-column, .cards .cards-columns-4 .card-group-column, .cards .cards-columns-5 .card-group-column, .cards .cards-columns-6 .card-group-column, .cards .cards-columns-7 .card-group-column, .cards .cards-columns-8 .card-group-column {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        float: none; } }
  .event {
    margin-bottom: 20px; }
    .event .time-since {
      padding-right: 0; }
    .event .event-link {
      padding-left: 20px; }
      .event .event-link .event-link-type {
        min-width: 60px;
        display: inline-block; }
    .event .change-log {
      max-height: 100px;
      padding: 2px 50px;
      overflow: auto;
      background-color: #eee; }
  .chart {
    border: 1px solid #ccc;
    margin-bottom: 25px;
    padding-bottom: 10px;
    background: #fff; }
  @media print {
    .item {
      page-break-inside: avoid; }
      .item .action-button {
        display: none; }
    .milestone {
      page-break-inside: avoid; } }
  .name-value {
    margin: 0; }
    .name-value .name-value-label {
      width: 160px;
      margin-bottom: 0;
      /* display: block; */
      /* float: left; */
      /* margin-right: 7px; */
      min-height: 27px;
      margin: 0;
      text-align: right; }
      .name-value .name-value-label label {
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        padding: 1px 4px;
        margin-right: 10px;
        vertical-align: middle; }
    .name-value .name-value-value {
      /*display: inline-block;*/ }
  .name-values {
    clear: both; }
    .name-values .name-value {
      float: left;
      width: 50%;
      margin-left: 0;
      margin-right: 0; }
    .name-values .name-value-full-width {
      width: 100%; }
  @media (max-width: 768px) {
     {
      /* Small tablets and phones */ }
      .name-value {
        display: block;
        border: 1px solid #ccc;
        margin-bottom: -1px; }
        .name-value .name-value-label {
          display: block;
          text-align: left;
          width: auto; }
          .name-value .name-value-label label {
            margin: 0;
            display: block;
            padding: 5px;
            border-top-width: 0px;
            border-left-width: 0px;
            border-right-width: 0px; }
        .name-value .name-value-value {
          display: block;
          margin-bottom: 5px;
          padding: 5px 6px; }
      .name-values .name-value {
        float: none;
        width: inherit; } }
  .dynamic-reports-iframe {
    height: 400px;
    width: 100%;
    margin-top: 20px;
    border: 1px solid #ccc; }
  @media (min-height: 600px) {
    .dynamic-reports-iframe {
      height: 450px; } }
  @media (min-height: 700px) {
    .dynamic-reports-iframe {
      height: 500px; } }
  @media (min-height: 800px) {
    .dynamic-reports-iframe {
      height: 575px; } }
  @media (min-height: 900px) {
    .dynamic-reports-iframe {
      height: 650px; } }
  @media (min-height: 1000px) {
    .dynamic-reports-iframe {
      height: 700px; } }
  @media (min-height: 1100px) {
    .dynamic-reports-iframe {
      height: 750px; } }
  @media (min-height: 1200px) {
    .dynamic-reports-iframe {
      height: 800px; } }
  .swipe-to-delete {
    position: relative !important;
    padding: 0 !important;
    overflow: hidden !important; }
  .swipe-to-delete .js-delete {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1 !important; }
  .swipe-to-delete .js-content {
    position: relative !important;
    z-index: 2 !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important; }
  .swipe-to-delete .js-transition-delete-right, .swipe-to-delete .js-transition-delete-left, .swipe-to-delete .js-transition-cancel {
    transition-property: left !important;
    transition-duration: .5s; }
  .swipe-to-delete .js-transition-delete-right {
    left: 100% !important; }
  .swipe-to-delete .js-transition-delete-left {
    left: -100% !important; }
  .swipe-to-delete .js-transition-cancel {
    left: 0 !important; }
  .swipe-to-delete .js-delete {
    background: #ff5f58; }
  .swipe-to-delete .js-delete svg {
    position: absolute;
    left: 17px;
    top: 50%;
    margin-top: -13px;
    width: 25px;
    height: 25px; }
  .swipe-to-delete .js-delete svg:first-child {
    left: auto;
    right: 17px; }
  .swipe-to-delete .js-content :first-child {
    cursor: pointer; }
  .swipe-to-delete .js-transition-delete-right, .swipe-to-delete .js-transition-delete-left, .swipe-to-delete .js-transition-cancel {
    transition-duration: .7s;
    transition-timing-function: ease-in-out; }
  .project-plan {
    overflow: auto; }
    .project-plan .project-plan-rows {
      border: 1px solid #eee;
      border-top: none;
      margin-top: 15px;
      width: 1300px; }
    .project-plan .project-plan-floating-buttons {
      position: fixed;
      bottom: 10%;
      right: 5%; }
  .project-plan-row {
    /*padding-bottom: 10px;*/
    border-top: 1px solid #eee; }
    .project-plan-row.yellow {
      background: #fee86f; }
    .project-plan-row.blue {
      background: #dbe7f7; }
    .project-plan-row > div {
      display: table-cell;
      padding-left: 5px;
      border-right: 1px solid #eee;
      vertical-align: text-top; }
    .project-plan-row .project-plan-row {
      display: block;
      margin-left: -5px; }
    .project-plan-row .line, .project-plan-row .duration, .project-plan-row .start, .project-plan-row .end, .project-plan-row .pred, .project-plan-row .quoted, .project-plan-row .done {
      text-align: center; }
    .project-plan-row .line, .project-plan-row .done {
      width: 50px; }
    .project-plan-row .duration {
      width: 75px; }
    .project-plan-row .name {
      width: 305px; }
    .project-plan-row .name.item-item {
      padding-left: 40px; }
    .project-plan-row .start, .project-plan-row .end, .project-plan-row .pred, .project-plan-row .quoted, .project-plan-row .tags {
      width: 100px; }
    .project-plan-row .resources {
      width: 250px; }
    .project-plan-row a.item-handle, .project-plan-row a.milestone-handle, .project-plan-row a.edit {
      font-size: 14px;
      width: 30px;
      display: inline-block;
      padding: 5px; }
  @media print {
    .project-plan {
      overflow: visible; }
      .project-plan .milestone-rows {
        position: relative; }
    .project-plan-row {
      page-break-inside: avoid;
      position: relative; } }
  
  @media print {
    table {
      page-break-inside: avoid; } }
  .course {
    padding-bottom: 400px; }
    .course .chapter-links {
      margin-top: 25px; }
    .course .chapter-link {
      margin-bottom: 10px;
      margin-top: 10px;
      /*.sections{
      padding-left: 40px;
    }*/ }
    .course .chapter section {
      margin-top: 100px; }
    .course .chapter section + section {
      margin-top: 300px; }
    .course .knowledge-checks-header {
      font-weight: 700;
      margin-top: 50px; }
    .course .knowledge-check {
      background-color: #eef6fe;
      margin-top: 25px;
      border: 1px solid #eee;
      padding: 20px; }
      .course .knowledge-check section {
        margin-top: 40px; }
    .course .course-show-all .chapter {
      margin-top: 300px;
      margin-bottom: 500px; }
  .user-badge, .course-badge {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    margin-right: 10px;
    padding: 5px;
    color: white; }
  @media print {
    .course .chapter {
      page-break-before: always; } }
  .emoji {
    height: 22px;
    width: 22px; }
  .text-block table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ddd; }
    .text-block table th, .text-block table td {
      border-top: 0;
      border: 1px solid #ddd;
      padding: 8px;
      line-height: 1.42857143;
      vertical-align: top; }
    .text-block table thead th, .text-block table thead td {
      vertical-align: bottom;
      border-bottom-width: 2px; }
  .cke_notifications_area .cke_notification {
    background-color: #ccc;
    border: 1px solid #aaa;
    border-radius: 2px; }
    .cke_notifications_area .cke_notification.cke_notification_success {
      background-color: #aed29f; }
    .cke_notifications_area .cke_notification .cke_notification_message {
      padding: 15px;
      margin: 0; }
    .cke_notifications_area .cke_notification .cke_notification_close {
      position: absolute;
      right: 0;
      top: 0; }
      .cke_notifications_area .cke_notification .cke_notification_close .cke_label {
        font-weight: 700; }
  .typeahead-holder {
    position: relative; }
  .typeahead-list {
    position: fixed;
    /*bottom: 41px;*/
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom-width: 0;
    z-index: 55;
    max-height: 300px;
    overflow: auto;
    min-width: 300px;
    max-width: 450px;
    border-radius: 3px 3px 0px 0px; }
    .typeahead-list .typeahead-item {
      padding: 5px;
      cursor: pointer; }
      .typeahead-list .typeahead-item .typeahead-item-header {
        color: #222; }
      .typeahead-list .typeahead-item .typeahead-item-body {
        color: #999;
        font-weight: 100; }
      .typeahead-list .typeahead-item .user-image {
        height: 20px;
        width: 20px;
        border-radius: 50px;
        font-size: 20px;
        margin-right: 5px; }
      .typeahead-list .typeahead-item .mention-fullname, .typeahead-list .typeahead-item .mention-team {
        padding-left: 10px; }
    .typeahead-list .typeahead-item.selected {
      background: #337ab7;
      color: #fff; }
      .typeahead-list .typeahead-item.selected .typeahead-item-header {
        color: #fff; }
      .typeahead-list .typeahead-item.selected .typeahead-item-body {
        color: #ddd;
        font-weight: 100; }
    .typeahead-list .typeahead-item:hover, .typeahead-list .typeahead-item:focus {
      background: #b5cadd; }
      .typeahead-list .typeahead-item:hover .typeahead-item-header, .typeahead-list .typeahead-item:focus .typeahead-item-header {
        color: #000; }
      .typeahead-list .typeahead-item:hover .typeahead-item-body, .typeahead-list .typeahead-item:focus .typeahead-item-body {
        color: #222; }
  .typeahead-box {
    position: relative; }
    .typeahead-box input {
      /*padding: 0px;*/ }
      .typeahead-box input:focus {
        z-index: 2;
        position: relative; }
    .typeahead-box .toggle-typeahead {
      position: absolute;
      right: 0;
      top: 0;
      color: #222;
      z-index: 3;
      width: 30px;
      padding: 6px 0; }
    .typeahead-box .first {
      padding-right: 0; }
    .typeahead-box .second {
      padding-left: 0; }
    .typeahead-box .typeahead-description {
      padding: 6px 12px;
      border: 1px solid #ccc;
      margin-top: 0;
      background-color: #eee;
      font-size: 13px;
      height: 34px;
      /*border-left: none;*/
      margin-left: -2px;
      text-overflow: ellipsis;
      overflow: hidden; }
  .input-group .typeahead-box {
    margin-right: 0; }
  .channel-view .comment-box-container .typeahead-list {
    position: fixed;
    bottom: 76px; }
  .sidebar-right-view .sidebar-right-comment-box-container .typeahead-list {
    /*position: fixed;
    bottom: 103px;*/ }
  .typeahead-below .typeahead-list, .modal-body .typeahead-list, .sidebar-right-view .scrollable .typeahead-list {
    bottom: inherit;
    border-bottom-width: 1px;
    border-top-width: 0;
    border-radius: 0 0px 3px 3px;
    /*left: 5px;*/ }
  .sidebar-right-view .scrollable .typeahead-list {
    position: absolute;
    top: 34px;
    width: 245px;
    min-width: 245px; }
  .typeahead-below .typeahead-list {
    /*top: 34px;*/
    margin-top: 34px; }
  .input-group-sm .typeahead-below .typeahead-list,
  .input-group-sm.typeahead-below .typeahead-list,
  .typeahead-below .input-group-sm .typeahead-list {
    margin-top: 30px; }
  .typeahead-absolute .typeahead-list {
    position: absolute;
    bottom: 41px; }
  .typeahead-above .typeahead-list, .sidebar-right-view .scrollable .typeahead-above .typeahead-list {
    position: absolute;
    bottom: 34px;
    border-radius: 3px 3px 0px 0px;
    border-bottom-width: 0;
    border-top-width: 1px; }
  .typeahead-absolute.typeahead-below .typeahead-list {
    top: 34px;
    margin-top: 0;
    height: 250px; }
  tr.deleted {
    text-decoration: line-through;
    font-style: italic; }
  .google-image-result {
    border: 4px solid transparent;
    display: block; }
    .google-image-result:hover, .google-image-result:focus {
      border-color: #212680; }
  .gis-selected-image {
    clear: both;
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #ddd;
    background: #eee; }
    .gis-selected-image .btn-primary {
      margin-left: 10px; }
  .message .files, .item .files {
    margin-left: 55px; }
  .message .file, .item .file {
    color: #999; }
    .message .file .file-name, .item .file .file-name {
      font-weight: 400;
      margin-bottom: 5px;
      margin-right: 7px;
      overflow: hidden;
      height: 1.25em;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .message .file .file-ext, .item .file .file-ext {
      margin-left: 10px;
      font-weight: 100; }
    .message .file .file-link, .item .file .file-link {
      margin-left: 10px; }
    .message .file img, .item .file img {
      cursor: zoom-in;
      cursor: -webkit-zoom-in;
      max-height: 200px;
      width: auto; }
    .message .file .fa-file-powerpoint-o, .item .file .fa-file-powerpoint-o {
      color: #dc6540;
      font-size: 40px;
      float: left; }
    .message .file .fa-file-excel-o, .item .file .fa-file-excel-o {
      color: #138d19;
      font-size: 40px;
      float: left; }
    .message .file .fa-file-word-o, .item .file .fa-file-word-o {
      color: #0e3587;
      font-size: 40px;
      float: left; }
    .message .file .fa-file-pdf-o, .item .file .fa-file-pdf-o {
      color: #d82424;
      font-size: 40px;
      float: left; }
    .message .file .image-type, .item .file .image-type {
      height: 200px;
      max-height: 200px;
      overflow: auto; }
      .message .file .image-type.preview video, .item .file .image-type.preview video {
        height: calc(100% - 50px);
        width: auto;
        cursor: zoom-in;
        cursor: -webkit-zoom-in; }
    .message .file .text-viewer, .item .file .text-viewer {
      cursor: zoom-in;
      cursor: -webkit-zoom-in;
      height: 220px; }
      .message .file .text-viewer pre, .item .file .text-viewer pre {
        min-width: 500px;
        max-width: 80%;
        height: 200px; }
      .message .file .text-viewer iframe, .item .file .text-viewer iframe {
        width: 90%;
        height: 210px;
        border: 1px solid #ddd; }
    .message .file .known-type, .item .file .known-type {
      cursor: zoom-in;
      cursor: -webkit-zoom-in;
      font-size: 17px;
      border: 1px solid #dadada;
      border-radius: 5px;
      padding: 5px;
      width: 400px;
      height: 60px;
      overflow: hidden; }
      .message .file .known-type b, .item .file .known-type b {
        font-weight: 600; }
      .message .file .known-type.preview, .item .file .known-type.preview {
        height: 200px; }
    .message .file .unknown-type, .item .file .unknown-type {
      height: 20px; }
    .message .file.author-icon, .message .file.inline, .item .file.author-icon, .item .file.inline {
      margin: inherit;
      display: inline-block;
      margin-right: 5px; }
      .message .file.author-icon .file-info, .message .file.inline .file-info, .item .file.author-icon .file-info, .item .file.inline .file-info {
        display: none; }
      .message .file.author-icon .image-type, .message .file.inline .image-type, .item .file.author-icon .image-type, .item .file.inline .image-type {
        height: auto; }
  .message .file + .file, .item .file + .file {
    margin-top: 5px; }
  .comment-box-container .files {
    margin-top: 0;
    margin-left: 0; }
    .comment-box-container .files .file {
      float: left;
      margin-right: 5px;
      width: 100px;
      overflow: hidden;
      margin-bottom: 5px;
      height: 80px;
      position: relative; }
      .comment-box-container .files .file .remove {
        position: absolute;
        right: 0;
        top: 0; }
        .comment-box-container .files .file .remove .btn-danger {
          border-radius: 50px;
          width: 22px;
          height: 22px;
          padding: 0; }
      .comment-box-container .files .file .thumbnail {
        height: 50px;
        width: 100px;
        margin-bottom: 0; }
        .comment-box-container .files .file .thumbnail img {
          max-height: 50px;
          height: 100%;
          width: auto; }
  .view-file-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100; }
    .view-file-modal .view-file-mask {
      height: 100%;
      width: 100%;
      background: #222;
      position: fixed;
      top: 0;
      left: 0;
      opacity: 0.7;
      z-index: 101; }
    .view-file-modal .view-file-container {
      z-index: 102;
      position: fixed;
      left: 5%;
      top: 5%;
      width: 90%;
      max-height: 90%;
      overflow: auto; }
      .view-file-modal .view-file-container .view-file-holder {
        text-align: center; }
        .view-file-modal .view-file-container .view-file-holder .close {
          color: #d82424;
          opacity: 0.9;
          background: #999;
          width: 40px;
          border-radius: 61px;
          height: 40px;
          position: absolute;
          right: 0px;
          top: 0; }
          .view-file-modal .view-file-container .view-file-holder .close:hover, .view-file-modal .view-file-container .view-file-holder .close:focus {
            opacity: 1; }
        .view-file-modal .view-file-container .view-file-holder .file-name {
          color: #eee;
          margin-right: 10px; }
        .view-file-modal .view-file-container .view-file-holder a {
          color: #fff; }
        .view-file-modal .view-file-container .view-file-holder img {
          max-width: 100%;
          background: white; }
        .view-file-modal .view-file-container .view-file-holder .known-type {
          font-size: 17px;
          background: white;
          border: 1px solid #dadada;
          border-radius: 5px;
          padding: 5px; }
          .view-file-modal .view-file-container .view-file-holder .known-type b {
            font-weight: 600; }
  .view-file-holder .text-viewer {
    text-align: left;
    min-height: 200px; }
    .view-file-holder .text-viewer iframe {
      background: white;
      width: 100%;
      height: 100%; }
  .view-file-holder .pdf-viewer {
    text-align: left;
    height: 500px; }
    .view-file-holder .pdf-viewer iframe {
      width: 100%;
      height: 100%; }
  .file-holder {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #eee; }
    .file-holder .file img, .file-holder .file .image-type {
      max-height: 100px; }
    .file-holder.public {
      background-color: #e5effd; }
  @media (max-width: 768px) {
    .message .files .file .known-type {
      width: 100%; } }
  @media (min-height: 800px) {
    .view-file-holder .pdf-viewer {
      height: 700px; } }
  @media (min-height: 900px) {
    .view-file-holder .pdf-viewer {
      height: 800px; } }
  @media (min-height: 1000px) {
    .view-file-holder .pdf-viewer {
      height: 900px; } }
  @media (min-height: 1100px) {
    .view-file-holder .pdf-viewer {
      height: 1000px; } }
  @media (min-height: 1200px) {
    .view-file-holder .pdf-viewer {
      height: 1100px; } }
  @media (min-height: 1300px) {
    .view-file-holder .pdf-viewer {
      height: 1200px; } }
  @media (min-height: 1400px) {
    .view-file-holder .pdf-viewer {
      height: 1300px; } }
  @media (min-height: 1500px) {
    .view-file-holder .pdf-viewer {
      height: 1400px; } }
  @media (min-height: 1600px) {
    .view-file-holder .pdf-viewer {
      height: 1500px; } }
  .file-tree {
    /*border-right: 1px solid #ccc;*/ }
    .file-tree a.active {
      background: #061a38;
      /*padding: 3px;*/
      color: white; }
    .file-tree .file-tree-node {
      padding-left: 15px;
      font-weight: 700; }
      .file-tree .file-tree-node .file-tree-node-children .file-tree-node {
        font-weight: 500; }
      .file-tree .file-tree-node .file-tree-node {
        padding-left: 15px; }
        .file-tree .file-tree-node .file-tree-node .file-tree-node {
          padding-left: 15px; }
  .file-list {
    /*border-left: 1px solid #ccc;*/ }
    .file-list .file-listing, .file-list .file-tree-node {
      padding: 4px 0; }
  .dragdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 990; }
    .dragdrop .dragdrop-mask {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #061a38;
      background-image: url("https://eudoracdn.azureedge.net/images/digital-camo.png?1");
      background-repeat: repeat-x;
      z-index: 995;
      opacity: 0.9; }
    .dragdrop .dragdrop-content {
      z-index: 999;
      width: 500px;
      margin: 0 auto;
      top: 20%;
      position: relative;
      text-align: center;
      box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
      background: #fff;
      border-radius: 5px; }
      .dragdrop .dragdrop-content h1 {
        padding-top: 20px;
        font-weight: 400;
        font-size: 35px; }
      .dragdrop .dragdrop-content i.fa-cloud-upload {
        font-size: 80px;
        color: #061a38; }
  .snippet {
    margin-bottom: 5px;
    padding: 5px;
    font-size: 17px;
    border: 3px solid #dadada;
    border-radius: 5px;
    padding: 5px;
    display: block;
    min-width: 50%;
    max-width: 75%;
    height: 100px;
    overflow: hidden;
    cursor: pointer;
    position: relative; }
    .snippet.post-snippet {
      border-color: #81caf5;
      height: 200px; }
      .snippet.post-snippet:hover {
        background: #f2faff;
        border-color: #11a2f7; }
      .snippet.post-snippet .post-icon {
        z-index: 0;
        color: #27559c;
        position: absolute;
        right: 0;
        font-size: 36px;
        margin-right: 10px;
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.80;
        -khtml-opacity: 0.80;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg); }
    .snippet.item-snippet {
      border-color: #d3daf7;
      height: 75px; }
      .snippet.item-snippet.item .item-header {
        white-space: nowrap; }
      .snippet.item-snippet.item .item-category, .snippet.item-snippet.item .item-sub-category {
        font-size: 11px; }
      .snippet.item-snippet.item .item-image {
        position: absolute; }
      .snippet.item-snippet:hover {
        background: #f9f9fd;
        border-color: #5c8dfb; }
    .snippet.message-snippet {
      border-color: #e8d3f7;
      height: 100px; }
    .snippet.file-snippet {
      border-color: #95f595;
      cursor: inherit;
      height: 250px; }
      .snippet.file-snippet .file .file-info {
        margin-top: -10px; }
    .snippet h3 {
      margin-top: 0; }
    .snippet .unanswered, .snippet .answered, .snippet .closed {
      border-radius: 2px;
      padding: 2px 5px;
      margin-right: 5px;
      color: #fff; }
    .snippet .unanswered {
      background-color: #c09853; }
    .snippet .answered {
      background-color: #356635; }
    .snippet .closed {
      background-color: #27559c; }
  @media (max-width: 992px) {
     {
      /* Medium devices (desktops, 992px and up) */ }
      .snippet {
        min-width: 90%; } }
  .sidebar-right-view.message .message-snippet {
    height: auto; }
  .pay-periods {
    background: #fff;
    /*padding: 15px 0;*/
    z-index: 4;
    /*position: relative;*/
    /*margin-top: -15px;*/ }
    .pay-periods .row {
      padding-right: 40px; }
    .pay-periods .btn {
      white-space: inherit; }
  .time-view h2 {
    margin-bottom: 20px;
    margin-top: 15px; }
  .time-view .time-view-main {
    padding-right: 320px; }
  .time-view .time-view-right {
    width: 300px;
    right: 30px;
    top: 113px;
    position: fixed; }
  .time-calendar {
    position: relative; }
    .time-calendar .time-calendar-items {
      margin-left: 75px;
      position: relative; }
    .time-calendar .time-calendar-item {
      position: absolute;
      background-color: #a5c1f3;
      border: 1px solid #6770ad;
      width: 350px;
      z-index: 9;
      padding: 1px;
      overflow: hidden; }
      .time-calendar .time-calendar-item .time-calendar-item-inner {
        padding: 5px; }
      .time-calendar .time-calendar-item a, .time-calendar .time-calendar-item .text-block {
        color: #222; }
      .time-calendar .time-calendar-item:hover, .time-calendar .time-calendar-item:focus {
        z-index: 15;
        overflow: visible; }
        .time-calendar .time-calendar-item:hover .time-calendar-item-inner, .time-calendar .time-calendar-item:focus .time-calendar-item-inner {
          background: #8ea8d6;
          outline: 1px solid #5f71b1; }
      .time-calendar .time-calendar-item.no-total {
        background-color: rgba(245, 222, 81, 0.27); }
      .time-calendar .time-calendar-item.open-ticket {
        background-color: #b90000; }
        .time-calendar .time-calendar-item.open-ticket a {
          color: #fff; }
        .time-calendar .time-calendar-item.open-ticket:hover a, .time-calendar .time-calendar-item.open-ticket:focus a {
          background: #a00404; }
    .time-calendar .time-calendar-rows {
      border-bottom: solid 1px #ddd; }
      .time-calendar .time-calendar-rows .hour-block {
        height: 250px;
        border: 1px solid #ddd;
        border-bottom: none; }
        .time-calendar .time-calendar-rows .hour-block .description {
          width: 70px; }
      .time-calendar .time-calendar-rows .hour {
        padding: 3px 9px;
        display: block;
        text-align: center; }
      .time-calendar .time-calendar-rows .half-hour {
        position: relative;
        border-top: 1px solid #ddd;
        top: 125px;
        opacity: 0.8; }
    .time-calendar .time-calendar-month-view .time-calendar-month-view-header {
      padding: 10px;
      font-size: 1.1em;
      font-weight: 700;
      background-color: #009688;
      color: #fff;
      text-align: center; }
      .time-calendar .time-calendar-month-view .time-calendar-month-view-header .monthAndYear {
        display: inline-block;
        width: 125px; }
      .time-calendar .time-calendar-month-view .time-calendar-month-view-header .btn-link {
        color: #fff;
        width: 14.28%; }
    .time-calendar .time-calendar-month-view .time-calendar-month-view-days {
      padding: 10px; }
      .time-calendar .time-calendar-month-view .time-calendar-month-view-days .day {
        width: 14.28%;
        display: inline-block;
        border-top: 1px solid #ddd;
        vertical-align: top;
        min-height: 100px; }
        .time-calendar .time-calendar-month-view .time-calendar-month-view-days .day .btn {
          width: 100%; }
          .time-calendar .time-calendar-month-view .time-calendar-month-view-days .day .btn:hover {
            background-color: #ddd; }
        .time-calendar .time-calendar-month-view .time-calendar-month-view-days .day .btn.today {
          color: #ff00db;
          font-weight: bold; }
        .time-calendar .time-calendar-month-view .time-calendar-month-view-days .day .btn.current {
          color: #ff6d00;
          font-weight: bold; }
        .time-calendar .time-calendar-month-view .time-calendar-month-view-days .day .no-click {
          cursor: default; }
          .time-calendar .time-calendar-month-view .time-calendar-month-view-days .day .no-click:hover {
            text-decoration: none;
            background-color: transparent; }
        .time-calendar .time-calendar-month-view .time-calendar-month-view-days .day .not-sent-to-manager {
          font-size: 12px;
          text-align: center;
          color: #b90000; }
        .time-calendar .time-calendar-month-view .time-calendar-month-view-days .day .sent-to-manager {
          font-size: 12px;
          text-align: center;
          color: #24b900; }
        .time-calendar .time-calendar-month-view .time-calendar-month-view-days .day .total {
          text-align: center;
          font-weight: 200; }
        .time-calendar .time-calendar-month-view .time-calendar-month-view-days .day .ticket {
          font-size: 12px;
          background-color: #a5c1f3;
          border: 1px solid #6770ad;
          padding: 2px 10px; }
          .time-calendar .time-calendar-month-view .time-calendar-month-view-days .day .ticket.open-ticket {
            background-color: #b90000;
            color: #fff; }
            .time-calendar .time-calendar-month-view .time-calendar-month-view-days .day .ticket.open-ticket a {
              color: #fff; }
      .time-calendar .time-calendar-month-view .time-calendar-month-view-days .date-control-days-header .btn.day {
        font-weight: 100; }
  .mobile-time-items {
    margin-bottom: 15px; }
    .mobile-time-items .mobile-time-item {
      background-color: #dcdbde;
      border: 1px solid #b4abc6;
      padding: 2px 10px; }
  .sidebar-right-view .time-totals dl {
    display: inline-block;
    margin-right: 20px; }
  @media (max-height: 1000px) {
    .time-view .time-view-right {
      position: absolute; } }
  @media (max-width: 768px) {
     {
      /* Small tablets and phones */ }
      .time-view .time-view-main {
        padding-right: 0; }
      .time-view .time-view-right {
        width: auto;
        position: static; }
      .time-calendar .time-calendar-item {
        width: 180px; } }
  .rc-slider {
    position: relative;
    height: 7px;
    width: 100%;
    border-radius: 2px;
    background-color: #e9e9e9;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .rc-slider * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .rc-slider-track {
    position: absolute;
    left: 0;
    height: 7px;
    border-radius: 2px;
    background-color: #abe2fb;
    z-index: 1; }
  .rc-slider-handle {
    position: absolute;
    margin-left: -7px;
    margin-top: -5px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    border-radius: 50%;
    border: solid 2px #96dbfa;
    background-color: #fff;
    z-index: 2; }
  .rc-slider-handle:hover {
    border-color: #57c5f7; }
  .rc-slider-handle-active:active {
    border-color: #57c5f7;
    box-shadow: 0 0 5px #57c5f7; }
  .rc-slider-mark {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    font-size: 12px;
    z-index: 3; }
  .rc-slider-mark-text {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #999; }
  .rc-slider-mark-text-active {
    color: #666; }
  .rc-slider-step {
    position: absolute;
    width: 100%;
    height: 7px;
    background: transparent;
    z-index: 1; }
  .rc-slider-dot {
    position: absolute;
    bottom: -1px;
    margin-left: -4px;
    width: 9px;
    height: 9px;
    border: 2px solid #e9e9e9;
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle; }
  .rc-slider-dot:first-child {
    margin-left: -4px; }
  .rc-slider-dot:last-child {
    margin-left: -4px; }
  .rc-slider-dot-active {
    border-color: #96dbfa; }
  .rc-slider-disabled {
    background-color: #e9e9e9; }
  .rc-slider-disabled .rc-slider-track {
    background-color: #ccc; }
  .rc-slider-disabled .rc-slider-handle,
  .rc-slider-disabled .rc-slider-dot {
    border-color: #ccc;
    background-color: #fff;
    cursor: not-allowed; }
  .rc-slider-disabled .rc-slider-mark-text,
  .rc-slider-disabled .rc-slider-dot {
    cursor: not-allowed !important; }
  .rc-slider-vertical {
    width: 4px;
    height: 100%; }
  .rc-slider-vertical .rc-slider-track {
    bottom: 0;
    width: 4px; }
  .rc-slider-vertical .rc-slider-handle {
    position: absolute;
    margin-left: -5px;
    margin-bottom: -7px; }
  .rc-slider-vertical .rc-slider-mark {
    top: 0;
    left: 10px;
    height: 100%; }
  .rc-slider-vertical .rc-slider-step {
    height: 100%;
    width: 4px; }
  .rc-slider-vertical .rc-slider-dot {
    left: 2px;
    margin-bottom: -4px; }
  .rc-slider-vertical .rc-slider-dot:first-child {
    margin-bottom: -4px; }
  .rc-slider-vertical .rc-slider-dot:last-child {
    margin-bottom: -4px; }
  .rc-slider-tooltip-zoom-down-enter,
  .rc-slider-tooltip-zoom-down-appear {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: block !important;
    -webkit-animation-play-state: paused;
    animation-play-state: paused; }
  .rc-slider-tooltip-zoom-down-leave {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: block !important;
    -webkit-animation-play-state: paused;
    animation-play-state: paused; }
  .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
  .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
    -webkit-animation-name: rcSliderTooltipZoomDownIn;
    animation-name: rcSliderTooltipZoomDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running; }
  .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
    -webkit-animation-name: rcSliderTooltipZoomDownOut;
    animation-name: rcSliderTooltipZoomDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running; }
  .rc-slider-tooltip-zoom-down-enter,
  .rc-slider-tooltip-zoom-down-appear {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  .rc-slider-tooltip-zoom-down-leave {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

@-webkit-keyframes core__rcSliderTooltipZoomDownIn___KAWv2 {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); }
  100% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@keyframes core__rcSliderTooltipZoomDownIn___KAWv2 {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); }
  100% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-webkit-keyframes core__rcSliderTooltipZoomDownOut___mE5nM {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); } }

@keyframes core__rcSliderTooltipZoomDownOut___mE5nM {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); } }
  .rc-tooltip {
    position: absolute;
    left: -9999px;
    top: -9999px;
    z-index: 4;
    visibility: visible;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .rc-tooltip * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .rc-tooltip-hidden {
    display: none; }
  .rc-tooltip-placement-top {
    padding: 4px 0 8px 0; }
  .rc-tooltip-inner {
    padding: 6px 2px;
    min-width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #6c6c6c;
    border-radius: 2px;
    box-shadow: 0 0 4px #d9d9d9; }
  .rc-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .rc-tooltip-placement-top .rc-tooltip-arrow {
    bottom: 4px;
    left: 50%;
    margin-left: -4px;
    border-width: 4px 4px 0;
    border-top-color: #6c6c6c; }
  .help-view .folder-links {
    padding: 20px;
    z-index: 2; }
  .help-view .scrollable {
    padding: 25px; }
  .help-view .help-tree-item-dir {
    padding: 0.7rem 0;
    border-bottom: 1px solid #eee; }
    .help-view .help-tree-item-dir .text-orange-3 {
      color: #9E6306; }
  .help-view .help-tree-item-file {
    padding: 0.5rem 0; }
    .help-view .help-tree-item-file .fa-file-o {
      color: #222; }
  .tag {
    cursor: pointer;
    color: #0080dc;
    padding: 0px 3px;
    border-radius: 2px; }
    .tag.blue {
      background-color: #2980B9;
      color: #fff; }
    .tag.blue-dark {
      background-color: #0D4E78;
      color: #fff; }
    .tag.blue-alt {
      background-color: #34495e;
      color: #fff; }
    .tag.blue-alt-dark {
      background-color: #11273D;
      color: #fff; }
    .tag.red {
      background-color: #E74C3C;
      color: #fff; }
    .tag.red-dark {
      background-color: #962014;
      color: #fff; }
    .tag.orange {
      background-color: #F39C12;
      color: #fff; }
    .tag.orange-dark {
      background-color: #9E6306;
      color: #fff; }
    .tag.green {
      background-color: #68d066;
      color: #fff; }
    .tag.green-dark {
      background-color: #45a543;
      color: #fff; }
    .tag.gray {
      background-color: #95a5a6;
      color: #fff; }
    .tag.gray-dark {
      background-color: #737C7D;
      color: #fff; }
    .tag.yellow {
      background-color: #e2f921;
      color: #fff; }
    .tag.yellow-dark {
      background-color: #9eb100;
      color: #fff; }
    .tag.purple {
      background-color: #9a3eff;
      color: #fff; }
    .tag.purple-dark {
      background-color: #471380;
      color: #fff; }
    .tag.pink {
      background-color: #ec63e8;
      color: #fff; }
    .tag.pink-dark {
      background-color: #9a0096;
      color: #fff; }
  .date-control-container .date-control-mask {
    z-index: 1020;
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    opacity: 0.15; }
  .date-control-container .date-control {
    z-index: 1050;
    position: fixed;
    width: 325px;
    min-height: 50px;
    background-color: #fff;
    margin-top: 34px; }
    .date-control-container .date-control .date-control-header {
      padding: 10px;
      font-size: 1.1em;
      font-weight: 700;
      background-color: #009688;
      color: #fff;
      text-align: center; }
      .date-control-container .date-control .date-control-header .monthAndYear {
        display: inline-block;
        width: 125px; }
      .date-control-container .date-control .date-control-header .btn-link {
        color: #fff; }
    .date-control-container .date-control .date-control-body {
      padding: 10px; }
      .date-control-container .date-control .date-control-body .btn.day {
        width: 40px; }
        .date-control-container .date-control .date-control-body .btn.day:hover {
          background-color: #eee; }
      .date-control-container .date-control .date-control-body .btn.day.today {
        color: #ff00db;
        font-weight: bold; }
      .date-control-container .date-control .date-control-body .btn.day.current {
        color: #ff6d00;
        font-weight: bold; }
      .date-control-container .date-control .date-control-body .no-click {
        cursor: default; }
        .date-control-container .date-control .date-control-body .no-click:hover {
          text-decoration: none;
          background-color: transparent; }
      .date-control-container .date-control .date-control-body .date-control-days-header .btn.day {
        font-weight: 100; }
    .date-control-container .date-control .date-control-footer {
      padding: 10px;
      background-color: #036f65;
      color: #fff;
      text-align: center; }
      .date-control-container .date-control .date-control-footer .btn-link {
        color: #fff; }
  .notifications {
    right: 0;
    z-index: 99;
    height: 100%;
    background-color: #17335c;
    background-image: url("https://eudoracdn.azureedge.net/images/digital-camo-sbl.png?1");
    background-repeat: repeat-x;
    color: #eee; }
    .notifications .notifications-inner {
      position: relative;
      height: 100%;
      padding: 10px;
      padding-right: 0; }
    .notifications .btn-link {
      color: #fff;
      background-color: rgba(144, 144, 144, 0.24); }
      .notifications .btn-link:hover, .notifications .btn-link:focus {
        background-color: #4800ff;
        text-decoration: none; }
    .notifications .notifications-toggle {
      position: fixed;
      right: 0;
      top: 0;
      z-index: 99;
      width: 50px;
      display: none; }
    .notifications .bottom-button {
      position: absolute;
      bottom: 0;
      display: none; }
    .notifications .bottom-button-left {
      left: 0; }
    .notifications .bottom-button-right {
      right: 0; }
    .notifications h5 {
      margin-top: 5px; }
    .notifications .expanded-section {
      height: 100%;
      height: calc(100% - 75px); }
    .notifications .notification {
      background-color: rgba(0, 0, 0, 0.3); }
    .notifications.has-notifications .notifications-toggle {
      color: #fff;
      background-color: #3e8efc; }
      .notifications.has-notifications .notifications-toggle:hover, .notifications.has-notifications .notifications-toggle:focus {
        background-color: #17335c; }
  .notifications .notification, .unread-view .notification {
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 5px; }
    .notifications .notification h4, .unread-view .notification h4 {
      margin-top: 0;
      margin-bottom: 2px;
      font-size: 16px; }
    .notifications .notification .btn-link, .unread-view .notification .btn-link {
      margin-right: -5px;
      margin-top: -5px; }
      .notifications .notification .btn-link.pause-button, .unread-view .notification .btn-link.pause-button {
        margin-right: 0; }
    .notifications .notification .time-since, .unread-view .notification .time-since {
      float: right;
      padding-right: 5px; }
    .notifications .notification .progress, .unread-view .notification .progress {
      height: 2px;
      margin-bottom: 0px; }
    .notifications .notification .text-block, .unread-view .notification .text-block {
      max-height: 100px;
      overflow: auto; }
  .showing-notifications .notifications .notifications-toggle, .showing-notifications .notifications .bottom-button {
    display: block; }
  @media (max-width: 768px) {
    .showing-notifications {
      /* Small tablets and phones */ }
      .showing-notifications .notifications {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        min-width: 100%;
        max-width: 100%; }
        .showing-notifications .notifications .bottom-button-left {
          right: inherit;
          left: 0; }
        .showing-notifications .notifications .notifications-toggle {
          height: 35px; } }
  body.dark, .main-container.dark {
    background-color: #000;
    color: #bebebe;
    /**Bootstrap**/
    /** End of Bootstrap **/
    /*.sidebar-right-is-open {
    .page-container {
      background: #222;
    }
  }*/
    /*** Date Selection Control ***/ }
    body.dark .page-container.off-color, .main-container.dark .page-container.off-color {
      background-color: #222; }
      body.dark .page-container.off-color .on-color, .main-container.dark .page-container.off-color .on-color {
        background-color: #000; }
        body.dark .page-container.off-color .on-color.with-border, .main-container.dark .page-container.off-color .on-color.with-border {
          border-color: #444; }
    body.dark .chart, .main-container.dark .chart {
      background-color: #999; }
    body.dark a:hover, .main-container.dark a:hover {
      color: #a06eef; }
    body.dark .btn-default, .main-container.dark .btn-default {
      color: #bebebe;
      background-color: #000;
      border-color: #555; }
      body.dark .btn-default.active, body.dark .btn-default:active, body.dark .btn-default:hover, .main-container.dark .btn-default.active, .main-container.dark .btn-default:active, .main-container.dark .btn-default:hover {
        color: #ddd;
        background-color: #255279;
        border-color: #444; }
    body.dark .btn-link, .main-container.dark .btn-link {
      color: #337ab7;
      background-color: transparent;
      border: none; }
      body.dark .btn-link.active, body.dark .btn-link:active, body.dark .btn-link:hover, .main-container.dark .btn-link.active, .main-container.dark .btn-link:active, .main-container.dark .btn-link:hover {
        color: #ddd;
        background-color: #255279;
        border-color: #444;
        border: 1px; }
    body.dark .btn-invalid, .main-container.dark .btn-invalid {
      background-color: #777; }
    body.dark .btn-invalid.active, body.dark .btn-invalid:active, body.dark .btn-invalid:hover, body.dark .open > .dropdown-toggle.btn-invalid, .main-container.dark .btn-invalid.active, .main-container.dark .btn-invalid:active, .main-container.dark .btn-invalid:hover, .main-container.dark .open > .dropdown-toggle.btn-invalid {
      background-color: #758dc6; }
    body.dark .header .btn-link, .main-container.dark .header .btn-link {
      color: #ccc; }
    body.dark .add-selector .add-selector-content, body.dark .add-selector .options-selector-content, body.dark .options-selector .add-selector-content, body.dark .options-selector .options-selector-content, .main-container.dark .add-selector .add-selector-content, .main-container.dark .add-selector .options-selector-content, .main-container.dark .options-selector .add-selector-content, .main-container.dark .options-selector .options-selector-content {
      background-color: #000; }
    body.dark .add-selector .add-selector-option,
    body.dark .add-selector .options-selector-option,
    body.dark .options-selector .add-selector-option,
    body.dark .options-selector .options-selector-option,
    body.dark .add-selector .add-selector-option a,
    body.dark .add-selector .options-selector-option a,
    body.dark .options-selector .add-selector-option a,
    body.dark .options-selector .options-selector-option a, .main-container.dark .add-selector .add-selector-option,
    .main-container.dark .add-selector .options-selector-option,
    .main-container.dark .options-selector .add-selector-option,
    .main-container.dark .options-selector .options-selector-option,
    .main-container.dark .add-selector .add-selector-option a,
    .main-container.dark .add-selector .options-selector-option a,
    .main-container.dark .options-selector .add-selector-option a,
    .main-container.dark .options-selector .options-selector-option a {
      background-color: #222;
      color: #eee;
      border-color: #444; }
    body.dark .current-time-ticket a, .main-container.dark .current-time-ticket a {
      color: #ddd; }
    body.dark .nav > li > a:focus, body.dark .nav > li > a:hover, .main-container.dark .nav > li > a:focus, .main-container.dark .nav > li > a:hover {
      background-color: #45759e;
      color: #eee; }
    body.dark .page-header, .main-container.dark .page-header {
      border-bottom-color: #444; }
    body.dark .progress, body.dark .milestones .milestone .progress, body.dark .milestones .card.milestone .progress, .main-container.dark .progress, .main-container.dark .milestones .milestone .progress, .main-container.dark .milestones .card.milestone .progress {
      background-color: #333;
      border-color: #555; }
    body.dark .form-control, .main-container.dark .form-control {
      background-color: #000;
      border-color: #333;
      color: #ddd; }
      body.dark .form-control:focus, .main-container.dark .form-control:focus {
        border-color: #66afe9; }
    body.dark hr, .main-container.dark hr {
      border-top-color: #444; }
    body.dark .table > tbody > tr > td, body.dark .table > tbody > tr > th, body.dark .table > tfoot > tr > td, body.dark .table > tfoot > tr > th, body.dark .table > thead > tr > td, body.dark .table > thead > tr > th, .main-container.dark .table > tbody > tr > td, .main-container.dark .table > tbody > tr > th, .main-container.dark .table > tfoot > tr > td, .main-container.dark .table > tfoot > tr > th, .main-container.dark .table > thead > tr > td, .main-container.dark .table > thead > tr > th {
      border-color: #555; }
    body.dark .table-striped > tbody > tr:nth-of-type(odd), .main-container.dark .table-striped > tbody > tr:nth-of-type(odd) {
      background-color: #2b2b2b; }
    body.dark pre, .main-container.dark pre {
      background-color: #333;
      border-color: #444;
      color: #ddd; }
    body.dark code, .main-container.dark code {
      background-color: #2d2829; }
      body.dark code .language, .main-container.dark code .language {
        background: #000;
        border-color: #444; }
    body.dark .popover, .main-container.dark .popover {
      background-color: #000;
      border-color: #444; }
      body.dark .popover .popover-title, .main-container.dark .popover .popover-title {
        background-color: #222; }
    body.dark .dropdown-menu, .main-container.dark .dropdown-menu {
      background-color: #000;
      border-color: #444; }
    body.dark .dropdown-menu > li > a, .main-container.dark .dropdown-menu > li > a {
      color: #ddd; }
    body.dark .dropdown-menu > li > a:focus, body.dark .dropdown-menu > li > a:hover, .main-container.dark .dropdown-menu > li > a:focus, .main-container.dark .dropdown-menu > li > a:hover {
      color: #ddd;
      background-color: #255279; }
    body.dark .open > .dropdown-toggle.btn-default, .main-container.dark .open > .dropdown-toggle.btn-default {
      color: #ddd;
      background-color: #255279;
      border-color: #444; }
    body.dark .list-group-item, .main-container.dark .list-group-item {
      background-color: #000;
      border-color: #444;
      color: #bbb; }
    body.dark a.list-group-item, body.dark button.list-group-item, .main-container.dark a.list-group-item, .main-container.dark button.list-group-item {
      color: #bbb; }
    body.dark a.list-group-item:focus, body.dark a.list-group-item:hover, body.dark button.list-group-item:focus, body.dark button.list-group-item:hover, .main-container.dark a.list-group-item:focus, .main-container.dark a.list-group-item:hover, .main-container.dark button.list-group-item:focus, .main-container.dark button.list-group-item:hover {
      color: #ddd;
      background-color: #255279; }
    body.dark .sub-left-menu, .main-container.dark .sub-left-menu {
      background-color: #333; }
    body.dark .sub-left-menu .list-group-item.active, .main-container.dark .sub-left-menu .list-group-item.active {
      background-color: #24547d; }
    body.dark .sub-left-menu .list-group-item.unread, .main-container.dark .sub-left-menu .list-group-item.unread {
      color: #3e8efc; }
    body.dark .sub-left-menu h3, .main-container.dark .sub-left-menu h3 {
      color: #eee; }
    body.dark .sidebar-left .sub-left-menu, .main-container.dark .sidebar-left .sub-left-menu {
      background-color: transparent; }
      body.dark .sidebar-left .sub-left-menu h3, .main-container.dark .sidebar-left .sub-left-menu h3 {
        background-color: #333; }
    body.dark .modal-content, .main-container.dark .modal-content {
      background-color: #1C3C59;
      border-color: #58B0FC; }
    body.dark .modal-header, .main-container.dark .modal-header {
      border-bottom-color: #3875AB;
      background-color: #234C72; }
    body.dark .modal-footer, .main-container.dark .modal-footer {
      border-top-color: #3875AB;
      background-color: #234C72; }
    body.dark .pagination > li > a, body.dark .pagination > li > span, .main-container.dark .pagination > li > a, .main-container.dark .pagination > li > span {
      color: #8d67c1;
      background-color: #000;
      border: 1px solid #545454; }
    body.dark .alert-info, .main-container.dark .alert-info {
      background-color: #0e3c52;
      border-color: #28616b;
      color: #ced9de; }
    body.dark .item-bar-tabs.nav-tabs > li > a, .main-container.dark .item-bar-tabs.nav-tabs > li > a {
      color: #fff; }
    body.dark .nav-tabs > li.active > a, body.dark .nav-tabs > li.active > a:focus, body.dark .nav-tabs > li.active > a:hover, .main-container.dark .nav-tabs > li.active > a, .main-container.dark .nav-tabs > li.active > a:focus, .main-container.dark .nav-tabs > li.active > a:hover {
      color: #fff;
      background-color: #000;
      border-color: #555;
      /*border-bottom-color: transparent;*/ }
    body.dark .full-screen .full-screen-container, .main-container.dark .full-screen .full-screen-container {
      background-color: #222; }
    body.dark .preview-holder .page-header, .main-container.dark .preview-holder .page-header {
      background-color: #444;
      color: #eee; }
    body.dark .full-screen .comment-box-container .preview-holder, .main-container.dark .full-screen .comment-box-container .preview-holder {
      border-color: #555; }
    body.dark a:focus, .main-container.dark a:focus {
      color: #873aff; }
    body.dark header, .main-container.dark header {
      box-shadow: 0 4px 2px -2px #000000;
      border-color: #555; }
    body.dark .header, .main-container.dark .header {
      border-bottom-color: #444; }
      body.dark .header h1, .main-container.dark .header h1 {
        color: #ddd; }
      body.dark .header .buttons .dropdown-members .btn, body.dark .header .buttons .btn, .main-container.dark .header .buttons .dropdown-members .btn, .main-container.dark .header .buttons .btn {
        border: none; }
    body.dark .header-subrows, .main-container.dark .header-subrows {
      border-bottom-color: #255279; }
      body.dark .header-subrows .header-subrow, .main-container.dark .header-subrows .header-subrow {
        border-top-color: #255279;
        background-color: #222; }
        body.dark .header-subrows .header-subrow .channel-header-items a, .main-container.dark .header-subrows .header-subrow .channel-header-items a {
          color: #ccc; }
      body.dark .header-subrows .current-time-ticket, .main-container.dark .header-subrows .current-time-ticket {
        background-color: rgba(104, 225, 13, 0.1);
        border-top-color: #285423; }
    body.dark .sidebar-left, .main-container.dark .sidebar-left {
      background-color: #000;
      border-right-color: #444; }
      body.dark .sidebar-left .nav li > a.unread.list, .main-container.dark .sidebar-left .nav li > a.unread.list {
        color: #bbb; }
        body.dark .sidebar-left .nav li > a.unread.list .badge, .main-container.dark .sidebar-left .nav li > a.unread.list .badge {
          background-color: #3e8efc; }
    body.dark .close, .main-container.dark .close {
      color: #fff !important;
      border-color: #555; }
    body.dark .notifications, .main-container.dark .notifications {
      background-color: rgba(114, 145, 180, 0.2);
      border-top-color: #444; }
      body.dark .notifications .expanded-section, .main-container.dark .notifications .expanded-section {
        background-color: #101920; }
    body.dark .notifications.has-notifications .notifications-toggle, .main-container.dark .notifications.has-notifications .notifications-toggle {
      color: #fff;
      background-color: #255279; }
    body.dark .sidebar-right, .main-container.dark .sidebar-right {
      background: #000;
      border-color: #444;
      color: #bebebe; }
      body.dark .sidebar-right .sidebar-right-view.item-view, .main-container.dark .sidebar-right .sidebar-right-view.item-view {
        background-color: #232323 !important; }
        body.dark .sidebar-right .sidebar-right-view.item-view .scrollable, .main-container.dark .sidebar-right .sidebar-right-view.item-view .scrollable {
          background-color: #000;
          border-color: #555; }
      body.dark .sidebar-right h2.sidebar-header, body.dark .sidebar-right h2.item-sub-header, .main-container.dark .sidebar-right h2.sidebar-header, .main-container.dark .sidebar-right h2.item-sub-header {
        border-bottom-color: #444; }
      body.dark .sidebar-right .thisMessage, .main-container.dark .sidebar-right .thisMessage {
        background-color: #1c407d;
        border-color: #444; }
      body.dark .sidebar-right .user-profile .item-view > h3, .main-container.dark .sidebar-right .user-profile .item-view > h3 {
        background-color: #38295d; }
      body.dark .sidebar-right .id-search-results, .main-container.dark .sidebar-right .id-search-results {
        background-color: #000; }
    body.dark .quick-switch .quick-switch-container, .main-container.dark .quick-switch .quick-switch-container {
      background-color: #000; }
    body.dark button.refresh, .main-container.dark button.refresh {
      color: #999;
      background-color: transparent; }
      body.dark button.refresh:hover, body.dark button.refresh:focus, .main-container.dark button.refresh:hover, .main-container.dark button.refresh:focus {
        background-color: #255279; }
      body.dark button.refresh.sbr-refresh, .main-container.dark button.refresh.sbr-refresh {
        background-color: transparent;
        color: #fff;
        border-color: #555; }
    body.dark .comment-box-container, .main-container.dark .comment-box-container {
      background: #000;
      border-color: #555; }
      body.dark .comment-box-container .comment-box, .main-container.dark .comment-box-container .comment-box {
        border-color: #555; }
      body.dark .comment-box-container.focus .comment-box, .main-container.dark .comment-box-container.focus .comment-box {
        border-color: #66afe9; }
    body.dark .comment-box-container .user-typing .user-typing-holder, .main-container.dark .comment-box-container .user-typing .user-typing-holder {
      color: #fff; }
    body.dark .users-viewing, .main-container.dark .users-viewing {
      border-color: #255279; }
      body.dark .users-viewing > h5, .main-container.dark .users-viewing > h5 {
        background-color: #255279; }
    body.dark .help-view .folder-links, .main-container.dark .help-view .folder-links {
      background-color: transparent; }
    body.dark .message .user-name, .main-container.dark .message .user-name {
      color: #bbb; }
    body.dark .message .message-body .highlight, .main-container.dark .message .message-body .highlight {
      background-color: #4a200c; }
    body.dark .message .reactions .reaction, .main-container.dark .message .reactions .reaction {
      border-color: #676565; }
    body.dark .message .webhook-fields, .main-container.dark .message .webhook-fields {
      border-color: #2e3530; }
    body.dark .message.bot, .main-container.dark .message.bot {
      background-color: #333; }
    body.dark .message:hover, .main-container.dark .message:hover {
      background-color: #1f2f39; }
      body.dark .message:hover .message-actions .btn-link, .main-container.dark .message:hover .message-actions .btn-link {
        color: #b7deff;
        background-color: #000; }
    body.dark .item .user-name, .main-container.dark .item .user-name {
      color: #bbb; }
    body.dark .item .item-icon, .main-container.dark .item .item-icon {
      color: #aaa; }
    body.dark .item .unread-toggle, .main-container.dark .item .unread-toggle {
      border-left-color: #333; }
      body.dark .item .unread-toggle.unread, .main-container.dark .item .unread-toggle.unread {
        border-left-color: #1979cf; }
      body.dark .item .unread-toggle:focus, body.dark .item .unread-toggle:hover, .main-container.dark .item .unread-toggle:focus, .main-container.dark .item .unread-toggle:hover {
        background-color: #001a31; }
        body.dark .item .unread-toggle:focus.unread, body.dark .item .unread-toggle:hover.unread, .main-container.dark .item .unread-toggle:focus.unread, .main-container.dark .item .unread-toggle:hover.unread {
          border-left-color: #255279;
          background-color: #255279; }
    body.dark .item .item-body .item-title a, .main-container.dark .item .item-body .item-title a {
      color: #dedede; }
    body.dark .item .item-body .item-message-short, .main-container.dark .item .item-body .item-message-short {
      color: #555; }
    body.dark .item .progress-bars .progress .progress-label .text, .main-container.dark .item .progress-bars .progress .progress-label .text {
      background: #000; }
    body.dark .item .item-actions .action-button, .main-container.dark .item .item-actions .action-button {
      border-style: solid;
      background-color: #000;
      color: #eee;
      border-color: #555; }
      body.dark .item .item-actions .action-button:hover, body.dark .item .item-actions .action-button:focus, .main-container.dark .item .item-actions .action-button:hover, .main-container.dark .item .item-actions .action-button:focus {
        background-color: #255279;
        color: #ccc; }
    body.dark .item .item-next-action:hover, .main-container.dark .item .item-next-action:hover {
      background-color: #255279; }
    body.dark .item .item-bar, .main-container.dark .item .item-bar {
      border-top-color: #696868; }
      body.dark .item .item-bar .item-bar-item, .main-container.dark .item .item-bar .item-bar-item {
        background-color: transparent; }
        body.dark .item .item-bar .item-bar-item.active, .main-container.dark .item .item-bar .item-bar-item.active {
          background-color: #255279; }
        body.dark .item .item-bar .item-bar-item a:hover, body.dark .item .item-bar .item-bar-item a:focus, .main-container.dark .item .item-bar .item-bar-item a:hover, .main-container.dark .item .item-bar .item-bar-item a:focus {
          background-color: #255279; }
    body.dark .item .item-target-date, .main-container.dark .item .item-target-date {
      color: #9a9a9a; }
    body.dark .item .five-days-old .item-target-date, body.dark .item .five-days-old.item-target-date, body.dark .item .two-days-old .item-target-date, body.dark .item .two-days-old.item-target-date, body.dark .item .due-within-two-days .item-target-date, body.dark .item .due-within-two-days.item-target-date, body.dark .item .due-in-2-days .item-target-date, body.dark .item .due-in-2-days.item-target-date, body.dark .item .due-in-5-days .item-target-date, body.dark .item .due-in-5-days.item-target-date, .main-container.dark .item .five-days-old .item-target-date, .main-container.dark .item .five-days-old.item-target-date, .main-container.dark .item .two-days-old .item-target-date, .main-container.dark .item .two-days-old.item-target-date, .main-container.dark .item .due-within-two-days .item-target-date, .main-container.dark .item .due-within-two-days.item-target-date, .main-container.dark .item .due-in-2-days .item-target-date, .main-container.dark .item .due-in-2-days.item-target-date, .main-container.dark .item .due-in-5-days .item-target-date, .main-container.dark .item .due-in-5-days.item-target-date {
      color: #999; }
    body.dark .item .five-days-old, .main-container.dark .item .five-days-old {
      background-color: #e03737; }
    body.dark .item .scope-questions .scope-question, .main-container.dark .item .scope-questions .scope-question {
      background-color: #001a31;
      border-color: #05223c; }
    body.dark .item.item-view .item-view-header, .main-container.dark .item.item-view .item-view-header {
      border-color: #555;
      background-color: #000;
      box-shadow: none; }
      body.dark .item.item-view .item-view-header .item-view-header-actions, .main-container.dark .item.item-view .item-view-header .item-view-header-actions {
        background-color: #222;
        border-bottom: 1px solid #555; }
    body.dark .item.item-view .cycle-section.completed .cycle-section-header, .main-container.dark .item.item-view .cycle-section.completed .cycle-section-header {
      background-color: #09420c; }
    body.dark .item.done .item-link, body.dark .item.done .item-icon, body.dark .item .done .item-link, body.dark .item .done .item-icon, body.dark .cards .card.done .item-link, body.dark .cards .card.done .item-icon, body.dark .cards .card .done .item-link, body.dark .cards .card .done .item-icon, .main-container.dark .item.done .item-link, .main-container.dark .item.done .item-icon, .main-container.dark .item .done .item-link, .main-container.dark .item .done .item-icon, .main-container.dark .cards .card.done .item-link, .main-container.dark .cards .card.done .item-icon, .main-container.dark .cards .card .done .item-link, .main-container.dark .cards .card .done .item-icon {
      color: #29b92c; }
    body.dark .item.deleted .item-link, body.dark .item.deleted .item-icon, body.dark .item .deleted .item-link, body.dark .item .deleted .item-icon, body.dark .cards .card.deleted .item-link, body.dark .cards .card.deleted .item-icon, body.dark .cards .card .deleted .item-link, body.dark .cards .card .deleted .item-icon, .main-container.dark .item.deleted .item-link, .main-container.dark .item.deleted .item-icon, .main-container.dark .item .deleted .item-link, .main-container.dark .item .deleted .item-icon, .main-container.dark .cards .card.deleted .item-link, .main-container.dark .cards .card.deleted .item-icon, .main-container.dark .cards .card .deleted .item-link, .main-container.dark .cards .card .deleted .item-icon {
      color: #bf0200; }
    body.dark .item.active, .main-container.dark .item.active {
      background-color: #05223c; }
    body.dark .item .item-actions.sbr .action-button, body.dark .item-view .item-actions .btn, .main-container.dark .item .item-actions.sbr .action-button, .main-container.dark .item-view .item-actions .btn {
      background-color: transparent;
      color: #eee;
      border: none; }
    body.dark .item:hover, body.dark .item:focus, .main-container.dark .item:hover, .main-container.dark .item:focus {
      background-color: #02182c; }
    body.dark .item.item-simple .item-actions .action-button, .main-container.dark .item.item-simple .item-actions .action-button {
      color: #eee; }
    body.dark .item.item-simple, .main-container.dark .item.item-simple {
      border-bottom-color: #333; }
    body.dark .item.item-simple .item-link, .main-container.dark .item.item-simple .item-link {
      color: #ccc; }
    body.dark .item.item-simple.active td, .main-container.dark .item.item-simple.active td {
      background-color: #05223c; }
    body.dark .item .file .text-viewer iframe, body.dark .message .file .text-viewer iframe, .main-container.dark .item .file .text-viewer iframe, .main-container.dark .message .file .text-viewer iframe {
      background-color: #999; }
    body.dark .thumbnail, .main-container.dark .thumbnail {
      background-color: #444;
      border-color: #555; }
    body.dark .item-view .cycle-section form, .main-container.dark .item-view .cycle-section form {
      color: #eee; }
    body.dark .name-value .name-value-label label, .main-container.dark .name-value .name-value-label label {
      background-color: #111;
      border-color: #222; }
    body.dark .messages-list .interval .interval-hr, .main-container.dark .messages-list .interval .interval-hr {
      border-top-color: #444; }
    body.dark .messages-list .interval .interval-text, .main-container.dark .messages-list .interval .interval-text {
      color: #aaa; }
      body.dark .messages-list .interval .interval-text span, .main-container.dark .messages-list .interval .interval-text span {
        background: #000; }
    body.dark .item-sub-details .item-sub-header, body.dark .item-sub-details .item-sub-content, .main-container.dark .item-sub-details .item-sub-header, .main-container.dark .item-sub-details .item-sub-content {
      border-color: #333; }
    body.dark .cards .cards-header, body.dark .cards .cards-footer, .main-container.dark .cards .cards-header, .main-container.dark .cards .cards-footer {
      background-color: #000;
      border-color: #555; }
      body.dark .cards .cards-header .btn-link, body.dark .cards .cards-footer .btn-link, .main-container.dark .cards .cards-header .btn-link, .main-container.dark .cards .cards-footer .btn-link {
        color: #eee; }
    body.dark .cards .card-group-header, .main-container.dark .cards .card-group-header {
      color: #ccc;
      background-color: #000000;
      border-color: #333; }
      body.dark .cards .card-group-header a, .main-container.dark .cards .card-group-header a {
        color: #ddd; }
    body.dark .cards .card-group-body, .main-container.dark .cards .card-group-body {
      color: #DDD; }
    body.dark .cards .card:hover .card-bottom-right .btn, body.dark .cards .card:hover .card-bottom-right .btn-default, body.dark .cards .card:hover .card-top-right .btn, body.dark .cards .card:hover .card-top-right .btn-default, body.dark .cards .card:focus .card-bottom-right .btn, body.dark .cards .card:focus .card-bottom-right .btn-default, body.dark .cards .card:focus .card-top-right .btn, body.dark .cards .card:focus .card-top-right .btn-default, .main-container.dark .cards .card:hover .card-bottom-right .btn, .main-container.dark .cards .card:hover .card-bottom-right .btn-default, .main-container.dark .cards .card:hover .card-top-right .btn, .main-container.dark .cards .card:hover .card-top-right .btn-default, .main-container.dark .cards .card:focus .card-bottom-right .btn, .main-container.dark .cards .card:focus .card-bottom-right .btn-default, .main-container.dark .cards .card:focus .card-top-right .btn, .main-container.dark .cards .card:focus .card-top-right .btn-default {
      background-color: #12283b;
      border-color: #1f3f5a; }
    body.dark .cards .card, .main-container.dark .cards .card {
      border-color: #333;
      background-color: #000; }
      body.dark .cards .card .item-link, .main-container.dark .cards .card .item-link {
        color: #ccc; }
      body.dark .cards .card small, .main-container.dark .cards .card small {
        color: #aaa; }
      body.dark .cards .card .cards .card .card-content-inner-left .btn.archived, body.dark .cards .card .cards .card .card-content-inner-left .btn.active, .main-container.dark .cards .card .cards .card .card-content-inner-left .btn.archived, .main-container.dark .cards .card .cards .card .card-content-inner-left .btn.active {
        background-color: #12283b;
        border-color: #1f3f5a; }
      body.dark .cards .card .card-right-button-holder .btn, .main-container.dark .cards .card .card-right-button-holder .btn {
        color: #aaa; }
        body.dark .cards .card .card-right-button-holder .btn:hover, .main-container.dark .cards .card .card-right-button-holder .btn:hover {
          background-color: #255279; }
      body.dark .cards .card .card-content-inner-left .btn.active, body.dark .cards .card .card-right-button-holder .btn.active, .main-container.dark .cards .card .card-content-inner-left .btn.active, .main-container.dark .cards .card .card-right-button-holder .btn.active {
        background-color: #222;
        border-color: #333;
        color: #2980B9; }
      body.dark .cards .card .correlation, .main-container.dark .cards .card .correlation {
        background-color: #222;
        border-top-color: #444; }
        body.dark .cards .card .correlation .btn:hover, .main-container.dark .cards .card .correlation .btn:hover {
          background-color: #255279; }
      body.dark .cards .card .item-target-holder, .main-container.dark .cards .card .item-target-holder {
        background-color: #222;
        border-color: #333; }
      body.dark .cards .card.unread, .main-container.dark .cards .card.unread {
        border-color: #1979cf; }
      body.dark .cards .card.active, .main-container.dark .cards .card.active {
        background-color: #061e33; }
      body.dark .cards .card.multi, .main-container.dark .cards .card.multi {
        background-color: #172740; }
      body.dark .cards .card.current-time-ticket-item, .main-container.dark .cards .card.current-time-ticket-item {
        background-color: #08350b;
        border-color: #08350b; }
    body.dark .channel-view-filter, .main-container.dark .channel-view-filter {
      border-bottom-color: #444; }
    body.dark .list-stats .list-stats-item, .main-container.dark .list-stats .list-stats-item {
      background-color: #000;
      border-color: #555; }
      body.dark .list-stats .list-stats-item div, .main-container.dark .list-stats .list-stats-item div {
        border-color: #222;
        background-color: #255279;
        color: #fff; }
      body.dark .list-stats .list-stats-item > span, body.dark .list-stats .list-stats-item > a, .main-container.dark .list-stats .list-stats-item > span, .main-container.dark .list-stats .list-stats-item > a {
        color: #eee; }
    body.dark .project-item, .main-container.dark .project-item {
      border-color: #555; }
    body.dark .user-popover, .main-container.dark .user-popover {
      background-color: #1C3C59;
      border-color: #58B0FC; }
    body.dark .snippet, .main-container.dark .snippet {
      border-color: #414453; }
      body.dark .snippet.item-snippet, .main-container.dark .snippet.item-snippet {
        border-color: #303a65; }
    body.dark .comment-box-container .reply-to, .main-container.dark .comment-box-container .reply-to {
      background-color: #000; }
    body.dark .comment-box-container .reply-to .snippet, .main-container.dark .comment-box-container .reply-to .snippet {
      background-color: #1C3C59; }
    body.dark .milestone, .main-container.dark .milestone {
      border-color: #444; }
    body.dark .pay-periods, .main-container.dark .pay-periods {
      background: #000; }
    body.dark .rc-slider, .main-container.dark .rc-slider {
      background-color: #444; }
      body.dark .rc-slider .rc-slider-handle, .main-container.dark .rc-slider .rc-slider-handle {
        background-color: #000;
        border-color: #4b86a0; }
      body.dark .rc-slider .rc-slider-dot, .main-container.dark .rc-slider .rc-slider-dot {
        background-color: #333;
        border-color: #000; }
    body.dark .typeahead-list, .main-container.dark .typeahead-list {
      background-color: #000;
      color: #ddd;
      border-color: #444; }
      body.dark .typeahead-list .typeahead-item, body.dark .typeahead-list .typeahead-item-header, .main-container.dark .typeahead-list .typeahead-item, .main-container.dark .typeahead-list .typeahead-item-header {
        color: #ddd; }
        body.dark .typeahead-list .typeahead-item:hover, body.dark .typeahead-list .typeahead-item-header:hover, .main-container.dark .typeahead-list .typeahead-item:hover, .main-container.dark .typeahead-list .typeahead-item-header:hover {
          background: #522f90;
          color: #222; }
    body.dark .typeahead-box .typeahead-description, .main-container.dark .typeahead-box .typeahead-description {
      background-color: #222;
      border-color: #333; }
    body.dark .measurement-breakdown, .main-container.dark .measurement-breakdown {
      border-color: #777; }
      body.dark .measurement-breakdown h4, .main-container.dark .measurement-breakdown h4 {
        border-bottom-color: #777;
        background-color: #333; }
    body.dark .course .knowledge-check, .main-container.dark .course .knowledge-check {
      background-color: #255279; }
    body.dark .sidebar-left .nav li > a.active, .main-container.dark .sidebar-left .nav li > a.active {
      background-color: #24547d;
      color: #dadada; }
    body.dark .time-calendar .time-calendar-rows, body.dark .time-calendar .time-calendar-rows .hour-block, body.dark .time-calendar .time-calendar-rows .half-hour, .main-container.dark .time-calendar .time-calendar-rows, .main-container.dark .time-calendar .time-calendar-rows .hour-block, .main-container.dark .time-calendar .time-calendar-rows .half-hour {
      border-color: #333; }
    body.dark .time-calendar .time-calendar-item, .main-container.dark .time-calendar .time-calendar-item {
      background-color: #2f224a;
      border: 1px solid #4d3977; }
      body.dark .time-calendar .time-calendar-item a, .main-container.dark .time-calendar .time-calendar-item a {
        color: #fff; }
      body.dark .time-calendar .time-calendar-item:hover .time-calendar-item-inner, body.dark .time-calendar .time-calendar-item:focus .time-calendar-item-inner, .main-container.dark .time-calendar .time-calendar-item:hover .time-calendar-item-inner, .main-container.dark .time-calendar .time-calendar-item:focus .time-calendar-item-inner {
        background-color: #221835;
        outline: 1px solid #4d3977; }
    body.dark .date-control-container .date-control, .main-container.dark .date-control-container .date-control {
      background: #332f2f; }
      body.dark .date-control-container .date-control .btn.day:hover, .main-container.dark .date-control-container .date-control .btn.day:hover {
        background-color: #582525; }
      body.dark .date-control-container .date-control .date-control-header, .main-container.dark .date-control-container .date-control .date-control-header {
        background-color: #582525; }
      body.dark .date-control-container .date-control .date-control-footer, .main-container.dark .date-control-container .date-control .date-control-footer {
        background-color: #582525; }
  body.gray, .main-container.gray {
    background-color: #b9b9b9;
    color: #333;
    /*.rc-slider{
    background-color: #444;
    .rc-slider-handle{
        background-color: #000;
        border-color: #4b86a0;
    }
    .rc-slider-dot{
      background-color: #333;
      border-color: #000;
    }
  }*/
    /*** Date Selection Control ***/
    /**Bootstrap**/
    /*.sidebar-right-is-open {
    .page-container {
      background: #ddd;
    }
  }*/ }
    body.gray .page-container.off-color, .main-container.gray .page-container.off-color {
      background-color: #ccc; }
      body.gray .page-container.off-color .on-color, .main-container.gray .page-container.off-color .on-color {
        background-color: #b9b9b9; }
        body.gray .page-container.off-color .on-color.with-border, .main-container.gray .page-container.off-color .on-color.with-border {
          border-color: #aaa; }
    body.gray header, .main-container.gray header {
      border-color: #999;
      box-shadow: 0 4px 2px -2px #9a9a9a;
      background-color: #eee; }
    body.gray .header, .main-container.gray .header {
      border-bottom-color: #9e9e9e; }
      body.gray .header h1, .main-container.gray .header h1 {
        color: #3e3d3d; }
    body.gray .header-subrow, .main-container.gray .header-subrow {
      background-color: #ccc; }
    body.gray .header-subrow .channel-header-items a, .main-container.gray .header-subrow .channel-header-items a {
      border: none;
      background-color: transparent; }
    body.gray .sidebar-left, .main-container.gray .sidebar-left {
      background-color: #3a3a3a;
      border-right-color: #444; }
      body.gray .sidebar-left .nav li > a.unread.list, .main-container.gray .sidebar-left .nav li > a.unread.list {
        color: #fff; }
        body.gray .sidebar-left .nav li > a.unread.list .badge, .main-container.gray .sidebar-left .nav li > a.unread.list .badge {
          background-color: #313131; }
    body.gray .sub-left-menu, .main-container.gray .sub-left-menu {
      background-color: #aaa; }
    body.gray .sidebar-left .sub-left-menu, .main-container.gray .sidebar-left .sub-left-menu {
      background-color: transparent; }
      body.gray .sidebar-left .sub-left-menu h3, .main-container.gray .sidebar-left .sub-left-menu h3 {
        background-color: #aaa; }
    body.gray .sub-left-menu .list-group-item.active, .main-container.gray .sub-left-menu .list-group-item.active {
      color: #fff;
      background: #3e6090; }
    body.gray .project-milestone-category.btn-sm, .main-container.gray .project-milestone-category.btn-sm {
      background-color: transparent; }
    body.gray .close, .main-container.gray .close {
      color: #fff; }
    body.gray .sidebar-right, .main-container.gray .sidebar-right {
      background: #b3b2b2;
      border-left-color: #949393;
      /*color: #bebebe;*/ }
      body.gray .sidebar-right h2.sidebar-header, body.gray .sidebar-right h2.item-sub-header, .main-container.gray .sidebar-right h2.sidebar-header, .main-container.gray .sidebar-right h2.item-sub-header {
        border-bottom-color: #444; }
      body.gray .sidebar-right .thisMessage, .main-container.gray .sidebar-right .thisMessage {
        background-color: #ccd4e2;
        border-color: #cecece; }
    body.gray .quick-switch .quick-switch-container, .main-container.gray .quick-switch .quick-switch-container {
      background-color: #aaa; }
    body.gray button.refresh, .main-container.gray button.refresh {
      color: #555;
      background: transparent; }
      body.gray button.refresh:hover, body.gray button.refresh:focus, .main-container.gray button.refresh:hover, .main-container.gray button.refresh:focus {
        background-color: #255279; }
    body.gray .comment-box-container, .main-container.gray .comment-box-container {
      background: transparent; }
    body.gray .chart, .main-container.gray .chart {
      background-color: #999; }
    body.gray .message .user-name, .main-container.gray .message .user-name {
      /*color: #bbb;*/ }
    body.gray .message .message-body .highlight, .main-container.gray .message .message-body .highlight {
      background-color: #d2d4ae; }
    body.gray .message .message-body .message-edited, .main-container.gray .message .message-body .message-edited {
      color: #777; }
      body.gray .message .message-body .message-edited .user-name, .main-container.gray .message .message-body .message-edited .user-name {
        color: #777; }
    body.gray .message .message-body .post-comment, .main-container.gray .message .message-body .post-comment {
      color: #777; }
    body.gray .message .time, body.gray .message .time-since, .main-container.gray .message .time, .main-container.gray .message .time-since {
      color: #777; }
    body.gray .message:hover, .main-container.gray .message:hover {
      background-color: inherit; }
    body.gray .item .user-name, .main-container.gray .item .user-name {
      /*color: #bbb;*/ }
    body.gray .item .item-body .item-title a, .main-container.gray .item .item-body .item-title a {
      color: #000; }
    body.gray .item .progress-bars .progress .progress-label .text, .main-container.gray .item .progress-bars .progress .progress-label .text {
      background: #999; }
    body.gray .item .unread-toggle, .main-container.gray .item .unread-toggle {
      border-left-color: #ccc; }
      body.gray .item .unread-toggle:hover, body.gray .item .unread-toggle:focus, .main-container.gray .item .unread-toggle:hover, .main-container.gray .item .unread-toggle:focus {
        border-left-color: #ccc;
        background-color: #ccc; }
      body.gray .item .unread-toggle.unread, .main-container.gray .item .unread-toggle.unread {
        border-left-color: #1979cf; }
        body.gray .item .unread-toggle.unread:hover, body.gray .item .unread-toggle.unread:focus, .main-container.gray .item .unread-toggle.unread:hover, .main-container.gray .item .unread-toggle.unread:focus {
          background-color: #1979cf; }
    body.gray .item .unread .unread-toggle, .main-container.gray .item .unread .unread-toggle {
      border-left-color: #1979cf; }
      body.gray .item .unread .unread-toggle:hover, body.gray .item .unread .unread-toggle:focus, .main-container.gray .item .unread .unread-toggle:hover, .main-container.gray .item .unread .unread-toggle:focus {
        background-color: #1979cf; }
    body.gray .item .item-actions .action-button, body.gray .item .item-actions .btn, .main-container.gray .item .item-actions .action-button, .main-container.gray .item .item-actions .btn {
      color: #222; }
      body.gray .item .item-actions .action-button:hover, body.gray .item .item-actions .action-button:focus, body.gray .item .item-actions .btn:hover, body.gray .item .item-actions .btn:focus, .main-container.gray .item .item-actions .action-button:hover, .main-container.gray .item .item-actions .action-button:focus, .main-container.gray .item .item-actions .btn:hover, .main-container.gray .item .item-actions .btn:focus {
        background-color: #255279;
        color: #ccc; }
    body.gray .item .item-actions .action-button.active, .main-container.gray .item .item-actions .action-button.active {
      color: #2980B9; }
    body.gray .item .item-actions .action-button.liked, .main-container.gray .item .item-actions .action-button.liked {
      color: #ffcd03 !important; }
    body.gray .item .item-actions .action-button.stop, .main-container.gray .item .item-actions .action-button.stop {
      color: #d52f2f !important; }
    body.gray .item .item-actions .action-button.snoozed, .main-container.gray .item .item-actions .action-button.snoozed {
      color: #45cb4b !important; }
    body.gray .item .item-actions.sbr .action-button, .main-container.gray .item .item-actions.sbr .action-button {
      background-color: transparent; }
    body.gray .item .item-next-action.btn-success, .main-container.gray .item .item-next-action.btn-success {
      color: #237d23; }
    body.gray .item .item-next-action:hover, .main-container.gray .item .item-next-action:hover {
      background-color: #255279; }
    body.gray .item .item-bar .item-bar-item, .main-container.gray .item .item-bar .item-bar-item {
      color: #777;
      background-color: transparent; }
      body.gray .item .item-bar .item-bar-item:hover, body.gray .item .item-bar .item-bar-item:focus, .main-container.gray .item .item-bar .item-bar-item:hover, .main-container.gray .item .item-bar .item-bar-item:focus {
        background-color: #255279; }
    body.gray .item .time-since, body.gray .item .time, .main-container.gray .item .time-since, .main-container.gray .item .time {
      color: #777; }
    body.gray .item:hover, body.gray .item:focus, .main-container.gray .item:hover, .main-container.gray .item:focus {
      background-color: inherit; }
    body.gray .name-value .name-value-label label, .main-container.gray .name-value .name-value-label label {
      background-color: #eee;
      border-color: #ccc; }
    body.gray .item .file .text-viewer iframe, body.gray .message .file .text-viewer iframe, .main-container.gray .item .file .text-viewer iframe, .main-container.gray .message .file .text-viewer iframe {
      background-color: #999; }
    body.gray .item-view .cycle-section.cycle-section-non-compact, .main-container.gray .item-view .cycle-section.cycle-section-non-compact {
      border-color: #aaa; }
    body.gray .messages-list .interval .interval-hr, .main-container.gray .messages-list .interval .interval-hr {
      border-top-color: #9c9a9a; }
    body.gray .messages-list .interval .interval-text, .main-container.gray .messages-list .interval .interval-text {
      color: #545353; }
      body.gray .messages-list .interval .interval-text span, .main-container.gray .messages-list .interval .interval-text span {
        background: #b1b1b1; }
    body.gray .sidebar-right .sidebar-right-view.item-view, .main-container.gray .sidebar-right .sidebar-right-view.item-view {
      background-color: #bbb; }
      body.gray .sidebar-right .sidebar-right-view.item-view .item-view-header, .main-container.gray .sidebar-right .sidebar-right-view.item-view .item-view-header {
        background-color: #888;
        border-color: #777;
        box-shadow: -2px 4px 2px -2px #8e8e8e; }
        body.gray .sidebar-right .sidebar-right-view.item-view .item-view-header .item-view-header-actions, .main-container.gray .sidebar-right .sidebar-right-view.item-view .item-view-header .item-view-header-actions {
          background-color: #ccc; }
      body.gray .sidebar-right .sidebar-right-view.item-view .scrollable, .main-container.gray .sidebar-right .sidebar-right-view.item-view .scrollable {
        background: #ddd;
        border-color: #999; }
      body.gray .sidebar-right .sidebar-right-view.item-view .item-bar-tabs.nav-tabs > li.active a, .main-container.gray .sidebar-right .sidebar-right-view.item-view .item-bar-tabs.nav-tabs > li.active a {
        background-color: #ddd;
        border-color: #999; }
      body.gray .sidebar-right .sidebar-right-view.item-view .item-actions .btn, .main-container.gray .sidebar-right .sidebar-right-view.item-view .item-actions .btn {
        background-color: transparent; }
        body.gray .sidebar-right .sidebar-right-view.item-view .item-actions .btn:hover, .main-container.gray .sidebar-right .sidebar-right-view.item-view .item-actions .btn:hover {
          background-color: #255279;
          color: #ccc !important; }
    body.gray .sidebar-right h2 .sidebar-header, .main-container.gray .sidebar-right h2 .sidebar-header {
      background-color: transparent; }
      body.gray .sidebar-right h2 .sidebar-header:hover .unread-toggle, .main-container.gray .sidebar-right h2 .sidebar-header:hover .unread-toggle {
        border-left-color: #ccc; }
      body.gray .sidebar-right h2 .sidebar-header:hover .unread .unread-toggle, .main-container.gray .sidebar-right h2 .sidebar-header:hover .unread .unread-toggle {
        border-left-color: #1979cf; }
    body.gray .cards .cards-header, body.gray .cards .cards-footer, .main-container.gray .cards .cards-header, .main-container.gray .cards .cards-footer {
      background-color: #888;
      border-color: #777; }
    body.gray .cards .card-group-header, .main-container.gray .cards .card-group-header {
      color: #222;
      background-color: #888;
      border-color: #777; }
      body.gray .cards .card-group-header a, .main-container.gray .cards .card-group-header a {
        color: #222; }
    body.gray .cards .card-group-body, .main-container.gray .cards .card-group-body {
      color: #DDD; }
    body.gray .cards .card, .main-container.gray .cards .card {
      border-color: #888;
      background-color: #bbb;
      color: #333; }
      body.gray .cards .card .card-content-inner-left .btn.active, body.gray .cards .card .card-right-button-holder .btn.active, .main-container.gray .cards .card .card-content-inner-left .btn.active, .main-container.gray .cards .card .card-right-button-holder .btn.active {
        background-color: #ccc;
        border-color: #989898;
        color: #2980B9; }
      body.gray .cards .card .correlation, .main-container.gray .cards .card .correlation {
        background-color: #ddd;
        border-top-color: #989898; }
      body.gray .cards .card.unread, .main-container.gray .cards .card.unread {
        border-color: #1979cf; }
      body.gray .cards .card.active, .main-container.gray .cards .card.active {
        background-color: #a6bbda; }
      body.gray .cards .card.multi, .main-container.gray .cards .card.multi {
        background-color: rgba(0, 100, 255, 0.1); }
      body.gray .cards .card.current-time-ticket-item, .main-container.gray .cards .card.current-time-ticket-item {
        border-color: #008a07; }
    body.gray .card .card-right-button-holder .btn.comment-button, body.gray .card .card-right-button-holder .btn, .main-container.gray .card .card-right-button-holder .btn.comment-button, .main-container.gray .card .card-right-button-holder .btn {
      background-color: transparent; }
      body.gray .card .card-right-button-holder .btn.comment-button:hover, body.gray .card .card-right-button-holder .btn:hover, .main-container.gray .card .card-right-button-holder .btn.comment-button:hover, .main-container.gray .card .card-right-button-holder .btn:hover {
        background-color: #255279; }
    body.gray .card .item-target-holder, .main-container.gray .card .item-target-holder {
      border-color: #888;
      background-color: #aaa; }
    body.gray .card .card-right-button-holder.card-right-images .btn, body.gray .card .card-left-button-holder.card-right-images .btn, .main-container.gray .card .card-right-button-holder.card-right-images .btn, .main-container.gray .card .card-left-button-holder.card-right-images .btn {
      border-color: transparent; }
    body.gray .card .card-bottom-right .btn-default.play, body.gray .card .card-top-right .btn-default.play, .main-container.gray .card .card-bottom-right .btn-default.play, .main-container.gray .card .card-top-right .btn-default.play {
      border-right: none; }
    body.gray .card:hover .card-right-button-holder .btn, body.gray .card:focus .card-right-button-holder .btn, .main-container.gray .card:hover .card-right-button-holder .btn, .main-container.gray .card:focus .card-right-button-holder .btn {
      border-color: #989898; }
    body.gray .card:hover .card-bottom-right .btn, body.gray .card:hover .card-bottom-right .btn-default, body.gray .card:hover .card-top-right .btn, body.gray .card:hover .card-top-right .btn-default, body.gray .card:focus .card-bottom-right .btn, body.gray .card:focus .card-bottom-right .btn-default, body.gray .card:focus .card-top-right .btn, body.gray .card:focus .card-top-right .btn-default, .main-container.gray .card:hover .card-bottom-right .btn, .main-container.gray .card:hover .card-bottom-right .btn-default, .main-container.gray .card:hover .card-top-right .btn, .main-container.gray .card:hover .card-top-right .btn-default, .main-container.gray .card:focus .card-bottom-right .btn, .main-container.gray .card:focus .card-bottom-right .btn-default, .main-container.gray .card:focus .card-top-right .btn, .main-container.gray .card:focus .card-top-right .btn-default {
      background-color: transparent;
      border-color: #989898;
      border-top-color: transparent;
      border-bottom-color: transparent; }
      body.gray .card:hover .card-bottom-right .btn:hover, body.gray .card:hover .card-bottom-right .btn:focus, body.gray .card:hover .card-bottom-right .btn-default:hover, body.gray .card:hover .card-bottom-right .btn-default:focus, body.gray .card:hover .card-top-right .btn:hover, body.gray .card:hover .card-top-right .btn:focus, body.gray .card:hover .card-top-right .btn-default:hover, body.gray .card:hover .card-top-right .btn-default:focus, body.gray .card:focus .card-bottom-right .btn:hover, body.gray .card:focus .card-bottom-right .btn:focus, body.gray .card:focus .card-bottom-right .btn-default:hover, body.gray .card:focus .card-bottom-right .btn-default:focus, body.gray .card:focus .card-top-right .btn:hover, body.gray .card:focus .card-top-right .btn:focus, body.gray .card:focus .card-top-right .btn-default:hover, body.gray .card:focus .card-top-right .btn-default:focus, .main-container.gray .card:hover .card-bottom-right .btn:hover, .main-container.gray .card:hover .card-bottom-right .btn:focus, .main-container.gray .card:hover .card-bottom-right .btn-default:hover, .main-container.gray .card:hover .card-bottom-right .btn-default:focus, .main-container.gray .card:hover .card-top-right .btn:hover, .main-container.gray .card:hover .card-top-right .btn:focus, .main-container.gray .card:hover .card-top-right .btn-default:hover, .main-container.gray .card:hover .card-top-right .btn-default:focus, .main-container.gray .card:focus .card-bottom-right .btn:hover, .main-container.gray .card:focus .card-bottom-right .btn:focus, .main-container.gray .card:focus .card-bottom-right .btn-default:hover, .main-container.gray .card:focus .card-bottom-right .btn-default:focus, .main-container.gray .card:focus .card-top-right .btn:hover, .main-container.gray .card:focus .card-top-right .btn:focus, .main-container.gray .card:focus .card-top-right .btn-default:hover, .main-container.gray .card:focus .card-top-right .btn-default:focus {
        background-color: #255279;
        color: #ddd; }
    body.gray .channel-view-filter, .main-container.gray .channel-view-filter {
      border-bottom-color: #a29f9f; }
    body.gray .list-stats .list-stats-item, .main-container.gray .list-stats .list-stats-item {
      background-color: #999;
      border-color: #888; }
      body.gray .list-stats .list-stats-item div, .main-container.gray .list-stats .list-stats-item div {
        border-color: #969494;
        background-color: #d2d4e0;
        color: #000; }
    body.gray .list-stats > span, body.gray .list-stats > a, .main-container.gray .list-stats > span, .main-container.gray .list-stats > a {
      color: #000; }
    body.gray .snippet, .main-container.gray .snippet {
      border-color: #414453; }
      body.gray .snippet.item-snippet, .main-container.gray .snippet.item-snippet {
        border-color: #303a65; }
    body.gray .milestone, .main-container.gray .milestone {
      border-color: #a29f9f; }
    body.gray .pay-periods, .main-container.gray .pay-periods {
      background: #b9b9b9; }
    body.gray .typeahead-list, .main-container.gray .typeahead-list {
      background-color: #c5c5c5;
      color: #000;
      border-color: #444; }
      body.gray .typeahead-list .typeahead-item, body.gray .typeahead-list .typeahead-item-header, .main-container.gray .typeahead-list .typeahead-item, .main-container.gray .typeahead-list .typeahead-item-header {
        color: #000; }
        body.gray .typeahead-list .typeahead-item.selected, body.gray .typeahead-list .typeahead-item-header.selected, .main-container.gray .typeahead-list .typeahead-item.selected, .main-container.gray .typeahead-list .typeahead-item-header.selected {
          background: #a78ed2; }
        body.gray .typeahead-list .typeahead-item:hover, body.gray .typeahead-list .typeahead-item-header:hover, .main-container.gray .typeahead-list .typeahead-item:hover, .main-container.gray .typeahead-list .typeahead-item-header:hover {
          background: #522f90;
          color: #222; }
    body.gray .course .knowledge-check, .main-container.gray .course .knowledge-check {
      background-color: #dde5ea; }
    body.gray .sidebar-left .nav li > a.active, .main-container.gray .sidebar-left .nav li > a.active {
      background-color: #4094dc;
      color: #292135; }
    body.gray .date-control-container .date-control, .main-container.gray .date-control-container .date-control {
      background: #ad9f9f; }
      body.gray .date-control-container .date-control .btn.day:hover, .main-container.gray .date-control-container .date-control .btn.day:hover {
        background-color: #582525; }
      body.gray .date-control-container .date-control .date-control-header, .main-container.gray .date-control-container .date-control .date-control-header {
        background-color: #582525; }
      body.gray .date-control-container .date-control .date-control-footer, .main-container.gray .date-control-container .date-control .date-control-footer {
        background-color: #582525; }
    body.gray .full-screen .full-screen-container, .main-container.gray .full-screen .full-screen-container {
      background-color: #ddd; }
      body.gray .full-screen .full-screen-container .close, .main-container.gray .full-screen .full-screen-container .close {
        color: #000;
        opacity: 1; }
    body.gray .nav-tabs, .main-container.gray .nav-tabs {
      border-bottom-color: #aaa; }
    body.gray .nav-tabs > li.active > a, body.gray .nav-tabs > li.active > a:focus, body.gray .nav-tabs > li.active > a:hover, .main-container.gray .nav-tabs > li.active > a, .main-container.gray .nav-tabs > li.active > a:focus, .main-container.gray .nav-tabs > li.active > a:hover {
      background-color: #ddd;
      border-color: #aaa;
      border-bottom-color: transparent; }
    body.gray .btn-default, .main-container.gray .btn-default {
      /*color: #bebebe;
    background-color: #000;
    border-color: #333;*/
      background-color: #dcdcdc;
      border-color: #989898; }
      body.gray .btn-default.active, body.gray .btn-default:active, body.gray .btn-default:hover, .main-container.gray .btn-default.active, .main-container.gray .btn-default:active, .main-container.gray .btn-default:hover {
        color: #ddd;
        background-color: #255279;
        border-color: #444; }
    body.gray .btn-link, .main-container.gray .btn-link {
      /*color: #337ab7;*/
      background-color: transparent;
      border-color: transparent; }
      body.gray .btn-link.active, body.gray .btn-link:active, body.gray .btn-link:hover, .main-container.gray .btn-link.active, .main-container.gray .btn-link:active, .main-container.gray .btn-link:hover {
        color: #ddd;
        background-color: #255279;
        border-color: #444; }
    body.gray .nav > li > a:focus, body.gray .nav > li > a:hover, .main-container.gray .nav > li > a:focus, .main-container.gray .nav > li > a:hover {
      background-color: #45759e; }
    body.gray .page-header, .main-container.gray .page-header {
      border-bottom-color: #9a9999; }
    body.gray .progress, .main-container.gray .progress {
      background-color: #999; }
    body.gray .form-control, .main-container.gray .form-control {
      background-color: #dcdcdc;
      border-color: #989898; }
      body.gray .form-control:focus, .main-container.gray .form-control:focus {
        border-color: #66afe9; }
    body.gray hr, .main-container.gray hr {
      border-top-color: #444; }
    body.gray .table-striped > tbody > tr:nth-of-type(odd), .main-container.gray .table-striped > tbody > tr:nth-of-type(odd) {
      background-color: #d2d2d2; }
    body.gray pre, .main-container.gray pre {
      background-color: #777;
      border-color: #555;
      color: #ddd; }
    body.gray code, .main-container.gray code {
      /*background-color: #2d2829;*/ }
      body.gray code .language, .main-container.gray code .language {
        background: #333;
        border-color: #444; }
    body.gray .popover, .main-container.gray .popover {
      background-color: #757474;
      border-color: #888; }
      body.gray .popover .popover-title, .main-container.gray .popover .popover-title {
        background-color: #888;
        border-bottom-color: #797777; }
    body.gray .dropdown-menu, .main-container.gray .dropdown-menu {
      background-color: #5a5a5a;
      border-color: #444; }
    body.gray .dropdown-menu > li > a, .main-container.gray .dropdown-menu > li > a {
      color: #ddd; }
    body.gray .dropdown-menu > li > a:focus, body.gray .dropdown-menu > li > a:hover, .main-container.gray .dropdown-menu > li > a:focus, .main-container.gray .dropdown-menu > li > a:hover {
      color: #ddd;
      background-color: #255279; }
    body.gray .open > .dropdown-toggle.btn-default, .main-container.gray .open > .dropdown-toggle.btn-default {
      color: #ddd;
      background-color: #255279;
      border-color: #444; }
    body.gray .list-group-item, .main-container.gray .list-group-item {
      background-color: #555;
      border-color: #444;
      color: #ddd; }
    body.gray a.list-group-item, body.gray button.list-group-item, .main-container.gray a.list-group-item, .main-container.gray button.list-group-item {
      color: #ddd; }
    body.gray a.list-group-item:focus, body.gray a.list-group-item:hover, body.gray button.list-group-item:focus, body.gray button.list-group-item:hover, .main-container.gray a.list-group-item:focus, .main-container.gray a.list-group-item:hover, .main-container.gray button.list-group-item:focus, .main-container.gray button.list-group-item:hover {
      color: #eee;
      background-color: #255279; }
    body.gray .modal-content, .main-container.gray .modal-content {
      background-color: #b9bfc3;
      border-color: #c4c8cc; }
    body.gray .modal-header, .main-container.gray .modal-header {
      border-bottom-color: #9ea4a9;
      background-color: #989898; }
    body.gray .modal-footer, .main-container.gray .modal-footer {
      border-top-color: #9ea4a9;
      background-color: #989898; }
    body.gray .pagination > li > a, body.gray .pagination > li > span, .main-container.gray .pagination > li > a, .main-container.gray .pagination > li > span {
      color: #8d67c1;
      background-color: #000;
      border: 1px solid #545454; }
  html {
    box-sizing: border-box; }
  html,
  body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Open Sans', RobotoDraft, Roboto, 'Helvetica Neue', Arial, Verdana, sans-serif;
	}
  body {
    -webkit-font-smoothing: antialiased; }
  *,
  *:before,
  *:after {
    box-sizing: inherit; }
  textarea {
    resize: vertical; }
  @media print {
    html, body {
      max-height: none;
      display: block;
      width: auto;
      height: auto;
      overflow: visible;
      padding-bottom: 100px; } }