/* Minification failed. Returning unminified contents.
(693,12): run-time error CSS1038: Expected hex color, found '#4B6771pyht'
(22913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22922,22): run-time error CSS1039: Token not allowed after unary operator: '-hm-bg'
(22923,17): run-time error CSS1039: Token not allowed after unary operator: '-hm-text'
(22953,21): run-time error CSS1039: Token not allowed after unary operator: '-hm-muted'
(22962,26): run-time error CSS1039: Token not allowed after unary operator: '-hm-card'
(22963,32): run-time error CSS1039: Token not allowed after unary operator: '-hm-line'
(22972,32): run-time error CSS1039: Token not allowed after unary operator: '-hm-line'
(22976,21): run-time error CSS1039: Token not allowed after unary operator: '-hm-text'
(23002,21): run-time error CSS1039: Token not allowed after unary operator: '-hm-muted'
(23009,25): run-time error CSS1039: Token not allowed after unary operator: '-hm-text'
(23033,32): run-time error CSS1039: Token not allowed after unary operator: '-hm-line'
(23070,21): run-time error CSS1039: Token not allowed after unary operator: '-hm-muted'
(23094,30): run-time error CSS1039: Token not allowed after unary operator: '-hm-accent'
(23099,46): run-time error CSS1039: Token not allowed after unary operator: '-hm-accent'
(23109,26): run-time error CSS1039: Token not allowed after unary operator: '-hm-card'
(23110,32): run-time error CSS1039: Token not allowed after unary operator: '-hm-line'
(23125,21): run-time error CSS1039: Token not allowed after unary operator: '-hm-muted'
(23157,30): run-time error CSS1039: Token not allowed after unary operator: '-hm-soft'
(23180,21): run-time error CSS1039: Token not allowed after unary operator: '-hm-muted'
(23194,32): run-time error CSS1039: Token not allowed after unary operator: '-hm-line'
(23207,21): run-time error CSS1039: Token not allowed after unary operator: '-hm-muted'
(23225,21): run-time error CSS1039: Token not allowed after unary operator: '-hm-muted'
 */
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  z-index: 1; }
  .datepicker--cell.-focus- {
    background: #f0f0f0; }
  .datepicker--cell.-current- {
    color: #4EB5E6; }
    .datepicker--cell.-current-.-focus- {
      color: #4a4a4a; }
    .datepicker--cell.-current-.-in-range- {
      color: #4EB5E6; }
  .datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, 0.1);
    color: #4a4a4a;
    border-radius: 0; }
    .datepicker--cell.-in-range-.-focus- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae; }
    .datepicker--cell.-disabled-.-focus- {
      color: #aeaeae; }
    .datepicker--cell.-disabled-.-in-range- {
      color: #a1a1a1; }
    .datepicker--cell.-disabled-.-current-.-focus- {
      color: #aeaeae; }
  .datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 4px 0 0 4px; }
  .datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 0 4px 4px 0; }
  .datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px; }
  .datepicker--cell.-selected- {
    color: #fff;
    border: none;
    background: #5cc4ef; }
    .datepicker--cell.-selected-.-current- {
      color: #fff;
      background: #5cc4ef; }
    .datepicker--cell.-selected-.-focus- {
      background: #45bced; }
  .datepicker--cell:empty {
    cursor: default; }

.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 8px 0 3px; }

.datepicker--day-name {
  color: #FF9A19;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: .8em; }

.datepicker--cell-day {
  width: 14.28571%; }

.datepicker--cells-months {
  height: 170px; }

.datepicker--cell-month {
  width: 33.33%;
  height: 25%; }

.datepicker--years {
  height: 170px; }

.datepicker--cells-years {
  height: 170px; }

.datepicker--cell-year {
  width: 25%;
  height: 33.33%; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0; }
  @media print {
    .datepickers-container {
      display: none; } }

.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100; }
  .datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px); }
  .datepicker.-from-right- {
    -webkit-transform: translateX(8px);
            transform: translateX(8px); }
  .datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
            transform: translateY(8px); }
  .datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px); }
  .datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
    transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; }

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
          transform: none; }

.datepicker-inline .datepicker--pointer {
  display: none; }

.datepicker--content {
  box-sizing: content-box;
  padding: 4px; }
  .-only-timepicker- .datepicker--content {
    display: none; }

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1; }
  .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg); }
  .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg); }
  .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
    left: 10px; }
  .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    right: 10px; }
  .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
    left: calc(50% - 10px / 2); }
  .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px; }
  .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px; }
  .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2); }

.datepicker--body {
  display: none; }
  .datepicker--body.active {
    display: block; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px; }
  .-only-timepicker- .datepicker--nav {
    display: none; }

.datepicker--nav-title,
.datepicker--nav-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .datepicker--nav-action:hover {
    background: #f0f0f0; }
  .datepicker--nav-action.-disabled- {
    visibility: hidden; }
  .datepicker--nav-action svg {
    width: 32px;
    height: 32px; }
  .datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px; }

.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px; }
  .datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px; }
  .datepicker--nav-title:hover {
    background: #f0f0f0; }
  .datepicker--nav-title.-disabled- {
    cursor: default;
    background: none; }

.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef; }

.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px; }
  .datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px;
  position: relative; }
  .datepicker--time.-am-pm- .datepicker--time-sliders {
    -webkit-flex: 0 1 138px;
        -ms-flex: 0 1 138px;
            flex: 0 1 138px;
    max-width: 138px; }
  .-only-timepicker- .datepicker--time {
    border-top: none; }

.datepicker--time-sliders {
  -webkit-flex: 0 1 153px;
      -ms-flex: 0 1 153px;
          flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px; }

.datepicker--time-label {
  display: none;
  font-size: 12px; }

.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px; }

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1; }

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1; }
  .datepicker--time-current-hours:after,
  .datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0; }
  .datepicker--time-current-hours.-focus-:after,
  .datepicker--time-current-minutes.-focus-:after {
    opacity: 1; }

.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px; }

.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }
  .datepicker--time-row:first-child {
    margin-bottom: 4px; }
  .datepicker--time-row input[type='range'] {
    background: none;
    cursor: pointer;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      -webkit-appearance: none; }
    .datepicker--time-row input[type='range']::-ms-tooltip {
      display: none; }
    .datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
      border-color: #b8b8b8; }
    .datepicker--time-row input[type='range']:hover::-moz-range-thumb {
      border-color: #b8b8b8; }
    .datepicker--time-row input[type='range']:hover::-ms-thumb {
      border-color: #b8b8b8; }
    .datepicker--time-row input[type='range']:focus {
      outline: none; }
      .datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
      .datepicker--time-row input[type='range']:focus::-moz-range-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
      .datepicker--time-row input[type='range']:focus::-ms-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-moz-range-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-ms-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      margin-top: -6px; }
    .datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-moz-range-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-fill-lower {
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-fill-upper {
      background: transparent; }
  .datepicker--time-row span {
    padding: 0 12px; }

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em; }
  .datepicker--time-icon:after, .datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute; }
  .datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  .datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px); }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

.datepicker--cell.-current- {
    background-color: #dedede;
    color: #ff7419;
    font-weight: bold;
}


/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

.croppr-container *{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.croppr-container img{vertical-align:middle;max-width:100%}.croppr{position:relative;display:inline-block}.croppr-handle,.croppr-imageClipped,.croppr-overlay,.croppr-region{position:absolute;top:0}.croppr-overlay{background:rgba(0,0,0,.5);right:0;bottom:0;left:0;z-index:1;cursor:crosshair}.croppr-region{border:1px dashed rgba(0,0,0,.5);z-index:3;cursor:move}.croppr-imageClipped{right:0;bottom:0;left:0;z-index:2;pointer-events:none}.croppr-handle{border:1px solid #000;background-color:#fff;width:10px;height:10px;z-index:4}
@font-face {
    font-family: 'Cabin-Regular';
    src: url('/Fonts/Cabin-Regular.woff') format('woff');
    /*,url('/Fonts/Cabin-Regular.otf') format('opentype'); */
    /*url('/Fonts/Cabin-Regular.eot?#iefix') format('embedded-opentype')
    ,url('/Fonts/Cabin-Regular.otf')  format('opentype')  
    ,url('/Fonts/Cabin-Regular.ttf')  format('truetype');
    /*,url('/Fonts/Cabin-Regular.svg#Cabin-Regular') format('svg');*/
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 10px;
    background-image: url('/Images/site/bg.gif');
    font-family: Cabin-Regular, sans-serif;
    color: #222222;
}

textarea, input, select {
    font-family: Cabin-Regular, sans-serif;
}

input:focus, textarea:focus {
    outline-color: #3F7E95;
    outline-style: solid;
    outline-width: 1px;
}

a {
    color: #222222;
    text-decoration: none;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

li {
    margin: 0;
    padding: 0;
}

[contenteditable]:focus {
    outline: 0px solid transparent;
}

/*rgba(63, 126, 149, 0.2);*/
.hf-blue {
    color: #3F7E95;
}

/*rgba(75, 103, 113, 0.2);*/
.hf-dark-blue {
    color: #4B6771pyht;
}

/*rgba(48, 155, 122, 0.2);*/
.hf-green {
    color: #309B7A;
}

/*rgba(34, 34, 34, 0.2);*/
.hf-dark-gray {
    color: #222222;
}

/*rgba(204, 102, 51, 0.2);*/
.hf-orange {
    color: #CC6633;
}

/*rgba(153, 102, 204, 0.2);*/
.hf-purple {
    color: #9966CC;
}

/*rgba(206, 0, 0, 0.2);*/
.hf-red {
    color: #cc0000;
}

.hf-bg-white {
    background-color: #FFFFFF;
}

.hf-bg-blue {
    background-color: #3F7E95;
}

.hf-bg-dark-gray {
    background-color: #222222;
}

.hf-bg-gray {
    background-color: #999999;
}

.hf-bg-medium-gray {
    background-color: #CCCCCC;
}

.hf-bg-light-gray {
    background-color: #E6E6E6;
}

#app {
    position: relative;
    width: 1111px;
    height: 800px;
    margin-left: auto;
    margin-right: auto;
    background-color: #222222;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#app.busy {
    opacity: 0.9;
    pointer-events: none;
}

#menu {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 10px;
    left: 10px;
    width: 230px;
    background-color: #4B6771;
}

#mainTab {
    width: 230px;
    height: 137px;
    background-color: #FFFFFF;
    text-align: center;
    margin-bottom: 5px;
}

#mainLogo {
    width: 230px;
    height: 137px;
    background-image: url('/Images/site/logo.png');
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: center;
}

.menu-tab {
    padding: 5px;
    height: 60px;
    margin-bottom: 5px;
    background-color: #FFFFFF;
    visibility: visible;
    cursor: pointer;
    overflow: hidden;
}

    .menu-tab.hilite {
        position: relative;
        background-color: #CCCCCC;
    }

    .menu-tab img {
        float: left;
        border: none;
        height: 60px;
        cursor: pointer;
    }

    .menu-tab .text {
        float: left;
        text-transform: uppercase;
        display: block;
        font-size: 14px;
        width: 145px;
        margin-left: 10px;
        margin-top: 10px;
    }

        .menu-tab .text.normal {
            text-transform: none;
            margin-top: 2px;
        }

    .menu-tab span.link {
        float: left;
        display: block;
        font-size: 12px;
        width: 130px;
        margin-left: 10px;
        margin-top: 4px;
        text-transform: none;
        color: #3F7E95;
        cursor: pointer;
    }

.admin-tab {
    padding: 5px;
    height: 30px;
    margin-bottom: 5px;
    background-color: #FFFFFF;
    visibility: visible;
    cursor: pointer;
}

    .admin-tab img {
        float: left;
        border: none;
        height: 30px;
        cursor: pointer;
    }

    .admin-tab .text {
        float: left;
        text-transform: uppercase;
        display: block;
        font-size: 14px;
        width: 145px;
        margin-left: 10px;
        margin-top: 5px;
    }

.notif-counter {
    position: absolute;
    border: 1px solid #000000;
    background: #CC6633;
    text-align: center;
    vertical-align: middle;
    height: 24px;
    width: 24px;
    top: 8px;
    left: 37px;
    border-radius: 24px;
    overflow: hidden;
}

    .notif-counter span {
        display: block;
        color: #000000;
        padding: 3px 0 0 1px;
        font-size: 14px;
    }

.bares {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.menu-tab.bare {
    padding: 5px;
    height: 20px;
    margin-bottom: 2px;
    background-color: #CCCCCC;
    visibility: visible;
    overflow: hidden;
}

    .menu-tab.bare img {
        border: none;
        height: 20px;
        cursor: pointer;
    }

    .menu-tab.bare .deletor {
        margin: 2px 0 0 4px;
        height: 16px;
        opacity: 0.2;
        filter: alpha(opacity=20);
    }

        .menu-tab.bare .deletor:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

    .menu-tab.bare span {
        float: left;
        text-transform: uppercase;
        display: block;
        font-size: 12px;
        margin-left: 10px;
        margin-top: 3px;
        width: 170px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.selector {
    cursor: pointer;
}



#main {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 250px;
}

.main-link {
    width: 267px;
    height: 39px;
    padding: 5px;
    background-color: #4B6771;
    cursor: pointer;
}

    .main-link.info {
        display: none;
        background-color: #53727d;
        cursor: default;
        width: auto;
    }

    .main-link.user {
        position: absolute;
        left: 0px;
        background-image: url('/Images/site/link_person.gif');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .main-link.contact {
        position: absolute;
        left: 287px;
        background-image: url('/Images/site/link_contact.gif');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .main-link.register {
        position: absolute;
        left: 0px;
        background-image: url('/Images/site/link_person.gif');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .main-link.logout {
        position: absolute;
        left: 574px;
        background-image: url('/Images/site/link_logout.gif');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .main-link.login {
        position: absolute;
        left: 574px;
        background-image: url('/Images/site/link_person.gif');
        background-repeat: no-repeat;
        background-size: cover;
    }


    .main-link span {
        display: block;
        margin-left: 50px;
        margin-top: 8px;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
    }

        .main-link span.action {
            margin-left: 0;
        }

#header {
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 33px;
    background-color: #999999;
}

    #header span {
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        margin-left: 10px;
        margin-top: 8px;
    }

.header-beater {
    margin-left: 12px;
    display: none;
}

#header span.header-message {
    float: right;
    margin-right: 10px;
    text-transform: none;
    font-weight: normal;
    color: #FFFFFF;
    font-size: 14px;
    display: none;
}

#header span.header-message.alert {
    color: #fffa00;
}

#header span.last-active {
    float: right;
    margin-right: 10px;
    text-transform: none;
    font-weight: normal;
    color: #FFFFFF;
    font-size: 14px;
}


#header.secret {
    background-color: #ffffff;
    color: #ffffff;
}

#coordinates {
    position: absolute;
    top: 0;
    right: 10px;
    margin-left: 15px;
    font-size: 14px;
}

#page {
    position: absolute;
    top: 93px;
    right: 0px;
    bottom: 40px;
    left: 0px;
    background-color: #ffffff;
}

    #page.rep {
        background-color: #222222;
    }

#statusbar {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 30px;
    background-color: #4B6771;
}

    #statusbar span {
        font-size: 12px;
        margin-top: 8px;
        padding-right: 10px;
        text-align: right;
        float: right;
        cursor: pointer;
    }

#pagenumbers {
    display: block;
}

    #pagenumbers .top-bg {
        width: 851px;
        height: 52px;
        padding: 0px;
        background-color: #FFFFFF;
    }

    #pagenumbers .bottom-bg {
        width: 851px;
        height: 88px;
        padding: 0px;
        background-color: #CCCCCC;
        border-bottom: 10px solid #FFFFFF;
    }

        #pagenumbers .bottom-bg.fat {
            height: 110px;
            background-color: #E6E6E6;
        }

.bottom-bg-command {
    position: absolute;
    right: 20px;
    top: 80px;
}

    .bottom-bg-command .command-button span {
        width: 180px;
        font-size: 18px;
        font-weight: bold;
    }

.bottom-bg-command-description {
    position: absolute;
    left: 30px;
    top: 30px;
}

.page-numbers {
    margin: 0px 0px 0px 52px;
}

.page-number {
    display: inline-block;
    position: relative;
}

    .page-number img {
        border: none;
        margin-left: -4px;
    }

    .page-number span.number {
        position: absolute;
        left: -1px;
        top: 19px;
        font-size: 52px;
        font-weight: bold;
        color: #ffffff;
        font-family: Helvetica, sans-serif;
        padding: 4px 16px 2px 16px;
        background-color: rgba(0,0,0,0.0);
        border-radius: 18px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .page-number span.number.inactive {
            cursor: default;
        }

        .page-number span.number.active {
            cursor: pointer;
        }

    .page-number span.number {
        cursor: default;
    }

    .page-number span.description {
        position: absolute;
        font-size: 13px;
        text-transform: uppercase;
        left: -18px;
        bottom: -34px;
        text-align: center;
        width: 95px;
        word-spacing: 95px;
    }


#pagelinks {
    position: absolute;
    right: 0px;
    bottom: 2px;
    left: 0px;
    height: 49px;
    background-color: #ffffff;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.page-link {
    width: 272px;
    height: 39px;
    padding: 5px;
    bottom: 3px;
    background-color: #4B6771;
    border-top: 2px solid #ffffff;
}

    .page-link.prev {
        position: absolute;
        left: 5px;
        background-color: #4B6771;
        background-image: url('/Images/site/link_prev.gif');
        background-repeat: no-repeat;
        background-size: cover;
        border-right: 1px solid #ffffff;
        cursor: pointer;
    }

    .page-link.curr {
        position: absolute;
        left: 292px;
        background-color: #ffffff;
        width: 257px;
    }

    .page-link.next {
        position: absolute;
        right: 5px;
        background-color: #309B7A;
        background-image: url('/Images/site/link_next.png');
        background-repeat: no-repeat;
        background-size: cover;
        border-left: 1px solid #ffffff;
        cursor: pointer;
    }

        .page-link.next.act {
            right: 0px;
            bottom: 2px;
            background-color: #4B6771;
            background-image: url('/Images/site/link_next_default.gif');
        }

    .page-link.disabled {
        background-image: none;
        background-color: #E6E6E6;
        color: #CCCCCC;
        cursor: default;
    }

    .page-link.default {
        background-color: #4B6771;
    }

    .page-link.inactive {
        cursor: default;
    }

    .page-link.noimage {
        background-image: none;
    }

    .page-link.active {
        background-color: #309B7A;
        cursor: pointer;
    }

    .page-link.next.default {
        background-color: #4B6771;
        background-image: url('/Images/site/link_next_default.gif');
    }

    .page-link span {
        display: block;
        margin-left: 0px;
        margin-top: 10px;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
    }

        .page-link span.title {
            margin-top: 0px;
            text-transform: none;
            font-size: 12px;
            font-weight: normal;
        }

        .page-link span.text {
            margin-top: 2px;
        }

            .page-link span.text.notitle {
                margin-top: 10px;
            }

#view-content {
    width: 851px;
    height: 591px;
    overflow-y: auto;
    overflow-x: hidden;
    /*display: flex;
    align-items: center;
    justify-content: center*/
}

    #view-content.ext {
        height: 645px;
        width: 853px;
    }

    #view-content.rep {
        height: 647px;
        overflow-y: hidden;
    }

#pagedata {
    margin: 10px;
    background-color: #FFFFFF;
}

.menu-group div {
    display: inline-block;
    text-align: center;
    margin: 14px;
}

.menu-group.north {
    position: relative;
    /*background-color: #FFFFFF;*/
    padding-top: 20px;
}

.menu-group.south {
    position: absolute;
    background-color: #E6E6E6;
    top: 295px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    padding-top: 20px;
}

.hf-col-zero {
    margin: 0 50px 0 50px;
}

.hf-col-one {
    margin: 10px 0 0 40px;
}

.hf-col-first {
    margin: 10px 0 0 20px;
}

.to-four {
    float: left;
    width: 318px;
}

.from-four {
    position: absolute;
    top: 195px;
    right: 25px;
    bottom: 70px;
    width: 450px;
}

.info-panel {
    width: 100%;
    height: 100%;
    padding: 5px;
    background: #cccccc;
    overflow: hidden;
}

    .info-panel ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .info-panel li {
        position: relative;
        padding: 10px;
        background: #ffffff;
    }

        .info-panel li.hilite {
            background: #cccccc;
        }

    .info-panel .header {
        background: #ffffff;
        margin-bottom: 5px;
        position: relative;
    }

        .info-panel .header .tag {
            display: inline-block;
            height: 50px;
            width: 50px;
            margin: 4px;
            background: #3F7E95;
            text-align: center;
        }

            .info-panel .header .tag span {
                display: block;
                font-size: 40px;
                text-transform: uppercase;
                font-weight: bold;
            }

        .info-panel .header .text {
            position: absolute;
            top: 18px;
            display: inline-block;
            font-size: 20px;
            color: #3F7E95;
            margin-left: 10px;
        }

.info-input {
    display: inline-block;
    font-size: 20px;
    color: #222222;
    width: 50px;
    text-align: right;
    padding-right: 3px;
    background-color: #E6E6E6;
}

    .info-input[readonly] {
        border: 1px solid #ffffff;
        padding: 2px 4px 2px 1px;
    }


.hf-col-two {
    margin: 10px 0 0 150px;
}

.hf-text-box {
    padding: 5px;
    font-size: 52px;
    margin-top: 10px;
    width: 510px;
    text-transform: uppercase;
}

.hf-box-title {
    font-size: 18px;
    margin-top: 10px;
    text-transform: uppercase;
    display: block;
}

.hf-box-description {
    font-size: 14px;
    margin-top: 5px;
    display: block;
}

.debug {
    display: block;
    margin: 20px;
    background-color: #ffffff;
    font-size: 14px;
    padding: 5px;
}

#error.debug {
    display: block;
    color: #ff0000;
}

#fatal.debug {
    display: block;
    color: #ff0000;
}

.page-input {
    margin: 10px 0 10px 0;
}

.help.narrow {
    width: 400px;
}

.help-title {
    display: block;
    font-size: 20px;
    color: #3F7E95;
    margin: 0px 0 5px 0;
}

.help-description {
    display: block;
    font-size: 14px;
    color: #3F7E95;
    margin: 0px 0 5px 0;
}

.action-button {
    width: 286px;
    height: 46px;
    padding: 10px;
    background-color: #309B7A;
    cursor: pointer;
    border: 2px solid #309B7A;
    text-transform: uppercase;
    margin-top: 20px;
    font-weight: bold;
    font-size: 18px;
}

.action-button.inactive {
    background-image: none;
    background-color: #E6E6E6;
    color: #CCCCCC;
}

.action-button.wider {
    width: 404px;
}

.action-button.proceed {
    background-color: #3F7E95;
    border: 2px solid #3F7E95;
}

.menu-table {
    margin: 20px;
}

    .menu-table td {
        text-align: center;
    }

    .menu-table .one {
        padding-left: 20px;
    }

    .menu-table .two {
        padding-left: 120px;
    }

    .menu-table .three {
        padding-left: 120px;
    }

.rehab-counter {
    position: absolute;
    border: 2px solid #000000;
    background: #CC6633;
    text-align: center;
    vertical-align: middle;
    height: 35px;
    width: 35px;
    top: -8px;
    right: 6px;
    border-radius: 35px;
    overflow: hidden;
}

    .rehab-counter span {
        color: #000000;
        display: block;
        padding-top: 2px;
        font-size: 14px;
    }

.button-col {
    position: absolute;
    top: 30px;
    bottom: 10px;
    left: 0px;
    width: 160px;
    text-align: center;
}

    .button-col.one {
        left: 70px;
    }

    .button-col.two {
        left: 338px;
    }

    .button-col.three {
        left: 604px;
    }

.page-button {
    position: relative;
    width: 150px;
    margin-top: 10px;
    margin-bottom: 20px;
    vertical-align: top;
}

    .page-button.bigger {
        position: relative;
        width: 150px;
        margin: 10px 0 20px 40px;
    }

        .page-button.bigger img {
            height: 140px;
            vertical-align: middle;
            margin-bottom: 5px;
        }

        .page-button.bigger span {
            text-transform: uppercase;
            font-size: 17px;
            margin-top: 5px;
        }

.button-info {
    position: absolute;
    top: 0px;
    left: 205px;
    width: 500px;
    vertical-align: middle;
    padding-top: 30px;
}

    .button-info li {
        text-align: left;
        margin: 16px;
    }

    .button-info .caption {
        display: block;
        font-size: 18px;
        text-transform: uppercase;
        color: #3F7E95;
        text-align: left;
        margin-left: 37px;
    }

.page-button.inline {
    width: 400px;
    text-align: left;
    margin-left: 15px;
    margin-bottom: 30px;
}

.page-button img {
    border: none;
    height: 120px;
    cursor: pointer;
}

.page-button span {
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 5px;
}

.page-button.inline span {
    display: inline-block;
    width: 180px;
    margin: 30px 0 0 20px;
    vertical-align: top;
}

.in-space {
    margin-top: 34px;
}

.in-outer-space {
    margin-top: 39px;
}

#preloader {
    position: absolute;
    top: 10px;
    left: 20px;
    display: none;
}

#resizer {
    display: block;
    position: absolute;
    top: 0px;
    left: 5px;
    display: none;
}

.input-validate {
    font-size: 0.8em;
    margin-left: 5px;
}

.ok {
    color: #309B7A;
}

.draft {
    color: #CC6633;
}

.upper {
    text-transform: uppercase;
}

.none-label {
    display: block;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.input-label {
    display: block;
    font-size: 16px;
    padding: 5px 0 5px 0;
}

    .input-label.combo {
        cursor: pointer;
    }

    .input-label.adder {
        cursor: pointer;
    }

.input-description {
    display: block;
    font-size: 14px;
    padding: 5px 0 0 0;
}

.input-details {
    display: inline-block;
    font-size: 14px;
    padding: 5px 0 0 0;
}

.input-text {
    display: block;
    font-size: 16px;
    padding: 5px;
    width: 274px;
    margin-top: 5px;
}

    .input-text.wider {
        width: 390px;
    }

    .input-text.narrow {
        width: 95px;
        text-align: right;
    }

    .input-text.widest {
        width: 750px;
    }

    .input-text.matching {
        width: 288px;
    }

    .input-text.full {
        width: 100%;
    }

    .input-text.resizing {
        min-width: 274px;
        min-height: 64px;
    }


.input-text.error {
    border: 1px solid #ff0000;
}

.input-select {
    display: block;
    font-size: 16px;
    padding: 5px;
    width: 274px;
    margin-top: 5px;
}

.select-input {
    display: none;
    font-size: 16px;
    padding: 5px;
    width: 280px;
    margin-top: 5px;
}

.input-error {
    font-size: 0.8em;
    margin-left: 10px;
    color: #ff0000;
}

.text-error {
    font-size: 0.8em;
    color: #ff0000;
    background: #ffffff;
    margin-left: 10px;
}

    .text-error ul {
        list-style-type: none;
        padding: 0;
        margin: 0 0 10px 0;
    }

.input-label.jumbo {
    display: block;
    font-size: 20px;
    color: #3F7E95;
    padding: 5px 0 5px 0;
}

.input-text.jumbo {
    display: block;
    font-size: 52px;
    padding: 5px 5px 5px 10px;
    width: 480px;
    margin-top: 5px;
    text-transform: uppercase;
}

.input-label.mambo {
    display: block;
    font-size: 20px;
    color: #3F7E95;
    padding: 5px 0 5px 0;
}

.input-text.mambo {
    display: block;
    font-size: 20px;
    padding: 5px 5px 5px 10px;
    width: 480px;
    margin-top: 5px;
}

.input-label.dumbo {
    display: block;
    font-size: 20px;
    color: #3F7E95;
    width: 360px;
    padding: 5px 0 5px 0;
}

.input-text.dumbo {
    display: block;
    font-size: 48px;
    padding: 5px 5px 5px 10px;
    width: 360px;
    margin-top: 5px;
}

.input-label.zumba {
    display: block;
    font-size: 20px;
    color: #3F7E95;
    width: 360px;
    padding: 5px 0 5px 0;
}

.input-text.zumba {
    display: block;
    font-size: 20px;
    line-height: 20px;
    padding: 5px 5px 5px 10px;
    width: 360px;
    margin-top: 5px;
}

    .input-text.zumba.short {
        width: 157px;
    }

.input-label.inline {
    display: inline-block;
}

.input-label.short {
    width: 180px;
}

.input-text.zumba.wide {
    width: 540px;
}

.input-text.zumba[readonly] {
    border: 1px solid #999999;
    background-color: #f3f3f3;
    color: #999999;
}

.title-label {
    font-size: 18px;
    margin-top: 10px;
    text-transform: uppercase;
    display: block;
}

.descr-label {
    font-size: 14px;
    margin-top: 5px;
    display: block;
}

.info-label {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

.default-label {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.edit-label {
    display: block;
    font-size: 16px;
    color: #CC6633;
    margin-bottom: 10px;
}

.jumbo-label {
    display: block;
    font-size: 20px;
    color: #3F7E95;
    padding: 5px 0 5px 0;
}

.chart-label {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #222222;
    padding: 5px 0 7px 10px;
}

.accent-label {
    font-size: 18px;
    margin-top: 10px;
    display: block;
    color: #3F7E95;
}

.link-label {
    margin-top: 20px;
}

.label-text {
    font-size: 18px;
    color: #222222;
    text-transform: uppercase;
}

.link-text {
    margin-left: 5px;
    font-size: 18px;
    color: #222222;
    text-transform: uppercase;
}

.link-button {
    display: inline-block;
    font-size: 12px;
    background-color: #3F7E95;
    border: 1px solid #3F7E95;
    color: #ffffff;
    cursor: pointer;
    padding: 5px 10px;
    text-align: center;
    margin: 10px 5px 0 0;
    text-transform: uppercase;
}

    .link-button a {
        color: #ffffff;
    }

.option-group {
    margin-top: 10px;
}

    .option-group.bottom-margin {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .option-group.top-margin {
        margin-top: 10px;
        margin-bottom: 0px;
    }

.option-item {
    height: 32px;
    background-image: url('/Images/site/item_off.png');
    background-repeat: no-repeat;
    background-position-x: left;
    background-size: 30px;
    cursor: pointer;
    width: 500px;
    margin: 4px 0 0 4px;
    border: 1px solid white;
}

    .option-item.inline {
        display: inline-block;
        width: auto;
        margin-right: 20px;
    }

    .option-item span {
        display: block;
        font-size: 17px;
        text-transform: uppercase;
        margin: 5px 0 0 37px;
    }

    .option-item.on {
        background-image: url('/Images/site/item_on.png');
    }

    .option-item.mirror {
        background-position-x: right;
        text-align: right;
    }

        .option-item.mirror span {
            margin: 7px 48px 0 0;
        }

    .option-item.disabled {
        cursor: default;
        -khtml-opacity: .50;
        -moz-opacity: .50;
        -ms-filter: "alpha(opacity=50)";
        filter: alpha(opacity=50);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
        opacity: .50;
    }

.option-label {
    display: block;
    font-size: 20px;
    color: #3F7E95;
    padding: 5px 0 5px 0;
}

.option-description {
    display: block;
    font-size: 14px;
    color: #3F7E95;
    padding: 5px 0 0 0;
}


#helpText {
    font-size: 0.8em;
}

.lookup-box {
    z-index: 999;
    position: absolute;
    padding: 0;
    margin: 0;
    display: none;
    font-size: 90%;
    border: 4px solid #222222;
    background: #ffffff;
    overflow: hidden;
}

    .lookup-box.jumbo {
        width: 489px;
        height: 315px;
    }

        .lookup-box.jumbo .lookup-list {
            margin: 0;
            padding: 0px;
            /*width: 507px;*/
            height: 315px;
            overflow-y: scroll;
        }

.lookup-item {
    margin: 0;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    color: #222222;
    text-overflow: ellipsis;
}

    .lookup-item:nth-child(even) {
        background: #CCCCCC;
    }

    .lookup-item:nth-child(odd) {
        background: #FFFFFF;
    }

    .lookup-item:hover {
        background-color: #3F7E95;
    }

.lookup-box.jumbo .lookup-item {
    font-size: 16px;
}

.lookup-box.wide {
    left: -5px;
    top: 45px;
    width: 712px;
    height: 315px;
}

    .lookup-box.wide .lookup-list {
        margin: 0;
        padding: 0px;
        width: 729px;
        height: 315px;
        overflow-y: scroll;
    }

    .lookup-box.wide .lookup-item {
        font-size: 16px;
    }

.button-group {
    margin: 10px 0 0 -8px;
    width: 300px;
    padding: 4px;
}

    .button-group.wide {
        margin: 10px 0 10px -8px;
        width: 480px;
        padding: 4px;
    }

.button-label {
    display: block;
    font-size: 20px;
    color: #3F7E95;
    padding: 5px 0 5px 0;
}

.button-description {
    display: block;
    font-size: 14px;
    color: #3F7E95;
    padding: 5px 0 0 0;
}

.button-item {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 50px;
    cursor: pointer;
    margin: 4px;
    background: #cccccc;
    text-align: center;
}

    .button-item span {
        display: block;
        font-size: 40px;
        text-transform: uppercase;
        font-weight: bold;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .button-item.on {
        background: #3F7E95;
    }

    .button-item.disabled {
        cursor: default;
        -khtml-opacity: .20;
        -moz-opacity: .20;
        -ms-filter: "alpha(opacity=20)";
        filter: alpha(opacity=20);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
        opacity: .20;
    }

    .button-item.label {
        margin: 20px;
    }

.button-text {
    display: inline-block;
}

    .button-text span {
        display: block;
        font-size: 20px;
        white-space: nowrap;
    }

.tighter {
    margin-top: -20px;
}

.date-box {
    display: inline-block;
    margin-right: 10px;
}

.input-label.date {
    padding: 0;
}

.input-text.date {
    width: 110px;
    text-align: right;
    padding-right: 15px;
}

    .input-text.date::-ms-clear {
        display: none;
        width: 0;
        height: 0;
    }

    .input-text.date::-ms-reveal {
        display: none;
        width: 0;
        height: 0;
    }

    .input-text.date::-webkit-search-decoration,
    .input-text.date::-webkit-search-cancel-button,
    .input-text.date::-webkit-search-results-button,
    .input-text.date::-webkit-search-results-decoration {
        display: none;
    }

.date-selector {
    z-index: 999;
    position: absolute;
    padding: 0;
    margin: 0;
    display: none;
    font-size: 90%;
    border: 4px solid #222222;
    background: #ffffff;
    overflow: hidden;
    width: 267px;
    height: 295px;
}

.date-box-header {
    border-bottom: 4px solid #222222;
    background: #cccccc;
}

    .date-box-header span {
        display: inline-block;
        text-transform: uppercase;
        cursor: pointer;
        text-align: center;
        padding: 3px 0 3px 0;
        width: 89px;
    }

    .date-box-header .selected {
        background: #3F7E95;
    }

.date-box-content {
    position: relative;
    font-size: 18px;
    padding: 4px;
    margin-top: 29px;
}

    .date-box-content .from {
        position: absolute;
        left: 15px;
        height: 184px;
        overflow: hidden;
        width: 95px;
    }

    .date-box-content .sep {
        position: absolute;
        left: 134px;
        border-left: 1px solid #999999;
        width: 1px;
        height: 186px;
    }

    .date-box-content > .sep > span {
        display: block;
        font-size: 12px;
        color: #999999;
        height: 18px;
        padding: 2px;
        background: #ffffff;
        text-align: center;
        width: 20px;
        margin: 4px;
        margin-left: -12px;
        vertical-align: text-top;
    }

        .date-box-content > .sep > span:hover {
            color: #3f7e95;
        }

    .date-box-content > .to {
        position: absolute;
        left: 156px;
        height: 184px;
        overflow: hidden;
        width: 95px;
    }

    .date-box-content span {
        display: block;
        padding: 2px 4px 2px 4px;
        text-align: right;
        cursor: pointer;
    }

    .date-box-content .selected {
        background: #3F7E95;
    }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #ffffff inset;
}

.date-box-scroll {
    color: #999999;
    font-size: 90%;
}

    .date-box-scroll.top {
        position: relative;
        margin-top: 8px;
    }

    .date-box-scroll.bot {
        position: absolute;
        bottom: 44px;
    }

    .date-box-scroll .from {
        position: absolute;
        left: 16px;
        width: 95px;
        text-align: center;
        cursor: pointer;
        border: 1px solid #999999;
        border-radius: 10px;
    }

    .date-box-scroll .to {
        position: absolute;
        left: 158px;
        width: 95px;
        text-align: center;
        cursor: pointer;
        border: 1px solid #999999;
        border-radius: 10px;
    }

    .date-box-scroll > .from:hover {
        color: #3f7e95;
        border: 1px solid #3f7e95;
    }

    .date-box-scroll > .to:hover {
        color: #3f7e95;
        border: 1px solid #3f7e95;
    }

.date-box-footer {
    position: absolute;
    bottom: 2px;
    color: #999999;
    font-size: 90%;
    overflow: hidden;
    left: 4px;
}

    .date-box-footer span {
        display: inline-block;
        margin-left: 10px;
        cursor: pointer;
        text-transform: lowercase;
    }

        .date-box-footer span:hover {
            color: #3f7e95;
        }

.no-show {
    position: absolute;
    bottom: 0;
    border: none;
    color: transparent;
    text-shadow: 0 0 0 0;
    line-height: 0;
    font-size: 0px;
    height: 0px;
    width: 0px;
}

.list-panel, .lookup-panel {
    margin-top: 10px;
    padding: 5px;
    width: 710px;
    background: #cccccc;
    overflow: hidden;
}

    .list-panel ul, .lookup-panel ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .list-panel li, .lookup-panel li {
        position: relative;
        padding: 10px;
        background: #ffffff;
    }

        .list-panel li.enter, .lookup-panel li.enter {
            background: #ffffff;
            border-bottom: 5px solid #cccccc;
            padding: 0;
        }

            .list-panel li.enter input, .lookup-panel li.enter input {
                padding: 10px;
                margin: 0;
                font-size: 15px;
                width: 646px;
                border: none;
            }

        .list-panel li.hilite, .lookup-panel li.hilite {
            background: #cccccc;
        }

        .list-panel li .action, .lookup-panel li .action {
            position: absolute;
            top: 0px;
            right: 0px;
            height: 45px;
            width: 41px;
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: 5px;
            background-size: 30px;
            cursor: pointer;
            border-left: 2px solid #cccccc;
        }

        .list-panel li.hilite .action, .lookup-panel li.hilite .action {
            border-left: 2px solid #ffffff;
        }

        .list-panel li span, .lookup-panel li span {
            cursor: pointer;
        }

        .list-panel li.selected, .lookup-panel li.selected {
            color: #3f7e95;
        }

.add {
    background-image: url('/Images/site/item_add.png');
}

.rem {
    background-image: url('/Images/site/item_on.png');
}

.off {
    background-image: url('/Images/site/item_off.png');
}

.lookup {
    background-image: url('/Images/site/item_lookup.png');
}

.exercise-panel {
    margin-top: 10px;
    padding: 5px;
    width: 780px;
    background: #cccccc;
    overflow: hidden;
}

    .exercise-panel.editor {
        width: 775px;
    }

    .exercise-panel ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .exercise-panel li {
        position: relative;
        height: 82px;
        background: #ffffff;
        font-size: 14px;
    }

    .exercise-panel.editor li {
        height: 78px;
    }

    .exercise-panel li.enter {
        background: #ffffff;
        border-bottom: 5px solid #cccccc;
        height: 40px;
    }

        .exercise-panel li.enter input {
            padding: 0;
            margin: 10px;
            font-size: 15px;
            width: 640px;
            border: none;
        }

    .exercise-panel li.hilite {
        background: #cccccc;
    }

    .exercise-panel li label input {
        font-size: 14px;
        padding: 2px;
        width: 60px;
        text-align: right;
        margin-left: 6px;
    }

    .exercise-panel li .details {
        position: absolute;
        top: 0px;
        right: 50px;
        bottom: 0px;
        left: 0px;
    }

    .exercise-panel.editor li .details {
        right: 11px;
    }

    .exercise-panel li .picture {
        position: absolute;
        top: -4px;
        left: 0px;
        width: 110px;
        height: 80px;
        background-color: #E6E6E6;
        border: 1px solid #ffffff;
    }

        .exercise-panel li .picture.loading {
            width: 24px;
            height: 24px;
            padding: 24px;
        }

    .exercise-panel li .grouper {
        position: absolute;
        top: 1px;
        left: 113px;
        width: 5px;
        height: 80px;
    }

    .exercise-panel li .groupie {
        position: absolute;
        top: 14px;
        left: 135px;
        color: #3f7e95;
        cursor: pointer;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 330px;
    }

    .exercise-panel.editor li .title {
        position: absolute;
        left: 126px;
        top: 10px;
    }

    .exercise-panel li .times-in-day {
        position: absolute;
        top: 10px;
        right: 0px;
    }

    .exercise-panel.editor li .times-in-day {
        top: 8px;
        right: 8px;
    }


    .exercise-panel li .do-days {
        position: absolute;
        top: 42px;
        left: 135px;
    }

    .exercise-panel.editor li .do-days {
        top: 40px;
        left: 125px;
    }

    .exercise-panel li .do-days span {
        display: inline-block;
        text-transform: uppercase;
        background: #222222;
        color: #ffffff;
        margin: 1px;
        padding: 3px;
        text-align: center;
        width: 30px;
        cursor: pointer;
    }

        .exercise-panel li .do-days span.selected {
            background: #309B7A;
        }

    .exercise-panel li .series {
        position: absolute;
        top: 42px;
        right: 167px;
    }

    .exercise-panel li .repetition {
        position: absolute;
        top: 42px;
        right: 0px;
    }

    .exercise-panel.editor li .repetition {
        right: 8px;
    }

    .exercise-panel li .action {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 74px;
        width: 41px;
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: 5px;
        background-size: 30px;
        cursor: pointer;
        border-left: 2px solid #cccccc;
    }

        .exercise-panel li .action.rem {
            height: 41px;
        }

    .exercise-panel li.hilite .action {
        border-left: 2px solid #ffffff;
    }

    .exercise-panel li.selected {
        color: #3f7e95;
    }

.not-valid {
    color: #ff0000;
}

.summary-panel {
    margin-top: 10px;
    padding: 5px;
    width: 780px;
    overflow: hidden;
    border: 1px solid #cccccc;
}

    .summary-panel .filter {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .summary-panel .filter-input {
        margin-right: 23px;
        padding: 4px;
        border: 1px solid #cccccc;
        text-align: center;
    }

    .summary-panel .key {
        padding: 5px 5px 5px 10px;
        float: left;
        width: 195px;
        background: #E6E6E6;
        text-align: left;
        margin-top: 5px;
    }

    .summary-panel .key-input {
        float: right;
        margin-top: 5px;
        border: 1px solid #cccccc;
    }

    .summary-panel .value {
        margin-top: 3px;
        margin-left: 10px;
        padding: 7px;
        float: left;
    }

        .summary-panel .value .item {
            padding: 3px;
        }

        .summary-panel .value span {
            display: block;
            width: 520px;
            padding: 2px;
        }

        .summary-panel .value span.hidden {
            display: none;
        }

            .summary-panel .value span.header {
                background-color: #f3f3f3;
                text-transform: uppercase;
                padding: 6px;
                font-size: 14px;
                margin: 4px 0;
            }

                .summary-panel .value span.header:first-of-type {
                    margin-top: -3px;
                }

        .summary-panel .value div.inliner span {
            display: inline;
        }

.summary-panel .value span.indent {
    font-size: 13px;
    margin: 3px 0 4px 14px;
}

.summary-panel .value span.indent:hover {
    background-color: #f3f3f3;
}

.summary-panel .value span.formula {
    font-style: italic;
}

.col-none {
    margin: 0;
    padding: 0;
}

.select-panel {
    background: #E6E6E6;
    border-bottom: 2px solid #999999;
    max-height: 269px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .select-panel ul {
        margin: 0;
        padding: 20px 15px 5px 15px;
        list-style-type: none;
    }

    .select-panel li {
        position: relative;
        margin: 0 0 15px 35px;
    }

        .select-panel li.selected, li.selected span.link {
            color: #CC6633;
        }

    .select-panel span.link {
        cursor: pointer;
        color: #3F7E95;
    }

    .select-panel span.details {
        display: block;
        font-size: 12px;
    }

.detail-panel {
    margin: 10px 0 5px 40px;
    padding: 5px;
    width: 777px;
    overflow: hidden;
}

    .detail-panel .key {
        padding: 5px 5px 5px 10px;
        float: left;
        width: 210px;
        background-color: #E6E6E6;
        text-align: left;
        margin-top: 10px;
    }

        .detail-panel .key.full {
            width: 700px;
        }

        .detail-panel .key.panel {
            width: 700px;
        }

        .detail-panel .key.prompt {
            background-color: #ffffff;
            width: 700px;
        }

    .detail-panel .value {
        margin-left: 10px;
        padding: 7px;
        float: left;
        margin-top: 5px;
    }

    .detail-panel .value span {
        display: block;
        width: 444px;
    }

        .detail-panel .value span.header {
            background-color: #f3f3f3;
            text-transform: uppercase;
            padding: 4px;
            font-size: 14px;
            margin: 4px 0;
        }

        .detail-panel .value span.header:first-of-type {
            margin-top: -1px;
        }
        
.detail-panel .value span.indent {
    font-size: 12px;
    margin: 2px 0 4px 10px;
}

    .detail-panel .link {
        cursor: pointer;
        color: #3F7E95;
    }

    .detail-panel div.progress {
        margin-left: 10px;
        display: inline-block;
        text-transform: lowercase;
    }

    .detail-panel .value div.inliner span {
        display: inline;
    }

    .detail-panel .value .input {
        display: inline-block;
        width: 460px;
        border: 1px solid #E6E6E6;
        line-height: 30px;
    }


.mini-command {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    background-color: #ffffff;
    border: 1px solid #3F7E95;
    color: #3F7E95;
    cursor: pointer;
    padding: 5px 10px;
    text-align: center;
    margin-left: 10px;
    text-transform: uppercase;
}

.fatal {
    color: #ff0000;
    margin: 10px 10px 10px 20px;
    font-size: 0.8em;
}

.toolbar {
}

    .toolbar img {
        width: 50px;
        height: 50px;
    }

    .toolbar.east {
        position: absolute;
        right: 20px;
        bottom: 10px;
        height: 50px;
    }

.double-col .west {
    float: left;
    width: 320px;
}

.command-buttons {
    position: relative;
}

    .command-buttons span {
        display: inline-block;
        text-transform: uppercase;
        cursor: pointer;
        background: #3F7E95;
        font-size: 14px;
        width: 245px; /*238px;*/
        text-align: center;
        padding: 4px 0 4px 0;
        margin-right: 3px;
    }

    .command-buttons .fat {
        height: 24px;
        line-height: 24px;
    }

    .command-buttons .use-list {
        margin-top: 2px;
        background: #309B7A;
        width: 720px;
    }

    .command-buttons .cancel-use {
        margin-top: 2px;
        background: #999999;
        width: 720px;
    }

    .command-buttons span.accent {
        margin-left: 6px;
        background: #309B7A;
    }

    .command-buttons span.white {
        background: #ffffff;
    }

    .command-buttons span.pressed {
        color: #3F7E95;
        background-color: #E6E6E6;
    }

    .command-buttons span.inverted {
        color: #ffffff;
    }

    .command-buttons span.placeholder {
        background-color: #ffffff;
        cursor: default;
        width: 294px;
    }

    .command-buttons input {
        font-size: 14px;
        padding: 2px 4px;
        width: 280px;
        margin-right: 4px;
    }

    .command-buttons span.readonly {
        opacity: 0.4;
        pointer-events: none;
    }


.command-button {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #309B7A;
    cursor: pointer;
    margin: 4px;
}

.bottom-left-command {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #309B7A;
    cursor: pointer;
    margin: 4px;
    width: 210px;
}

.bottom-right-command {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #309B7A;
    cursor: pointer;
    margin: 4px;
    width: 210px;
}


.command-button span {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    padding: 10px;
}

.command-label {
    background-color: #222222;
    cursor: pointer;
    margin: 4px;
    color: #ffffff;
}

    .command-label span {
        display: block;
        text-transform: uppercase;
        font-size: 14px;
        text-align: center;
        padding: 10px 4px;
    }

#modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    display: none;
}

@supports not (backdrop-filter: blur(5px)) {
    #modal-overlay {
        background: #000000;
        opacity: 0.4;
        filter: alpha(opacity=40);
    }
}

#modal-view {
    position: absolute;
    background: #222222;
    padding: 10px;
    display: none;
}

#modal-view.almost-full-width {
    width: 99% !important;
}

#modal-content {
    background: #E6E6E6;
    padding: 5px;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#modal-content.disabled {
    pointer-events: none;
    opacity: 0.9;
}

#modal-close {
    position: absolute;
    background: url(/Images/site/view_close.png) 0 0 no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -9999px;
    top: 10px;
    right: 12px;
    cursor: pointer;
}

    #modal-close.invert {
        background: url(/Images/site/view_x_i.png) 0 0 no-repeat;
        background-size: 24px;
        top: 14px;
        right: 14px;
    }

#modal-resize {
    position: absolute;
    background-size: 24px;
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -9999px;
    bottom: 10px;
    right: 12px;
    cursor: pointer;
}

.expand {
    background: url(/Images/site/view_expand.png) 0 0 no-repeat;
}

.collapse {
    background: url(/Images/site/view_collapse.png) 0 0 no-repeat;
}

.down {
    background: url(/Images/site/view_down.png) 0 0 no-repeat;
}

.right {
    background: url(/Images/site/view_right.png) 0 0 no-repeat;
}

.left {
    background: url(/Images/site/view_left.png) 0 0 no-repeat;
}

.up {
    background: url(/Images/site/view_up.png) 0 0 no-repeat;
}

.modal-exercise {
    width: 801px; /*785px;*/
    overflow-x: hidden;
    overflow-y: auto;
}

    .modal-exercise .help-title {
        width: 700px;
    }

    .modal-exercise .command-buttons {
        text-align: right;
        margin-top: 10px;
        position: absolute;
        bottom: 5px;
        right: 0;
    }

        .modal-exercise .command-buttons span {
            width: 100px;
        }

            .modal-exercise .command-buttons span.status {
                border: 1px solid red;
            }

.media-preview {
    margin: 10px 0 10px 0;
    height: 239px; /*250px;*/
}

.media-content {
    float: left;
    background: #ffffff;
    padding: 2px;
    height: 241px;
}

    .media-content video {
        width: 360px;
        height: 240px;
        border: 1px solid #CCCCCC;
    }

.media-details {
    float: left;
    width: 398px;
    height: 240px;
    margin-left: 4px;
}

.media-title {
    background: #999999;
    outline: 0;
    border: none;
    overflow: hidden;
    width: 100%;
    font-size: 16px;
    padding: 4px 8px 4px 8px;
}

.media-text {
    background: #FFFFFF;
    outline: 0;
    border: none;
    overflow-x: hidden;
    width: 100%;
    height: 201px;
    font-size: 14px;
    padding: 8px;
    max-height: 201px;
    max-width: 398px;
    resize: none;
    overflow-y: auto;
}

.status-bar {
    position: absolute;
    left: 8px;
    bottom: 12px;
    font-size: 14px;
}

    .status-bar img {
        margin-left: 5px;
    }


.success {
    color: #309B7A;
}

.error {
    color: #ff1a33;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    margin: 20px 10px 10px 0px;
    padding: 0;
}

.toggle-label {
    font-size: 0.8em;
    margin-left: 10px;
    color: #ff0000;
}

.modal-search {
    position: relative;
    height: 720px;
    width: 1042px;
}

.search-list {
    position: absolute;
    width: 830px; /*825px*/
    height: 615px;
    top: 64px;
    left: 3px;
    overflow-y: auto;
    overflow-x: hidden;
}

.search-picture {
    width: 190px;
    height: 110px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
}

    .search-picture.loading {
        width: 24px;
        height: 24px;
        padding: 43px 86px 43px 86px;
    }

.search-preview {
    display: inline-block;
    margin: 2px 0 2px 0;
}

.search-content {
    position: relative;
    background: #ffffff;
    padding: 3px 3px 0 3px;
    margin: 0 2px 0 2px;
}

    .search-content.selected {
        background: #309B7A;
    }

    .search-content video {
        width: 360px;
        height: 240px;
        border: 1px solid #CCCCCC;
    }

.search-title {
    position: absolute;
    bottom: 5px;
    left: 4px;
    right: 4px;
    font-size: 10px;
    padding: 2px 20px 2px 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #222222;
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #ffffff;
}

.remover {
    position: absolute;
    top: 6px;
    right: 7px;
    cursor: pointer;
    color: #E6E6E6;
    font-size: 12px;
}

.zoomer {
    position: absolute;
    bottom: 6px;
    right: 7px;
    cursor: pointer;
    color: #E6E6E6;
    font-size: 12px;
}

.search-text {
    background: #FFFFFF;
    outline: 0;
    border: none;
    overflow: hidden;
    width: 100%;
    height: 201px;
    font-size: 14px;
    padding: 8px;
}

.search-box {
    position: absolute;
    top: 5px;
    left: 4px;
    height: 25px;
    background-color: #CCCCCC;
    width: 198px;
}

    .search-box input {
        background-color: #CCCCCC;
        border: 1px solid #999999;
        font-size: 12px;
        padding: 0 2px 0 2px;
        height: 19px;
        width: 188px;
        margin: 2px;
    }

        .search-box input:focus {
            border-color: #222222;
        }

.search-categories {
    position: absolute;
    top: 5px;
    left: 210px;
    height: 24px;
    width: 814px;
    overflow-x: auto;
}

.search-category {
    display: inline-block;
    height: 24px;
    margin-right: 4px;
    background-color: #CCCCCC;
}

    .search-category span {
        display: inline-block;
        text-transform: uppercase;
        font-size: 12px;
        white-space: nowrap;
        margin-top: 1px;
        padding: 4px 6px 4px 6px;
        vertical-align: middle;
    }

    .search-category:hover {
        color: #3F7E95;
    }

    .search-category.selected {
        color: #FFFFFF;
        background-color: #309B7A;
    }

    .search-category img {
        display: inline-block;
        border: none;
        height: 11px;
        cursor: pointer;
        opacity: 0.2;
        filter: alpha(opacity=20);
        margin: 2px 4px 0 -3px;
        vertical-align: middle;
    }

        .search-category img:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

.search-classes {
    position: absolute;
    width: 200px; /*211px*/
    top: 60px;
    right: 0px;
    height: 370px;
    overflow: hidden;
    word-wrap: break-word;
}

    .search-classes span {
        text-transform: uppercase;
        display: inline-block;
        margin: 4px 1px;
        cursor: pointer;
    }

        .search-classes span:hover {
            color: #3F7E95;
        }

.search-tags {
    position: absolute;
    width: 200px; /*211px*/
    top: 60px;
    right: 0px;
    height: 370px;
    overflow: hidden;
}

    .search-tags span {
        text-transform: uppercase;
        display: inline-block;
        margin: 1px;
        cursor: pointer;
    }

        .search-tags span:hover {
            color: #3F7E95;
        }

.search-history {
    position: absolute;
    width: 185px;
    top: 0px;
    right: 0px;
}

.history-item {
    height: 21px;
    margin: 0 0 3px 0;
    background-color: #CCCCCC;
}

    .history-item span {
        display: inline-block;
        text-transform: uppercase;
        font-size: 12px;
        white-space: nowrap;
        padding: 4px 4px 4px 5px;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 160px;
    }

    .history-item img {
        display: inline-block;
        border: none;
        height: 11px;
        cursor: pointer;
        opacity: 0.2;
        filter: alpha(opacity=20);
        margin: 0 4px 0 -2px;
        vertical-align: middle;
    }

        .history-item img:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

.modal-search .command-buttons {
    position: absolute;
    left: 5px;
    bottom: 0px;
    width: 1027px;
}

    .modal-search .command-buttons span {
        width: 198px;
        margin-right: 4px;
    }

        .modal-search .command-buttons span.accent {
            width: 212px;
            margin-right: 0;
        }

.command-buttons span[disabled] {
    color: #999999;
    background-color: #CCCCCC;
    cursor: auto;
}

.search-loader {
    position: absolute;
    top: 37px;
    right: 70px;
    display: none;
    height: 20px;
    width: 120px;
}

.nothing-found {
    color: #CC6633;
    margin: 10px 0 0 5px;
}

.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    display: none;
    z-index: 1;
}

.search-details {
    position: relative;
    background: #222222;
    padding: 10px;
    display: none;
    margin: 4px;
    width: 781px;
    height: 363px;
}

.search-view {
    position: relative;
}

.search-media {
    position: absolute;
    background: #000000;
    position: absolute;
    width: 391px;
    height: 369px;
    left: -3px;
    top: 0px;
    text-align: center;
    line-height: 363px;
}

.media-video {
    max-width: 391px;
    max-height: 363px;
    vertical-align: middle;
}

.media-picture {
    max-width: 391px;
    max-height: 363px;
    display: none;
}

.media-info {
    position: absolute;
    width: 390px;
    height: 220px;
    left: 394px;
}

.info-title {
    background: #999999;
    outline: 0;
    border: none;
    width: 377px;
    overflow: hidden;
    font-size: 16px;
    padding: 4px 8px 4px 8px;
}

.info-text {
    background: #FFFFFF;
    outline: 0;
    border: none;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 14px;
    padding: 8px;
    min-width: 377px;
    width: 377px;
    max-width: 377px;
    min-height: 325px;
    height: 325px;
    max-height: 325px;
}

.media-loader {
    position: absolute;
    bottom: 0;
    right: 30px;
    display: none;
}

.detail-status {
    position: absolute;
    width: 300px;
    height: 15px;
    left: 100px;
    bottom: 128px;
    overflow: hidden;
    text-align: right;
}

.status-message {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #3F7E95;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

.alert {
    color: #CC6633;
}

.status-loader {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 10px;
    display: none;
}

.detail-buttons {
    position: absolute;
    right: 2px;
    bottom: 10px;
    display: none;
}

    .detail-buttons span {
        display: inline-block;
        text-transform: uppercase;
        cursor: pointer;
        background: #3F7E95;
        font-size: 14px;
        width: 128px;
        text-align: center;
        padding: 4px 0 4px 0;
        margin-right: 3px;
    }

        .detail-buttons span[disabled] {
            color: #999999;
            background-color: #CCCCCC;
            cursor: auto;
        }

.detail-exercises {
    position: absolute;
    width: 390px;
    height: 66px;
    left: 10px;
    bottom: 80px;
    overflow: hidden;
}

.exercises-title {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 10px;
    cursor: pointer;
}

.exercise-pictures {
    display: none;
}

.exercise-picture {
    border: 1px solid #222222;
    height: 45px;
    width: 45px;
    cursor: pointer;
}

    .exercise-picture:hover {
        border: 1px solid #3F7E95;
    }

    .exercise-picture.selected {
        border: 1px solid #3F7E95;
    }

.detail-variants {
    position: absolute;
    width: 390px;
    height: 66px;
    left: 10px;
    bottom: 80px;
    overflow: hidden;
}

.variants-title {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 10px;
    cursor: pointer;
}

.variant-pictures {
    display: none;
}

.variant-picture {
    border: 1px solid #222222;
    height: 45px;
    width: 45px;
    cursor: pointer;
}

    .variant-picture:hover {
        border: 1px solid #3F7E95;
    }

    .variant-picture.selected {
        border: 1px solid #3F7E95;
    }

.detail-analyses {
    position: absolute;
    width: 390px;
    height: 66px;
    left: 10px;
    bottom: 10px;
    overflow: hidden;
}

.analyses-title {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 10px;
    cursor: pointer;
}

.analysis-pictures {
    display: none;
}

.analysis-picture {
    border: 1px solid #222222;
    height: 45px;
    width: 45px;
    cursor: pointer;
}

    .analysis-picture:hover {
        border: 1px solid #3F7E95;
    }

    .analysis-picture.selected {
        border: 1px solid #3F7E95;
    }

.pinned-picture {
    position: absolute;
    left: 15px;
    top: 15px;
    border: 1px solid #222222;
    height: 45px;
    width: 45px;
    display: none;
    z-index: 2;
}


.confirm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 2;
}

.confirm-box {
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff;
    width: 400px;
    text-align: center;
    border: 4px solid #222222;
    z-index: 2;
}

.confirm-buttons {
    margin: 15px;
}

.confirm-button {
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    background: #3F7E95;
    font-size: 14px;
    width: 129px;
    text-align: center;
    padding: 4px 0 4px 0;
    margin-right: 3px;
}

.confirm-title {
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    background: #999999;
    padding: 4px;
}

.confirm-text {
    display: block;
    margin: 10px 30px 10px 30px;
    color: #CC6633;
    font-size: 14px;
}

.confirm-beater {
    display: none;
}

.detail-properties {
    position: absolute;
    width: 392px;
    top: 237px;
    height: 100px;
    right: 2px;
    overflow: hidden;
}

.properties-title {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 10px;
    cursor: pointer;
}

.property-details {
    position: relative;
}

    .property-details .do-days {
        position: absolute;
        top: 0px;
        left: -2px;
    }

        .property-details .do-days span {
            display: inline-block;
            text-transform: uppercase;
            background: #222222;
            color: #ffffff;
            margin: 2px;
            padding: 3px;
            text-align: center;
            width: 44px;
            cursor: pointer;
            font-size: 12px;
            border: 1px solid #999999;
        }

            .property-details .do-days span:hover {
                border: 1px solid #3F7E95;
            }

            .property-details .do-days span.selected {
                background: #309B7A;
            }

            .property-details .do-days span.disabled {
                border: 1px solid #222222;
            }

.detail-properties label {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 10px;
}


.detail-properties input {
    display: block;
    color: #ffffff;
    background-color: #222222;
    border: 1px solid #999999;
    font-size: 12px;
    padding: 0 2px 0 2px;
    height: 21px;
    width: 121px;
    margin-top: 4px;
}

.detail-properties .times-in-day {
    position: absolute;
    top: 55px;
    left: 0px;
}

.detail-properties .series {
    position: absolute;
    top: 55px;
    left: 131px;
}

.detail-properties .repetition {
    position: absolute;
    top: 55px;
    left: 262px;
}

#media_upload_container {
    position: fixed;
    /*height: 1px;
    width: 1px;*/
    right: 100%;
    bottom: 100%;
}

#file_upload_form {
    position: fixed;
    /*height: 1px;
    width: 1px;*/
    right: 100%;
    bottom: 100%;
}

#file_upload_frame {
    position: fixed;
    /*height: 1px;
    width: 1px;*/
    right: 100%;
    bottom: 100%;
}

#video_upload_form {
    position: fixed;
    /*height: 1px;
    width: 1px;*/
    right: 100%;
    bottom: 100%;
}

#video_upload_frame {
    position: fixed;
    /*height: 1px;
    width: 1px;*/
    right: 100%;
    bottom: 100%;
}

#poster_upload_form {
    position: fixed;
    /*height: 1px;
    width: 1px;*/
    right: 100%;
    bottom: 100%;
}

#poster_upload_frame {
    position: fixed;
    /*height: 1px;
    width: 1px;*/
    right: 100%;
    bottom: 100%;
}

#picture_upload_form {
    position: fixed;
    /*height: 1px;
    width: 1px;*/
    right: 100%;
    bottom: 100%;
}

#picture_upload_frame {
    position: fixed;
    /*height: 1px;
    width: 1px;*/
    right: 100%;
    bottom: 100%;
}


#thumb_upload_form {
    position: fixed;
    /*height: 1px;
    width: 1px;*/
    right: 100%;
    bottom: 100%;
}

#thumb_upload_frame {
    position: fixed;
    /*height: 1px;
    width: 1px;*/
    right: 100%;
    bottom: 100%;
}

input[type="file"] {
    position: fixed;
    right: 100%;
    bottom: 100%;
}

.welcome {
    text-align: center;
}

    .welcome span {
        display: block;
        font-size: 18px;
        padding: 10px 100px 10px 100px;
    }

    .welcome.us span {
        font-size: 24px;
    }

    .welcome span.huge {
        padding: 30px 0 20px 0;
        color: #3F7E95;
        font-size: 32px;
    }

    .welcome.us a {
        font-size: 18px;
        color: #3F7E95;
    }

.command-links span {
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    color: #3F7E95;
    font-size: 14px;
    margin-top: 4px;
}

.command-container span {
    margin-left: 20px;
    color: #ffffff;
    background-color: #309B7A;
    padding: 4px 10px;
}

.command-buttons span.double-col {
    margin-top: 15px;
    margin-bottom: 5px;
    width: 141px;
}

.patient-details .input-text[readonly] {
    width: 273px;
    padding-left: 6px;
    border: 1px solid #999999;
    background-color: #E6E6E6;
}

.status-message.bar {
    display: block;
    left: 10px;
    bottom: 2px;
    text-align: left;
}


.visitor-panel {
    margin: 40px;
    font-size: 20px;
    color: #3F7E95;
}

    .visitor-panel a {
        color: #3F7E95;
    }

.col-one-aligned {
    margin: 30px 0 0 50px;
}

.report-area {
    position: relative;
    width: 851px;
    height: 650px;
    background: #222222;
    margin: 0;
}

    .report-area.act {
        margin: -20px 0 0 -8px;
        width: 844px;
        height: 504px;
        background: #ffffff;
    }

.chart-buttons {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 550px;
}

    .chart-buttons.act {
        left: 3px;
        bottom: 2px;
    }

    .chart-buttons span {
        display: inline-block;
        text-transform: uppercase;
        vertical-align: top;
        font-size: 12px;
        height: 47px;
        width: 90px;
        cursor: pointer;
        text-align: center;
        padding: 5px;
        margin-right: 10px;
        background-color: #999999;
    }

        .chart-buttons span.chart-button-1 {
            background-color: #CC6633;
        }

        .chart-buttons span.chart-button-2 {
            background-color: #3F7E95;
        }

        .chart-buttons span.chart-button-3 {
            background-color: #9966CC;
        }

        .chart-buttons span.chart-button-4 {
            background-color: #309B7A;
        }

.chart-area {
    position: relative;
    width: 851px;
    height: 577px;
    background-color: #ffffff;
    padding: 3px;
}

    .chart-area.act {
        height: 440px;
    }

.chart-title .west {
    display: inline-block;
    height: 70px;
    width: 150px;
    background-color: #CCCCCC;
}

.chart-title.act .west {
    height: 50px;
}

.chart-title .west .title {
    position: absolute;
    left: 1px;
    top: 10px;
    font-size: 14px;
    width: 150px;
    text-align: center;
}

.chart-range {
    position: absolute;
    left: 3px;
    top: 54px;
    font-size: 14px;
    width: 150px;
    text-align: center;
}

    .chart-range.act {
        top: 44px;
    }

    .chart-range span {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        width: 41px;
        background-color: #999999;
        cursor: pointer;
        margin: 0 2px 0 2px;
    }

        .chart-range span.selected {
            background-color: #4b6771;
        }

.chart-title .east {
    display: inline-block;
    height: 70px;
    width: 686px;
    background-color: #999999;
    position: relative;
    margin-left: 1px;
}

.chart-title.act .east {
    height: 50px;
}

.chart-content .west {
    display: inline-block;
    height: 418px;
    width: 150px;
    vertical-align: top;
}

.chart-content .east {
    display: inline-block;
    height: 418px;
    width: 692px;
    background-color: #eef1f3;
}

.report-command {
    bottom: 7px;
    right: -4px;
}

.chart-table {
    border-collapse: collapse;
}

    .chart-table td {
        margin: 0px;
        padding: 0px;
        text-align: center;
        text-transform: uppercase;
        width: 98px;
        background-color: #eef1f3;
        position: relative;
    }

        .chart-table td:nth-child(even) {
            background-color: #e7eaed;
        }

    .chart-table tr.even td:nth-child(odd) {
        background-color: #e7eaed;
    }

    .chart-table tr.even td:nth-child(even) {
        background-color: #dce1e5;
    }

    .chart-table td.level {
        font-size: 14px;
        height: 40px;
        width: 154px;
        background-color: #ffffff;
    }

    .chart-table.act td.level {
        font-size: 13px;
        height: 31px;
    }

    .chart-table tr.even td.level {
        font-size: 14px;
        height: 40px;
        width: 154px;
        background-color: #ffffff;
    }

    .chart-table.act tr.even td.level {
        font-size: 13px;
        height: 31px;
    }

    .chart-table span.level {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 39px;
        width: 150px;
        line-height: 39px;
    }

    .chart-table.act span.level {
        height: 30px;
        line-height: 30px;
    }

    .chart-table tr.even span.level-1 {
        background-color: #3e783e;
    }

    .chart-table span.level-2 {
        background-color: #5a9915;
    }

    .chart-table tr.even span.level-3 {
        background-color: #6dce09;
    }

    .chart-table span.level-4 {
        background-color: #abe80f;
    }

    .chart-table tr.even span.level-5 {
        background-color: #c8f517;
    }

    .chart-table span.level-6 {
        background-color: #fcfe13;
    }

    .chart-table tr.even span.level-7 {
        background-color: #e2c915;
    }

    .chart-table span.level-8 {
        background-color: #e2a017;
    }

    .chart-table tr.even span.level-9 {
        background-color: #f16919;
    }

    .chart-table span.level-10 {
        background-color: #f13919;
    }

    .chart-table td.current-period {
        font-size: 16px;
        text-transform: uppercase;
        height: 74px;
        background-color: #ffffff;
    }

    .chart-table.act td.current-period {
        font-size: 14px;
        height: 40px;
    }

    .chart-table span.current-period {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 74px;
        width: 150px;
        line-height: 74px;
        background-color: #cccccc;
    }

    .chart-table.act span.current-period {
        height: 40px;
        line-height: 40px;
    }

    .chart-table td.period {
        font-size: 16px;
        background-color: #999999;
    }

    .chart-table.act td.period {
        font-size: 14px;
    }

    .chart-table td.period:nth-child(odd) {
        background-color: #cccccc;
    }

    .chart-table td.period .commentory {
        position: absolute;
        height: 20px;
        bottom: 4px;
        right: 4px;
        cursor: pointer;
    }

    .chart-table span.circle {
        display: block;
        border-radius: 50%;
        position: absolute;
    }

    .chart-table span.induration {
        height: 10px;
        width: 10px;
        background-color: #CC6633;
        z-index: 103;
        left: 42px;
        top: 15px;
    }

    .chart-table.act span.induration {
        top: 11px;
    }

div.line-induration {
    transform-origin: 0 100%;
    height: 3px;
    background-color: #CC6633;
    z-index: 53;
}

.chart-table span.pain-at-rest {
    height: 14px;
    width: 14px;
    background-color: #3F7E95;
    z-index: 102;
    left: 40px;
    top: 13px;
}

.chart-table.act span.pain-at-rest {
    top: 9px;
}

div.line-pain-at-rest {
    transform-origin: 0 100%;
    height: 3px;
    background-color: #3F7E95;
    z-index: 52;
}

.chart-table span.pain-at-work {
    height: 18px;
    width: 18px;
    background-color: #9966CC;
    z-index: 101;
    left: 38px;
    top: 11px;
}

.chart-table.act span.pain-at-work {
    top: 7px;
}

div.line-pain-at-work {
    transform-origin: 0 100%;
    height: 3px;
    background-color: #9966CC;
    z-index: 51;
}

.chart-table span.physical {
    height: 22px;
    width: 22px;
    background-color: #309B7A;
    z-index: 100;
    left: 36px;
    top: 9px;
}

.chart-table.act span.physical {
    top: 5px;
}

div.line-physical {
    transform-origin: 0 100%;
    height: 3px;
    background-color: #309B7A;
    z-index: 50;
}

.chart-periods {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 670px;
    overflow: hidden;
}

    .chart-periods.act {
        left: 5px;
        top: 5px;
    }

    .chart-periods div {
        display: inline-block;
        height: 40px;
        width: 60px;
        cursor: pointer;
        text-align: center;
        padding: 5px;
        margin-right: 10px;
        background-color: #cccccc;
    }

    .chart-periods.act div {
        height: 35px;
        width: 60px;
        padding: 2px;
        margin-right: 5px;
    }

    .chart-periods div.selected {
        background-color: #4b6771;
    }

    .chart-periods span {
        display: block;
        text-transform: uppercase;
        font-size: 12px;
        margin: 5px;
    }

    .chart-periods.act span {
        margin: 2px;
    }

    .chart-periods span.done {
        font-size: 10px;
    }

        .chart-periods span.done.started {
            color: #fcfe13;
        }

        .chart-periods span.done.all {
            color: #6dce09;
        }

        .chart-periods span.done.none {
            color: #f13919;
        }

    .chart-periods span.current {
        text-decoration: underline;
    }

.comment-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 500;
}

.comment-box {
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff;
    width: 400px;
    text-align: center;
    border: 4px solid #222222;
    z-index: 600;
}

.comment-buttons {
    margin: 15px;
}

.comment-button {
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    background: #3F7E95;
    font-size: 14px;
    width: 129px;
    text-align: center;
    padding: 4px 0 4px 0;
    margin-right: 3px;
}

.comment-title {
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    background: #dce1e5;
    padding: 4px;
}

.comment-sub-title {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    background: #e7eaed;
    padding: 4px;
}

.comment-text {
    display: block;
    margin: 10px 30px 10px 30px;
    color: #CC6633;
    font-size: 14px;
}

.regimen-label {
    display: block;
    font-size: 14px;
    color: #3F7E95;
    padding: 5px 0 7px 0;
}

.document-title {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #222222;
    padding: 5px 0 7px 0;
    text-transform: uppercase;
}

.content-title {
    display: block;
    font-size: 14px;
    color: #3F7E95;
    padding: 5px 0 7px 0;
}

.content-picture {
    margin: 10px 0 20px 0;
}

.post-message {
    position: absolute;
    right: 8px;
    top: 8px;
    display: block;
    font-size: 14px;
    color: #3F7E95;
}

.search-links {
    position: absolute;
    top: 37px;
    left: 0;
}

    .search-links span {
        display: inline-block;
        text-transform: uppercase;
        cursor: pointer;
        color: #3F7E95;
        font-size: 14px;
        margin-left: 4px;
    }

        .search-links span.prompt {
            text-transform: none;
            cursor: default;
            color: #222222;
            font-size: 14px;
            margin-left: 8px;
        }

.search-pick {
    position: absolute;
    height: 242px;
    width: 200px; /*211px;*/
    top: 434px;
    right: 1px;
    overflow-x: hidden;
    overflow-y: auto;
}

.pick-header {
    display: block;
    font-size: 12px; /*14px*/
    text-transform: uppercase;
    margin-bottom: 5px;
}

.search-title.picked {
    position: relative;
    display: block;
    left: 0;
    top: 0px;
    background: #309B7A;
    opacity: 1;
    filter: alpha(opacity=100);
    margin-bottom: 1px;
    font-size: 14px;
}

.viewbag {
    position: absolute;
    bottom: 60px;
    left: 10px;
    z-index: 999999;
}

    .viewbag span {
        display: block;
        color: #CC6633;
        font-size: 12px;
    }

.add-content {
    position: relative;
    background: #ffffff;
    padding: 3px 3px 0 3px;
    margin: 0 2px 0 2px;
}

.add-picture {
    width: 190px;
    height: 110px;
    border: 1px solid #CCCCCC;
}

.add-title {
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 5px;
    font-size: 14px;
    background: #222222;
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    line-height: 110px;
    cursor: pointer;
}

.add-loader {
    position: absolute;
    bottom: 20px;
    left: 40px;
    display: none;
}

.thumb-picture {
    position: absolute;
    left: 347px;
    top: 15px;
    border: 1px solid #222222;
    height: 45px;
    width: 45px;
    cursor: pointer;
    display: none;
    z-index: 2;
}

    .thumb-picture:hover {
        border: 1px solid #3F7E95;
    }

.notification-panel {
    background: #E6E6E6;
    border-bottom: 2px solid #999999;
    overflow: hidden;
}

    .notification-panel ul {
        margin: 0;
        padding: 15px 15px 5px 15px;
        list-style-type: none;
    }

    .notification-panel li {
        position: relative;
        margin: 0 0 15px 35px;
    }

        .notification-panel li.selected, li.selected span.link {
            color: #CC6633;
        }

    .notification-panel span.link {
        cursor: pointer;
        color: #3F7E95;
    }

    .notification-panel span.nolink {
        color: #3F7E95;
    }

    .notification-panel span.details {
        display: block;
        font-size: 12px;
    }

    .notification-panel div.text.media img.icon {
        max-width: 40px;
        margin: 5px 0;
    }

.checkbox-group {
    margin-top: 20px;
}

.checkbox-item {
    height: 38px;
    background-image: url('/Images/site/item_off.png');
    background-repeat: no-repeat;
    background-position-x: left;
    cursor: pointer;
    width: 500px;
    margin: 4px 0 0 4px;
    border: 1px solid white;
}

    .checkbox-item span {
        display: block;
        font-size: 18px;
        text-transform: uppercase;
        margin: 7px 0 0 48px;
    }

    .checkbox-item.on {
        background-image: url('/Images/site/item_on.png');
    }

    .checkbox-item.mirror {
        background-position-x: right;
        text-align: right;
    }

        .checkbox-item.mirror span {
            margin: 7px 48px 0 0;
        }

    .checkbox-item.disabled {
        cursor: default;
        -khtml-opacity: .50;
        -moz-opacity: .50;
        -ms-filter: "alpha(opacity=50)";
        filter: alpha(opacity=50);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
        opacity: .50;
    }

    .checkbox-item.compact {
        margin-top: -10px;
        background-size: 20px;
    }

        .checkbox-item.compact span {
            font-size: 16px;
            margin: 3px 0 0 27px;
        }

.report-container {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
}

    .report-container .north-west {
        position: absolute;
        top: 0px;
        left: 10px;
        width: 220px;
        bottom: 0px;
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 10px;
    }

    .report-container .north-east {
        position: absolute;
        top: 10px;
        right: 0;
        width: 600px;
        height: 330px;
    }

    .report-container .south-west {
        position: absolute;
        top: 345px;
        left: 10px;
        width: 210px;
        height: 280px;
    }

    .report-container .south-east {
        position: absolute;
        top: 345px;
        right: 0;
        width: 590px;
        bottom: 0px;
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 10px;
    }

#ReportLineChart {
    width: 580px;
    height: 270px;
    border: 1px solid #E6E6E6;
}

#ReportBarChart {
    margin-left: 0px;
    width: 600px;
    height: 260px;
}

#ReportPieChart {
    margin-left: 20px;
    margin-top: 20px;
    width: 180px;
    height: 180px;
}

.report-item {
    display: block;
    font-size: 14px;
    color: #4b6771;
    cursor: pointer;
    vertical-align: middle;
}

    .report-item .item-name {
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 105px;
    }

        .report-item .item-name:hover {
            color: #3f7e95;
        }

    .report-item.disabled {
        color: #999999;
    }

    .report-item .bar {
        margin-top: 4px;
        height: 10px;
        width: 100px;
        float: right;
        color: #222222;
        font-size: 8px;
        border-radius: 3px;
        text-align: right;
    }

.item-header {
    margin: 10px 0;
}

    .item-header label {
        display: block;
        color: #222222;
        text-transform: uppercase;
    }

.report-indicator {
    font-weight: normal;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
    display: block;
}

    .report-indicator:hover {
        color: #3f7e95;
    }

    .report-indicator.selected {
        color: #3f7e95;
    }

.chart-header span.report-range {
    text-transform: lowercase;
    font-weight: normal;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
}

.chart-header .report-range.selected {
    color: #3f7e95;
}

.chart-header .report-range:hover {
    color: #3f7e95;
}

.chart-header span.report-period {
    text-transform: lowercase;
    font-weight: normal;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
}

.chart-header .report-period.selected {
    color: #3f7e95;
}

.chart-header .report-period:hover {
    color: #3f7e95;
}

.sep {
    margin-left: 10px;
}

.diams {
    margin-left: 4px;
    font-size: 12px;
    color: #999999;
}

.chart-header {
    margin: 0 0 10px 15px;
}

.north-east .chart-header {
    margin: 0 0 10px 0;
}

.south-west .chart-header {
    margin: 0 0 10px 0;
}


.chart-header label {
    display: block;
    color: #222222;
    text-transform: uppercase;
}

.chart-header span.view {
    text-transform: lowercase;
    font-weight: normal;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
}

.chart-header span.selected {
    color: #3f7e95;
}

.chart-header span.code {
    font-weight: normal;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
    text-transform: uppercase;
}

.chart-header .code.selected {
    color: #3f7e95;
}

.stat-header {
    margin-bottom: 10px;
}

    .stat-header label {
        display: block;
        color: #222222;
        text-transform: uppercase;
    }

.stat-item {
    display: block;
    font-size: 14px;
    color: #4b6771;
}

.stat-sep {
    display: block;
    margin: 4px;
}

.stat-title {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 150px;
    vertical-align: middle;
}

.stat-value {
    display: inline-block;
    color: #222222;
    vertical-align: middle;
    background-color: #f3f3f3;
    padding: 2px 4px 2px 10px;
    width: 45px;
    border-radius: 3px;
    text-align: right;
}

.item-details {
    position: absolute;
    width: 300px;
    background-color: rgba(34,34,34,0.9);
    border-radius: 6px;
    padding: 6px;
    font-size: 14px;
    display: none;
    z-index: 9999;
}

.detail-close {
    position: absolute;
    top: 2px;
    right: 6px;
    cursor: pointer;
}

.item-details label {
    display: block;
    color: #999999;
}

.item-details span {
    color: #cccccc;
}

.item-details .item-name {
    font-weight: bold;
    color: #ffffff;
}

.item-line, .item-target, .item-complete, .item-exercise, .item-regimen, .item-done {
    margin-top: 10px;
}

.admin-content {
    overflow-y: auto;
}

.item-list {
    margin: 10px 20px;
}

.item-filter {
    text-transform: lowercase;
    padding: 0 5px;
    margin-bottom: 10px;
    width: 50%;
}

.item-list ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.item-list li {
    cursor: pointer;
}

    .item-list li:hover {
        color: #3F7E95;
    }

.admin-west {
    float: left;
    width: 40%;
    margin: 10px 0 0 30px;
}

.admin-east {
    float: left;
    margin-top: 14px;
}

.admin-button {
    display: inline-block;
    font-size: 12px;
    background-color: #3F7E95;
    border: 1px solid #3F7E95;
    color: #ffffff;
    cursor: pointer;
    padding: 5px 10px;
    text-align: center;
    margin: 10px 5px 0 0;
    text-transform: uppercase;
}

.admin-east .input-text[readonly] {
    color: #999999;
    font-size: 14px;
}

.admin-east .input-text {
    width: 350px;
}

.error-message {
    display: block;
    font-size: 14px;
    margin-top: 10px;
    color: #CC6633;
}

#uploadForm {
    position: fixed;
    height: 1px;
    width: 1px;
    right: 100%;
    bottom: 100%;
}

#uploadFrame {
    position: fixed;
    height: 1px;
    width: 1px;
    right: 100%;
    bottom: 100%;
}

.finder-box {
    z-index: 999;
    position: absolute;
    padding: 0;
    margin: 0;
    border: 1px solid #222222;
    display: none;
    background: #ffffff;
    overflow: hidden;
    width: 350px;
    height: 300px;
}

.finder-list {
    margin: 0;
    padding: 0px;
    width: 729px;
    height: 315px;
    overflow-y: scroll;
}

.finder-item {
    margin: 0;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    color: #222222;
    text-overflow: ellipsis;
}

    .finder-item:hover {
        background-color: #e6e6e6;
    }

.info {
    color: #222222;
    margin-bottom: 14px;
}

.feedback-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.list-item {
    position: relative;
    padding: 0 0 2px 8px;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.ref-item {
    position: relative;
    cursor: pointer;
    color: #E6E6E6;
    border-left: 4px solid rgba(34,34,34,0);
    padding: 0 0 2px 8px;
}

.ref-title {
    display: block;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-item:nth-child(even) {
    background-color: #E6E6E6;
}

.list-item .title {
    display: block;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 2px;
}

.list-item .description {
    display: block;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-item .comment {
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
    font-style: italic;
}

.list-item .details {
    position: relative;
}

.list-item .datetime-local {
    margin: 2px 5px;
    float: right;
    font-size: 12px;
}

.details .picture {
    display: block;
    cursor: pointer;
    margin: 4px 0;
    border: 1px solid #222222;
}

    .details .picture.grouped {
        border: 1px solid #3F7E95;
    }

.grouped {
    display: none;
    margin-right: 5px;
}

    .grouped.on {
        display: inline-block;
    }


.details .description {
    position: absolute;
    top: 2px;
    margin-left: 100px;
    white-space: normal;
    height: 45px;
    overflow-y: auto;
}

.details.novideo .picture {
    margin: 0;
    height: auto;
    display: none;
}

.details.novideo .description {
    position: relative;
    height: auto;
    margin: 0 0 8px 0;
}

#videoForm {
    display: none;
    position: relative;
}

#video {
    width: 720px;
    height: 480px;
    display: none;
    margin-top: 0px;
}

#videoLoading {
    display: none;
}

    #videoLoading img {
        margin: 0 10px;
    }

#videoLoaded {
    display: none;
}

#closeVideoForm {
    position: absolute;
    left: -4px;
    top: -4px;
    width: 720px;
    background-color: rgba(34,34,34,0.5);
}

.top-command {
    position: relative;
    width: 200px;
    margin-left: 25px;
}

.medical-report {
    margin-left: 27px;
    width: 800px;
}

    .medical-report ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .medical-report li {
        margin-left: 20px;
        margin-top: 10px;
    }

    .medical-report span {
        display: block;
        border: 1px solid #E6E6E6;
        padding: 4px 8px;
        width: 700px;
    }

    .medical-report label {
        cursor: pointer;
        color: #BBBBBB;
        margin-left: 5px;
        font-size: 14px;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .medical-report label:hover {
            color: #3F7E95;
        }

        .medical-report label.selected {
            color: #3F7E95;
        }

.rf-codes label {
    font-size: 12px;
}

.medical-report span.item-title {
    color: #000000;
    font-size: 16px;
}

.medical-report .item-text {
    color: #222222;
    font-size: 14px;
}

.medical-report .item-help {
    color: #5eb7d7;
    font-size: 12px;
    border-style: dotted;
    display: block;
    padding: 4px 8px;
    width: 700px;
}

.rf-commands label {
    font-size: 12px;
    text-transform: lowercase;
}

    .rf-commands label.hidden {
        display: none;
    }

pre {
    margin-left: 15px;
    word-wrap: break-word;
    width: 550px;
    height: auto;
}

.phase-template {
    margin: 0px 0 5px 10px;
    padding: 5px;
    width: 550px;
}

.template-sep {
    margin-top: 10px;
    border-bottom: 1px solid #E6E6E6;
}

.template-prompt {
    display: inline-block;
    padding: 5px 5px 5px 10px;
    width: 110px;
    background: #E6E6E6;
    text-align: left;
    margin-top: 10px;
}

    .template-prompt.wide {
        width: 534px;
    }

    .template-prompt.add-code, .template-prompt.add-exercise {
        cursor: pointer;
    }

    .template-prompt.blank {
        background: #ffffff;
    }

.code-text {
    display: none;
}

.code-save {
    position: relative;
    height: 30px;
    border-bottom: 1px solid #E6E6E6;
    padding-right: 28px;
    margin-top: 5px;
    display: none;
}

.code-command {
    float: right;
    margin-left: 5px;
    background-color: #309B7A;
    color: #222222;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
    text-transform: uppercase;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .code-command.remove {
        display: none;
    }

.code-save .error-message {
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
}

.exercise-text {
    position: relative;
    display: none;
}

#NewExerciseTitle {
    margin-left: 138px;
    border: 1px solid #222222;
}

#NewExerciseText {
    margin-left: 138px;
    border: 1px solid #222222;
}

.exercise-save {
    position: relative;
    height: 22px;
    margin-top: 5px;
    display: none;
}

.save-exercise-command {
    position: absolute;
    right: 30px;
    top: 0;
    background-color: #309B7A;
    color: #222222;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
    text-transform: uppercase;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.save-exercise-progress {
    position: absolute;
    right: 40px;
    top: 2px;
    display: none;
}

.exercise-save .error-message {
    margin: 0 0 0 10px;
    padding-top: 5px;
    width: 350px;
    text-align: right;
}

.template-value {
    margin-left: 10px;
    padding: 7px;
    float: left;
    margin-top: 10px;
}

.template-option, .template-command {
    border: 1px solid #3F7E95;
    margin-left: 10px;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 14px;
    color: #3F7E95;
    cursor: pointer;
    text-transform: uppercase;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .template-option.selected, .template-command.selected {
        background-color: #309B7A;
        color: #FFFFFF;
    }

.template-input {
    border: 1px solid #3F7E95;
    margin-left: 10px;
    padding: 4px 4px;
    font-size: 14px;
    line-height: 14px;
    width: 50px;
}

    .template-input.wide {
        width: 300px;
    }

    .template-input.full {
        width: 370px;
    }

    .template-input.max {
        width: 214px;
    }

    .template-input.fulltext {
        width: 370px;
        margin-top: 5px;
    }

.template-description {
    font-size: 14px;
    color: #222222;
    margin-left: 10px;
    text-transform: lowercase;
}

.template-search {
    position: absolute;
    top: 17px;
    right: 12px;
    width: 265px;
    bottom: 50px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #E6E6E6;
}

.search-caption {
    position: absolute;
    top: 5px;
    left: 4px;
    right: 4px;
    font-size: 10px;
    padding: 2px 14px 2px 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #222222;
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #ffffff;
}

.search-items {
    margin: 25px 0 0 0;
    padding: 0;
    list-style-type: none;
}

.search-item {
    position: relative;
    padding: 0 4px 2px 8px;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .search-item:nth-child(even) {
        background-color: #e6e6e6;
    }

    .search-item:hover {
        color: #3F7E95;
    }

    .search-item.selected {
        color: #FFFFFF;
        background-color: #3F7E95;
    }

.search-sub-items {
    margin: 0 0 0 20px;
    padding: 0;
    list-style-type: none;
}

.search-sub-item.phase.active {
    text-decoration: underline;
}

.search-sub-item.phase:hover {
    text-decoration: underline;
}

.selected-items {
    margin: 5px;
    padding: 0;
    list-style-type: none;
}

.selected-item {
    position: relative;
    padding: 0 4px 2px 8px;
    font-size: 14px;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .selected-item:nth-child(even) {
        background-color: #E6E6E6;
    }

#PhaseExerciseList .selected-item {
    padding: 4px;
}

#PhaseTargetList .selected-item {
    cursor: move;
}


.template-lookup {
    margin-left: 5px;
    cursor: pointer;
    color: #222222;
}

.heartbeat {
    display: none;
    margin-left: 10px;
}

.item-remover {
    position: absolute;
    top: 0;
    right: 4px;
    cursor: pointer;
}

    .item-remover:hover {
        color: #CC6633;
    }

.item-param-template {
    display: none;
}

.item-param {
    position: relative;
    display: none;
    height: 73px;
    width: 540px;
}

    .item-param .picture {
        position: absolute;
        top: 4px;
        left: 0px;
        width: 112px;
        height: 64px;
        border: 1px solid #222222;
        cursor: move;
    }

    .item-param .title {
        position: absolute;
        top: 4px;
        left: 127px;
        color: #222222;
        cursor: pointer;
        width: 250px;
        height: 45px;
        overflow: hidden;
        font-size: 14px;
    }

        .item-param .title:hover {
            color: #3F7E95;
        }

    .item-param input {
        border: 1px solid #222222;
        margin-left: 5px;
        padding: 2px 4px;
        font-size: 14px;
        line-height: 14px;
        width: 60px;
    }

    .item-param .times-in-day {
        position: absolute;
        top: 0;
        right: 28px;
        font-size: 14px;
    }

    .item-param .series {
        position: absolute;
        top: 25px;
        right: 28px;
        font-size: 14px;
    }

    .item-param .repetition {
        position: absolute;
        top: 50px;
        right: 28px;
        font-size: 14px;
    }

    .item-param .do-days {
        position: absolute;
        bottom: 4px;
        left: 130px;
    }

        .item-param .do-days span {
            display: inline-block;
            text-transform: uppercase;
            border: 1px solid #3F7E95;
            background-color: #ffffff;
            color: #3F7E95;
            font-size: 14px;
            line-height: 14px;
            margin-right: 1px;
            padding: 3px 0;
            text-align: center;
            width: 30px;
            cursor: pointer;
            user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
        }

            .item-param .do-days span.selected {
                background: #309B7A;
                color: #ffffff;
            }

.param-preview-template {
    display: none;
}

.param-preview {
    position: relative;
    margin-top: 4px;
    height: 152px;
    width: 540px;
    background-color: #ffffff;
    display: none;
    cursor: default;
}

    .param-preview .video {
        position: absolute;
        top: 0;
        left: 0;
        width: 265px;
        height: 152px;
        border: 1px solid #E6E6E6;
        background-color: #000000;
    }

    .param-preview .text {
        position: absolute;
        top: 0;
        right: 4px;
        overflow: hidden;
        width: 258px;
        height: 144px;
        font-size: 14px;
        border: 1px solid #E6E6E6;
        padding: 4px;
    }

    .param-preview .save {
        position: absolute;
        top: 0;
        right: 6px;
        cursor: pointer;
        z-index: 100;
        display: none;
    }

#SystemInfo {
    font-size: 10px;
    color: #222222;
}

.chat-message-counter {
    position: absolute;
    border: 1px solid #000000;
    background: #CC6633;
    text-align: center;
    vertical-align: middle;
    height: 24px;
    width: 24px;
    top: 8px;
    left: 37px;
    border-radius: 24px;
    overflow: hidden;
}

    .chat-message-counter span {
        display: block;
        color: #000000;
        padding: 3px 0 0 1px;
        font-size: 14px;
    }

.chat-panel {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 10px;
    left: 20px;
    overflow: hidden;
}

/*begin chat groups*/

.chat-groups-container {
    position: relative;
}

.chat-groups-title {
    color: #999999;
    font-size: 14px;
    text-transform: uppercase;
    margin-left: 5px;
}

.chat-groups-adder {
    color: #999999;
    cursor: pointer;
}

    .chat-groups-adder:hover {
        color: #3F7E95;
    }

    .chat-groups-adder input {
        color: #999999;
        padding: 2px 4px;
        width: 200px;
    }

.chat-groups {
    padding: 10px 10px 10px 0;
    margin-bottom: 10px;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}

.chat-group {
    color: #999999;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    padding: 4px;
    margin: 2px;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .chat-group:hover {
        color: #3F7E95;
        border-color: #3F7E95;
    }

    .chat-group.active {
        color: #3F7E95;
        border-color: #3F7E95;
    }

.chat-group-input {
    color: #999999;
    font-size: 14px;
    display: inline-block;
    border: 1px solid #CC6633;
    border-radius: 4px;
    padding: 4px;
    margin: 2px;
    width: 160px;
    text-align: center;
    outline: none !important;
    display: none;
}

    .chat-group-input.alert {
        border-color: #ff0000;
        color: #ff0000;
    }

    .chat-group-input.editing {
        border-color: #CC6633;
        color: #CC6633;
    }

.chat-group-remove {
    border: 1px solid #CCCCCC;
    color: #CCCCCC;
    border-radius: 5px;
    padding: 0 4px;
    margin-left: 5px;
}

    .chat-group-remove:hover {
        border-color: #CC6633;
        color: #CC6633;
    }

.chat-group-title.removing {
    text-decoration: line-through;
}

.chat-group-remove-confirmation {
    display: none;
    font-size: 12px;
}

    .chat-group-remove-confirmation .prompt {
        color: #CC6633;
    }

.commit-chat-group-remove {
    text-transform: uppercase;
}

    .commit-chat-group-remove:hover {
        text-decoration: underline;
    }

.cancel-chat-group-remove {
    text-transform: uppercase;
    color: #222222;
}

    .cancel-chat-group-remove:hover {
        text-decoration: underline;
    }

/*end chat groups*/

.chat-header {
    position: relative;
}

.chat-member {
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
}

.chat-member .not {
    position: absolute;
    top: 0;
    left: 25px;
    cursor: pointer;
    display: inline-block;
    font-size: 8px;
    line-height: 14px;
    padding: 0 4px;
    background-color: #CC6633;
    margin-left: 5px;
    border-radius: 14px;
    vertical-align: middle;
}

.chat-member .not.hidden {
    display: none;
}

.chat-member.hidden {
    display: none;
}

.chat-member.new {
    cursor: pointer;
}

.chat-member .avatar {
    position: absolute;
    width: 40px;
    height: 40px;
}

.chat-member-adder {
    position: relative;
    border: 1px solid #E6E6E6;
    background-color: #ffffff;
    z-index: 10;
    margin-top: 5px;
}

.chat-member-adder.invisible {
    visibility: hidden;
}

.chat-member-adder input {
    display: inline-block;
    padding: 5px;
    font-size: 16px;
    width: 98.5%;
    border: none;
}

.new-chat-members {
    padding: 5px;
    display: none;
}

.new-chat-member {
    display: inline-block;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    padding: 4px;
    margin: 2px;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .new-chat-member .name {
        cursor: pointer;
        color: #3F7E95;
        display: inline-block;
    }

    .new-chat-member.Away .name {
        color: #CC6633;
    }

    .new-chat-member.Present .name {
        color: #309B7A;
    }

    .new-chat-member .not {
        cursor: pointer;
        display: inline-block;
        font-size: 8px;
        line-height: 14px;
        padding: 0 4px;
        background-color: #E6E6E6;
        margin-left: 5px;
        border-radius: 14px;
        vertical-align: middle;
    }

.member-details {
    margin: 0px 10px 0 50px;
}

    .member-details .name {
        display: block;
        font-size: 16px;
        color: #3F7E95;
    }

    .member-details .role {
        font-size: 14px;
        color: #222222;
    }

    .member-details .status {
        font-size: 12px;
        text-transform: lowercase;
        color: #999999;
    }

        .member-details .status.Busy {
            color: #ff1a33;
        }

        .member-details .status.Present {
            color: #309B7A;
        }

        .member-details .status.Away {
            color: #CC6633;
        }


.chat-area {
    position: absolute;
    top: 90px;
    right: 0px;
    bottom: 40px;
    left: 0px;
    border: 1px solid #E6E6E6;
    overflow-y: auto;
}

    .chat-area ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

.chat-day {
    display: block;
    font-size: 14px;
    color: #999999;
    border-bottom: 1px solid #999999;
    margin: 10px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .chat-day.collapsed {
        color: #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
    }

.chat-item {
    position: relative;
    margin: 10px;
}

    .chat-item .initials {
        position: absolute;
        top: 4px;
        left: 0px;
        display: inline-block;
        color: #999999;
        width: 30px;
        height: 30px;
        font-size: 16px;
        border: 1px solid #999999;
        text-align: center;
        line-height: 30px;
    }

        .chat-item .initials.me {
            display: none;
        }

    .chat-item .time {
        position: absolute;
        top: 0;
        right: 10px;
        font-size: 14px;
        color: #999999;
    }

    .chat-item .remove {
        position: absolute;
        top: 0;
        right: 65px;
        font-size: 14px;
        color: #309B7A;
        cursor: pointer;
    }

        .chat-item .remove:hover {
            color: #CC6633;
        }

    .chat-item .text {
        display: block;
        margin-left: 45px;
        margin-right: 60px;
        padding: 10px;
        background-color: rgba(63, 126, 149, 0.6);
        word-wrap: break-word;
    }

        .chat-item .text.Doctor {
            background-color: rgba(63, 126, 149, 0.6);
        }

        .chat-item .text.Physiologist {
            background-color: rgba(63, 126, 149, 0.4);
        }

        .chat-item .text.Patient {
            background-color: rgba(63, 126, 149, 0.2);
        }

        .chat-item .text.me {
            background-color: rgba(48, 155, 122, 0.5);
        }

    .chat-item .media {
        text-align: center;
    }

        .chat-item .media img {
            margin: 10px 0;
            max-width: 640px;
        }

            .chat-item .media img.icon {
                max-width: 60px;
            }

        .chat-item .media video {
            margin: 10px 0;
            max-width: 640px;
        }

.chat-footer {
    position: absolute;
    bottom: 0;
    left: 0;
}

    .chat-footer .chat-input {
        display: inline-block;
        color: #3F7E95;
        padding: 5px;
        width: 660px;
        margin-right: 10px;
    }

    .chat-footer .chat-button {
        display: inline-block;
        height: 32px;
        width: 32px;
        cursor: pointer;
        color: #3F7E95;
        font-size: 30px;
        line-height: 32px;
        text-align: center;
        vertical-align: middle;
        margin-left: 5px;
    }

.chat-button-image {
    height: 30px;
    width: 30px;
}

.chat-loader {
    display: none;
    margin-left: 55px;
    margin-right: 70px;
    padding: 10px;
    text-align: center;
    border: 1px solid rgba(48, 155, 122, 0.5);
}

.chat-hist {
    display: block;
    font-size: 14px;
    color: #999999;
    border-bottom: 1px solid #999999;
    margin: 10px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .chat-hist.collapsed {
        color: #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
    }

.chat-content {
    padding: 5px 0;
}

    .chat-content.hidden {
        display: none;
    }

.chat-remote {
    display: none;
    margin: 0 10px;
    padding: 10px;
    border: 1px solid rgba(48, 155, 122, 0.5);
}

.control-buttons {
    display: inline-block;
    float: right;
}

    .control-buttons img {
        height: 20px;
    }

    .control-buttons span.hidden {
        display: none;
    }


.chat-buttons span {
    display: inline-block;
    vertical-align: middle;
}

#button-join {
    display: none;
}

#button-leave {
    display: none;
}

#button-camera-off {
    display: none;
}

#button-camera-on {
    display: none;
}

#button-mic-off {
    display: none;
}

#button-mic-on {
    display: none;
}

.log-message {
    color: #222222;
    font-size: 14px;
}

#chat-media-settings {
    display: none;
    border: 1px solid #3F7E95;
    padding: 5px;
}

    #chat-media-settings td {
        height: 30px;
    }

.settings-selector {
    font-size: 16px;
    padding: 5px;
    margin-top: 5px;
    width: 100%;
}

.remote-contents {
    position: relative;
    text-align: left;
    padding: 10px;
    min-height: 200px;
    background-color: #222222;
}

#remote-participant {
    color: #FFFFFF;
    padding: 2px 0;
}

#local-media video {
    position: absolute;
    top: 10px;
    right: 10px;
    max-width: 160px;
}

.chat-capturer {
    display: none;
    margin-left: 55px;
    margin-right: 70px;
    padding: 10px;
    text-align: center;
    border: 1px solid rgba(48, 155, 122, 0.5);
}

#captureVideo {
    max-width: 640px;
}

.capture-message {
    display: block;
    color: #3F7E95;
    font-size: 14px;
    text-transform: lowercase;
}

    .capture-message.error {
        color: #CC6633;
    }

.capture-viewer {
    display: none;
    margin-left: 55px;
    margin-right: 70px;
    padding: 10px;
    text-align: center;
    border: 1px solid rgba(48, 155, 122, 0.5);
}

#captureCanvas {
    max-width: 640px;
}

.capture-controls {
    display: none;
    color: #3F7E95;
    cursor: pointer;
}

    .capture-controls span {
        display: inline-block;
        font-size: 20px;
        margin: 0 5px;
        vertical-align: middle;
    }

.inquiry-panel {
    margin: 10px;
}

    .inquiry-panel.edit {
        margin: 10px 10px 10px 0;
    }


    .inquiry-panel ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .inquiry-panel ul li {
            margin-bottom: 10px;
        }





    .inquiry-panel .title {
        display: inline-block;
        width: 255px;
        background-color: #f3f3f3;
        padding: 5px;
        margin: 2px 10px 2px 0;
    }

        .inquiry-panel .title.header {
            background-color: #ffffff;
            border-bottom: 1px solid #E6E6E6;
            width: 790px;
            margin: 10px 0 5px 0;
            font-weight: bold;
            text-transform: uppercase;
            cursor: pointer;
        }

        .inquiry-panel .title.prompt {
            background-color: #ffffff;
            width: 790px;
            margin-top: 5px;
        }

            .inquiry-panel .title.prompt.info {
                margin: 2px 0;
            }

        .inquiry-panel .title.text {
            background-color: #ffffff;
            width: 785px;
            padding: 10px 10px 10px 5px;
        }

        .inquiry-panel .title.note {
            background-color: #ffffff;
            width: 785px;
            padding: 10px 10px 10px 5px;
        }

        .inquiry-panel .title.caption {
            background-color: #ffffff;
            width: 790px;
            font-weight: bold;
        }

    .inquiry-panel .required {
        color: #3F7E95;
    }

    .inquiry-panel .missing {
        color: #CC6633;
    }

    .inquiry-panel .value {
        display: inline-block;
        max-width: 545px;
    }

        .inquiry-panel .value .edit {
            display: inline-block;
            border-bottom: 1px solid #CCCCCC;
            width: 442px;
            padding: 2px 4px;
            min-height: 24px;
        }

        .inquiry-panel .value .list {
            display: block;
            font-size: 16px;
            padding: 4px;
            width: 400px;
        }

        .inquiry-panel .value .editor {
            position: absolute;
        }

            .inquiry-panel .value .editor.hidden {
                display: none;
            }

            .inquiry-panel .value .editor .edit {
                width: 100px;
                overflow-x: hidden;
            }

            .inquiry-panel .value .editor .required {
                vertical-align: 2px;
            }

.editor-template {
    padding: 2px;
    min-width: 20px;
    border-bottom: 1px solid #CCCCCC;
    display: none;
}

.inquiry-panel .value .yes-no span {
    display: inline-block;
    background-color: #222222;
    color: #ffffff;
    text-transform: uppercase;
    min-width: 50px;
    height: 25px;
    margin-right: 5px;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    padding: 0 5px;
}

    .inquiry-panel .value .yes-no span.yes.selected {
        background-color: #309B7A;
    }

    .inquiry-panel .value .yes-no span.no.selected {
        background-color: #CC6633;
    }

    .inquiry-panel .value .yes-no span.yes.traceable {
        background-color: #3F7E95;
    }

    .inquiry-panel .value .yes-no span.no.traceable {
        background-color: #3F7E95;
    }

.inquiry-panel .value .label {
    padding: 2px 4px;
}


.detail-panel.progress {
    margin: 10px 0 5px 0px;
    width: 820px;
    overflow: hidden;
}

.progress-chart {
    position: relative;
    background: #ffffff;
    margin: 0;
    border-bottom: 1px solid #E6E6E6;
}

.progress-chart-header {
    margin: 0 0 10px 15px;
}

    .progress-chart-header span {
        text-transform: lowercase;
        font-weight: normal;
        font-size: 14px;
        color: #999999;
        cursor: pointer;
    }

        .progress-chart-header span.selected {
            color: #3f7e95;
        }

.progress-label {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #222222;
}

.progress-chart .west {
    display: inline-block;
    margin: 10px;
    vertical-align: top;
}

.progress-chart .east {
    display: inline-block;
    margin: 10px;
    vertical-align: top;
}

#ProgressLineChart {
    width: 640px;
    height: 400px;
}

.indicator-item {
    display: block;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
}

.indicator-title {
    display: block;
    width: 105px;
    color: #222222;
}

    .indicator-title.disabled {
        color: #CCCCCC;
    }

.indicator-bar {
    margin-top: 2px;
    height: 10px;
    width: 100px;
    float: left;
    color: #222222;
    font-size: 8px;
    border-radius: 3px;
    text-align: right;
    margin-bottom: 10px;
}

.search-panel-list {
    width: 355px; /*330px;*/
}

.search-panel {
    position: absolute;
    right: 16px; /*10px;*/
    top: 190px;
    bottom: 60px;
    width: 375px; /*370px*/
    overflow-y: auto;
}

    .search-panel.raised {
        position: absolute;
        right: 10px;
        top: 135px;
        width: 375px; /*370px*/
        overflow-y: auto;
    }

    .search-panel .title {
        display: block;
        font-size: 20px;
        color: #3F7E95;
        margin: 0px 0 5px 0;
    }

    .search-panel .description {
        display: block;
        font-size: 14px;
        color: #3F7E95;
        margin: 0px 0 10px 0;
    }

    .search-panel .filter {
        display: block;
        font-size: 14px;
        padding: 4px;
        border: 1px solid #E6E6E6;
        margin-bottom: 2px;
        width: 345px;
    }

    .search-panel li {
        font-size: 14px;
        padding: 2px 4px;
        cursor: pointer;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .search-panel li.container {
            padding: 0;
            margin: 0;
        }

        .search-panel li.item-adder {
            padding: 0;
            cursor: default;
        }

        .search-panel li.odd {
            background-color: #f3f3f3;
        }

        .search-panel li.selected {
            background-color: #3F7E95;
            color: #FFFFFF;
        }

        .search-panel li.bare {
            color: #CC6633;
        }

    .search-panel span.header {
        display: block;
        cursor: default;
        color: #3F7E95;
        text-transform: uppercase;
        margin-top: 5px;
        font-size: 16px;
        padding: 2px 4px;
    }

        .search-panel span.header.add-group {
            cursor: pointer;
        }

        .search-panel span.header.add-item {
            cursor: pointer;
        }

.param-button-group {
    margin: 10px 0 0 -8px;
    width: 480px;
    padding: 4px;
}

.param-button-label {
    display: block;
    font-size: 20px;
    color: #3F7E95;
    padding: 5px 0 5px 0;
}

.param-button-description {
    display: block;
    font-size: 14px;
    color: #3F7E95;
    padding: 5px 0 0 0;
}

.param-button-item {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 50px;
    cursor: pointer;
    margin: 4px;
    background: #cccccc;
    text-align: center;
}

    .param-button-item span {
        display: block;
        font-size: 40px;
        text-transform: uppercase;
        font-weight: bold;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .param-button-item.on {
        background-color: #3F7E95;
    }

    .param-button-item.active {
        color: #309B7A;
    }

    .param-button-item.disabled {
        cursor: default;
        -khtml-opacity: .20;
        -moz-opacity: .20;
        -ms-filter: "alpha(opacity=20)";
        filter: alpha(opacity=20);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
        opacity: .20;
    }

    .param-button-item.draft {
        color: #CC6633;
    }

    .param-button-item.label {
        margin: 20px;
    }

.param-button-text {
    display: inline-block;
}

    .param-button-text span {
        display: block;
        font-size: 20px;
        white-space: nowrap;
    }

.param-list {
    margin-top: 10px;
    padding: 10px;
    width: 390px; /*400px;*/
    background: #E6E6E6;
    overflow: hidden;
}

.param-list-label {
    display: block;
    font-size: 16px;
    padding: 5px 0 5px 0;
    width: 390px;
    text-transform: uppercase;
}

.param-list-description {
    display: block;
    font-size: 12px;
    padding: 5px 0 0 0;
    width: 390px;
    text-transform: none;
}

.param-list ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.param-list li {
    position: relative;
    padding: 10px;
    background: #ffffff;
}

    .param-list li.enter {
        background: #ffffff;
        border-bottom: 5px solid #E6E6E6;
        padding: 0;
    }

        .param-list li.enter input {
            padding: 10px;
            margin: 0;
            font-size: 15px;
            width: 326px;
            border: none;
        }

    .param-list li.header {
        background-color: #CCCCCC;
        text-transform: uppercase;
    }

.param-list div.header {
    background-color: #CCCCCC;
    text-transform: uppercase;
    padding: 10px;
}

.param-list li.hilite {
    background-color: #f3f3f3;
}

.param-list li .action {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 41px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 5px;
    background-size: 30px;
    cursor: pointer;
    border-left: 2px solid #E6E6E6;
}

    .param-list li .action.lookup {
        right: 10px;
        width: 41px;
    }

.param-list li.hilite .action {
    border-left: 2px solid #E6E6E6;
}

.param-list li span {
    display: block;
    cursor: pointer;
    margin-right: 40px;
}

.param-list li.selected {
    color: #3f7e95;
}

.param-list .sub-list-details {
    margin-top: 10px;
    margin-right: -10px;
}

    .param-list .sub-list-details li {
        background-color: inherit;
    }


.param-list .header, .param-list .req-title, .param-list .req-group, .param-list span {
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}


.sub-description {
    font-size: 12px;
}

.exercise-list {
    margin-top: 10px;
    padding: 5px;
    width: 780px;
    background: #cccccc;
    overflow: hidden;
}

    .exercise-list ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .exercise-list li {
        position: relative;
        height: 82px;
        background: #ffffff;
        font-size: 14px;
    }

        .exercise-list li.enter {
            background: #ffffff;
            border-bottom: 5px solid #cccccc;
            height: 40px;
        }

            .exercise-list li.enter input {
                padding: 0;
                margin: 10px;
                font-size: 15px;
                width: 640px;
                border: none;
            }

        .exercise-list li.hilite {
            background: #cccccc;
        }

        .exercise-list li label input {
            font-size: 14px;
            padding: 2px;
            width: 60px;
            text-align: right;
            margin-left: 6px;
        }

        .exercise-list li .details {
            position: absolute;
            top: 0px;
            right: 50px;
            bottom: 0px;
            left: 0px;
        }

        .exercise-list li .picture {
            position: absolute;
            top: -4px;
            left: 0px;
            width: 110px;
            height: 80px;
            background-color: #e6e6e6;
            border: 1px solid #ffffff;
        }

            .exercise-list li .picture.loading {
                width: 24px;
                height: 24px;
                padding: 24px;
            }

        .exercise-list li .grouper {
            position: absolute;
            top: 1px;
            left: 113px;
            width: 5px;
            height: 80px;
        }

        .exercise-list li .groupie {
            position: absolute;
            top: 14px;
            left: 135px;
            color: #3f7e95;
            cursor: pointer;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            width: 330px;
        }

        .exercise-list li .times-in-day {
            position: absolute;
            top: 10px;
            right: 0px;
        }

        .exercise-list li .do-days {
            position: absolute;
            top: 42px;
            left: 135px;
        }

            .exercise-list li .do-days span {
                display: inline-block;
                text-transform: uppercase;
                background: #222222;
                color: #ffffff;
                margin: 1px;
                padding: 3px;
                text-align: center;
                width: 30px;
                cursor: pointer;
            }

                .exercise-list li .do-days span.selected {
                    background: #309B7A;
                }

        .exercise-list li .series {
            position: absolute;
            top: 42px;
            right: 167px;
        }

        .exercise-list li .repetition {
            position: absolute;
            top: 42px;
            right: 0px;
        }

        .exercise-list li .action {
            position: absolute;
            top: 0px;
            right: 0px;
            height: 74px;
            width: 41px;
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: 5px;
            background-size: 30px;
            cursor: pointer;
            border-left: 2px solid #cccccc;
        }

            .exercise-list li .action.rem {
                height: 41px;
            }

        .exercise-list li.hilite .action {
            border-left: 2px solid #ffffff;
        }

        .exercise-list li.selected {
            color: #3f7e95;
        }

.lite-command {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: #FFFFFF;
    cursor: pointer;
    padding: 5px 10px;
    text-align: center;
    margin-left: 10px;
    text-transform: uppercase;
}

.list-view-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 260px;
    background-color: #E6E6E6;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.list-view-editor .actions {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: #3F7E95;
    cursor: pointer;
    padding: 5px 0;
    text-transform: uppercase;
}

    .list-view-editor .actions span {
        margin-right: 4px;
    }

    .list-view-editor .actions .edit {
        display: none;
    }

.list-view-editor .content {
    margin: 4px 0;
    padding: 4px 0;
    border-top: 1px solid #3F7E95;
    border-bottom: 1px solid #3F7E95;
    display: none;
}

.list-view-editor .parent-group {
    font-size: 12px;
    display: none;
}

    .list-view-editor .parent-group .name {
        margin-left: 4px;
    }

.list-view-editor .content .prompt {
    font-size: 12px;
}

.list-view-editor .content .message {
    font-size: 12px;
    color: #ff1a33;
}

.list-view-editor .content .title {
    font-size: 12px;
    padding: 4px;
    width: 350px;
    border: 1px solid #222222;
}

    .list-view-editor .content .title.errors {
        border: 1px solid #ff1a33;
    }

.list-view-editor .content .commands {
    margin: 12px 0 10px 0;
    text-align: right;
}

    .list-view-editor .content .commands span {
        display: inline-block;
        font-size: 12px;
        height: 12px;
        line-height: 12px;
        color: #222222;
        cursor: pointer;
        padding: 4px 8px;
        border-radius: 2px;
        text-transform: uppercase;
        border: 1px solid #999999;
        text-align: center;
        min-width: 55px;
    }

    .list-view-editor .content .commands .remove {
        display: none;
    }

.list-view-editor .content .confirmation {
    display: none;
    margin: 12px 0 10px 0;
    text-align: right;
}

    .list-view-editor .content .confirmation .confirm {
        cursor: pointer;
        font-size: 12px;
        background-color: #ff1a33;
        border: 1px solid #cb172a;
        border-radius: 2px;
        padding: 2px 4px;
        color: #f3f3f3;
        text-transform: uppercase;
    }

    .list-view-editor .content .confirmation .cancel {
        cursor: pointer;
        font-size: 12px;
        background-color: #999999;
        border: 1px solid #222222;
        border-radius: 4px;
        padding: 2px 4px;
        color: #f3f3f3;
        text-transform: uppercase;
        margin-left: 0px;
    }

.item-icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-size: 16px;
}

    .item-icon.yes {
        color: #222222;
    }

    .item-icon.no {
        color: #b90000;
    }

.group-list-view {
    margin-top: 5px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.list-view-item {
    text-transform: uppercase;
    padding: 8px 0;
    color: #222222;
    cursor: pointer;
    font-size: 14px;
}

    .list-view-item.name {
        text-transform: none;
        margin-left: 10px;
        font-size: 16px;
        padding: 6px 0;
    }

    .list-view-item.sub {
        padding: 4px 0;
        font-size: 12px;
    }

    .list-view-item.selected {
        color: #3F7E95;
    }

    .list-view-item span.level {
        font-size: 10px;
        vertical-align: top;
        margin-right: 2px;
    }

    .list-view-item span.counter {
        margin-left: 5px;
        font-size: 10px;
    }

.list-view-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 550px; /*525*/
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.list-view-panel.exercise-list-view {
    width: 360px;
}

.list-view-content.exercise-list-view-content {
    padding-left: 20px;
    width: 445px;
}

.list-view-content-item {
    position: relative;
    padding: 10px 10px;
    color: #3F7E95;
    cursor: pointer;
    border-bottom: 1px solid #E6E6E6;
}

    .list-view-content-item.template {
        display: none;
    }

.list-view-content-item.selected {
    background-color: #CC663333;    
}

.list-view-content-action-buttons-container {
    display: none;
}

.list-view-content-action-buttons {
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.list-view-content-action-button {
    background-color: #4b6771;
    color: #ffffff;
    border: none;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    width: 529px;
    margin: 2px 0;
}

    .list-view-content-action-button.yes {
        background-color: #309B7A;
        color: #000000;
        display: none;
    }


    .list-view-content-action-button.cancel {
        background-color: #cccccc;
        color: #000000;
        display: none;
    }

.list-view-content-action-beater {
    margin-top: 10px;
    display: none;
}

.list-view-content-action-button.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.list-view.disabled {
    pointer-events: none;
    opacity: 0.9;
}

.list-view-content-action-input {
    display: block;
    margin: 10px 0;
    padding: 5px 10px;
    text-align: left;
    width: 525px;
    border: 1px solid #CCCCCC;
}

.list-view-content-action-input.error {
    border: 1px solid #ff0000;
}

.list-view-content-action-input.disabled {
    pointer-events: none;
    opacity: 0.9;
}

.item-ticker {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -15px;
    width: 10px;
    border: 1px solid #E6E6E6;
    cursor: pointer;
}

    .item-ticker.selected {
        background-color: #309B7A;
    }

.item-description {
    display: block;
    font-size: 12px;
    margin-top: 5px;
    color: #222222;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.item-footer {
    display: block;
    font-size: 12px;
    margin-top: 5px;
}

.item-touched {
    display: inline-block;
}


.list-view-content-header {
    margin-bottom: 10px;
}

/*
.header-input {
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    width: 250px;
    margin: 0;
}

.header-result {
    display: inline-block;
    font-size: 14px;
    color: #3F7E95;
}

.header-command {
    position: absolute;
    padding: 0;
    top: 14px;
    right: 5px;
    height: 36px;
    padding: 0 10px;
}
*/

.exercise-list-view-content-header {
    margin-bottom: 10px;
}

.header-command {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 36px;
    padding: 0 10px;
}

.header-input {
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    width: 280px;
    height: 20px;
    margin: 0;
    margin-left: 10px;
}

.header-title {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    margin-left: 10px;
}

.header-result {
    margin-left: 10px;
    font-size: 14px;
}

.document-commands {
    padding: 10px;
    border-bottom: 1px solid #CCCCCC;
}


.document-blocks {
    position: absolute;
    top: 112px;
    bottom: 10px;
    right: 343px;
    width: 25px;
    background-color: #f3f3f3;
}

.document-blocks-item {
    display: block;
    font-size: 16px;
    height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 25px;
    border: 1px solid #f3f3f3;
}

    .document-blocks-item:hover {
        border: 1px solid #999999;
    }

.document-blocks-sep {
    display: block;
    height: 2px;
    width: 25px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 2px;
}

.document-properties {
    position: absolute;
    top: 75px;
    bottom: 10px;
    right: 10px;
    width: 325px;
    overflow-y: auto;
    background-color: #CCCCCC;
    padding: 10px;
}

.document-properties.narrow {
    width: 308px;
}

.document-details {
    position: absolute;
    top: 75px;
    bottom: 10px;
    right: 370px;
    width: 650px;
    overflow-y: auto;
    border-style: solid;
    border-width: 40px 12px;
    border-color: #222222;
    border-radius: 20px;
    background-color: #ffffff;
}

    .document-details.no-border {
        right: 365px;
        width: 670px;
        border-radius: 0;
        border: none;
    }

    .document-details label {
        display: block;
    }

.document-header {
    position: relative;
    background-color: #CCCCCC;
    padding: 10px;
}

    .document-header .document-title {
        font-size: 24px;
        font-weight: bold;
        color: #222222;
        padding: 5px;
    }

    .document-header .content-title {
        font-size: 18px;
        color: #222222;
        padding: 5px;
    }

    .document-header .content-reference {
        font-size: 14px;
        color: #222222;
        padding: 5px;
    }

.document-content {
    position: relative;
    margin-bottom: 20px;
}


.document-content.padded {
    padding: 10px;
}

.document-block {
    position: relative;
    border-bottom: 1px solid #E6E6E6;
    padding: 0;
}

    .document-block .block-handle {
        position: absolute;
        background-color: #CC6633;
        top: 4px;
        left: 0;
        bottom: 4px;
        width: 8px;
        cursor: grab;
        display: none;
        z-index: 9999;
    }

    .document-block.uploading {
        border-top: 1px dashed #CC6633;
        border-bottom: 1px dashed #CC6633;
        text-align: center;
    }

    .document-block .ingress {
        font-weight: bold;
    }

    .document-block .heading {
        font-size: 1.11em;
        color: #3F7E95;
        font-weight: bold;
    }


    .document-block .links {
        font-style: italic;
        padding: 10px;
        margin-left: 2px;
        width: 580px;
    }

    .document-block div.links {
        font-style: italic;
        padding: 10px;
        margin-left: 2px;
        min-height: 38px;
    }

    .document-block .links a {
        display: block;
        padding: 0;
        font-size: 15px;
        width: fit-content;
    }

    .document-block .image {
        padding: 10px;
        border: none;
        width: 580px;
        margin-left: 2px;
    }

        .document-block .image.portrait {
            min-width: 310px;
            width: 310px;
            max-width: 310px;
        }

        .document-block .image img {
            width: 100%;
            border: 1px solid #CCCCCC;
        }

    .document-block .video {
        padding: 10px;
        border: none;
        width: 580px;
        margin-left: 2px;
    }

        .document-block .video.portrait {
            min-width: 310px;
            width: 310px;
            max-width: 310px;
        }

        .document-block .video video {
            width: 100%;
            border: 1px solid #CCCCCC;
        }

    .document-block .audio {
        padding: 10px;
        border: none;
        margin-left: 4px;
    }


    .document-block .blob {
        padding: 10px;
    }

    .document-block .blob img {
        max-width: 600px;
        border: 1px solid #CCCCCC;
    }


    .document-block .question {
    }

    .document-block .question-title {
        font-weight: bold;
    }

    .document-block .question-text {
        min-width: 283px;
        width: 283px;
        max-width: 283px;
        display: inline-block;
        padding: 10px;
        margin-left: 2px;
    }

        .document-block .question-text:first-of-type {
        }

        .document-block .question-text:last-of-type {
            text-align: right;
        }

    .document-block .question-items {
        padding: 10px;
        margin-left: 2px;
        border-top: 1px solid #CCCCCC;
        width: 613px;
    }

    .document-block .question-item {
        border: 1px solid #f3f3f3;
        text-align: center;
        padding: 10px;
        width: 20px;
        height: 20px;
        display: inline-block;
        cursor: pointer;
    }

.document-block .question-item.selected {
    background-color: #309B7A;
    color: #FFFFFF;
}

.document-block .anchor {
    text-decoration: underline;
}

.document-block.emphasis {
    background-color: #3F7C94;
    color: #f3f3f3;
    padding: 20px 10px;
}

.document-block.blockingalert {
    background-color: #EF405E;
    color: #f3f3f3;
    padding: 20px 10px;
}

.document-block.description {
    font-size: 12px;
}

.list-dot {
    margin-right: 5px;
}

.property-command {
    position: relative;
    background-color: #309B7A;
    color: #222222;
    width: 326px;
    height: 40px;
    padding: 0;
    margin: 10px 0 0 0;
}

.document-properties.narrow .property-command {
    width: 290px;
}

.document-properties.narrow .property-input {
    width: 276px;
}

.document-properties.narrow .check-list {
    width: 279px;
}

.document-properties.narrow select.property-input {
    width: 290px;
    border: 1px solid #999999;
}

.document-properties.narrow textarea.property-input {
    min-width: 278px;
    width: 278px;
    max-width: 278px;
    min-height: 70px;
}

.property-command.disabled {
    color: #CCCCCC;
    cursor: default;
}

.property-command span {
    padding: 0px;
    line-height: 40px;
    font-size: 18px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.property-command label {
    display: block;
    text-transform: uppercase;
    text-align: center;
    padding: 0px;
    line-height: 40px;
    font-size: 18px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}

    .property-command label span {
        display: inline-block;
        margin-left: 5px;
    }

.property-input {
    width: 315px;
}

textarea.property-input {
    min-width: 315px;
    width: 315px;
    max-width: 315px;
}

select.property-input {
    width: 328px;
    border: 1px solid #999999;
}

select:disabled {
    color: #000000;
    background-color: #FFFFFF;
}

.document-section {
    position: relative;
    border: 1px solid #ffffff;
    margin: 4px 4px 8px 4px;
    padding: 3px 0 0 3px;
}

    .document-section textarea.section-area {
        padding: 10px;
        border: none;
        width: 570px;
        min-height: 25px;
        font-size: 15px;
        margin: 4px 0 0 4px;
        resize: none;
    }

        .document-section textarea.section-area.title {
            font-size: 20px;
        }

        .document-section textarea.section-area.portrait {
            min-width: 310px;
            width: 310px;
            max-width: 310px;
        }

    .document-section.editing textarea.section-area:focus {
        outline-color: #CC6633;
        outline-style: dashed;
        outline-width: 1px;
    }

.section-header {
    position: relative;
    border-bottom: 1px solid #E6E6E6;
    padding: 0;
}

.document-section .title {
    font-size: 20px;
    color: #3F7E95;
}

.document-section .section-handle {
    position: absolute;
    background-color: #CC6633;
    top: 0;
    right: 0;
    bottom: 0;
    width: 8px;
    cursor: grab;
    display: none;
}

.document-section:hover {
    border: 1px solid #3F7E95;
}

.document-section.editing {
    border: 1px solid #CC6633;
}

.document-viewport {
    position: absolute;
    right: 380px;
    top: 50px;
    text-align: right;
    padding: 0 5px;
    background-color: #E6E6E6;
}

    .document-viewport span {
        color: #999999;
        text-transform: uppercase;
        font-size: 12px;
        cursor: pointer;
        background-color: #E6E6E6;
        padding: 0 5px;
    }

    .document-viewport input {
        color: #999999;
        font-size: 12px;
        background-color: #E6E6E6;
        padding: 2px 5px;
        border: none;
        width: 200px;
    }

    .document-viewport span.selected {
        color: #222222;
    }

.document-version {
    position: absolute;
    left: 25px;
    top: 50px;
}

    .document-version.hidden {
        display: none;
    }

    .document-version span.draft {
        color: #CC6633;
        text-transform: uppercase;
        font-size: 12px;
        cursor: pointer;
        background-color: #E6E6E6;
        padding: 0 5px;
    }

.progress-details .west {
    display: inline-block;
    width: 250px;
    vertical-align: top;
    padding: 5px 5px 5px 0;
    margin-right: 5px;
}

.progress-details .center {
    display: inline-block;
    width: 250px;
    vertical-align: top;
    padding: 5px;
    margin-right: 5px;
    border-left: 1px solid #CCCCCC;
}

.progress-details .east {
    display: inline-block;
    width: 270px;
    vertical-align: top;
    padding: 5px;
    border-left: 1px solid #CCCCCC;
}

.progress-details .title {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
}

.progress-details .to-right {
    display: inline-block;
    font-size: 10px;
    padding: 0;
    margin: 0 5px 0 0;
    color: #999999;
    text-align: right;
    width: 100%;
}

.progress-details .comment-text {
    color: #222222;
    display: inline-block;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.progress-details video {
    width: 270px;
    /*height: 180px;*/
    border: 1px solid #CCCCCC;
}

.progress-details .picture {
    width: 270px;
    /*height: 180px;*/
    border: 1px solid #CCCCCC;
}

.hf-col-none {
    position: absolute;
    top: 150px;
    right: 5px;
    bottom: 60px;
    left: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.sub-title {
    display: block;
    font-size: 14px;
    padding: 0;
    color: #222222;
    text-transform: uppercase;
    margin: 10px 0 5px 0;
}

    .sub-title.compact {
        margin: 5px 0 5px 0;
    }

.progress-bar {
    margin: 4px 5px 6px 0;
    height: 10px;
    width: 100px;
    color: #222222;
    font-size: 8px;
    border-radius: 3px;
    float: right;
}

.sub-value {
    font-size: 14px;
}

    .sub-value.block {
        display: block;
        margin: 4px 0;
    }

.values {
    margin-top: 10px;
}

.sub-details {
    border-bottom: 1px solid #E6E6E6;
    margin: 20px 0 0 0;
    padding-bottom: 5px;
}

    .sub-details.compact {
        margin: 0;
    }

    .sub-details span {
        font-size: 12px;
    }

        .sub-details span.emoji {
            font-size: 18px;
        }

.no-top {
    margin-top: 0px;
}

.qr {
    margin: 10px 0 0 -8px;
    padding: 4px;
    display: none;
}

.qr-label {
    display: block;
    font-size: 20px;
    color: #3F7E95;
    padding: 5px 0 5px 0;
}

.qr-description {
    display: block;
    font-size: 14px;
    color: #3F7E95;
    padding: 5px 0 0 0;
}

.qr-item {
    position: relative;
    display: block;
    height: 140px;
    width: 140px;
    margin: 14px 4px 0px 4px;
    background: #ffffff;
}

.qr-item img {
    width: 120px;
    height: 120px;
}


.relative-command {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #3F7E95;
    color: #3F7E95;
    width: 120px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    display: inline-block;
}

    .relative-command span {
        padding: 0px;
    }

.inline-command {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #3F7E95;
    color: #3F7E95;
    width: 120px;
    height: 24px;
    line-height: 24px;
    padding: 0;
}

    .inline-command span {
        padding: 0px;
    }

.inline-link {
    position: relative;
    display: inline-block;
    color: #3F7E95;
    height: 24px;
    padding: 0 10px;
    background-color: #E6E6E6;
}

    .inline-link span {
        font-size: 16px;
        padding: 0px;
    }

.inline-prompt {
    margin-left: 20px;
}

.lookup-box.property {
    width: 315px;
}

    .lookup-box.property .lookup-list {
        width: 315px;
    }

.status-label {
    margin-top: 2px;
    font-size: 14px;
}

.nok {
    color: #ff1a33;
}

.wait {
    color: #CC6633;
}

.section-command {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #E6E6E6;
    display: none;
    z-index: 9999;
    margin-bottom: -35px;
    padding: 0 10px;
}

    .section-command label {
        display: inline-block;
        font-size: 12px;
        text-transform: lowercase;
        line-height: 12px;
    }

    .section-command span {
        display: inline-block;
        height: 24px;
        width: 24px;
        cursor: pointer;
        border: 1px solid #E6E6E6;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    .section-command .uploader {
        display: inline-block;
        font-size: 16px;
        height: 24px;
        width: 24px;
        cursor: pointer;
        border: 1px solid #E6E6E6;
        text-align: center;
        padding: 0;
        margin: 0;
        line-height: 24px;
    }

    .section-command span:hover {
        border: 1px solid #3F7E95;
    }

.document-touch-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 49px;
    left: 20px;
    right: 20px;
}

.document-touch-flex span {
    color: #999999;
    font-size: 12px;
    cursor: pointer;
    background-color: #E6E6E6;
    padding: 0 5px;
}

.touched-id {
    user-select: text;
}


.document-touch {
    position: absolute;
    right: 20px;
    top: 50px;
    text-align: right;
}

    .document-touch span {
        color: #999999;
        font-size: 12px;
        cursor: pointer;
        background-color: #E6E6E6;
        padding: 0 5px;
    }

        .document-touch span.draft {
            color: #CC6633;
        }


.document-test {
    position: absolute;
    right: 290px;
    top: 50px;    
}

.document-test span {
    color: #999999;
    font-size: 12px;
    cursor: pointer;
    background-color: #E6E6E6;
    padding: 0 5px;
    text-transform: uppercase;    
}

.document-test span:hover {
    color: #3F7E95;
}

.send-to-patient-options {
    position: absolute;
    left: -15px;
    display: none;
    padding: 10px;
    background-color: #E6E6E6;
    border: 1px solid #222222;
    z-index: 99999;
    font-size: 14px;
    width: 280px;
    -webkit-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
}

.send-to-patient-options.disabled {
    pointer-events: none;
}

.send-to-patient-options input {
    margin-right: 10px;
}

.send-to-patient-options label {
    display: block;
    padding: 2px 4px;
}

.send-to-patient-commands {
    margin: 10px 0;
    padding-top: 10px;
    border-top: 1px solid #999999;
}

.send-to-patient-button {
    display: inline-block;
    min-width: 62px;
    border: 1px solid #999999;
    padding: 2px 4px !important;
    text-align: center;
}

.send-to-patient-beater {
    display: none;
}

.property-beater {
    width: 290px;
    text-align: left;
    display: none;
}

.spark-title {
}

.spark-value {
}

.spark-line {
    float: right;
}


.result span {
    display: block;
    font-size: 18px;
    padding: 10px 0;
}

    .result span.huge {
        padding: 20px 0 20px 0;
        color: #3F7E95;
        font-size: 32px;
    }

.resetter {
    margin-top: 20px;
}

    .resetter a {
        color: #3F7E95;
        text-transform: uppercase;
    }

.inquiry-item {
    position: relative;
}

    .inquiry-item.range {
        padding: 0;
        margin: 2px 0;
        text-align: left;
    }

        .inquiry-item.range .title {
            background-color: #ffffff;
            width: 790px;
            font-weight: bold;
        }

    .inquiry-item.range-strip .title {
        background-color: #ffffff;
        width: 790px;
        font-weight: bold;
    }

    .inquiry-item.group .title {
        background-color: #ffffff;
        width: 790px;
    }

    .inquiry-item.group .group-item .title {
        background-color: #f3f3f3;
        width: 255px;
    }

.range-content {
    padding: 10px 10px;
}

.inquiry-item .range-content:nth-child(even) {
    background-color: #CCCCCC;
}

.inquiry-item .range-content:nth-child(odd) {
    background-color: #E6E6E6;
}

.range-item {
    display: inline-block;
    width: 110px;
    vertical-align: top;
}

    .range-item.small {
        margin-top: 5px;
        width: 65px;
    }

.range-item-value {
    display: block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 24px;
    background-color: #222222;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    margin-left: 25px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.range-item.small .range-item-value {
    margin-left: 8px;
}

.range-item-value.on {
    background-color: #309B7A;
}

.range-item-descr {
    display: block;
    padding: 5px;
    font-size: 14px;
    text-align: left;
}

.inquiry-item img.image {
    width: 100%;
    border: 1px solid #CCCCCC;
}

.inquiry-item span.image-text {
    display: block;
    font-size: 14px;
    margin-top: 10px;
}

.range-texts {
    padding-top: 20px;
    position: relative;
    width: 100%;
}

.range-text {
    display: inline-block;
    padding: 0px 10px 5px 10px;
}

    .range-text.first {
        position: absolute;
        left: 0;
        top: 0;
    }

    .range-text.last {
        position: absolute;
        right: 0;
        top: 0;
    }

.range-strip .range-text {
    width: 150px;
    padding: 0px 0 5px 0;
    overflow-x: hidden;
}

.range-strip .range-texts {
    padding-top: 0px;
}

.range-strip .range-item {
    width: 150px;
}

    .range-strip .range-item .range-item-value {
        margin-left: 8px;
    }

.range-values {
    padding-bottom: 10px;
}

.stopwatch {
    margin-bottom: 10px;
}

.stopwatch-button {
    display: inline-block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    background-color: #222222;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    text-transform: uppercase;
}

    .stopwatch-button.running {
        background-color: #309B7A;
    }

    .stopwatch-button.stopped {
        background-color: #3F7E95;
    }

.stopwatch-time {
    display: inline-block;
    font-size: 32px;
    line-height: 32px;
    margin-left: 20px;
    vertical-align: middle;
    color: #222222;
}

    .stopwatch-time.counting {
        color: #CC6633;
    }

.test-result {
    display: block;
    padding: 10px;
}

.file-uploader {
    position: relative;
    width: 708px;
    padding: 5px;
    border: 1px solid #E6E6E6;
    margin-top: 10px;
    display: none;
}

.document-properties .file-uploader {
    width: auto;
}

.file-upload-list {
    margin-bottom: 20px;
}

.upload-list-item {
    position: relative;
    padding: 5px;
    border-bottom: 1px solid #E6E6E6;
}

    .upload-list-item.temp {
        display: none;
    }

.upload-name {
    display: inline-block;
    width: 470px;
    overflow: hidden;
}

.document-properties .upload-name {
    width: 125px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.progress-container {
    position: absolute;
    top: 10px;
    right: 10px;
}

.document-properties .progress-container {
    top: 8px;
    right: 5px;
}

.upload-size {
    position: absolute;
    top: -1px;
    right: 130px;
    font-size: 14px;
    text-align: right;
    width: 90px;
    overflow: hidden;
}

.document-properties .upload-size {
    font-size: 12px;
}

.upload-progress {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 22px;
    height: 10px;
    width: 100px;
    color: #222222;
    border-radius: 3px;
    border: 1px solid #222222;
    background-color: #ffffff;
}

.cancel-upload {
    position: absolute;
    top: -5px;
    right: 0;
    cursor: pointer;
    font-size: 16px;
    color: #CC6633;
}

.upload-message {
    font-size: 12px;
    color: #222222;
}

    .upload-message.error {
        color: #CC6633;
    }

.upload-summary {
    position: relative;
    height: 20px;
    padding-top: 5px;
}

.upload-result-message {
    position: absolute;
    bottom: 0;
    left: 5px;
    color: #222222;
    font-size: 14px;
}

    .upload-result-message.error {
        color: #CC6633;
    }

.total-upload-size {
    position: absolute;
    bottom: 0;
    right: 140px;
    font-size: 14px;
    text-align: right;
    overflow: hidden;
}

.document-properties .total-upload-size {
    font-size: 12px;
    bottom: 5px;
    right: 135px;
}

.upload-command {
    position: absolute;
    bottom: 1px;
    right: 35px;
    color: #309B7A;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #CCCCCC;
    padding: 2px 10px;
}

.document-properties .upload-command {
    border: 1px solid #222222;
    right: 28px;
}

.upload-command.cancel {
    color: #CC6633;
}

.major-link {
    display: inline-block;
    margin-top: 20px;
    color: #3F7E95;
    text-transform: uppercase;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid #CCCCCC;
    padding: 10px;
    width: 200px;
}

.sensor-details {
    margin: 20px;
}

.sensor-caption {
    display: block;
}

.sensor-title {
    display: inline-block;
    width: 100px;
    margin: 10px;
}

.sensor-line {
    margin: 10px;
}

.sensor-data {
    margin: 10px;
    font-size: 12px;
}

.group-adder {
    margin: 5px 0;
    display: none;
}

    .group-adder span {
        font-size: 14px;
        display: inline-block;
    }

.group-adder-value {
    border: 1px solid #CCCCCC;
    padding: 4px;
    min-width: 300px;
    text-transform: uppercase;
}

.group-adder-ok {
    margin-left: 10px;
    padding: 4px;
    cursor: pointer;
    font-weight: bold;
    color: #3F7E95;
}

.item-adder span {
    font-size: 14px;
    display: inline-block;
}

.item-adder-value {
    border: 1px solid #CCCCCC;
    padding: 1px 3px;
    min-width: 310px;
}

.item-adder-ok {
    margin-left: 10px;
    padding: 3px;
    cursor: pointer;
    font-weight: bold;
    color: #3F7E95;
}

.adder-message {
    padding-left: 5px;
    font-size: 12px;
    color: red;
    display: none;
}

.details-panel {
    width: 710px;
    overflow: hidden;
    display: none;
    user-select: text;
}

    .details-panel div {
        margin: 10px 0;
    }

    .details-panel .label {
        display: block;
        font-size: 20px;
        color: #3F7E95;
        padding: 5px 0 5px 0;
    }

    .details-panel ul li {
        font-size: 14px;
        color: #222222;
        padding: 5px 0 0 0;
    }

        .details-panel ul li.header {
            margin-top: 4px;
        }

            .details-panel ul li.header:first-of-type {
                margin-top: 0px;
            }

        .details-panel ul li span.spacer {
            font-size: 12px;
            margin-left: 10px;
            vertical-align: top;
        }

        .details-panel ul li span.spacer2 {
            font-size: 12px;
            margin-left: 20px;
            vertical-align: top;
            color: #999999;
        }

.details-panel .value span.indent {
    font-size: 12px;
    margin: 2px 0 4px 10px;
}


.some-space {
    margin-top: 20px;
}

.hf-col-one.rel {
    position: relative;
    height: 100%;
}

.hf-col-first.rel {
    position: relative;
    height: 100%;
}

.search-panel.rel {
    position: absolute;
    right: 0px;
    top: 32px;
    width: 360px; /*350px;*/
    bottom: 0;
}

    .search-panel.rel .filter {
        width: 330px; /*325px;*/
    }

.sensor-chart {
    width: 800px;
    height: 450px;
}

.hf-col-wide {
    margin: 10px 0 0 20px;
}

.sensor-label {
    display: inline-block;
    margin: 10px 10px 10px 0;
}

.sensor-title-label {
    display: inline-block;
    margin: 10px 10px 10px 0;
    color: #3F7E95;
    font-size: 18px;
    text-transform: uppercase;
}

.info-items {
    margin: 10px 2px;
}

.info-item {
    display: block;
    font-size: 14px;
    font-style: italic;
}

.inquiry-panel .edit-title {
    background-color: #ffffff;
    width: 788px;
    padding: 10px 10px 10px 0px;
    display: block;
}

.inquiry-panel .edit-text {
    display: block;
    border: 1px solid #CCCCCC;
    width: 788px;
    min-height: 40px;
    padding: 2px 4px;
}

.bulletin li {
    margin: 5px;
}

.inquiry-item.group {
    margin: 0;
}

.range-table {
    background-color: #f3f3f3;
    margin: 0 0 0 0;
}

    .range-table th {
        text-align: center;
        font-weight: normal;
        padding-top: 10px;
    }

    .range-table td.item {
        padding: 10px;
        width: 255px;
    }

        .range-table td.item.narrow {
            width: 70px;
        }

    .range-table td.val {
        text-align: center;
        width: 25%;
        padding-bottom: 5px;
    }

    .range-table tr:nth-child(even) {
        background-color: #E6E6E6;
    }

.yes-no-table {
    padding: 10px 0;
    margin-bottom: 10px;
}

    .yes-no-table th {
        text-align: left;
        font-weight: normal;
        padding-right: 10px;
    }

    .yes-no-table td.title {
        background-color: #f3f3f3;
        width: 255px;
        padding: 5px;
        margin: 2px 10px 2px 0;
    }

.yes-no-table-editor .edit {
    display: block;
    border-bottom: 1px solid #CCCCCC;
    width: 245px;
    padding: 2px 4px;
}


.list-view-distribution {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 525px;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
}

.list-view-distribution-item {
    padding: 10px 0;
    color: #3F7E95;
    cursor: pointer;
    border-bottom: 1px solid #E6E6E6;
}

.list-view-distribution-header {
    margin-bottom: 10px;
}

.small-list {
    margin: 2px 0 5px 0;
}

.inline-list {
    display: inline-block;
}

.small {
    font-size: 12px;
}

.new {
    color: #3F7E95;
}

.input-text.numbo {
    display: block;
    font-size: 42px;
    padding: 5px 5px 5px 10px;
    width: 500px;
    margin-top: 5px;
}

.input-label.numbo {
    display: block;
    font-size: 20px;
    color: #3F7E95;
    padding: 5px 0 5px 0;
}

.template-toggle {
    color: #3F7E95;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    border-top: 1px solid #E6E6E6;
}

.template-sections li {
    display: inline-block;
}

.inquiry-template {
    display: none;
}

.template-item {
    position: relative;
    border: 1px solid #ffffff;
    cursor: pointer;
    padding: 5px 0;
}

    .template-item:hover {
        border: 1px solid #3F7E95;
    }

.item-overlay {
    position: absolute;
    top: -2px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    text-align: right;
    vertical-align: top;
    z-index: 9999;
    opacity: 0.2;
}

    .item-overlay span {
        color: #000000;
        font-size: 10px;
        text-transform: uppercase;
        padding-right: 5px;
    }

.item-actions {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ffffff;
    text-align: right;
    z-index: 9999;
    display: none;
}

    .item-actions span {
        color: #CCCCCC;
        font-size: 10px;
        text-transform: uppercase;
        cursor: pointer;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .item-actions span:hover {
            color: #3F7E95;
        }

        .item-actions span.calculate-result {
            color: #309B7A;
            font-size: 14px;
            text-transform: uppercase;
            margin-right: 10px;
        }

            .item-actions span.calculate-result.error {
                color: #ff1a33;
            }

            .item-actions span.calculate-result:hover {
                color: none;
            }

.item-selector {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -12px;
    width: 10px;
    background-color: #CC6633;
    display: none;
    cursor: pointer;
}

.inquiry-item .title.clear {
    margin-top: 0px;
    background-color: #ffffff;
    width: 790px;
}

.inquiry-recipient {
    margin-left: 10px;
    width: 100px;
    display: inline-block;
}

.inquiry-email {
    margin-left: 10px;
    color: #3F7E95;
}

.list-editor {
    display: none;
    width: 384px;
    border: 1px solid #3F7E95;
    padding: 5px 7px;
}

.item-options {
    position: relative;
    margin: 0 0 0 5px;
    display: none;
}

    .item-options span {
        padding: 2px;
        border: 1px solid #CCCCCC;
        font-size: 12px;
        cursor: pointer;
        text-transform: uppercase;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .item-options span.selected {
            border: 1px solid #3F7E95;
            background-color: #3F7E95;
            color: #FFFFFF;
        }

        .item-options span.hidden {
            display: none;
        }

.bold {
    font-weight: bold;
}

.item-options span.range {
    min-width: 50px;
    cursor: default;
    text-transform: none;
    -moz-user-select: all;
    -khtml-user-select: all;
    -webkit-user-select: all;
    user-select: all;
}

.answer-panel {
    margin: 10px;
}

    .answer-panel ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

.answer-item {
    position: relative;
}

    .answer-item .header {
        display: inline-block;
        background-color: #ffffff;
        border-bottom: 1px solid #E6E6E6;
        width: 800px;
        margin: 10px 0 5px 0;
        font-weight: bold;
        text-transform: uppercase;
        padding: 5px;
    }

.trace-item.inline {
    display: inline-block;
}

.trace-item div {
    padding: 2px;
    vertical-align: top;
}

.trace-title {
    display: inline-block;
    width: 255px;
    background-color: #f3f3f3;
    padding: 5px;
    margin: 2px 10px 2px 0;
}

.trace-results {
    text-align: right;
    width: 785px;
}

.trace-result {
    display: inline-block;
    padding: 2px 4px;
    border: 1px solid #3F7E95;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin: 1px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    min-width: 40px;
    text-align: center;
    cursor: pointer;
}

    .trace-result.selected {
        background-color: #309B7A;
        color: #FFFFFF;
    }

    .trace-result span {
        font-size: 12px;
    }

.trace-value .filter {
    display: inline-block;
    border: none;
    width: 500px;
    padding: 2px 4px;
    border-bottom: 1px solid #E6E6E6;
    font-size: 14px;
}

.trace-value .search {
    cursor: pointer;
}

.trace-button {
    display: inline-block;
    padding: 5px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin: 1px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    min-width: 40px;
    text-align: center;
    cursor: pointer;
    background-color: #309B7A;
    color: #FFFFFF;
}

.result-item {
    position: relative;
}

    .result-item div {
        display: inline-block;
        vertical-align: middle;
        padding: 2px;
    }

    .result-item span {
        font-size: 12px;
    }

    .result-item:nth-child(even) {
        background: #f3f3f3;
    }

    .result-item:nth-child(odd) {
        background: #FFFFFF;
    }

    .result-item .person {
        padding-left: 5px;
        width: 265px;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .result-item .trace-results {
        width: 505px;
    }

    .result-item .person .name {
        font-weight: bold;
        font-size: 16px;
        display: block;
    }

    .result-item .icon {
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    .result-item .resend span {
        font-size: 20px;
        cursor: pointer;
    }

    .result-item .resend-result {
        display: none;
    }

    .result-item.inactive {
        color: #CCCCCC;
    }

    .result-item.selected {
        color: #3F7E95;
    }

.inquiry-result {
    display: block;
}

.red {
    color: red;
}

.green {
    color: green;
}

.orange {
    color: orange;
}

.blue {
    color: #3F7E95;
}

.sub-list-details .indicator-types {
    margin: -10px 0 0 0;
    padding: 0;
    display: none;
}

    .sub-list-details .indicator-types span {
        display: inline-block;
        font-size: 12px;
        padding: 0;
        margin: 0 4px 0 0;
        text-transform: uppercase;
    }

        .sub-list-details .indicator-types span:hover {
            color: #3F7E95;
        }

        .sub-list-details .indicator-types span.selected {
            color: #309B7A;
        }

.range-indicator {
    position: relative;
    width: 300px;
    display: none;
}

    .range-indicator label {
        display: inline-block;
        width: 20px;
        height: 20px;
        text-align: center;
        color: #ffffff;
        padding: 2px;
        margin: 0 0 0 2px;
        line-height: 20px;
    }

.option-indicator {
    position: relative;
    width: 35px;
    background-color: #309B7A;
    height: 20px;
    border-radius: 20px;
    display: none;
}

    .option-indicator label.value {
        position: absolute;
        right: -4px;
        top: 0;
        border: 1px solid #309B7A;
        height: 18px;
        width: 18px;
        background-color: #ffffff;
        border-radius: 18px;
        -webkit-box-shadow: 0 8px 6px -6px #CCCCCC;
        -moz-box-shadow: 0 8px 6px -6px #CCCCCC;
        box-shadow: 0 8px 6px -6px #CCCCCC;
    }

.text-indicator {
    position: relative;
    width: 230px;
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    overflow: hidden;
    padding: 2px 4px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    display: none;
}

.video-indicator {
    position: relative;
    display: none;
}

    .video-indicator label {
        color: #ffffff;
        text-transform: uppercase;
        background-color: #CC6633;
        border: 1px solid #CCCCCC;
        width: 110px;
        display: inline-block;
        padding: 4px;
        text-align: center;
        font-size: 12px;
        cursor: pointer;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .video-indicator span:hover {
        color: #ffffff;
    }

    .video-indicator label.selected {
        background-color: #309B7A;
    }


.picture-indicator {
    position: relative;
    display: none;
}

    .picture-indicator label {
        color: #ffffff;
        text-transform: uppercase;
        background-color: #CC6633;
        border: 1px solid #CCCCCC;
        width: 110px;
        display: inline-block;
        padding: 4px;
        text-align: center;
        font-size: 12px;
        cursor: pointer;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .picture-indicator span:hover {
        color: #ffffff;
    }

    .picture-indicator span:hover {
        color: #ffffff;
    }

    .picture-indicator label.selected {
        background-color: #309B7A;
    }


.input-indicator {
    position: relative;
    display: none;
}

    .input-indicator label {
        color: #ffffff;
        text-transform: uppercase;
        background-color: #CC6633;
        border: 1px solid #CCCCCC;
        width: 70px;
        display: inline-block;
        padding: 4px;
        text-align: center;
        font-size: 12px;
        cursor: pointer;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    .input-indicator span:hover {
        color: #ffffff;
    }

    .input-indicator label.selected {
        background-color: #309B7A;
    }

.c1 {
    color: #04b39e;
}

.c2 {
    color: #8ec63f;
}

.c3 {
    color: #b6d552;
}

.c4 {
    color: #dae24f;
}

.c5 {
    color: #f4ed4a;
}

.c6 {
    color: #f8de44;
}

.c7 {
    color: #f9b544;
}

.c8 {
    color: #f38240;
}

.c9 {
    color: #ef3d5f;
}

.c10 {
    color: #bf2c4a;
}

.bc1 {
    background-color: #04b39e;
}

.bc2 {
    background-color: #8ec63f;
}

.bc3 {
    background-color: #b6d552;
}

.bc4 {
    background-color: #dae24f;
}

.bc5 {
    background-color: #f4ed4a;
}

.bc6 {
    background-color: #f8de44;
}

.bc7 {
    background-color: #f9b544;
}

.bc8 {
    background-color: #f38240;
}

.bc9 {
    background-color: #ef3d5f;
}

.bc10 {
    background-color: #bf2c4a;
}

.c1g {
    color: #696969;
}

.c2g {
    color: #858585;
}

.c3g {
    color: #9a9a9a;
}

.c4g {
    color: #a6a6a6;
}

.c5g {
    color: #afafaf;
}

.c6g {
    color: #ababab;
}

.c7g {
    color: #a3a3a3;
}

.c8g {
    color: #959595;
}

.c9g {
    color: #929292;
}

.c10g {
    color: #737373;
}

.bc1g {
    background-color: #696969;
}

.bc2g {
    background-color: #858585;
}

.bc3g {
    background-color: #9a9a9a;
}

.bc4g {
    background-color: #a6a6a6;
}

.bc5g {
    background-color: #afafaf;
}

.bc6g {
    background-color: #ababab;
}

.bc7g {
    background-color: #a3a3a3;
}

.bc8g {
    background-color: #959595;
}

.bc9g {
    background-color: #929292;
}

.bc10g {
    background-color: #737373;
}


.inquiry-error {
    color: #CC6633;
    display: none;
    position: absolute;
    bottom: 15px;
    left: 220px;
    text-align: center;
    width: 405px;
}

.exercise-list li.hidden {
    display: block;
}

.exercise-options {
    padding: 5px;
    background-color: #CCCCCC;
    margin: 2px 0;
}

    .exercise-options .title {
        cursor: pointer;
        text-transform: uppercase;
        font-size: 14px;
        display: block;
    }

    .exercise-options .content {
        display: block;
    }

.option-group.simple {
    position: relative;
}

    .option-group.simple .option-item {
        height: 24px;
        background-size: 20px;
        border: none;
        list-style: none;
        width: auto;
        margin-right: 5px;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .option-group.simple .option-item span {
            font-size: 12px;
            margin: 0 0 0 25px;
            display: inline-block;
        }

        .option-group.simple .option-item img {
            display: inline-block;
            height: 14px;
            width: auto;
            float: right;
            padding-top: 4px;
        }

        .option-group.simple .option-item.inline {
            display: inline-block;
            margin-right: 5px;
        }

    .option-group.simple .option-label {
        font-size: 16px;
        padding: 4px 5px;
        position: relative;
        border-top: 1px solid #E6E6E6;
        border-bottom: 1px solid #999999;
    }

        .option-group.simple .option-label span {
            display: inline-block;
        }

.lookup-text {
    position: absolute;
    right: 25px;
    top: 3px;
    width: 260px;
    border: 1px solid #999999;
    padding: 2px 4px;
    color: #222222;
    background-color: #cccccc;
}

.lookup-command {
    position: absolute;
    right: 1px;
    top: 4px;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

.lookup-content {
    position: absolute;
    padding: 2px;
    display: none;
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
    border: 2px solid #222222;
    z-index: 1000;
}

    .lookup-content .lookup-list {
        padding-right: 10px;
        height: auto;
        background-color: #ffffff;
        overflow-x: hidden;
        overflow-y: auto;
    }

.content-container {
    border-bottom: 1px solid #E6E6E6;
    background-color: #ffffff;
    height: 30px;
    position: relative;
    padding-top: 5px;
}

.container-commands {
    padding: 0 5px 5px 5px;
}

    .container-commands span {
        display: inline-block;
        text-transform: uppercase;
        cursor: pointer;
        border: 1px solid #CCCCCC;
        font-size: 12px;
        margin-right: 4px;
        padding: 2px 4px;
        background-color: #3F7E95;
        color: #FFFFFF;
    }

        .container-commands span.hidden {
            display: none;
        }

.content-loader {
    margin-right: 10px;
    height: 6px;
    display: none;
    float: right;
}

.do-days span {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

#single_file_upload_form {
    position: fixed;
    height: 1px;
    width: 1px;
    right: 100%;
    bottom: 100%;
}

#single_file_upload_frame {
    position: fixed;
    height: 1px;
    width: 1px;
    right: 100%;
    bottom: 100%;
}

.content-details {
    position: relative;
    background-color: #cccccc;
    margin-top: 10px;
}

    .content-details .header {
        display: block;
        color: #3f7e95;
        font-size: 16px;
        padding: 4px 5px;
        position: relative;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #999;
    }

        .content-details .header.inline {
            display: inline-block;
        }

        .content-details .header.centered {
            text-align: center
        }

.detail-item {
    margin: 4px 0 0 4px;
}

    .detail-item.inline {
        display: inline-block;
    }

    .detail-item span {
        font-size: 14px;
        display: inline-block;
    }

    .detail-item .name {
        text-transform: uppercase;
    }

.toggle-list {
    margin: 4px 0 0 4px;
    width: 700px;
}

    .toggle-list li {
        display: inline-block;
        cursor: pointer;
        border: 1px solid #E6E6E6;
        margin: 0;
        width: 54px;
        text-align: center;
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        background-color: #222222;
        color: #FFFFFF;
        cursor: pointer;
        font-size: 14px;
        text-transform: uppercase;
        padding: 2px 4px;
    }

        .toggle-list li.editing {
            user-select: text;
            -ms-user-select: text;
            -moz-user-select: text;
            -webkit-user-select: text;
            background-color: #CC6633;
        }

    .toggle-list.times {
        display: inline-block;
        width: 620px;
    }

        .toggle-list.times li span {
            display: block;
            margin-right: 5px;
        }

        .toggle-list.times li.editing {
            cursor: default;
        }

    .toggle-list.compact li {
        width: 34px;
    }

    .toggle-list li.on {
        background-color: #309B7A;
    }

.prompt-list {
    padding: 0;
    margin: 0;
    padding-left: 5px;
    display: inline-block;
    width: 50px;
}

    .prompt-list li {
        margin: 0;
        padding: 0;
        background-color: #cccccc;
        border: none;
        color: #222222;
        user-select: text;
        -ms-user-select: text;
        -moz-user-select: text;
        -webkit-user-select: text;
    }

        .prompt-list li span {
            vertical-align: middle;
            font-size: 12px;
            text-transform: none;
        }

.detail-editor {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    color: #222222;
}

    .detail-editor.editing {
        color: #CC6633;
    }

.times-editor {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    color: #222222;
}

    .times-editor span {
        font-size: 12px;
        text-transform: uppercase;
        cursor: pointer;
        margin-right: 5px;
    }

.lock {
    position: absolute;
    bottom: 5px;
    right: 6px;
    color: #222222;
    font-size: 12px;
    display: none;
    cursor: default;
}

    .lock.enabled {
        display: block;
    }

.meterized {
    position: absolute;
    bottom: 4px;
    right: 22px;
    color: #222222;
    font-size: 12px;
    display: none;
    cursor: default;
}

    .meterized.enabled {
        display: block;
    }

.typed {
    position: absolute;
    bottom: 23px;
    right: 5px;
    color: #222222;
    font-size: 12px;
    display: none;
    cursor: default;
}

    .typed.enabled {
        display: block;
    }

.inputgrouped {
    position: absolute;
    bottom: 23px;
    right: 24px;
    color: #222222;
    font-size: 12px;
    display: none;
    cursor: default;
}

    .inputgrouped.enabled {
        display: block;
    }

.periodized {
    position: absolute;
    bottom: 24px;
    right: 24px;
    color: #222222;
    font-size: 12px;
    display: none;
    cursor: default;
}

    .periodized.enabled {
        display: block;
    }


.feedback {
    position: absolute;
    bottom: 2px;
    right: 20px;
    color: #222222;
    font-size: 12px;
    display: none;
    cursor: default;
}

    .feedback.enabled {
        display: block;
    }

.inquiry-item.group-table span.title {
    background-color: #ffffff;
    width: 790px;
}

.inquiry-item.group-table span.group-title {
    padding: 5px 5px 0px 5px;
    margin: 10px 10px 0px 0px;
    font-weight: bold;
}

.group-table {
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}

    .group-table th {
        text-align: left;
        font-weight: normal;
        padding-right: 10px;
    }

    .group-table td.title {
        background-color: #f3f3f3;
        width: 255px;
        padding: 5px;
        margin: 2px 10px 2px 0;
    }

.group-table-editor .edit {
    display: block;
    border-bottom: 1px solid #CCCCCC;
    width: 245px;
    padding: 2px 4px;
}

.group-table th.option {
    width: 255px;
}

.group-table th.main {
    width: 255px;
}

.inquiry-panel.no-edit th.extra.narrow {
    width: 80px;
}

.visibility-hidden {
    visibility: hidden;
}

.display-none {
    display: none;
}

.trace-table {
    background-color: #f3f3f3;
    margin: 0 0 0 0;
    width: 800px;
}

    .trace-table th {
        text-align: center;
        font-weight: normal;
        padding-top: 10px;
    }

    .trace-table td.item {
        padding: 10px;
        position: relative;
        width: 25%;
    }

    .trace-table td.val {
        text-align: center;
        padding-bottom: 5px;
        width: 10%;
    }

    .trace-table tr:nth-child(even) {
        background-color: #E6E6E6;
    }

.trace-item {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

    .trace-item.small {
        margin-top: 5px;
        width: 65px;
    }

.trace-item-value {
    display: block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 24px;
    background-color: #222222;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    margin-left: 25px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.trace-item.small .trace-item-value {
    margin-left: 8px;
    width: 50px;
}

.trace-item-value.on {
    background-color: #309B7A;
}

.trace-item-descr {
    display: block;
    padding: 5px;
    font-size: 14px;
    text-align: left;
}

.reverser {
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.trace-item-value.traceable {
    background-color: #3F7E95;
}

.trace-item-text {
    display: block;
    background-color: #222222;
    color: #ffffff;
    padding: 5px 10px;
    margin-right: 5px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .trace-item-text.on {
        background-color: #309B7A;
    }

    .trace-item-text.traceable {
        background-color: #3F7E95;
    }

.table-actions {
    background-color: #ffffff;
    text-align: right;
}

    .table-actions span {
        color: #CCCCCC;
        font-size: 10px;
        text-transform: uppercase;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .table-actions span:hover {
            color: #3F7E95;
        }

.inquiry-panel .title.roller {
    background-color: #ffffff;
    border-bottom: 1px solid #E6E6E6;
    width: 790px;
    margin: 10px 0 5px 0;
}

    .inquiry-panel .title.roller.traceable {
        color: #3F7E95;
    }

.inquiry-panel .value .trace-option span {
    display: inline-block;
    background-color: #222222;
    color: #ffffff;
    min-width: 50px;
    height: 25px;
    margin-right: 5px;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    padding: 0 5px;
}

    .inquiry-panel .value .trace-option span.selected {
        background-color: #309B7A;
    }

    .inquiry-panel .value .trace-option span.traceable {
        background-color: #3F7E95;
    }

.traceable-items {
    background-color: #f3f3f3;
}

.traceable-item {
    position: relative;
    height: 26px;
}

.traceable-header {
    display: block;
    background-color: #ffffff;
    padding: 5px;
    margin: 2px 0px 0px 0;
    font-size: 14px;
    color: #3F7E95;
}

.traceable-title {
    position: absolute;
    left: 0;
    padding: 5px;
    font-size: 14px;
}

.traceable-results {
    position: absolute;
    right: 0;
    top: 2px;
}

.traceable-result {
    display: inline-block;
    padding: 2px 4px;
    border: 1px solid #3F7E95;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin: 0 1px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    min-width: 40px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
}

    .traceable-result.selected {
        background-color: #3F7E95;
        color: #FFFFFF;
    }

.micro-commands {
    position: absolute;
    top: 0;
    right: 20px;
}

.micro-command {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    background-color: #ffffff;
    border: 1px solid #3F7E95;
    color: #3F7E95;
    cursor: pointer;
    padding: 0px 5px;
    text-align: center;
    margin-left: 2px;
    text-transform: uppercase;
}

.select-panel span.details.closed {
    color: #999999;
}

.select-panel span.details.active {
    color: #309B7A;
}

hr.section {
    display: block;
    height: 1px;
    border-bottom: 1px solid #3F7E95;
    margin: 20px 10px 10px 0px;
    padding: 0;
}

.document-table {
    background-color: #f3f3f3;
    margin: 0 0 0 0;
    width: 670px;
    padding: 0 10px;
}

    .document-table th {
        text-align: left;
        font-weight: normal;
        padding-top: 10px;
        border-bottom: 1px solid #CCCCCC;
        text-transform: uppercase;
        cursor: pointer;
    }

    .document-table tr.selected {
        color: #3F7E95;
    }

    .document-table tr:nth-child(even) {
        background-color: #E6E6E6;
    }

    .document-table td.center {
        text-align: center;
    }

    .document-table .new input {
        background-color: transparent;
        width: 96%;
        border: 1px solid #222222;
        padding: 2px;
        font-size: 16px;
    }

        .document-table .new input.missing {
            border: 1px solid #CC6633;
        }

    .document-table .command {
        font-size: 12px;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

.document-filter {
    position: absolute;
    right: 0;
    bottom: 2px;
    text-align: right;
    background-color: #CCCCCC;
}

    .document-filter span {
        display: inline-block;
        color: #999999;
        text-transform: uppercase;
        font-size: 12px;
        cursor: pointer;
        background-color: #CCCCCC;
        padding: 2px 5px;
        margin-bottom: 2px;
    }

        .document-filter span.active {
            color: #CC6633;
        }

    .document-filter input {
        color: #999999;
        font-size: 12px;
        background-color: #CCCCCC;
        padding: 2px 5px;
        border: 1px solid #E6E6E6;
        width: 300px;
        text-align: right;
        display: none;
    }

.combo-box {
    z-index: 999;
    position: absolute;
    padding: 0;
    margin: 0;
    display: none;
    font-size: 90%;
    border: 4px solid #222222;
    background: #ffffff;
    overflow: hidden;
}

.combo-list {
}

.combo-item {
    margin: 0;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    color: #222222;
    text-overflow: ellipsis;
}

    .combo-item:nth-child(even) {
        background: #CCCCCC;
    }

    .combo-item:nth-child(odd) {
        background: #FFFFFF;
    }

    .combo-item:hover {
        background-color: #3F7E95;
    }

.help .message {
    margin-left: 0;
    width: 286px;
    font-size: 18px;
}

.blue-school {
    color: lightblue;
    font-family: monospace;
}

    .blue-school table th {
        text-align: left;
    }

    .blue-school table td {
        padding-right: 10px;
    }



.old-school {
    color: lightgreen;
    font-family: monospace;
}

.analytics table {
    width: 100%;
}

.analytics thead, .analytics tbody {
    display: block;
}

.analytics th {
    min-width: 50px;
}

.analytics td {
    min-width: 50px;
}


.analytics tbody {
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.analytics .table-filter {
    padding: 5px;
    font-size: 20px;
    border: 1px solid lightgreen;
    color: lightgreen;
    background-color: transparent;
}

.mini-input {
    border: none;
    border-bottom: 1px solid #222222;
    padding-left: 5px;
    width: 50px;
}

.hf-col-none-top {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.local-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.local-member {
    cursor: pointer;
    display: flex;
    align-items: center;
}

    .local-member .avatar {
        width: 40px;
        height: 40px;
    }

    .local-member .member-details {
        display: inline-block;
        margin: 0 0 0 10px;
    }

.local-area {
    display: inline-block;
    display: flex;
    align-items: center;
}

    .local-area.hidden {
        visibility: hidden;
    }

/*#local-video {
    border: 1px solid #CCCCCC;
    height: 40px;
    margin-right: 5px;
}

#hangup-button {
    display: none;
}*/

.local-button {
    height: 40px;
    width: 40px;
    cursor: pointer;
}

.toggle-button {
    height: 40px;
    width: 40px;
    cursor: pointer;
}

.button-container {
    display: inline-block;
    position: relative;
}

.button-notif {
    position: absolute;
    top: 0;
    right: 0;
    height: 15px;
    width: 15px;
    border-radius: 15px;
    background-color: #CC6633;
    color: #FFFFFF;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    cursor: pointer;
    display: none;
}

.toggle-panel {
    position: relative;
    border: 1px solid #CCCCCC;
    margin: 10px 0 0 0;
    padding: 10px;
    display: none;
}

.panel-title {
    position: absolute;
    top: -10px;
    right: 4px;
    font-size: 14px;
    color: #999999;
    text-transform: lowercase;
    background-color: #FFFFFF;
    padding: 0 2px;
    cursor: pointer;
}

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

.panel-button {
    text-transform: uppercase;
    background-color: #CCCCCC;
    padding: 5px 10px;
    color: #222222;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #999999;
}

.panel-message {
    font-size: 12px;
    margin-right: 10px;
}

.remote-content {
    margin: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
}

.remote-panel {
    margin-top: 10px;
}

.remote-header {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.remote-members {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.remote-member {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: 2px 10px 0 0;
}

    .remote-member .member-details {
        display: inline-block;
        margin: 0 0 0 10px;
    }

    .remote-member.hidden {
        display: none;
    }

    .remote-member .avatar {
        width: 40px;
        height: 40px;
    }

.remote-attendees {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid #CCCCCC;
}

.remote-area {
    margin-top: 10px;
    border: 1px solid #E6E6E6;
    overflow-y: auto;
    overflow-x: hidden;
}

.remote-buttons {
}

.remote-button {
    height: 40px;
    width: 40px;
    cursor: pointer;
}

#received-video {
    width: 100%;
}


.rad-table.mini {
    margin: 5px 0 5px 6px;
    padding: 5px;
}

.rad-title {
    width: 80px;
    text-align: right;
    color: #222222;
    padding: 4px 10px 0 0;
    word-wrap: break-word;
}

    .rad-title.missing {
        color: #ff1a33;
    }

.rad-label {
    color: #3F7E95;
}

.rad-group {
    margin: 2px 0 10px 0;
}

.rad {
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
    padding: 4px 10px;
    background-color: #222222;
    color: #FFFFFF;
    margin-right: -4px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .rad.disabled {
        background-color: #E6E6E6;
        color: #999999;
    }

    .rad.enabled {
        background-color: #3F7E95;
        color: #FFFFFF;
    }

.rad-off.active {
    background-color: #3F7E95;
    color: #FFFFFF;
}

.rad-on.active {
    background-color: #3F7E95;
    color: #FFFFFF;
}

.rad-new.active {
    background-color: #3F7E95;
    color: #FFFFFF;
}

.rad-table.mini .rad-title {
    font-size: 14px;
    width: 65px;
    margin: 2px 5px 0 0;
    vertical-align: top;
}

.rad-table.mini input {
    font-size: 14px;
    border: 1px solid #222222;
    width: 263px;
    padding: 2px 4px;
}

.rad-table.mini textarea {
    font-size: 14px;
    border: 1px solid #222222;
    width: 263px;
    min-width: 263px;
    max-width: 263px;
    padding: 2px 4px;
}

.rad-table.mini .attendees {
    font-size: 14px;
    border: 1px solid #222222;
    width: 263px;
    min-height: 34px;
    padding: 2px 4px;
    display: inline-block;
}

.rad-table.mini select {
    font-size: 14px;
    border: 1px solid #222222;
    width: 273px;
    padding: 2px 4px;
}

.rad-table.mini .actions {
    display: inline-block;
}

    .rad-table.mini .actions label {
        display: inline-block;
        background: #ffffff;
        color: #222222;
        margin: 1px;
        padding: 1px;
        text-align: center;
        width: 20px;
        cursor: pointer;
        font-size: 14px;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .rad-table.mini .actions label.del {
            display: none;
        }

.rad-table.mini .buttons {
    padding-top: 10px;
}

.mini-button {
    text-transform: uppercase;
    background-color: #CCCCCC;
    padding: 4px 8px;
    color: #222222;
    font-size: 12px;
    border: 1px solid #999999;
    cursor: pointer;
}

    .mini-button.delete {
        display: none;
    }

        .mini-button.delete.confirm {
            color: #FFFFFF;
            background-color: #CC6633;
        }

    .mini-button.cancel {
        display: none;
    }

.mini-message {
    font-size: 12px;
    margin-left: 10px;
}

.calendar-settings .do-days span {
    display: inline-block;
    background: #222222;
    color: #ffffff;
    margin: 1px;
    padding: 2px;
    text-align: center;
    width: 30px;
    cursor: pointer;
    font-size: 12px;
}

    .calendar-settings .do-days span.selected {
        background: #3F7E95;
    }

.rad-table.mini .hour-ranger input {
    width: 20px;
    min-width: 20px;
    font-size: 12px;
    text-align: center;
    padding: 0;
    border: none;
    margin: 0;
}

    .rad-table.mini .hour-ranger input.active {
        background-color: #E6E6E6;
    }

.rad-table.mini .calendar-hours.missing {
    color: #ff1e33;
}

.rad-table.mini .hour-ranger input.missing {
    color: #ff1e33;
}

.inquiry-panel .title.sketch {
    background-color: #ffffff;
    border-bottom: 1px solid #E6E6E6;
    width: 790px;
    margin: 10px 0 5px 0;
}

.option-commands {
    margin: 0 0 0 5px;
    display: inline-block;
}

    .option-commands span {
        padding: 2px 4px;
        border: 1px solid #3F7E95;
        background-color: #3F7E95;
        font-size: 12px;
        cursor: pointer;
        text-transform: uppercase;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        color: #ffffff;
    }

        .option-commands span.selected {
            border: 1px solid #3F7E95;
            background-color: #3F7E95;
            color: #FFFFFF;
        }

    .option-commands .hidden {
        display: none;
    }

.inquiry-item canvas.image {
    display: block;
    border: 1px solid #CCCCCC;
}

.sketch-tools {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 10px;
}

    .sketch-tools a {
        padding: 2px 4px;
        border: 1px solid #CCCCCC;
        background-color: #E6E6E6;
        font-size: 12px;
        cursor: pointer;
        text-transform: uppercase;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        color: #222222;
        border-radius: 4px;
    }

    .sketch-tools.hidden {
        display: none;
    }

.medical-inquiry-sketch-tools {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 7px;
}

    .medical-inquiry-sketch-tools a {
        padding: 2px 4px;
        border: 1px solid #CCCCCC;
        background-color: #E6E6E6;
        font-size: 12px;
        cursor: pointer;
        text-transform: uppercase;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        color: #222222;
        border-radius: 4px;
    }

    .medical-inquiry-sketch-tools.hidden {
        display: none;
    }

.item-points {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #3F7E95;
    display: none;
    font-size: 12px;
}

    .item-points.selected {
        display: block;
    }

.calendar-header {
    padding-bottom: 5px;
    border-bottom: 1px solid #999999;
}

.calendar-nav {
    font-size: 16px;
    margin-right: 10px;
    cursor: pointer;
}

.calendar-now {
    font-size: 18px;
    color: #3F7E95;
    cursor: pointer;
}

.calendar-search {
    float: right;
    padding-left: 4px;
    border: 1px solid #CCCCCC;
}

.appointment-date {
    padding-top: 2px;
    font-size: 14px;
    border-bottom: 1px solid #CCCCCC;
}

.appointment-content {
    padding-left: 20px;
}

.appointment-table {
    border: none;
    width: 100%;
}

.appointment-details {
    padding-left: 5px;
    border-bottom: 1px solid #E6E6E6;
    border-radius: 2px;
    background-color: #c3dce3;
    position: relative;
}


    .appointment-details span {
        font-size: 12px;
        display: inline-block;
    }

        .appointment-details span.times {
        }

        .appointment-details span.name {
            font-weight: bold;
        }

        .appointment-details span.title {
            font-weight: bold;
            display: block;
        }

        .appointment-details span.description {
            font-size: 10px;
            display: block;
        }

        .appointment-details span.minutes {
            font-size: 10px;
            color: #999999;
            text-transform: lowercase;
            position: absolute;
            top: 4px;
            right: 4px;
        }

    .appointment-details .removable {
        font-size: 10px;
        color: #999999;
        position: absolute;
        right: 4px;
        bottom: 4px;
        cursor: pointer;
        text-transform: lowercase;
    }

        .appointment-details .removable.confirm {
            color: #CC6633;
        }

        .appointment-details .removable .message {
            display: none;
        }

        .appointment-details .removable .cancel {
            margin-left: 5px;
            display: none;
        }

.local-button {
    height: 40px;
    width: 40px;
    margin-left: 5px;
    cursor: pointer;
}

.remote-finder {
    border-top: 1px solid #CCCCCC;
    margin-top: 10px;
    padding-top: 8px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    position: relative;
}

    .remote-finder input {
        border: 1px solid #CCCCCC;
        margin-bottom: 10px;
        padding: 10px;
        width: 100%;
        font-size: 20px;
    }

    .remote-finder .close {
        position: absolute;
        right: 2px;
        top: 0;
        cursor: pointer;
        background-color: #ffffff;
        padding: 0 5px;
        color: #999999;
    }

.ghost {
    opacity: 0.6;
}

    .ghost:hover {
        opacity: 1;
    }

.hidden {
    display: none;
}

::-webkit-input-placeholder {
    color: #CCCCCC;
}

:-moz-placeholder {
    color: #CCCCCC;
    opacity: 1;
}

::-moz-placeholder {
    color: #CCCCCC;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #CCCCCC;
}

::-ms-input-placeholder {
    color: #CCCCCC;
}

.remove-button {
    position: absolute;
    left: -5px;
    top: -5px;
    background-color: #CC6633;
    border-radius: 8px;
    height: 16px;
    width: 16px;
    text-align: center;
    font-size: 12px;
    display: none;
}

.reservation {
    position: relative;
    margin: 4px;
}

    .reservation .actions img {
        height: 25px;
        width: 25px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
    }

    .reservation .details {
        display: flex;
    }

        .reservation .details .datepicker {
            border: none;
            margin-left: 10px;
        }

        .reservation .details .res-datepicker {
            display: inline-block;
            margin-top: 5px;
            border: 1px solid #222222;
            width: 271px;
            text-align: center;
        }

        .reservation .details .rad-table.mini {
            margin-left: 2px;
        }

.reservation-times {
    border: 1px solid red;
    display: inline-block;
}

.rad-table.mini.res-timetable th {
    font-weight: normal;
    font-size: 14px;
    text-align: left;
}

.rad-table.mini.res-timetable input {
    width: 100px;
}

.rad-table.mini.res-timetable .dupe {
    cursor: pointer;
    font-size: 16px;
    color: #CCCCCC;
    display: none;
}

.rad-table.mini .res-attendees {
    border: 1px solid #222222;
    min-height: 40px;
    width: 271px;
}

    .rad-table.mini .res-attendees input {
        border: none;
        font-size: 14px;
    }

    .rad-table.mini .res-attendees label {
        color: #222222;
        display: block;
        font-size: 14px;
        margin: 2px;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .rad-table.mini .res-attendees label span.remo {
            color: #CCCCCC;
            cursor: pointer;
            padding: 4px;
        }

.sensor-panel {
    margin: 40px 40px 40px 60px;
}

.sensor-list {
    border-top: 1px solid #E6E6E6;
    padding-top: 20px;
}

    .sensor-list li {
        border-bottom: 1px solid #E6E6E6;
    }

        .sensor-list li:nth-child(even) {
            width: 50%;
            float: right;
        }

        .sensor-list li:nth-child(odd) {
            width: 50%;
            float: left;
        }

.gauge {
    width: 300px;
    height: 200px;
}

/*mmm*/

.message-counter {
    position: absolute;
    border: 1px solid #000000;
    background: #CC6633;
    text-align: center;
    vertical-align: middle;
    height: 24px;
    width: 24px;
    top: 8px;
    left: 37px;
    border-radius: 24px;
    overflow: hidden;
}

    .message-counter span {
        display: block;
        color: #000000;
        padding: 3px 0 0 1px;
        font-size: 14px;
    }

.message-area {
    position: absolute;
    top: 90px;
    right: 0px;
    bottom: 40px;
    left: 0px;
    border: 1px solid #E6E6E6;
    overflow-y: auto;
}

    .message-area ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

.message-button-image {
    height: 30px;
    width: 30px;
}

.message-buttons span {
    display: inline-block;
    vertical-align: middle;
}

.message-capturer {
    display: none;
    margin-left: 55px;
    margin-right: 70px;
    padding: 10px;
    text-align: center;
    border: 1px solid rgba(48, 155, 122, 0.5);
}

.message-content {
    padding: 5px 0;
}

    .message-content.hidden {
        display: none;
    }

.message-day {
    display: block;
    font-size: 14px;
    color: #999999;
    border-bottom: 1px solid #999999;
    margin: 10px;
    text-align: center;
    cursor: pointer;
}

    .message-day.collapsed {
        color: #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
    }

.message-footer .message-button {
    display: inline-block;
    height: 32px;
    width: 32px;
    cursor: pointer;
    color: #3F7E95;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    margin-left: 5px;
}

.message-footer .message-input {
    display: inline-block;
    color: #3F7E95;
    padding: 5px;
    width: 660px;
    margin-right: 10px;
}

.message-footer {
    position: absolute;
    bottom: 0;
    left: 0;
}

.message-header {
    position: relative;
}

.message-hist {
    display: block;
    font-size: 14px;
    color: #999999;
    border-bottom: 1px solid #999999;
    margin: 10px;
    text-align: center;
    cursor: pointer;
}

    .message-hist.collapsed {
        color: #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
    }

.message-item .initials {
    position: absolute;
    top: 4px;
    left: 0px;
    display: inline-block;
    color: #999999;
    width: 30px;
    height: 30px;
    font-size: 16px;
    border: 1px solid #999999;
    text-align: center;
    line-height: 30px;
}

    .message-item .initials.me {
        display: none;
    }

.message-item .media {
    text-align: center;
}

    .message-item .media img {
        margin: 10px 0;
        max-width: 640px;
    }

        .message-item .media img.icon {
            max-width: 60px;
        }

    .message-item .media video {
        margin: 10px 0;
        max-width: 640px;
    }

.message-item .remove {
    position: absolute;
    top: 0;
    right: 65px;
    font-size: 14px;
    color: #309B7A;
    cursor: pointer;
}

    .message-item .remove:hover {
        color: #CC6633;
    }

.message-item .text {
    display: block;
    margin-left: 45px;
    margin-right: 60px;
    padding: 10px;
    background-color: rgba(63, 126, 149, 0.6);
}

    .message-item .text.Doctor {
        background-color: rgba(63, 126, 149, 0.6);
    }

    .message-item .text.me {
        background-color: rgba(48, 155, 122, 0.5);
    }

    .message-item .text.Patient {
        background-color: rgba(63, 126, 149, 0.2);
    }

    .message-item .text.Physiologist {
        background-color: rgba(63, 126, 149, 0.4);
    }

.message-item .time {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 14px;
    color: #999999;
}

.message-item {
    position: relative;
    margin: 10px;
}

.message-loader {
    display: none;
    margin-left: 55px;
    margin-right: 70px;
    padding: 10px;
    text-align: center;
    border: 1px solid rgba(48, 155, 122, 0.5);
}

#message-media-settings {
    display: none;
    border: 1px solid #3F7E95;
    padding: 5px;
}

    #message-media-settings td {
        height: 30px;
    }

.message-member .avatar {
    position: absolute;
    width: 40px;
    height: 40px;
}

.message-member .not {
    position: absolute;
    top: 0;
    left: 25px;
    cursor: pointer;
    display: inline-block;
    font-size: 8px;
    line-height: 14px;
    padding: 0 4px;
    background-color: #CC6633;
    margin-left: 5px;
    border-radius: 14px;
    vertical-align: middle;
}

    .message-member .not.hidden {
        display: none;
    }

.message-member {
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
}

    .message-member.hidden {
        display: none;
    }

    .message-member.new {
        cursor: pointer;
    }

.message-member-adder {
    position: relative;
    border: 1px solid #E6E6E6;
    background-color: #ffffff;
    z-index: 10;
    margin-top: 5px;
}

    .message-member-adder input {
        display: inline-block;
        padding: 5px;
        font-size: 16px;
        width: 98.5%;
        border: none;
    }

    .message-member-adder.hidden {
        visibility: hidden;
    }

.message-panel {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 10px;
    left: 20px;
    overflow: hidden;
}

.message-remote {
    display: none;
    margin: 0 10px;
    padding: 10px;
    border: 1px solid rgba(48, 155, 122, 0.5);
}

.new-message-member .name {
    cursor: pointer;
    color: #3F7E95;
    font-size: 14px;
    display: inline-block;
}

.new-message-member .not {
    cursor: pointer;
    display: inline-block;
    font-size: 8px;
    line-height: 14px;
    padding: 0 4px;
    background-color: #E6E6E6;
    margin-right: 5px;
    border-radius: 14px;
    vertical-align: middle;
}

.new-message-member {
    display: inline-block;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    padding: 4px;
    margin: 2px;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .new-message-member.Away .name {
        color: #CC6633;
    }

    .new-message-member.Present .name {
        color: #309B7A;
    }

    .new-message-member.Busy .name {
        color: #ff0000;
    }

.new-message-members {
    position: relative;
    padding: 5px;
}

    .new-message-members .hide {
        position: absolute;
        right: 0;
        bottom: -2px;
        color: #999999;
        cursor: pointer;
        font-size: 14px;
    }

.message-status-selector {
    position: absolute;
    display: none;
    z-index: 444;
}

.toggle-message-status-selector {
    font-size: 12px;
    cursor: pointer;
    color: #999999;
}

    .toggle-message-status-selector:hover {
        color: #222222;
    }

.selector-items {
    border: 1px solid #E6E6E6;
    background-color: #FFFFFF;
    padding: 5px;
}

.selector-item {
    font-size: 14px;
    cursor: pointer;
    color: #222222;
}

    .selector-item:hover {
        color: #3F7E95;
    }

.message-groups {
    margin-top: 5px;
}

.message-groups-toolbar {
    background-color: #f3f3f3;
}

    .message-groups-toolbar span {
        display: inline-block;
        text-transform: uppercase;
        font-size: 12px;
        padding: 4px;
    }

    .message-groups-toolbar div {
        display: inline-block;
    }

    .message-groups-toolbar .features {
    }

    .message-groups-toolbar .actions {
        float: right;
        margin-right: 4px;
    }

.message-groups-adder {
    color: #3F7E95;
    cursor: pointer;
}

.message-groups-toolbar span.message-groups-editor {
    color: #3F7E95;
    cursor: pointer;
    display: none;
}

.message-groups-toolbar span.message-groups-save {
    color: #3F7E95;
    cursor: pointer;
    display: none;
}

.new-message-group {
    border: 1px solid #E6E6E6;
    padding: 5px;
    display: none;
}

    .new-message-group .error {
        font-size: 14px;
        color: #ff0000;
        text-align: right;
        margin-bottom: 2px;
        display: block;
    }

    .new-message-group .prompt {
        display: inline-block;
        font-size: 14px;
    }

    .new-message-group .title {
        font-size: 14px;
        border: 1px solid #CCCCCC;
        padding: 4px;
        display: inline-block;
        width: 208px;
        margin-left: 2px;
    }

        .new-message-group .title.missing {
            border: 1px solid #ff0000;
        }

    .new-message-group .finder {
        font-size: 14px;
        border: 1px solid #CCCCCC;
        padding: 4px;
        display: inline-block;
        width: 530px;
    }

        .new-message-group .finder.missing {
            border: 1px solid #ff0000;
        }

    .new-message-group .save {
        display: inline-block;
        height: 29px;
        width: 29px;
        cursor: pointer;
        vertical-align: middle;
        float: right;
    }

.message-group-headers {
    overflow-y: auto;
}

.message-group-header {
    display: block;
    position: relative;
    border-bottom: 1px solid #E6E6E6;
    padding: 5px;
}

    .message-group-header.selected {
        background-color: rgba(63, 126, 149, 0.2);
        border-color: rgba(63, 126, 149, 0.6);
        border-bottom: none;
    }

    .message-group-header.template {
        display: none;
    }

    .message-group-header span {
        font-size: 12px;
        color: #999999;
        display: inline-block;
    }

    .message-group-header .title {
        color: #222222;
        font-size: 16px;
        font-weight: bold;
        display: inline-block;
        cursor: pointer;
    }

    .message-group-header .beater {
        display: inline-block;
        margin-left: 10px;
        display: none;
    }

    .message-group-header .preview {
        width: 300px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .message-group-header .preview .name {
            font-weight: bold;
        }

        .message-group-header .preview .content {
        }

        .message-group-header .preview.notify .content {
            color: #CC6633;
        }

    .message-group-header .created {
        position: absolute;
        top: 8px;
        right: 12px;
        text-align: right;
    }

    .message-group-header .contents {
        background-color: #fefefe;
        margin-top: 4px;
        padding: 4px;
        display: none;
        overflow-y: auto;
        height: 1000px;
    }

    .message-group-header .writer {
        margin-top: 4px;
        display: none;
    }

        .message-group-header .writer .message {
            font-size: 14px;
            border: 1px solid #CCCCCC;
            padding: 4px;
            display: inline-block;
            width: 792px;
        }

        .message-group-header .writer .options {
            position: relative;
            height: 26px;
            width: 792px;
        }

            .message-group-header .writer .options span {
                display: inline-block;
                text-transform: uppercase;
                font-size: 12px;
                color: #3F7E95;
                cursor: pointer;
            }

            .message-group-header .writer .options .features {
                position: absolute;
                left: 8px;
            }

                .message-group-header .writer .options .features span {
                    margin-right: 4px;
                }

            .message-group-header .writer .options .actions {
                position: absolute;
                right: 0;
            }

                .message-group-header .writer .options .actions span {
                    margin-left: 4px;
                }

                .message-group-header .writer .options .actions .confirmation {
                    display: none;
                }

                    .message-group-header .writer .options .actions .confirmation .confirm {
                        background-color: #ff1a33;
                        border: 1px solid #cb172a;
                        border-radius: 4px;
                        padding: 2px 4px;
                        color: #f3f3f3;
                        text-transform: uppercase;
                    }

                    .message-group-header .writer .options .actions .confirmation .cancel {
                        background-color: #999999;
                        border: 1px solid #222222;
                        border-radius: 4px;
                        padding: 2px 4px;
                        color: #f3f3f3;
                        text-transform: uppercase;
                        margin-left: 0px;
                    }


    .message-group-header .contents .separator {
        margin: 4px 0;
        text-align: center;
    }

        .message-group-header .contents .separator span {
            border: 1px solid #CCCCCC;
            border-radius: 4px;
            padding: 2px 8px;
        }

    .message-group-header .contents .item {
        border-radius: 4px;
        min-width: 230px;
        padding: 8px;
        margin: 4px;
        position: relative;
        background-color: rgba(204, 102, 51, 0.2);
        border-color: rgba(204, 102, 51, 0.6);
    }

        .message-group-header .contents .item.viewable {
            cursor: pointer;
        }

    .message-group-header .contents .template {
        display: none;
    }

    .message-group-header .contents .item.my {
        background-color: rgba(48, 155, 122, 0.2);
        border-color: rgba(48, 155, 122, 0.6);
    }

    .message-group-header .contents .item span {
        font-size: 14px;
        color: #222222;
        display: block;
    }

    .message-group-header .contents .item .name {
        font-size: 12px;
        font-weight: bold;
        color: #222222;
    }

    .message-group-header .contents .item .content {
        margin: 4px 0 8px 0;
        max-width: 730px;
    }

    .message-group-header .contents .item .sent {
        position: absolute;
        font-size: 10px;
        bottom: 4px;
        right: 4px;
        color: #999999;
    }

    .message-group-header .contents .item .toggle {
        position: absolute;
        font-size: 12px;
        font-weight: bold;
        color: #222222;
        top: 4px;
        right: 4px;
        display: none;
    }

    .message-group-header .contents .item .ref {
        display: block;
        max-width: 730px;
    }

.droppable.dragover {
    background-color: rgba(48, 155, 122, 0.2);
    background-color: rgba(48, 155, 122, 0.6);
}

.message-group-header .media {
    display: none;
    background-color: #ffffff;
    margin-top: 8px;
    padding: 5px;
}

    .message-group-header .media video {
        max-width: 730px;
    }


    .message-group-header .media .buttons {
        margin-bottom: 8px;
    }

        .message-group-header .media .buttons span {
            display: inline-block;
            text-transform: uppercase;
            font-size: 12px;
            color: #3F7E95;
            cursor: pointer;
        }

            .message-group-header .media .buttons span.log {
                display: inline-block;
                text-transform: none;
                font-size: 12px;
                color: #3F7E95;
                cursor: default;
            }

                .message-group-header .media .buttons span.log.error {
                    color: #ff1a33;
                }

            .message-group-header .media .buttons span.open {
                background-color: #309B7A;
                border: 1px solid #278165;
                border-radius: 4px;
                padding: 2px 4px;
                color: #f3f3f3;
                text-transform: uppercase;
                display: none;
            }

            .message-group-header .media .buttons span.close {
                background-color: #ff1a33;
                border: 1px solid #cb172a;
                border-radius: 4px;
                padding: 2px 4px;
                color: #f3f3f3;
                text-transform: uppercase;
                display: none;
            }

            .message-group-header .media .buttons span.settings {
                background-color: #999999;
                border: 1px solid #222222;
                border-radius: 4px;
                padding: 2px 4px;
                color: #f3f3f3;
                text-transform: uppercase;
                display: none;
            }

.slabtexted .slabtext {
    display: -moz-inline-box;
    display: inline-block;
    white-space: nowrap;
}

.slabtextinactive .slabtext {
    display: inline;
    white-space: normal;
    font-size: 1em !important;
    letter-spacing: inherit !important;
    word-spacing: inherit !important;
    *letter-spacing: normal !important;
    *word-spacing: normal !important;
}

.slabtextdone .slabtext {
    display: block;
}

.video-preview {
    background-color: #3F7E95;
    color: #FFFFFF;
}

.video-preview {
    background-color: #3F7E95;
    color: #FFFFFF;
}

.select-group {
    overflow-x: hidden;
    overflow-y: hidden;
    height: 50%;
    border-bottom: 1px solid #E6E6E6;
    position: relative;
}

.select-group-title {
    display: block;
    font-size: 16px;
    color: #222222;
    padding: 0px 5px 5px 0px;
}

.select-group-description {
    display: block;
    font-size: 12px;
    color: #222222;
    padding: 5px 5px 5px 0px;
}

.select-group-list {
    padding: 2px 0;
    margin-bottom: 2px;
}

.select-group-filter {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #CCCCCC;
    border: 1px solid #E6E6E6;
    padding: 1px 3px;
}

.select-group-header {
    position: relative;
    border-bottom: 1px solid #E6E6E6;
}

.select-group-counter {
    font-size: 12px;
    margin-left: 10px;
}

.select-group-content {
    position: absolute;
    top: 55px;
    right: 0;
    bottom: 0;
    left: 8px;
    overflow-x: hidden;
    overflow-y: auto;
}

.select-group-list-item {
    display: flex;
    cursor: pointer;
    font-size: 14px;
    padding: 1px 0 1px 1px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .select-group-list-item.selected {
        color: #3F7E95;
    }

    .select-group-list-item:hover {
        color: #3F7E95;
    }

    .select-group-list-item.selected:hover {
        color: #222222;
    }

    .select-group-list-item.sub {
        font-size: 12px;
    }

    .select-group-list-item .selector {
        font-size: 14px;
        width: 20px;
    }

    .select-group-list-item .title {
        font-size: 14px;
    }

.select-group-list-item-toggle {
    margin-left: 5px;
}

.select-group-list-item-details {
    padding: 6px;
    font-size: 12px;
    color: #222222;
    user-select: text;
    display: none;
}

.modal-form-commands {
    padding: 10px;
    border-bottom: 1px solid #CCCCCC;
}

.modal-form-touch {
    position: absolute;
    right: 20px;
    top: 50px;
    text-align: right;
}

    .modal-form-touch span {
        color: #999999;
        font-size: 12px;
        cursor: pointer;
        background-color: #E6E6E6;
        padding: 0 5px;
    }

        .modal-form-touch span.draft {
            color: #CC6633;
        }

.modal-form-details {
    position: absolute;
    top: 75px;
    bottom: 10px;
    left: 10px;
    width: 650px;
    overflow-y: auto;
    background-color: #ffffff;
}

.modal-form-header {
    position: relative;
    background-color: #CCCCCC;
    padding: 10px;
}

    .modal-form-header .title {
        font-size: 24px;
        font-weight: bold;
        color: #222222;
        padding: 5px;
        -moz-user-select: text;
        -khtml-user-select: text;
        -webkit-user-select: text;
        user-select: text;
    }

.modal-form-content {
    overflow-x: hidden;
    padding: 10px;
}

.modal-form-properties {
    position: absolute;
    top: 75px;
    bottom: 10px;
    right: 10px;
    width: 355px;
    overflow-y: auto;
    background-color: #CCCCCC;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.modal-form-property-commands {
    position: relative;
    /*position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding-left: 0px;*/
}

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

    .property-beat.hiding {
        visibility: hidden;
    }

.property-status-label {
    font-size: 14px;
    position: absolute;
    top: 4px;
}

.modal-form-property-commands .property-command {
    width: 356px;
}

.modal-form-content .input-text {
    width: 605px;
    max-width: 605px;
    min-width: 605px;
    background-color: #f3f3f3;
    border: 1px solid #222222;
}

    .modal-form-content .input-text.selected {
        border: 1px solid #309B7A;
    }

    .modal-form-content .input-text.error {
        border: 1px solid #ff1a33;
    }

.modal-form-content .input-video-container {
    width: 605px;
    min-height: 340px;
    background-color: #f3f3f3;
    border: 1px solid #222222;
    padding: 5px 5px 1px 5px;
}

.modal-form-content #InputVideo {
    max-width: 100%;
    max-height: 100%;
}

#InputPoster {
    display: none;
}

.modal-form-content .input-picture-container {
    width: 605px;
    background-color: #f3f3f3;
    border: 1px solid #222222;
    padding: 5px 5px 1px 5px;
    min-height: 340px;
}

.modal-form-content #InputPicture {
    max-width: 100%;
}

.modal-form-content .input-thumb-container {
    background-color: #f3f3f3;
    border: 1px solid #222222;
    padding: 5px;
    width: 110px;
    height: 80px;
}

.modal-form-content #InputThumb {
    width: 110px;
    min-height: 80px;
    max-height: 80px;
}

.modal-form-content .input-video.selected {
    border: 1px solid #309B7A;
}

.modal-form-content .input-picture.selected {
    border: 1px solid #309B7A;
}

.modal-form-content .input-thumb.selected {
    border: 1px solid #309B7A;
}

.modal-form-property-details {
    border-bottom: 1px solid #E6E6E6;
    padding: 5px 0;
}

    .modal-form-property-details .title {
        display: block;
        font-size: 14px;
    }

    .modal-form-property-details label {
        display: block;
        font-size: 12px;
        margin: 4px 0;
        text-transform: lowercase;
    }

.modal-form-properties .details-commands.disabled label {
    cursor: default;
    background-color: #E6E6E6;
    color: #CCCCCC;
    border: 1px solid #f3f3f3;
}

.modal-form-properties .details-commands label {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    padding: 4px 8px;
    background-color: #E6E6E6;
    border: 1px solid #222222;
    display: inline-block;
    margin: 4px 4px 4px 0;
}

    .modal-form-properties .details-commands label.hidden {
        display: none;
    }

.modal-form-properties .details-confirmation {
    font-size: 12px;
}

.modal-form-properties .details-message {
    font-size: 12px;
    color: #CC6633;
    margin: 0;
    text-transform: none;
    display: none;
}

.modal-form-properties .details-confirmation {
    display: none;
    margin: 12px 0 10px 0;
}

    .modal-form-properties .details-confirmation .confirm {
        cursor: pointer;
        font-size: 12px;
        background-color: #ff1a33;
        border: 1px solid #222222;
        border-radius: 2px;
        padding: 2px 4px;
        color: #f3f3f3;
        text-transform: uppercase;
    }

    .modal-form-properties .details-confirmation .cancel {
        cursor: pointer;
        font-size: 12px;
        background-color: #999999;
        border: 1px solid #222222;
        border-radius: 2px;
        padding: 2px 4px;
        color: #f3f3f3;
        text-transform: uppercase;
        margin-left: 0px;
    }

.modal-form-properties .media-input-labels {
    border-bottom: 1px solid #E6E6E6;
}

    .modal-form-properties .media-input-labels .input-description {
        font-size: 12px;
    }

/*xxx*/
.modal-form-properties .media-input-details {
}

.report-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 260px;
    background-color: #E6E6E6;
    padding: 10px;
    display: none;
}

.report-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 820px;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.content-section {
    margin: 0 0 10px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #E6E6E6;
}

.report-content .title {
    font-size: 16px;
    margin-top: 5px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.report-content .title.collapser {
    cursor: pointer;
}

.report-content .collapsed {
    margin-left: 5px;
    display: none;
}

.report-content .name {
    font-size: 16px;
    margin-top: 5px;
    margin-left: 5px;
    display: inline-block;
}

.report-content .bar {
    margin-top: 5px;
    margin-left: 10px;
    display: inline-block;
    border: 1px solid #E6E6E6;
    height: 10px;
    border-radius: 2px;
}

.report-content .list {
    font-size: 16px;
    margin-top: 15px;
    display: block;
    padding: 2px 4px;
    width: 95%;
    font-size: 14px;
}

.report-content .activity-gauges {
    margin-top: 5px;
}

    .report-content .activity-gauges .gauge {
        display: inline-block;
        height: 80px;
        width: 100px;
        border: 1px solid #f3f3f3;
        cursor: pointer;
    }

        .report-content .activity-gauges .gauge:hover {
            border: 1px solid #3F7E95;
        }

        .report-content .activity-gauges .gauge.selected {
            border: 1px solid #3F7E95;
        }

.report-content .activity .title {
    font-weight: normal;
    margin-top: 10px;
}

.datestrip {
    width: 790px;
    height: 26px;
    margin: 10px 0 10px 0;
    position: relative;
}

.datestrip-label {
    position: absolute;
    bottom: 0px;
    border-bottom: 1px solid #3F7E95;
    display: inline-block;
    text-align: center;
    color: #3F7E95;
    font-size: 12px;
    border-right: 1px solid #E6E6E6;
}

.datestrip-title {
    position: absolute;
    bottom: 14px;
    left: 0;
    font-size: 10px;
    display: inline-block;
    text-align: center;
    color: #000000;
}

.content-item {
    padding: 2px 0;
    cursor: pointer;
}

    .content-item .content-date:hover {
        color: #3F7E95;
    }

    .content-item.selected .content-date {
        color: #3F7E95;
    }

.content-text {
    font-size: 14px;
}

.content-date {
    font-size: 12px;
    margin-left: 5px;
}

.content-icon {
    font-size: 12px;
}

.content-comment {
    font-size: 12px;
    display: inline-block;
    margin: 5px 0 5px 5px;
    font-style: italic;
    font-weight: bolder;
}

.content-media {
    display: none;
    border: 1px solid #E6E6E6;
    width: 510px;
    margin: 5px 0 10px 0;
}

.quick-details {
    display: none;
    margin: 5px 5px 5px 0px;
    border: 1px solid #E6E6E6;
    font-size: 12px;
    padding: 5px;
}

.details-label {
    vertical-align: middle;
    margin: 2px 0;
}

.details-icon {
    vertical-align: middle;
    margin-left: 5px;
}

.details-comment {
    font-style: italic;
    font-weight: bolder;
}

.details-media {
    display: none;
    border: 1px solid #E6E6E6;
    width: 490px;
    margin-top: 2px;
}


.range-meter {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.range-value {
    display: inline-block;
    width: 10px;
    height: 14px;
    border-bottom: 1px solid #E6E6E6;
    position: relative;
}

.range-value-pointer {
    display: inline-block;
    position: absolute;
    left: -1px;
    color: #222222;
    font-size: 12px;
}

.range-bb-0 {
    border-bottom: 1px solid #00b49e;
}

.range-bb-1 {
    border-bottom: 1px solid #6fc72a;
}

.range-bb-2 {
    border-bottom: 1px solid #a9d644;
}

.range-bb-3 {
    border-bottom: 1px solid #d8e33d;
}

.range-bb-4 {
    border-bottom: 1px solid #f7ee32;
}

.range-bb-5 {
    border-bottom: 1px solid #ffdf2c;
}

.range-bb-6 {
    border-bottom: 1px solid #ffb636;
}

.range-bb-7 {
    border-bottom: 1px solid #ff8338;
}

.range-bb-8 {
    border-bottom: 1px solid #ff3a60;
}

.range-bb-9 {
    border-bottom: 1px solid #de284a;
}

.range-bb-10 {
    border-bottom: 1px solid #dc0b0b;
}

.range-bb-10i {
    border-bottom: 1px solid #00b49e;
}

.range-bb-9i {
    border-bottom: 1px solid #6fc72a;
}

.range-bb-8i {
    border-bottom: 1px solid #a9d644;
}

.range-bb-7i {
    border-bottom: 1px solid #d8e33d;
}

.range-bb-6i {
    border-bottom: 1px solid #f7ee32;
}

.range-bb-5i {
    border-bottom: 1px solid #ffdf2c;
}

.range-bb-4i {
    border-bottom: 1px solid #ffb636;
}

.range-bb-3i {
    border-bottom: 1px solid #ff8338;
}

.range-bb-2i {
    border-bottom: 1px solid #ff3a60;
}

.range-bb-1i {
    border-bottom: 1px solid #de284a;
}

.range-bb-0i {
    border-bottom: 1px solid #dc0b0b;
}

.range-col-0 {
    color: #00b49e;
}

.range-col-1 {
    color: #6fc72a;
}

.range-col-2 {
    color: #a9d644;
}

.range-col-3 {
    color: #d8e33d;
}

.range-col-4 {
    color: #f7ee32;
}

.range-col-5 {
    color: #ffdf2c;
}

.range-col-6 {
    color: #ffb636;
}

.range-col-7 {
    color: #ff8338;
}

.range-col-8 {
    color: #ff3a60;
}

.range-col-9 {
    color: #de284a;
}

.range-col-10 {
    color: #dc0b0b;
}

.range-col-10i {
    color: #00b49e;
}

.range-col-9i {
    color: #6fc72a;
}

.range-col-8i {
    color: #a9d644;
}

.range-col-7i {
    color: #d8e33d;
}

.range-col-6i {
    color: #f7ee32;
}

.range-col-5i {
    color: #ffdf2c;
}

.range-col-4i {
    color: #ffb636;
}

.range-col-3i {
    color: #ff8338;
}

.range-col-2i {
    color: #ff3a60;
}

.range-col-1i {
    color: #de284a;
}

.range-col-0i {
    color: #dc0b0b;
}

.plot-title {
    text-transform: uppercase;
    margin: 10px 0 5px 0;
    display: inline-block;
}

.plot {
    display: block;
    width: 790px;
    height: 320px;
    border: 1px solid #E6E6E6;
    margin-bottom: 5px;
}

.gauge-item {
    display: inline-block;
}

.gauge-details {
    display: none;
    margin: 5px 5px 5px 0px;
    border: 1px solid #3F7E95;
    font-size: 12px;
    padding: 5px;
    width: 780px;
}

.gauge-viewer {
    display: none;
}

.gauge-times {
}

.gauge-time {
    display: block;
    border: 1px solid #E6E6E6;
    color: #222222;
    margin-top: 5px;
    padding: 2px 10px;
    font-size: 12px;
}

    .gauge-time.accepted {
        background-color: #a7d40b;
    }

.time-details {
    margin: 5px 0 10px 0px;
    border: 1px solid #E6E6E6;
    font-size: 12px;
    padding: 5px;
}

    .time-details .details-icon {
        cursor: pointer;
    }

    .time-details .details-media {
        width: 480px;
    }

.activity.exercise-details {
    margin-top: 5px;
}

.content-exercise-details {
    padding: 5px 0;
    border-bottom: 1px solid #f3f3f3;
}

.content-exercise-title {
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: bolder;
}

.content-exercise-text {
    display: block;
    width: 480px;
    margin: 5px 0;
    font-size: 14px;
}

.content-exercise-param {
    margin: 4px 0;
}

.content-exercise-param-title {
    text-transform: uppercase;
    vertical-align: middle;
    font-size: 14px;
}

.content-exercise-param-value {
    vertical-align: middle;
    font-size: 14px;
}

.content-exercise-days {
    margin-left: 10px;
    display: inline-block;
}

    .content-exercise-days span {
        display: inline-block;
        background-color: #CCCCCC;
        text-transform: uppercase;
        font-size: 12px;
        text-align: center;
        padding: 2px;
        min-width: 30px;
        vertical-align: middle;
    }

        .content-exercise-days span.selected {
            color: #FFFFFF;
            background-color: #309B7A;
        }

.exercise-media {
    position: relative;
}

.exercise-thumb {
    width: 490px;
    display: none;
}

.exercise-video {
    display: none;
    width: 490px;
}

.video-icon {
    margin-left: 5px;
    cursor: pointer;
}


.analytics-panel {
    margin: 20px 20px 20px 50px;
}

.analytics-section {
}

.analytics-section-title {
    font-weight: bold;
    text-transform: uppercase;
}

.content-section-title {
    font-weight: bold;
}

.plot-full {
    width: 760px;
}

.document-frame {
    border: none;
    display: block;
}

.page-button.smaller {
    position: relative;
    width: 140px;
    margin-top: 10px;
    margin-bottom: 20px;
    vertical-align: top;
}

.radio-list label {
    display: block;
}

.template-editor-button {
    right: 210px;
}

#modal-template-editor {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
}

#action-strip {
    background-color: #4B6771;
    min-width: 150px;
    position: relative;
}

#editor-strip {
    background-color: #FFFFFF;
    position: relative;
}

#finder-strip {
    background-color: #FFFFFF;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 3;
}


.strip-actions {
    margin-top: 10px;
}

.strip-header {
    padding: 10px 0px 10px 20px;
    background-color: #4B6771;
    color: #f3f3f3;
    border-left: 2px solid rgba(63, 126, 149, 0.3);
    height: 35px;
    position: relative;
    overflow: hidden;
}

.action-bar {
    width: 100%;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    padding: 5px 5px 5px 10px;
}

    .action-bar.hidden {
        display: none;
    }

    .action-bar.reset {
        border-bottom: 1px solid rgba(63, 126, 149, 0.3);
        padding: 7px 5px 6px 10px;
    }

    .action-bar:hover {
        background-color: rgba(63, 126, 149, 0.3);
    }

.bar-icon {
    background-color: #222222;
    color: #f3f3f3;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    height: 30px;
    width: 30px;
    border-radius: 6px;
    font-family: Helvetica, sans-serif;
    display: inline-block;
}

    .bar-icon.alert {
        color: #CC6633;
    }

.bar-title {
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
    color: #f3f3f3;
    margin-left: 5px;
}

    .bar-title.missing {
        color: #CC6633;
    }

.action-bar.selected .bar-icon {
    background-color: #309B7A;
}

.strip-editor {
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.strip-title {
    text-transform: uppercase;
}

.strip-updated {
    position: absolute;
    bottom: 6px;
    right: 5px;
    font-size: 10px;
    opacity: 0.5;
}


.strip-description {
    font-size: 12px;
}

.finder-content-header {
    margin-left: -10px;
    display: flex;
}

#finder-beater {
    height: 5px;
    margin-left: 5px;
    display: none;
}

.finder-toggle {
    margin-right: 5px;
    color: #999999;
    cursor: pointer;
    flex-grow: 0;
    font-size: 14px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#finder-filter {
    border: 1px solid rgba(63, 126, 149, 0.3);
    padding: 2px 4px;
    color: #222222;
    display: inline-block;
    flex-grow: 1;
}

#finder-filter-options-toggle {
    margin-left: 5px;
    color: #999999;
    cursor: pointer;
    flex-grow: 0;
}

#finder-filter-options {
    display: none;
    flex-grow: 0;
}

.finder-filter-option {
    background-color: #f3f3f3;
    color: #999999;
    font-size: 12px;
    text-transform: lowercase;
    padding: 2px 5px;
    border-radius: 2px;
    text-align: center;
    margin-left: 5px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .finder-filter-option.selected {
        color: #f3f3f3;
        background-color: #3F7E95;
    }

.editor-content {
    border-left: 2px solid #4B6771;
    padding: 10px 20px;
    height: calc(100% - 75px);
    overflow: auto;
    width: 300px;
}

#strip-finder {
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#strip-details {
    position: relative;
    border-left: 2px solid rgba(63, 126, 149, 0.2);
    border-top: 2px solid rgba(63, 126, 149, 0.2);
    padding: 10px 20px;
    overflow: auto;
    flex-grow: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.finder-title {
    display: inline-block;
    text-transform: uppercase;
}

.finder-description {
    font-size: 12px;
}

#finder-content {
    border-left: 2px solid rgba(63, 126, 149, 0.2);
    padding: 10px 20px;
    height: calc(100% - 75px);
    overflow: auto;
}

.content-editor {
    display: none;
}

    .content-editor.active {
        display: block;
    }

.editor-block {
    padding-bottom: 2px;
    border-bottom: 1px solid rgba(63, 126, 149, 0.3);
}

.block-title {
    display: inline-block;
    color: #222222;
    font-size: 13px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}

.block-counter {
    font-size: 12px;
}

.block-alert {
    display: inline-block;
    font-size: 12px;
    color: #ff1a33;
    text-transform: lowercase;
    /*float: right;
    margin-top: 4px;*/
    opacity: 0.8;
}

.block-fixes {
    border-top: 1px solid rgba(63, 126, 149, 0.3);
    text-align: right;
    padding: 2px 0;
    display: none;
}

.fix-item {
    opacity: 0.8;
}

.fix-message {
    display: inline-block;
    color: #3F7E95;
    padding: 2px 0;
    font-size: 12px;
    vertical-align: middle;
}

.fix-button {
    display: inline-block;
    color: #f3f3f3;
    text-align: center;
    padding: 2px 4px;
    margin-left: 4px;
    border-radius: 2px;
    text-transform: lowercase;
    cursor: pointer;
    font-size: 10px;
}

    .fix-button.accept {
        background-color: #309B7A;
    }

    .fix-button.discard {
        background-color: #CC6633;
    }

.block-content {
    padding-top: 2px;
    border-top: 1px solid rgba(63, 126, 149, 0.3);
    display: flex;
    flex-wrap: wrap;
}

.block-item {
    background-color: #3F7E95;
    min-height: 20px;
    min-width: 20px;
    padding: 10px;
    text-align: center;
    margin: 2px;
    border-radius: 5px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    line-height: 20px;
}

    .block-item span {
        display: inline-block;
        font-size: 12px;
        color: #f3f3f3;
    }

    .block-item.alert {
        background-color: #CC6633;
    }

    .block-item.valid {
        background-color: #309B7A;
    }

.finder-editor {
    display: none;
    margin: 4px;
}

    .finder-editor.active {
        display: block;
    }

.editor-control {
    display: block;
    color: #222222;
    font-size: 13px;
}

.editor-input {
    display: block;
    font-size: 13px;
    color: #000000;
    padding: 2px 4px;
    margin: 5px 0 2px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999999;
    min-width: 100%;
    max-width: 100%;
}

.control-hint {
    display: block;
    font-size: 12px;
    color: #999999;
    text-align: right;
    visibility: hidden;
    margin-bottom: 5px;
}

.control-alert {
    font-size: 12px;
    margin-left: 5px;
    color: #ff1a33;
    text-transform: lowercase;
}


/*äää*/

.control-block {
    padding-bottom: 2px;
    border-bottom: 1px solid rgba(63,126,149,.3);
    margin-bottom: 20px;
}

.control-title {
    display: inline-block;
    color: #222222;
    font-size: 13px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}

.block-counter {
    font-size: 12px;
}

.control-content {
    padding-top: 2px;
    border-top: 1px solid rgba(63, 126, 149, 0.3);
}

.control-video {
    display: block;
    padding-top: 2px;
    border-top: 1px solid rgba(63, 126, 149, 0.3);
}

.control-picture {
    display: block;
    padding-top: 2px;
    border-top: 1px solid rgba(63, 126, 149, 0.3);
}

.control-text {
    display: block;
    padding: 2px 0;
    border-top: 1px solid rgba(63, 126, 149, 0.3);
}

.control-days {
    padding-top: 2px;
    border-top: 1px solid rgba(63, 126, 149, 0.3);
}

.control-calendar {
    padding-top: 2px;
    border-top: 1px solid rgba(63, 126, 149, 0.3);
}

.control-content.flex {
    display: flex;
    flex-wrap: wrap;
}

.control-days .do-days {
    justify-content: space-between;
    display: flex;
}

    .control-days .do-days span {
        background-color: #222222;
        color: #f3f3f3;
        text-transform: uppercase;
        width: 30px;
        height: 20px;
        font-size: 12px;
        line-height: 20px;
        cursor: pointer;
        text-align: center;
    }

        .control-days .do-days span.selected {
            background-color: #309B7A;
        }


.control-item {
    background-color: #3F7E95;
    min-height: 10px;
    min-width: 10px;
    padding: 10px;
    text-align: center;
    margin: 2px;
    border-radius: 5px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    line-height: 10px;
}

    .control-item span {
        display: inline-block;
        font-size: 12px;
        color: #f3f3f3;
    }

.editor-alert {
    font-size: 12px;
    color: #ff1a33;
    text-transform: lowercase;
}

.block-buttons {
    padding: 0 0 10px 0;
    text-align: center;
}

#block-beater {
    height: 5px;
    margin: 2px auto;
    visibility: hidden;
}

.block-button {
    width: 100%;
    background-color: #309B7A;
    color: #FFFFFF;
    border: none;
    padding: 10px;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 4px;
}

    .block-button.disabled {
        color: #E6E6E6;
        background-color: #999999;
    }

    .block-button.discard {
        background-color: #CC6633;
        display: none;
    }

    .block-button.restore {
        background-color: #3F7E95;
        display: none;
    }

    .block-button.save {
        background-color: #309B7A;
        display: none;
    }

.editor-buttons {
    margin-top: 10px;
    border-top: 1px solid rgba(63, 126, 149, 0.3);
    padding: 10px 0;
}

.editor-button {
    width: 100%;
    background-color: #309B7A;
    color: #FFFFFF;
    border: none;
    padding: 10px;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 4px;
}

    .editor-button.disabled {
        color: #E6E6E6;
        background-color: #999999;
    }

#finder-content-items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}

.finder-content-editor {
    position: relative;
    min-height: 100px;
}

#fcc {
    background-color: rgba(63, 126, 149, 0.5);
    font-size: 120px;
    height: 120px;
    width: 120px;
    border: 1px solid rgba(63, 126, 149, 0.5);
    cursor: pointer;
    color: #f3f3f3;
    margin: 5px;
    text-align: center;
    line-height: 104px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#finder-content-items.wide #fcc {
    width: 420px;
    height: 85px;
    font-size: 85px;
    line-height: 69px;
}

#fcc:hover {
    background-color: rgba(63, 126, 149, 0.9);
    border: 1px solid rgba(75, 103, 113, 0.9);
}


.fci {
    padding: 10px;
    background-color: #3F7E95;
    font-size: 12px;
    height: 100px;
    width: 100px;
    border: 1px solid #4B6771;
    cursor: pointer;
    color: #f3f3f3;
    margin: 5px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .fci.drag {
        border: 1px solid #309B7A;
        -webkit-box-shadow: 2px 3px 6px #309B7A;
        -moz-box-shadow: 2px 3px 6px #309B7A;
        box-shadow: 2px 3px 6px #309B7A;
    }

.fcit {
    font-size: 12px;
    border-bottom: 1px solid #CCCCCC;
    text-transform: uppercase;
    padding-bottom: 2px;
    margin-bottom: 4px;
}

.fcin {
    font-size: 13px;
    font-weight: bold;
    width: 100px;
    max-height: 65px;
    overflow: hidden;
    letter-spacing: 0.6px;
}

    .fcin.s {
        max-height: 47px;
    }

.fcid {
    font-size: 12px;
    margin-top: 4px;
}

#finder-content-items.wide .fci {
    width: 400px;
    height: 70px;
}

#finder-content-items.wide .fcin {
    width: 380px;
    max-height: 45px;
}

#dragsterY {
    position: absolute;
    background-color: #f3f3f3;
    width: 100%;
    height: 3px;
    top: 100%;
    cursor: n-resize;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#task-strip {
    background-color: #FFFFFF;
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 280px;
}

#strip-task {
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

    #strip-task .strip-header {
        padding: 20px 10px 0 10px;
        text-align: center;
    }

#task-content {
    border-left: 2px solid rgba(63, 126, 149, 0.2);
    padding: 10px 20px;
    height: calc(100% - 75px);
    overflow: auto;
}

.param-editor {
    min-width: 240px;
    display: none;
}

.control-video {
    width: 100%;
    display: none;
}

.control-picture {
    width: 100%;
    display: none;
}

.control-text {
    width: 100%;
    font-size: 12px;
    display: none;
}


.param-title {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #3F7E95;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(63, 126, 149, 0.3);
}

#recycler {
    height: 20px;
    opacity: 0.2;
}

    #recycler.filled {
        opacity: 0.8;
        cursor: pointer;
    }

.recycled {
    display: none;
}


.task-buttons {
    border-top: 1px solid rgba(63, 126, 149, 0.3);
    margin: 0;
    padding: 0 0 10px 0;
    text-align: center;
}

.task-beater {
    height: 5px;
    margin: 2px auto;
    visibility: hidden;
}

.task-button {
    width: 100%;
    background-color: #3F7E95;
    color: #FFFFFF;
    border: none;
    padding: 10px;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 4px;
}

    .task-button.close {
        background-color: #CC6633;
    }

.task-message {
    font-size: 12px;
    color: #309B7A;
}

.control-beater {
    height: 5px;
    display: none;
}



#modal-template-editor.midnight {
    background-color: #000000;
}

.midnight #action-strip {
    background: linear-gradient(0deg,#4B6771,rgba(75,103,113,0.40));
}

.midnight .strip-header {
    background: linear-gradient(0deg,#4B6771,rgba(75,103,113,0.40));
}

.midnight #editor-strip {
    background-color: #000000;
}

.midnight #finder-strip {
    background-color: #000000;
}

.midnight #task-strip {
    background-color: #000000;
}

.midnight #finder-filter {
    background-color: #000000;
    color: #CCCCCC;
}

.midnight .block-item {
    background: linear-gradient(180deg,#3F7E95,rgba(63,126,149,0.40));
}

.midnight .block-button {
    background: linear-gradient(180deg,#309B7A,rgba(48,155,122,0.40));
    color: #CCCCCC;
}

    .midnight .block-button.save {
        background: linear-gradient(180deg,#309B7A,rgba(48,155,122,0.40));
    }

    .midnight .block-button.cancel {
        background: linear-gradient(180deg,#CC6633,rgba(204,102,51,0.40));
    }

    .midnight .block-button.restore {
        background: linear-gradient(180deg,#3F7E95,rgba(63,126,149,0.40));
    }

.midnight .action-bar:hover {
    background: linear-gradient(180deg,rgba(63, 126, 149, 0.3),rgba(63, 126, 149, 0.1));
}

.midnight .action-bar.selected .bar-icon {
    background: linear-gradient(180deg,#309B7A,rgba(48,155,122,0.40));
}

.midnight .finder-filter-option {
    background: linear-gradient(180deg,#999999,rgba(153,153,153,0.40));
    color: #CCCCCC;
}

    .midnight .finder-filter-option.selected {
        background: linear-gradient(180deg,#CCCCCC,rgba(243,243,243,0.40));
        color: #f3f3f3;
    }

.midnight #dragsterY {
    background-color: rgba(63,126,149,0.2);
}

.midnight .block-title {
    color: #999999;
}

.midnight .editor-button {
    background: linear-gradient(180deg,#309B7A,rgba(48,155,122,0.40));
    color: #CCCCCC;
}

    .midnight .editor-button.disabled {
        background: linear-gradient(180deg,#999999,rgba(153,153,153,0.40));
        color: #E6E6E6;
    }

.midnight .editor-control {
    color: #CCCCCC;
}

.midnight .editor-input {
    color: #CCCCCC;
    background-color: #000000;
}

.midnight #finder-content::-webkit-scrollbar {
    width: 5px;
    background-color: #000000;
}

.midnight #finder-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #000000;
}

.midnight #finder-content::-webkit-scrollbar-thumb {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgba(63,126,149,0.2)), color-stop(0.72, rgba(63,126,149,0.5)), color-stop(0.86, rgb(63,126,149)));
}

.midnight #strip-details::-webkit-scrollbar {
    width: 5px;
    background-color: #000000;
}

.midnight #strip-details::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #000000;
}

.midnight #strip-details::-webkit-scrollbar-thumb {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgba(63,126,149,0.2)), color-stop(0.72, rgba(63,126,149,0.5)), color-stop(0.86, rgb(63,126,149)));
}

.midnight #task-content::-webkit-scrollbar {
    width: 5px;
    background-color: #000000;
}

.midnight #task-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #000000;
}

.midnight #task-content::-webkit-scrollbar-thumb {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgba(63,126,149,0.2)), color-stop(0.72, rgba(63,126,149,0.5)), color-stop(0.86, rgb(63,126,149)));
}

.midnight #editor-content::-webkit-scrollbar {
    width: 5px;
    background-color: #000000;
}

.midnight #editor-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #000000;
}

.midnight #editor-content::-webkit-scrollbar-thumb {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgba(63,126,149,0.2)), color-stop(0.72, rgba(63,126,149,0.5)), color-stop(0.86, rgb(63,126,149)));
}

.title-editor {
    margin-right: 5px;
    font-size: 12px;
}

.search-counter {
    color: #999999;
    font-size: 12px;
    margin-left: 5px;
}

.search-input {
    width: 270px;
}

.radio-group {
    margin: 5px 0;
    font-size: 12px;
}

.radio-input {
    margin-top: 1px;
    vertical-align: middle;
}

.flexable {
    margin-top: 10px;
    height: 50%;
}

.property-footer {
    margin-top: auto;
}

.option-group.bare {
    position: relative;
    margin-top: 0;
}

    .option-group.bare .option-item {
        height: 24px;
        background-size: 20px;
        border: none;
        list-style: none;
        width: auto;
        margin-right: 5px;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .option-group.bare .option-item span {
            font-size: 14px;
            margin: 0 0 0 24px;
            display: inline-block;
        }

        .option-group.bare .option-item img {
            display: inline-block;
            height: 14px;
            width: auto;
            float: right;
            padding-top: 4px;
        }

        .option-group.bare .option-item.inline {
            display: inline-block;
            margin-right: 7px;
        }

    .option-group.bare .option-label {
        font-size: 16px;
        padding: 4px 0;
        position: relative;
        border-top: none;
        border-bottom: none;
        color: #222222;
    }

        .option-group.bare .option-label span {
            display: inline-block;
        }

.float-right {
    float: right;
}

.tiny-commands {
    margin: 4px 0 10px 0;
}

    .tiny-commands label {
        font-size: 10px;
        height: 10px;
        line-height: 10px;
        background-color: #fff;
        border: 1px solid #3f7e95;
        color: #3f7e95;
        cursor: pointer;
        padding: 4px 6px;
        text-align: center;
        margin-left: 5px;
        text-transform: uppercase;
    }

    .tiny-commands .confirmation {
        display: none;
        background-color: #CC6633;
        padding: 6px 8px 10px 6px;
    }

        .tiny-commands .confirmation .prompt {
            font-size: 14px;
            color: #FFFFFF;
            margin-left: 10px;
        }

        .tiny-commands .confirmation .cancel {
            background-color: #E6E6E6;
        }

        .tiny-commands .confirmation .remove {
            background-color: #309B7A;
            color: #FFFFFF;
        }

.disabled {
    pointer-events: none;
    opacity: 0.97;    
}

.modal-progress {
    position: absolute;
    z-index: 99999;
    border: 1px solid #4B6771;
    background-color: #3F7E95;
    color: #E6E6E6;
    width: 345px;
    border-radius: 2px;
    -webkit-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    display: none;
}

.modal-progress-header {
    padding: 10px;
}

    .modal-progress-header .title {
        font-size: 14px;
        text-transform: uppercase;
        padding-bottom: 4px;
        display: inline-block;
    }

    .modal-progress-header .loader {
        margin-left: 30px;
        height: 14px;
        vertical-align: middle;
    }

.modal-progress-content {
    padding: 10px;
    border-top: 1px solid #E6E6E6;
    display: none;
}

.modal-progress-item {
    padding: 5px 0;
    display: none;
}

    .modal-progress-item .title {
        font-size: 14px;
    }

    .modal-progress-item .bar {
        font-size: 14px;
        color: #4B6771;
    }

        .modal-progress-item .bar.done {
            color: #309B7A;
        }

.modal-progress-result p.failure {
    background-color: #CC6633;
    color: #FFFFFF;
}

.modal-progress-result p.success {
    background-color: #309B7A;
    color: #FFFFFF;
}

.modal-progress-result {
    display: none;
}

    .modal-progress-result .close {
        position: absolute;
        top: 0px;
        right: 5px;
        cursor: pointer;
        display: none;
    }

    .modal-progress-result p {
        padding: 10px;
        font-size: 14px;
        margin: 0;
    }

.modal-progress-commands {
    text-align: center;
}

    .modal-progress-commands label {
        font-size: 10px;
        height: 10px;
        line-height: 10px;
        background-color: #fff;
        border: 1px solid #3f7e95;
        color: #3f7e95;
        cursor: pointer;
        padding: 4px 6px;
        text-align: center;
        text-transform: uppercase;
    }

.unresponsive {
    pointer-events: none;
    opacity: 0.99;
}

.validation-errors {
    color: #ff0000;
    margin: 10px 10px 10px 40px;
    font-size: 0.8em;
    display: none;
}

.dependencies {
    margin: 10px 0;
    color: #CC6633;
}

.dependency-list {
    color: #CC6633;
    font-size: 14px;
}

    .dependency-list .title {
        font-weight: 400;
    }





.sentence-group {
    margin-top: 10px;
    width: 405px;
}

.sentence-label {
    display: block;
    font-size: 20px;
    color: #3F7E95;
    padding: 5px 0 5px 0;
}

.sentence-description {
    display: block;
    font-size: 14px;
    color: #3F7E95;
    padding: 5px 0 0 0;
}

.sentence-items {
    display: none;
}

    .sentence-items.active {
        display: block;
    }

.sentence-item .title {
    display: inline-block;
    width: 50px;
    text-align: right;
    cursor: pointer;
}

.sentence-item .text {
    width: 340px;
    padding: 4px;
    font-size: 14px;
}

.sentence-language label {
    cursor: pointer;
    font-size: 14px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .sentence-language label.selected {
        color: #3F7E95;
    }

    .sentence-language label.has-value {
        color: #CC6633
    }

.translate-options {
    margin-top: 4px;
    display: none;
    text-align: center;
}

    .translate-options span {
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        text-transform: uppercase;
    }

    .translate-options .alert {
        color: #CC6633;
    }

    .translate-options .language-codes {
        background-color: #E6E6E6;
    }

    .translate-options .language-code-item {
        cursor: pointer;
        margin: 1px 0;
    }

        .translate-options .language-code-item:hover {
            color: #3F7E95;
        }

        .translate-options .language-code-item.selected {
            color: #ffffff;
            background-color: #3F7E95;
        }

    .translate-options .translate-commands {
        margin-top: 4px;
    }

        .translate-options .translate-commands label {
            display: inline-block;
            cursor: pointer;
            text-transform: uppercase;
            font-size: 12px;
            padding: 4px 0;
            width: 160px;
            text-align: center;
            user-select: none;
        }

            .translate-options .translate-commands label.cancel {
                background-color: #f3f3f3;
            }

            .translate-options .translate-commands label.continue {
                background-color: #3F7E95;
                color: #FFFFFF;
            }

.remove-options {
    margin-top: 4px;
    display: none;
    text-align: center;
}

    .remove-options span {
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        text-transform: uppercase;
    }

    .remove-options .alert {
        color: #CC6633;
    }

    .remove-options .remove-commands {
        margin-top: 4px;
    }

        .remove-options .remove-commands label {
            display: inline-block;
            cursor: pointer;
            text-transform: uppercase;
            font-size: 12px;
            padding: 4px 0;
            width: 160px;
            text-align: center;
            user-select: none;
        }

            .remove-options .remove-commands label.cancel {
                background-color: #f3f3f3;
            }

            .remove-options .remove-commands label.continue {
                background-color: #3F7E95;
                color: #FFFFFF;
            }

.copy-options {
    margin-top: 4px;
    display: none;
    text-align: center;
}

    .copy-options span {
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        text-transform: uppercase;
    }

    .copy-options .alert {
        color: #CC6633;
    }

    .copy-options .copy-commands {
        margin-top: 4px;
    }

        .copy-options .copy-commands label {
            display: inline-block;
            cursor: pointer;
            text-transform: uppercase;
            font-size: 12px;
            padding: 4px 0;
            width: 160px;
            text-align: center;
            user-select: none;
        }

            .copy-options .copy-commands label.cancel {
                background-color: #f3f3f3;
            }

            .copy-options .copy-commands label.continue {
                background-color: #3F7E95;
                color: #FFFFFF;
            }

    .copy-options .copy-items {
        background-color: #E6E6E6;
    }

    .copy-options .copy-item {
        cursor: pointer;
        margin: 1px 0;
    }

    .copy-options .copy-item:hover {
        color: #3F7E95;
    }

    .copy-options .copy-item.selected {
        color: #ffffff;
        background-color: #3F7E95;
    }

.contact-image {
    max-width: 400px;
}

.input-text.contact {
    width: 90%;
}

.list-types {
    padding: 5px 0 15px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #222222;
}

    .list-types span {
        text-transform: uppercase;
        font-size: 12px;
        padding: 4px 8px;
        border: 1px solid #999999;
        cursor: pointer;
    }

        .list-types span.selected {
            background-color: #3F7E95;
            color: #ffffff;
        }

.content-input {
    font-size: 14px;
    padding: 2px;
    width: 740px;
    margin: 4px 0 0 4px;
    background-color: #CCCCCC;
    border: 1px solid #999999;    
}

textarea.content-input {
    resize: vertical;
    min-width: 763px;
    max-width: 763px;
}

.open-patient-link {
    display: inline-block;
    cursor: pointer;
    color: #3F7E95;
}

.report-dashboard {
    border-bottom: 1px solid #E6E6E6;
    margin: 10px 0;
    overflow-x: hidden;
}

    .report-dashboard .caption {
        border-bottom: 1px solid #f3f3f3;
        font-size: 14px;
        font-weight: normal;
        color: #3F7E95;
        text-transform: uppercase;
        display: block;
    }

        .report-dashboard .caption.alert {
            color: #CC6633;
        }

        .report-dashboard .caption.notification {
            color: #309B7A;
        }


    .report-dashboard .caption-counter {
        color: #CCCCCC;
        font-size: 12px;
        text-transform: none;
    }

    .report-dashboard li {        
        padding: 10px;
        margin-right: 10px;
    }

    .report-dashboard li:nth-child(even) {
        background-color: #f7f7f7;
    }

    .report-dashboard li.filtered {
        display: none;
    }

    .report-dashboard .dashboard-item {
        cursor: pointer;
    }

    .report-dashboard .dashboard-item:hover {
        color: #3F7E95;
    }

    .report-dashboard .datetime-local {
        font-size: 12px;
    }

    .report-dashboard .date {
        font-size: 12px;
    }

    .report-dashboard .dashboard-details {
        display: none;
        margin-left: 5px;
        border-left: 1px solid #CCCCCC;
        padding: 4px 4px 4px 8px;
        font-size: 14px;
    }

        .report-dashboard .dashboard-details .details-content {
            font-size: 12px;
            display: inline-block;
        }

        .report-dashboard .dashboard-details .details-command {
            border: 1px solid #999999;
            text-transform: uppercase;
            background-color: #ffffff;
            color: #3F7E95;
            font-size: 10px;
            padding: 2px 4px;
            cursor: pointer;
            margin-left: 4px;
        }

    .report-dashboard .dashboard-preview {
        margin-bottom: 12px;
    }

.line-bar {
    padding: 2px 0;
    margin: 2px 0;
    font-size: 1px;
    line-height: 10px;
}

    .line-bar i {
        display: inline-block;
        text-align: center;
        border-right: 1px solid #FFFFFF;
    }

.line-bar-title {
    font-size: 12px;
}

.list-finder {
    float: right;
}

    .list-finder label {
        color: #999999;
        margin-right: 5px;
        cursor: pointer;
        display: none;
    }

    .list-finder input {
        text-align: center;
        border: 1px solid #E6E6E6;
    }

.checkable-list input[type=checkbox] {
    width: 22px;
    height: 22px;
    vertical-align: middle;
}

.checkable-list li {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.checkable-list span {
    font-size: 16px;
    vertical-align: middle;
}

    .checkable-list span.title {
        font-size: 18px;
        font-weight: 400;
        color: #3F7E95;
        border-bottom: 1px solid #E6E6E6;
        padding-bottom: 4px;
    }

.checkable-list ul {
    margin-top: 10px;
}

.checkable-list span.sub-title {
    font-size: 14px;
    font-weight: 400;
    color: #269b9e;
    margin-bottom: 5px;
}

.checkable-list span.sub-help {
    font-size: 12px;
    color: #999999;
    margin-bottom: 10px;
}

.checkable-list .filter {
    display: block;
    width: 300px;
    padding: 5px 5px;
    margin: 10px 0;
    font-size: 14px;
}

.checkable-list .ditched {
    display: none;
}

.parameter-list-container {
    margin-top: 10px;
    width: 405px;
    padding-bottom: 20px;
}

.parameter-list-label {
    display: block;
    font-size: 20px;
    color: #3F7E95;
    padding: 5px 0 5px 0;
}

.parameter-list-description {
    display: block;
    font-size: 14px;
    color: #3F7E95;
    padding: 5px 0 0 0;
}

.parameter-list {
    margin: 5px 0 10px 0;
}

.parameter-list-filter {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    outline: none !important;
    width: 383px;
    border: none;
    padding: 4px;
    border-bottom: 1px solid #CCCCCC;
}

.parameter-list-button {
    border: 1px solid #CCCCCC;
    text-transform: uppercase;
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
}

.parameter-list-button.ok {
    border: 1px solid #309b7a;
    color: #309b7a;
    display: none;
}

.parameter-list-button.cancel {
    border: 1px solid #CC6633;
    color: #CC6633;
    display: none;
}

.parameter-list.locked {
    pointer-events: none;
    opacity: 0.8;
}

.parameter-list-item {
    font-size: 14px;
    height: 22px;
}

    .parameter-list-item:hover {
        color: #3F7E95;
    }

.parameter-list-item-name {
    display: inline-block;
    width: 340px;
}

    .parameter-list-item-name.text {
        width: 240px;
    }

.parameter-list-item-value {
    display: inline-block;
    vertical-align: middle;
}

    .parameter-list-item-value[type="number"] {
        width: 42px;
        text-align: right;
        padding: 0 0 0 2px;
    }

    .parameter-list-item-value[type="text"] {
        width: 140px;
        text-align: left;
        padding: 0 2px;
    }

    .parameter-list-item-value[type="checkbox"] {
        margin: 0 0 0 31px;
        height: 18px;
        width: 18px;
        padding: 0;
    }

.content-menu {
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 8px;
}

.content-menu-input {
    width: 89%;
    vertical-align: middle;
    height: 25px;
}

.content-menu-item {
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #999999;
    color: #999999;
    font-size: 10px;
    padding: 2px 4px;
    cursor: pointer;
    width: 50px;
    text-align: center;
    line-height: 19px;
    vertical-align: middle;
}

    .content-menu-item:hover {
        border: 1px solid #222222;
        color: #222222;
    }

.property-menu {
    margin: 5px 0;
}

.property-menu-item {
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #999999;
    color: #999999;
    font-size: 10px;
    padding: 2px 4px;
    cursor: pointer;
    min-width: 50px;
    text-align: center;
    vertical-align: middle;
}

    .property-menu-item:hover {
        border: 1px solid #222222;
        color: #222222;
    }

    .property-menu-item.active {
        border: 1px solid #3F7E95;
        color: #3F7E95;
    }

.property-content {
    display: none;
    border: 1px solid #E6E6E6;
    margin: 0 0 0 0;
    padding: 10px;
}

.do-show {
    display: block;
}

.property-content[data-content=alert] {
    padding-top: 5px;
}

.property-content[data-content=item-alert] {
    padding-top: 5px;
}

.property-content-values {
    display: inline-block;
    vertical-align: top;
}

.property-content-preview {
    border-left: 1px solid #CCCCCC;
    margin-left: 20px;
    padding-left: 10px;
    display: inline-block;
}

.property-content-item {
    display: inline-block;
    margin-bottom: 4px;
}

.property-content-label {
    font-size: 12px;
    color: #222222;
    display: inline-block;
    width: 79px;
    text-align: right;
    margin-right: 2px;
}

    .property-content-label.top {
        vertical-align: top;
    }

.property-content-input[type=color] {
    width: 106px;
    height: 21px;
    vertical-align: middle;
}

.property-content-input[type=checkbox] {
    height: 14px;
    width: 14px;
    vertical-align: middle;
    margin-left: 0;
}

.property-content-input[type=number] {
    width: 108px;
    height: 21px;
}

.property-content-input {
    font-size: 12px;
    width: 108px;
    padding-left: 4px;
    border: 1px solid #999999;
    height: 21px;
}

    .property-content-input.double {
        min-width: 311px;
        width: 311px;
        max-width: 311px;
    }

    .property-content-input.full {
        min-width: 512px;
        width: 512px;
        max-width: 512px;
        min-height: 21px;
    }

select.property-content-input {
    width: 114px;
    padding-left: 0;
    height: 25px;
}


.no-pointer {
    cursor: default;
    padding-top: 0px;
}

.preview-colors {
    margin: 5px 0 10px 0;
    float: left;
}

.preview-color {
    display: inline-block;
    border: 1px solid #999999;
    color: #999999;
    padding: 6px;
    cursor: pointer;
    vertical-align: middle;
}


.preview-menu {
    margin: 5px 0 10px 0;
    float: right;
}

.preview-menu-item {
    display: inline-block;
    border: 1px solid #999999;
    color: #999999;
    font-size: 11px;
    line-height: 12px;
    width: 12px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

    .preview-menu-item:hover {
        border: 1px solid #222222;
        color: #222222;
    }

.preview-content {
}

.cool {
    background-color: #5ebcd2;
}

.warm {
    background-color: #f4b656;
}

.neon {
    background-color: #e9668c;
}

.content-item-del {
    position: absolute;
    top: 0;
    right: 0;
}

.toggle-del {
    font-size: 10px;
    text-transform: uppercase;
    padding: 2px 4px;
    cursor: pointer;
    color: #999999;
    display: none;
}

    .toggle-del:hover {
        color: #222222;
    }

.confirm-del {
    display: none;
}

    .confirm-del span {
        font-size: 10px;
        text-transform: uppercase;
        padding: 2px 4px;
        cursor: pointer;
    }

.cancel-del {
    border: 1px solid #999999;
    color: #999999;
}

    .cancel-del:hover {
        border: 1px solid #222222;
        color: #222222;
    }

.proceed-del {
    border: 1px solid #CC6633;
    color: #CC6633;
}

    .proceed-del:hover {
        border: 1px solid #ff0000;
        color: #ff0000;
    }

.alert-menu {
    margin-bottom: 10px;
    text-align: right;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 3px;
}

.alert-menu-item {
    display: inline-block;
    text-transform: uppercase;
    color: #999999;
    font-size: 10px;
    padding: 2px 4px;
    cursor: pointer;
    text-align: right;
    vertical-align: middle;
}

    .alert-menu-item:hover {
        color: #222222;
    }

.alert-item {
    position: relative;
    border-bottom: 1px solid #f3f3f3;
    margin-top: 10px;
}

.alert-item-handle {
    position: absolute;
    top: 34px;
    left: 0;
    color: #CCCCCC;
    cursor: pointer;
}

    .alert-item-handle:hover {
        color: #999999;
    }

.alert-item-del {
    position: absolute;
    top: 30px;
    right: 0;
}

.toggle-alert-del {
    font-size: 10px;
    text-transform: uppercase;
    padding: 2px 4px;
    cursor: pointer;
    color: #999999;
    display: none;
}

    .toggle-alert-del:hover {
        color: #222222;
    }

.confirm-alert-del {
    display: none;
}

    .confirm-alert-del span {
        font-size: 10px;
        text-transform: uppercase;
        padding: 2px 4px;
        cursor: pointer;
    }

.cancel-alert-del {
    border: 1px solid #999999;
    color: #999999;
}

    .cancel-alert-del:hover {
        border: 1px solid #222222;
        color: #222222;
    }

.proceed-alert-del {
    border: 1px solid #CC6633;
    color: #CC6633;
}

    .proceed-alert-del:hover {
        border: 1px solid #ff0000;
        color: #ff0000;
    }

.value-error {
    border: 1px solid #ff0000;
}

#meter-template {
    display: none;
}

.meter-content {
    position: relative;
    margin: 0;
    padding: 8px 0 4px 0;
    z-index: 8888;
}

.meter-content-item {
    display: inline-block;
    margin-bottom: 4px;
}

.meter-content-item.hidden {
    display: none;
}

.meter-content-item.col-2 {
    margin-left: 193px;
}

.meter-content-label {
    font-size: 12px;
    color: #222222;
    display: inline-block;
    width: 79px;
    text-align: right;
    margin-right: 2px;
}

    .meter-content-label.usage {
        cursor: pointer;
    }

    .meter-content-label.top {
        vertical-align: top;
    }

.meter-content-input {
    font-size: 12px;
    width: 209px;
    padding-left: 4px;
    border: 1px solid #999999;
    height: 21px;
}

.meter-content-input[type=checkbox] {
    height: 14px;
    width: 14px;
    vertical-align: middle;
    margin-left: 0;
}

.meter-content-input[type=number] {
    width: 203px;
    height: 21px;
}

.meter-content-input[type=text] {
    width: 203px;
    height: 21px;
}

.meter-content-input.full {
    width: 503px;
    min-height: 21px;
}

textarea.meter-content-input.full {
    min-width: 503px;
    width: 503px;
    max-width: 503px;
}

.indicator-content-editor.meter-content-input {
    font-size: 16px;
}

.indicator-content-editor.meter-content-input.full {
    width: 489px;
    min-height: 44px;
    display: inline-block;
}

.indicator-content-editor.meter-content-input.fullest {
    padding: 10px;
    width: 570px;
    min-height: 44px;
    display: inline-block;
    font-size: 15px;
    margin: 4px 0 0 4px;
}

.resizable {
    resize: vertical;
    overflow: auto;
}

.no-resize {
    resize: none;
}

select.meter-content-input {
    width: 211px;
    padding-left: 0;
    height: 25px;
}

select.meter-content-input.full {
    width: 509px;
}

select.meter-content-input[name=Title] {
    display: none;
}

.meter-content-show-select {
    font-size: 16px;
    top: 18px;
    right: 11px;
    position: absolute;    
}

.meter-content-hide-select {
    font-size: 12px;
    display: none;
    top: 17px;
    right: 12px;
    position: absolute;
}

.meter-content-pulsar {
    display: none;
    position: absolute;
    top: 15px;
    right: 47px;
    z-index: 99999;
}

.no-select {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.formulator {
    display: inline-block;
}

.modal-patient {
    padding: 20px;
}

.search-list.taller {
    top: 80px;
}

.search-categories.taller {
    height: 48px;
    z-index: 5000;
    resize: vertical;
    min-height: 48px;
    background-color: #CCCCCC;
}

.search-links.taller {
    top: 60px;
}

.close-search-view {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    color: #222222;
    cursor: pointer;
    z-index: 99990;
    font-size: 16px;
}


.data-table {
    width: 50%;
}

    .data-table th {
        text-align: left;
        font-weight: 600;
    }

        .data-table th.radio {
            text-align: center;
            width: 24px;
        }

    .data-table td.row-selector {
        cursor: pointer;
        font-weight: 500;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

        .data-table td.row-selector:hover {
            text-decoration: underline;
        }

    .data-table input {
        height: 24px;
        margin: -4px 0 0 0;
        vertical-align: middle;
    }

        .data-table input:focus {
            outline: none;
        }


    .data-table .ra {
        text-align: right;
    }

#remote-media {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    grid-gap: 10px;
}

    #remote-media video {
        width: 100%;
        /*border: 1px solid transparent;*/
    }

    /*#remote-media video.dominator {
    border: 1px solid #309B7A;
}*/

    #remote-media.tile-1 {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    }

    #remote-media.tile-2 {
        grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
    }

    #remote-media.tile-3 {
        grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    }

    #remote-media.tile-4 {
        grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    }

#button-toggle-grid {
    display: none;
}

.required-field {
    color: #CC6633;
    margin-right: 5px;
}

.required-label {
    color: #CC6633;
    font-size: 12px;
    display: block;
}

.jumbo-label {
    display: block;
    font-size: 20px;
    color: #3F7E95;
    padding: 5px 0 5px 0;
}

.ti {
    margin: 10px 0 0 -8px;
    padding: 4px;
    display: none;
}

.ti-label {
    display: block;
    font-size: 20px;
    color: #3F7E95;
    padding: 5px 0 5px 0;
}

.ti-description {
    display: block;
    font-size: 14px;
    color: #3F7E95;
    padding: 5px 0 0 0;
}

.import-label {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #3F7E95;
    color: #3F7E95;
    width: 120px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}

    .import-label span {
        padding: 0px;
    }

#importForm {
    position: fixed;
    height: 1px;
    width: 1px;
    right: 100%;
    bottom: 100%;
}

#importFrame {
    position: fixed;
    height: 1px;
    width: 1px;
    right: 100%;
    bottom: 100%;
}

#portLoader {
    display: none;
    width: 70px;
    margin-left: 10px;
}

#portError {
    display: inline-block;
    font-size: 12px;
    color: #ff0000;
    margin-left: 10px;
}


.check-list {
    background-color: #ffffff;
}

.check-list-item {
    padding: 5px;
    cursor: pointer;
}

    .check-list-item.nulled {
        color: #cccccc;
    }

.check-list-item-box {
    display: inline-block;
    margin-right: 5px;
}

.check-list-item-input {
    display: inline-block;
    margin-left: 5px;
    width: 50px;
}

.check-list-item.nulled .check-list-item-input {
    opacity: 0.5;
    pointer-events: none;
}


.param-list li i.req-item {
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
    width: 16px;
    color: #CCCCCC;
}

    .param-list li i.req-item.active {
        color: #CC6633;
    }

.param-list li span.req-title {
    display: inline-block;
    cursor: default;
    margin-right: 0px;
}

.param-list li div.req-group {
    font-size: 14px;
    color: #999999;
    margin-left: 26px;
}

hr.lite {
    display: block;
    height: 1px;
    border-bottom: 1px solid #E6E6E6;
    padding: 0;
}


.action-list {
    margin-top: 2px;
    width: 512px;
    overflow-y: auto;
}

    .action-list li {
        padding: 2px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .action-list li span[data-action] {
            cursor: pointer;
        }

        .action-list li span.title {
            color: #3F7E95;
        }

            .action-list li span.title:hover {
                text-decoration: underline;
            }

        .action-list li span.button {
            border: 1px solid #cccccc;
            background-color: #ffffff;
            padding: 2px 6px;
            font-size: 10px;
            text-align: center;
            text-transform: uppercase;
            cursor: pointer;
        }

            .action-list li span.button:hover {
                border: 1px solid #3F7E95;
                color: #3F7E95;
            }

            .action-list li span.button.huge {
                margin-top: 10px;
                padding: 6px 12px;
                font-size: 14px;
            }

    .action-list input[type=checkbox] {
        width: 22px;
        height: 22px;
        vertical-align: middle;
        outline: none;
    }

    .action-list span.descr {
        font-size: 14px;
        margin-top: 5px;
    }

    .action-list label {
        margin: 10px 0 0 -5px;
    }

.sparky {
    margin: 5px 0;
}

.spark {
    display: inline-block;
    width: 5px;
    border: 1px solid #3F7E95;
    border-top: 2px solid #3F7E95;
    border-radius: 5px;
}

.angly {
    margin: 5px 0;
    border: 1px solid #3F7E95;
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    height: 50px;
    width: 50px;
    vertical-align: middle;
}

.angl {
    display: inline-block;
    height: 46px;
    width: 5px;
    border: 1px solid #3F7E95;
    border-top: 4px solid #3F7E95;
    border-radius: 5px;
    vertical-align: middle;
}

.lil-space {
    margin-top: 10px;
}

.checkable-tree ul {
    margin-top: 2px;
}

    .checkable-tree ul.spaced {
        margin-top: 10px;
    }

.checkable-tree input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    outline: none;
}

.checkable-tree input[type=radio] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    outline: none;
}

.checkable-tree li {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.checkable-tree span {
    font-size: 16px;
    vertical-align: middle;
}

    .checkable-tree span.title {
        font-size: 18px;
        font-weight: 400;
        color: #3F7E95;
        border-bottom: 1px solid #E6E6E6;
        padding-bottom: 4px;
    }

    .checkable-tree span.sub-title {
        font-size: 14px;
        font-weight: 400;
        color: #3F7E95;
        margin-bottom: 5px;
    }

.checkable-tree span.sub-help {
    font-size: 12px;
    color: #999999;
    margin-bottom: 10px;
}

.checkable-tree .finder {
    display: block;
    width: 300px;
    padding: 5px 5px;
    margin: 10px 0;
    font-size: 14px;
}

.checkable-tree span.descr {
    font-size: 12px;
    margin-left: 5px;
}

.checkable-tree .tree-item:hover {
    color: #3F7E95;
}

.checkable-tree .tree-item.parent {
    cursor: pointer;
}

.checkable-tree ul.sub-tree {
    margin: 0 0 0 27px;
}

    .checkable-tree ul.sub-tree.hidden {
        display: none;
    }


    .checkable-tree ul.sub-tree span {
        font-size: 14px;
    }


.exercise-selector {
    position: absolute;
    top: 253px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    background-color: rgba(255,255,255,1);
    z-index: 888;
    display: none;
    padding: 10px 20px 10px 20px;
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

    .exercise-selector .found-text {
        margin-left: 5px;
    }

    .exercise-selector .apply-button {
        position: absolute;
        top: 8px;
        left: 272px;
        width: 302px;
        display: none;
        font-size: 12px;
        background-color: #309B7A;
        color: #ffffff;
        cursor: pointer;
        padding: 4px 0;
        text-align: center;
        text-transform: uppercase;
    }

    .exercise-selector .close-button {
        position: absolute;
        top: 10px;
        right: 20px;
        color: #999999;
        cursor: pointer;
    }

    .exercise-selector .selector-list {
        position: absolute;
        top: 40px;
        right: 5px;
        bottom: 5px;
        left: 5px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .exercise-selector .list-item {
        position: relative;
        border: 2px solid #f3f3f3;
        padding: 5px;
        margin: 2px 0;
        display: flex;
        align-items: flex-start;
    }

        .exercise-selector .list-item:nth-last-child(even) {
            background-color: #ffffff;
        }

        .exercise-selector .list-item:nth-last-child(odd) {
            background-color: #f3f3f3;
        }


        .exercise-selector .list-item:hover {
            border: 2px solid #CCCCCC;
        }

        .exercise-selector .list-item.selected {
            border: 2px solid #309B7A;
        }

        .exercise-selector .list-item.collapsed {
            overflow: hidden;
            height: 80px;
        }

    .exercise-selector .item-title {
        font-weight: bolder;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: default;
    }

    .exercise-selector .item-text {
        margin-top: 5px;
        font-size: 14px;
        cursor: default;
    }

    .exercise-selector .item-image {
        display: block;
        min-width: 110px;
        width: 110px;
        margin-right: 15px;
        cursor: pointer;
    }

    .exercise-selector .item-collapse {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 20px;
        color: #CCCCCC;
        cursor: pointer;
        padding: 2px 10px;
    }

    .exercise-selector .beater {
        height: 5px;
        margin-left: 5px;
        display: none;
    }

    .exercise-selector .item-preview {
        position: absolute;
        top: 10px;
        left: 10px;
        display: none;
        z-index: 999;
        padding: 5px 5px 0px 5px;
        background-color: #222222;
        -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
        box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
        max-width: 780px;
    }

        .exercise-selector .item-preview img {
            width: 100%;
        }

        .exercise-selector .item-preview video {
            width: 100%;
        }

.item-document-container {
    height: 210px;
    padding-top: 5px;
    overflow-x: hidden;
    overflow-y: auto;
}

.item-document {
    margin-bottom: 10px;
    font-size: 14px;
}

.item-document-container .item-document {
    background-color: #ffffff;
    padding: 5px;
    margin-bottom: 0;
}


.item-document ul {
    list-style: inside;
}

.item-document p {
    margin: 10px 0px;
}

.item-document h4 {
    margin: 10px 0px;
}

.item-document img {
    margin-top: 10px;
    width: 100%;
}

.item-document video {
    margin-top: 10px;
    width: 100%;
}

.item-document audio {
    margin-top: 10px;
    width: 100%;
}

.item-document a {
    display: block;
    margin: 10px 0px;
}

.exercise-selector .item-document {
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #E6E6E6;
    -webkit-box-shadow: 0px 10px 13px -7px #CCCCCC, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -7px #CCCCCC, 5px 5px 15px 5px rgba(0,0,0,0);
}

.text-preview {
    position: relative;
    margin-bottom: 10px;
    width: 595px;
    padding: 10px;
    border: 1px solid #E6E6E6;
    -webkit-box-shadow: 0px 10px 13px -7px #CCCCCC, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -7px #CCCCCC, 5px 5px 15px 5px rgba(0,0,0,0);
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

.preview-title {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 10px;
    text-transform: uppercase;
    color: #CCCCCC;
}

.text-editor {
    position: relative;
}

.text-editor-modify-button {
    position: absolute;
    top: -25px;
    right: 0px;
    font-size: 10px;
    text-transform: uppercase;
    color: #CCCCCC;
    cursor: pointer;
    border: 1px solid #CCCCCC;
    padding: 2px 4px;
}

    .text-editor-modify-button:hover {
        color: #CC6633;
        border: 1px solid #CC6633;
    }

    .text-editor-modify-button.active {
        color: #CC6633;
        border: 1px solid #CC6633;
    }

.text-editor-text {
    font-size: 12px;
    font-family: "Courier New", Courier, monospace;
    white-space: pre;
    overflow-wrap: normal;
    overflow-x: scroll;
    display: block;
    padding: 5px;
    margin-top: 5px;
    width: 605px;
    max-width: 605px;
    min-width: 605px;
    background-color: #f3f3f3;
    border: 1px solid #222222;
}

    .text-editor-text.editing {
        background-color: #f3f3f3;
        border: 1px solid #CC6633;
    }

    .text-editor-text:focus {
        outline: none;
    }

.media-document-container {
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    background-color: #FFFFFF;
    width: 393px;
    height: 341px;
    resize: none;
}

    .media-document-container .item-document {
        background-color: #ffffff;
        padding: 5px;
        margin-bottom: 0;
    }

.input-refresh {
    font-size: 18px;
    margin-left: 5px;
    cursor: pointer;
    color: #999999;
}


.steps .invisible {
    display: none;
}

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

.sneaker {
    font-size: 12px;
    color: #CCCCCC;
    text-transform: uppercase;
    padding: 5px 10px;
}

.progress-details.spaced {
    margin: 10px 0;
}

.progress-detail-section {
    font-size: 14px;
}

.progress-detail-section .section-title {
    display: block;
    margin: 20px 0 10px 0;
    font-weight: bold;
    font-size: 16px;
    color: #3F7E95;
}

.progress-detail-section .section-row:nth-child(odd) {
    background-color: #f7f7f7;
}

.progress-detail-section .section-row td {
    padding: 5px;
}

.progress-detail-section .row-title {
    width: 340px;
    font-weight: 600;
    padding-right: 10px;        
}

.progress-detail-section .row-text {
    padding: 0 10px;        
    max-width: 430px;
}

.progress-detail-section .row-picture {
    position: relative;
}

.progress-detail-section .row-picture-title {
    position: absolute;
    top: 10px;
    left: 15px;
    font-weight: 600;
}

.progress-detail-section .row-picture img {
    max-width: 780px;
}

.progress-detail-section .section-sub-title {
    display: block;
    margin: 5px 10px;
    color: #222222;
}



.rules-commands {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    color: #222222;
}

    .rules-commands span {
        font-size: 12px;
        text-transform: uppercase;
        cursor: pointer;
        margin-right: 5px;
    }

        .rules-commands span.close-edit {
            display: none;
        }

        .rules-commands span.cancel-edit {
            display: none;
        }

        .rules-commands span.remove-selected {
            display: none;
            color: #CC6633;
        }

        .rules-commands span.move-up {
            display: none;
            color: #CC6633;
        }

        .rules-commands span.move-down {
            display: none;
            color: #CC6633;
        }


    .rules-commands .black-balls {
        display: none;
        height: 5px;
        margin-right: 10px;
    }

.rules-table-container {
    font-size: 14px;
}

.rules-table {
    border-spacing: 0;
    width: 100%;
}

    .rules-table.editing {
        background-color: #f3f3f3;
    }

    .rules-table th {
        color: #3f7e95;
        padding: 4px 5px;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #999;
        text-align: left;
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .rules-table.readonly td {
        padding: 4px 5px;
        font-size: 12px;
    }


    .rules-table th.ca {
        text-align: center;
    }

    .rules-table th.ra {
        text-align: right;
    }

    .rules-table td.ca {
        text-align: center;
    }

    .rules-table td.rb {
        border-right: 1px solid #e6e6e6;
    }

    .rules-table td.ra {
        text-align: right;
    }

    .rules-table .lvl-2 {
        padding-left: 20px;
    }

    .rules-table th.ca {
        text-align: center;
    }

    .rules-table select {
        font-size: 14px;
        background-color: #FFFFFF;
    }

        .rules-table select:disabled {
            background-color: #cccccc;
            -webkit-appearance: none;
            appearance: none;
            border: 1px solid #cccccc;
        }

        .rules-table select:focus {
            outline: 0;
        }

    .rules-table input {
        background-color: #FFFFFF;
        width: 50px;
    }

        .rules-table input.val {
            text-align: left;
            width: 37px;
            padding-left: 4px;
        }

        .rules-table input.num {
            width: 20px;
            text-align: center;
        }

        .rules-table input.txt {
            text-align: right;
            padding-right: 4px;
        }

        .rules-table input:disabled {
            background-color: #cccccc;
            -webkit-appearance: none;
            appearance: none;
            border: 1px solid #cccccc;
        }

    .rules-table .row-actions {
        display: none;
    }

    .rules-table .row-action {
        font-size: 12px;
        padding-left: 5px;
        cursor: pointer;
    }

    .rules-table .dragger {
        background-color: #222222;
        height: 20px;
        width: 10px;
        margin-left: 5px;
        cursor: pointer;
        display: none;
    }

        .rules-table .dragger.selected {
            background-color: #CC6633;
        }

    .rules-table .add-rule {
        display: none;
        cursor: pointer;
    }

    .rules-table .add-indicator {
        display: none;
        cursor: pointer;
    }

.select-options {
    margin-bottom: 20px;
}

    .select-options.hidden {
        display: none;
    }

.input-select.zumba {
    display: block;
    font-size: 20px;
    line-height: 20px;
    padding: 5px 5px 5px 10px;
    margin-top: 5px;
    border: 1px solid #222222;
    outline: none;
}

.input-select.error {
    border: 1px solid #CC6633;
}


.modal-rules {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
}

    .modal-rules .jumbo-label {
        margin-left: 10px;
    }

.rules-container {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    font-size: 14px;
}

    .rules-container .rules-table-container {
        position: absolute;
        top: 30px;
        bottom: 35px;
        left: 5px;
        right: 265px;
        overflow-x: hidden;
        overflow-y: auto;
    }

.rules-table-commands {
    position: absolute;
    top: 3px;
    right: 5px;
    z-index: 999;
}

    .rules-table-commands.hidden {
        display: none;
    }

    .rules-table-commands span {
        cursor: pointer;
        color: #CCCCCC;
        text-transform: uppercase;
        font-size: 12px;
    }

        .rules-table-commands span:hover {
            color: #CC6633;
        }

.rules-container .rules-table tr.even {
    background-color: #f3f3f3;
}

.rules-container .rules-table {
    position: relative;
}

    .rules-container .rules-table th {
        position: sticky;
        top: 0;
        background-color: #ffffff;
    }

    .rules-container .rules-table td {
        padding: 4px 5px;
    }

        .rules-container .rules-table td.title {
            width: 250px;
            border: 1px solid #E6E6E6;
            border-right: none;
            position: relative;
        }

            .rules-container .rules-table td.title .trash {
                position: absolute;
                top: 10px;
                right: 10px;
                color: #CCCCCC;
                display: none;
                pointer-events: none;
            }

                .rules-container .rules-table td.title .trash.drop {
                    color: #CC6633;
                    display: block;
                }

        .rules-container .rules-table td.points {
            width: 40px;
            border: 1px solid #E6E6E6;
        }

            .rules-container .rules-table td.points.drop {
                border-bottom: 1px solid #CC6633;
            }

        .rules-container .rules-table td.exercises {
            border: 1px solid #E6E6E6;
            border-bottom: 1px solid transparent;
        }

            .rules-container .rules-table td.exercises.drop {
                border-bottom: 1px solid #CC6633;
            }

.modal-rules .command-buttons {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

    .modal-rules .command-buttons span {
        user-select: none;
        display: inline-block;
        text-transform: uppercase;
        cursor: pointer;
        background: #3f7e95;
        font-size: 14px;
        width: 122px;
        text-align: center;
        padding: 4px 0 4px 0;
        margin-left: 3px;
        color: #ffffff;
    }

    .modal-rules .command-buttons img {
        height: 10px;
        margin-right: 10px;
        display: none;
    }

.rules-list-container {
    position: absolute;
    top: 30px;
    right: 5px;
    bottom: 35px;
    width: 250px;
}

.rules-list-container-commands {
    display: flex;
    flex-direction: row;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #999999;
    font-size: 12px;
}

.rules-list-filter {
    border: none;
    padding: 4px;
}

    .rules-list-filter:focus {
        outline: none;
    }

.rules-list-button {
    display: inline-block;
    padding: 4px;
    cursor: pointer;
    text-transform: uppercase;
}

    .rules-list-button:hover {
        color: #3F7E95;
    }

    .rules-list-button.active {
        color: #3F7E95;
    }

.rules-list {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
}

    .rules-list.active {
        display: block;
    }

.rules-list-item {
    padding: 2px 0;
}

    .rules-list-item:hover {
        color: #CC6633;
    }

    .rules-list-item.selected {
        color: #CC6633;
    }

    .rules-list-item.loading {
        animation-name: dasher;
        animation-duration: 1s;
        animation-iteration-count: infinite;
    }

@keyframes dasher {
    from {
        border-bottom: 1px dotted #CC6633;
    }

    to {
        border-bottom: 1px solid #CC6633;
    }
}

.rules-list-preview {
    position: relative;
    display: block;
}

    .rules-list-preview span {
        display: block;
        position: absolute;
        top: -15px;
        right: 0;
    }

    .rules-list-preview video {
        width: 100%;
    }

    .rules-list-preview img {
        width: 100%;
    }

.rule-param-container {
    background-color: rgba(63, 126, 149, 0.3);
    padding: 4px 4px 4px 8px;
    border-radius: 4px;
}

    .rule-param-container.tba {
        background-color: rgba(204, 102, 51, 0.3);
    }

.param-header-title {
    display: inline-block;
    width: 295px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.param-header-button {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 10px;
    padding: 2px 4px;
    float: right;
}

    .param-header-button.hidden {
        display: none;
    }

.rule-param {
    font-size: 12px;
    margin: 2px 0;
}

    .rule-param.hidden {
        display: none;
    }

    .rule-param .rule-param-input {
        font-size: 12px;
        border: none;
        text-transform: lowercase;
        text-align: center;
        width: 14%;
    }

        .rule-param .rule-param-input:focus {
            outline: none;
        }

        .rule-param .rule-param-input.numeric {
            text-transform: lowercase;
            width: 8%;
        }

ul.rule-param {
    background-color: #ffffff;
    margin: 4px 3px 2px 0;
}

    ul.rule-param.hidden {
        display: none;
    }

    ul.rule-param.unlocked {
        pointer-events: all;
    }

    ul.rule-param .rule-param-item {
        padding: 2px 4px;
        border-bottom: 1px solid transparent;
    }

        ul.rule-param .rule-param-item:hover {
            color: #CC6633;
        }

        ul.rule-param .rule-param-item.selected {
            color: #CC6633;
        }

        ul.rule-param .rule-param-item.drop {
            border-bottom: 1px solid #CC6633;
        }

.rules-container .rules-table td.exercises .exercise {
    margin: 2px 0;
    padding: 0;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
    border-radius: 4px;
}

    .rules-container .rules-table td.exercises .exercise.selected {
        border: 1px solid #CC6633;
    }

    .rules-container .rules-table td.exercises .exercise.error {
        border: 1px solid #ff0000;
    }

    .rules-container .rules-table td.exercises .exercise.drop {
        border-bottom: 2px solid #CC6633;
    }

    .rules-container .rules-table td.exercises .exercise .readonly {
        pointer-events: none;
    }

.command-buttons .command-message {
    margin-right: 6px;
    color: #3F7E95;
    display: none;
}


.notinuse {
    opacity: 0.7;
    pointer-events: none;
}

.hf-col-one.abs {
    position: absolute;
    top: 130px;
    right: 10px;
    bottom: 60px;
    left: 0px;
}

.page-table-container {
    position: absolute;
    top: 80px;
    right: 0;
    bottom: 10px;
    left: 0px;
    overflow: auto;
}

.page-table {
    position: relative;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

    .page-table tbody tr:nth-child(even) {
        background-color: #fafafa;
    }

    .page-table thead td.title {
        font-size: 20px;
        color: #3F7E95;
        padding: 5px;
    }

    .page-table th {
        position: sticky;
        top: 0;
        background-color: #ffffff;
        text-align: left;
        padding: 5px;
        border-bottom: 1px solid #E6E6E6;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 12px;
        white-space: nowrap;
    }

        .page-table th.int {
            text-align: right;
        }

        .page-table th.fav {
            text-align: center;
            color: #E6E6E6;
            width: 20px;
            cursor: pointer;
        }

            .page-table th.fav.selected {
                color: #3F7E95;
            }

        .page-table th.rnk {
            text-align: center;
            color: #E6E6E6;
            width: 20px;
            font-size: 12px;
            cursor: pointer;
        }

        .page-table th.missing {
            color: #ff1a33;
        }


    .page-table tbody.select tr:hover {
        background-color: rgba(63, 126, 149, 0.3);
    }

    .page-table tbody.select tr.selected {
        background-color: rgba(63, 126, 149, 0.3);
    }

    .page-table td {
        padding: 5px;
        vertical-align: top;
        font-size: 15px;
    }

        .page-table td.int {
            text-align: right;
        }

.page-table-filter {
    text-align: center;
    width: 30px;
    border: none;
}

    .page-table-filter:focus {
        outline: none;
    }

.page-table tfoot {
    display: none;
}

.page-table-message {
    position: sticky;
    bottom: 0;
    text-align: center;
    border-radius: 10px;
    background-color: rgba(34, 34, 34, 0.7);
}

.page-table-message.ok {
    background-color: rgba(48, 155, 122, 0.7);
}

.page-table-message.nok {
    background-color: rgba(255, 26, 51, 0.7);
}

.page-table-message span {
    display: inline-block;
    color: #ffffff;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
}

.page-table-message div {
    display: inline-block;
}

.page-table-message .buttons {
    display: none;
    margin-left: 20px;
}

.page-table-message button {
    color: #ffffff;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
    padding: 4px 10px;
    background-color: transparent;
    border: 1px solid #CC6633;
    margin: 0 2px;
    min-width: 60px;
}

.page-table-message button.yes {
    background-color: #309B7A;
    border: 1px solid #309B7A;
}

.page-table-message button.no {
    background-color: #CC6633;
    border: 1px solid #CC6633;
}

.json {
    margin: 20px 0;
    font-family: Consolas;
    font-size: 12px;
    width: 555px;
    word-wrap: break-word;
    user-select: text;    
}

.json span {
    display: block;
    padding: 10px 0;
}

.input-space {
    margin: 10px 0;
}

.input-label.missing {
    color: #ff0000;
}

.radio-list label.disabled {
    color: #CCCCCC;
}

.action-link-command {
    display: inline-block;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 4px 8px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 10px;
}

.action-link-command:hover {
    border: 1px solid #3F7E95;
    color: #3F7E95;
}

.input-text.full {
    width: 505px;
}

select.input-text.full {
    width: 519px;
}


.page-table .cen {
    text-align: center;
}

.page-table th .new {
    display: inline-block;
    padding: 0px 4px;
    cursor: pointer;
}

.page-table li .title {
    font-weight: 500;
}


    .page-table li .title:hover {
        color: #3F7E95;
    }

.page-table ul.sub-list {
    margin: 2px 0px 4px 10px;
}

    .page-table ul.sub-list li {
        font-size: 14px;
    }

.page-table .collapser {
    cursor: pointer;
}

    .page-table .collapser.tri {
        font-size: 12px;
        text-align: center;
        width: 30px;
    }

.page-table tbody tr.collapsed * {
    overflow: hidden;
    height: 16px;
    white-space: nowrap;
    color: #999999;
}

.page-table tbody tr.collapsed li .title:hover {
    color: #999999;
}


.page-table-header {
    margin: 10px 10px 0 0;
}

    .page-table-header .title {
        font-size: 20px;
        color: #3F7E95;
        padding: 5px;
    }

    .page-table-header .info {
        font-size: 13px;
        color: #999999;
        padding: 5px 0;
        text-transform: lowercase;
    }

.page-table input[type="checkbox"] {
    padding: 0;
    margin: 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    opacity: 0.8;
}

    .page-table input[type="checkbox"]:focus {
        outline: 0;
    }

.page-table td.cen input[type="number"] {
    text-align: center;
    outline: 0;
}


.visualizer {
    position: absolute;
    top: 40px;
    right: 0px;
    left: 0px;
    overflow-x: hidden;
    box-sizing: border-box;
}

.visualizer .bar {
    display: inline-block;
    padding: 4px 0;
    margin: 0 -2px;
    text-align: center;
    font-size: 14px;
    overflow-x: hidden;
    white-space: nowrap;
    color: #ffffff;
    font-weight: normal;
    opacity: 0.6;
    box-sizing: border-box;
    position: relative;
}

.visualizer .bar.selected {
    opacity: 0.9;
}

.visualizer .sizer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5px;
    background-color: transparent;
    cursor: ew-resize;
}


.page-table tr.missing * {
    color: #ff1a33;
}

.page-table tr.collapsed.missing * {
    color: #ff1a33;
}

.meter-content.collapsed {
    height: 24px;
    overflow: hidden;
}

.meter-content-usage-details {
    margin-left: 83px;
    padding: 6px;
    font-size: 12px;
    color: #222222;
    user-select: text;
    display: none;
}


.meter-content-collapser {
    position: absolute;
    top: 14px;
    left: 14px;
    font-size: 10px;
    cursor: pointer;
}


.accessibility {
    position: relative;
    margin-left: 10px;
    font-size: 12px;
}

    .accessibility.hidden {
        display: none;
    }

    .accessibility .acc-toggler {
        position: absolute;
        font-size: 14px;
        cursor: pointer;
        top: 35px;
        right: 10px;
        z-index: 9999;
        color: #333333;
    }

        .accessibility .acc-toggler.acc-dirty {
            color: #CC6633;
        }

.accessibilities {
    display: none;
    padding: 5px;
    border-bottom: 1px solid #E6E6E6;
}

.accessibilities textarea {
    padding: 10px;
    min-width: 556px;
    width: 556px;
    max-width: 556px;
    min-height: 44px;
    display: block;
    font-size: 15px;
    margin-top: 5px;
}


.conditioner {
    position: relative;
    margin-left: 10px;
    font-size: 12px;
    /*background-color: #f9f9f9;*/
}

.conditioner.hidden {
    display: none;
}

.conditioner .toggler {
    position: absolute;
    font-size: 20px;
    cursor: pointer;
    top: 5px;
    right: 8px;
    padding: 0 5px;
    z-index: 9999;
}

.conditioner .toggler.in-title {
    top: -25px;
    right: 3px;
}

.conditioner .toggler.dirty {
    color: #CC6633;
    font-weight: bold;
}

.conditions {
    display: none;
    border-bottom: 1px solid #E6E6E6;
}

.condition {
    padding: 5px;
    border-bottom: 1px solid #E6E6E6;
}

.condition.operators {
    padding: 5px;
    border-bottom: none;
}

.condition input {
    padding: 2px 4px;
}

.condition input:focus {
    outline: none;
}

.condition input[type="checkbox"] {
    margin: 1px 4px 3px 0;
    vertical-align: middle;
}

.condition input[type="text"] {
    width: 70px;
    border: 1px solid #999999;
    font-size: 12px;
    padding: 0 4px;
    height: 22px;
    margin-right: 4px;
}

.condition input[type="number"] {
    width: 70px;
    border: 1px solid #999999;
    font-size: 12px;
    padding: 0 4px;
    height: 22px;
    margin-right: 4px;
}

.condition select {
    padding: 2px 4px;
    font-size: 12px;
    height: 24px;
    border: 1px solid #999999;
    margin-right: 4px;
}

.condition select:focus {
    outline: none;
}

.condition button:focus {
    outline: none;
}

.condition-operators-container {
    display: flex;
    align-items: center;
    margin: 5px 0 0 5px;
}

.condition button {
    border: 1px solid #999999;
    background-color: #ffffff;
    padding: 6px 4px;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    height: 24px;
}

.condition .activator {
    display: inline-block;
    color: #3F7E95;
    text-decoration: underline;
    cursor: pointer;
}

.condition .hidden {
    display: none;
}

.condition ul {
    margin-top: 5px;
}

.condition ul li {
    padding: 0 0 2px 4px;
}

.lc {
    text-transform: lowercase;
}

.condition-table {
    margin-top: 5px;
    width: 98%;
    border-collapse: collapse;
}

.condition-table tr:hover {
    background-color: #f9f9f9;
}

.condition-table tr.selected {
    background-color: #f3f3f3;
}

.condition-table tr:focus {
    outline: none;
}

.condition-table td {
    padding: 2px 10px;    
    white-space: nowrap;
    vertical-align: middle;
}

.condition-table td.el {
    width: 80%;
    position: relative;
    border-right: 1px solid #CCCCCC;
}

.condition-table td.el:before {
    content: ' ';
    visibility: hidden;
}

.condition-table td.el span {
    position: absolute;
    left: 5px;
    right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.condition-table td.descr {
    border-right: 1px solid #CCCCCC;
}

.condition-table td.remove {
    color: #3F7E95;
    text-decoration: underline;
    cursor: pointer;
    text-transform: lowercase;
    padding: 2px 10px 2px 0;
}

.condition-table td.par {
    display: none;
    color: #CCCCCC;
    cursor: pointer;
    padding: 2px 0 2px 5px;
}

.condition-table td.par.on {
    color: #3F7E95;
    font-weight: bold;
}

.condition-table td.par.beg {
    padding: 2px 10px 2px 0;
    display: inline-block;
}

.condition-table td.par.end {
    padding: 2px 10px 2px 0;
    display: inline-block;
}

.condition-table td.value {
    padding: 2px 5px 2px 10px;
}

.container-collapser {
    cursor: pointer;
}

.container-collapser .dots {
    display: none;
    padding-left: 5px;
}

.container-collapser .dots.on {
    display: inline-block;
}

.collapser-container.collapsed {
    display: none;
}

.document-blocks.disabled {
    opacity: 0.5;
}

.document-properties.disabled {
    opacity: 0.5;
}

/* DOCUMENT PREVIEW BEGIN */

.document-preview {    
    display: none;
}

.preview-sections {
    position: relative;
    padding: 1em;
}

.preview-section {
    padding: 0.5em 0;
    border-bottom: 1px solid #CCCCCC;
}

.preview-section-title {
    padding: 0.5em 1em;
    color: #3F7E95;
    font-weight: bold;
}

.preview-block {
    padding: 1em;
}

.preview-block.slided {
    height: 5px;
    padding: 0;
    margin: 1em;
}

.preview-block.slided * {
    display: none;
}

div[data-cid] {
    border-top: 1px dashed #cc664464;
    border-bottom: 1px dashed #cc664464;
}

.preview-block.odd {
    background-color: #f3f3f3;
}

.preview-block-ingress {
    font-weight: bold;
}

.preview-block-heading {
    color: #3F7E95;
    font-weight: bold;
}


.preview-block-unordered {
    list-style-image: url('/Images/foxi.png');
    margin-left: 1.1em;
}

.preview-block-unordered li {
    padding: 0.4em 0 0.4em 0.4em;
}

.preview-block-image  {
    padding: 0;
    width: 100%;
}

.preview-block-blob {
    max-width: 590px;
    -webkit-box-shadow: 0px 10px 13px -10px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -10px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.preview-block-video {
    padding: 0;
    width: 100%;
}

.thumbed {
    height: 50px;
}


.preview-block-audio {
    padding: 1em 0;
    width: 100%;
}

.preview-block-link {
    display: block;
    width: 100%;
    padding: 1em 0;
    background-color: #f48126;
    color: #FFFFFF;
    text-align: center;
}

.preview-block-button-save {
    display: block;
    width: 100%;
    padding: 1em 0;
    background-color: #f48126;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

.preview-block-indicator-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.preview-block-inputs-container {
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.preview-block-inputs-container * {
    border: 1px solid #cccccc;
    margin-bottom: 4px;
}

.preview-block-inputs-container button {
    background-color: #CC6633;
    border-radius: 5px;
}

.preview-block-indicator-title {
    font-weight: bold;
}

.preview-block-indicator.input-decimal {
    border: 1px solid #cccccc;
    width: 100px;
    padding: 8px;
    outline: none;
    background-color: #E6E6E6;
    border-radius: 5px;
    font-size: 15px;
}

.preview-block-indicator.input-integer {
    border: 1px solid #cccccc;
    width: 100px;
    padding: 8px;
    outline: none;
    background-color: #E6E6E6;
    border-radius: 5px;
    font-size: 15px;
}

.preview-block-indicator.input-string {
    box-sizing: border-box;
    border: 1px solid #cccccc;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    min-height: 100px;
    padding: 0.5em;
    outline: none;
    margin: 0.5em 0;
}

.preview-block-indicator.input-time {
    border: 1px solid #cccccc;
    width: 64px;
    padding: 8px 0px 8px 10px;
    outline: none;
    background-color: #f48126;
    font-size: 15px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
}

.preview-block-indicator.input-time::-webkit-clear-button {
    display: none;
}

.preview-block-indicator-switch {
    display: block;
    height: 27px;
    width: 47px;
    border-radius: 15px;
    background-color: #E6E6E6;
}

.preview-block-indicator-switch b {
    display: block;
    border: 1px solid #E6E6E6;
    height: 25px;
    width: 25px;
    border-radius: 14px;
    z-index: 888;
    background-color: #ffffff;
}

.preview-block-indicator-switch.on {
    background-color: #159a34;
    transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -webkit-transition: background-color 0.25s ease-in-out;
}

.preview-block-indicator-switch.on b {
    background-color: #ffffff;
    float: right;
    border: 1px solid #159a34;
    transition: float 0.25s ease-in-out;
    -moz-transition: float 0.25s ease-in-out;
    -webkit-transition: float 0.25s ease-in-out;
}

.preview-block-indicator.option-multiple {
    padding: 15px 0 5px 0;
}

.preview-block-indicator.option {
    padding: 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.preview-block-indicator-item.option {
    padding: 5px 0;
    display: flex;
    justify-content: space-between;
}

.preview-block-indicator-item.option {
    padding: 5px 0;
    display: flex;
    justify-content: space-between;
}

.preview-block-indicator-item-title {
    max-width: 525px;
}

.preview-block-indicatorvalue {
    opacity: 0.7;
    pointer-events: none;
}

.preview-block-indicatorgraph {
    opacity: 0.7;
    pointer-events: none;
}


.preview-block-indicator.range-decimal {
    background: linear-gradient(to right, #3F7E95 0%, #3F7E95 0%, #E6E6E6 0%, #E6E6E6 100%);
    border: solid 1px #E6E6E6;
    border-radius: 1px;
    height: 1px;
    width: 500px;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    margin: 20px 20px 20px 0;
}

.preview-block-indicator.range-decimal.colored.borg {
    height: 20px;
    background: #e6e5ea;
    background-image: linear-gradient( to right, #4bc67d 30%, #f1c40f 45%, #b94a48 99% );
}

.preview-block-indicator.range-decimal.colored.neutral {
    height: 20px;
    background: #cccccc;
    background-image: linear-gradient( to right, #dbdbdb 30%, #a1a1a1 45%, #5e5e5e 99% );
}

.preview-block-indicator.range-decimal.colored.reverse {
    height: 20px;
    background: #e6e5ea;
    background-image: linear-gradient( to left, #4bc67d 30%, #f1c40f 45%, #b94a48 99% );
}

.preview-block-indicator.range-decimal.colored.default {
    height: 20px;
    background: #e6e5ea;
    background-image: linear-gradient( to right, #4bc67d 30%, #f1c40f 45%, #b94a48 99% );
}


.preview-block-indicator.range-decimal::-webkit-slider-thumb {
    background-color: #ffffff;
    border: solid 1px #E6E6E6;
    border-radius: 0;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    -webkit-appearance: none;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
}

.preview-block-range-decimal-label {
    text-align: right;
}

.preview-block-indicator.range-emoji {
    width: 100%;
    margin: 10px;
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
}

.preview-block-indicator-icon {
    opacity: 0.2;
    width: 50px;
}

.preview-block-indicator-icon.active {
    opacity: 1;
    width: 50px;
}

.preview-block-indicator.range-integer {
    position: relative;
    margin: 10px;
    display: flex;
    align-content: center;
    justify-content: space-between;    
}

.preview-block-indicator.range-integer.init {
    opacity: 0.6;
}

.preview-block-indicator-range-selector {
    position: absolute;
    top: 1px;
    left: -10px;
    border: 1px solid #E6E6E6;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    z-index: 999;
    background-color: #ffffff;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
}

.preview-block-indicator.range-integer b {
    display: block;
    font-weight: 500;
    border: 1px solid #E6E6E6;
    height: 25px;
    width: 10%;
    margin: 1px;
    text-align: center;
    line-height: 25px;
    background-color: #ffffff;
}

.preview-block-indicator.range-integer.neutral b {
    border: 1px solid #E6E6E6;
    background-color: #ffffff;
}

.preview-block-indicator.range-integer.reverse b.k10 {
    border: 1px solid #08a9a1;
    background-color: #08a9a1;
    color: #ffffff;
}

.preview-block-indicator.range-integer.reverse b.k9 {
    border: 1px solid #8cc540;
    background-color: #8cc540;
    color: #ffffff;
}

.preview-block-indicator.range-integer.reverse b.k8 {
    border: 1px solid #b5d455;
    background-color: #b5d455;
    color: #ffffff;
}

.preview-block-indicator.range-integer.reverse b.k7 {
    border: 1px solid #dde247;
    background-color: #dde247;
    color: #ffffff;
}

.preview-block-indicator.range-integer.reverse b.k6 {
    border: 1px solid #f2f043;
    background-color: #f2f043;
    color: #ffffff;
}

.preview-block-indicator.range-integer.reverse b.k5 {
    border: 1px solid #fcd947;
    background-color: #fcd947;
    color: #ffffff;
}

.preview-block-indicator.range-integer.reverse b.k4 {
    border: 1px solid #f2b644;
    background-color: #f2b644;
    color: #ffffff;
}

.preview-block-indicator.range-integer.reverse b.k3 {
    border: 1px solid #e8833f;
    background-color: #e8833f;
    color: #ffffff;
}

.preview-block-indicator.range-integer.reverse b.k2 {
    border: 1px solid #f4415e;
    background-color: #f4415e;
    color: #ffffff;
}

.preview-block-indicator.range-integer.reverse b.k1 {
    border: 1px solid #bc304b;
    background-color: #bc304b;
    color: #ffffff;
}

.preview-block-indicator.range-integer b.k1 {
    border: 1px solid #08a9a1;
    background-color: #08a9a1;
    color: #ffffff;
}

.preview-block-indicator.range-integer b.k2 {
    border: 1px solid #8cc540;
    background-color: #8cc540;
    color: #ffffff;
}

.preview-block-indicator.range-integer b.k3 {
    border: 1px solid #b5d455;
    background-color: #b5d455;
    color: #ffffff;
}

.preview-block-indicator.range-integer b.k4 {
    border: 1px solid #dde247;
    background-color: #dde247;
    color: #ffffff;
}

.preview-block-indicator.range-integer b.k5 {
    border: 1px solid #f2f043;
    background-color: #f2f043;
    color: #ffffff;
}

.preview-block-indicator.range-integer b.k6 {
    border: 1px solid #fcd947;
    background-color: #fcd947;
    color: #ffffff;
}

.preview-block-indicator.range-integer b.k7 {
    border: 1px solid #f2b644;
    background-color: #f2b644;
    color: #ffffff;
}

.preview-block-indicator.range-integer b.k8 {
    border: 1px solid #e8833f;
    background-color: #e8833f;
    color: #ffffff;
}

.preview-block-indicator.range-integer b.k9 {
    border: 1px solid #f4415e;
    background-color: #f4415e;
    color: #ffffff;
}

.preview-block-indicator.range-integer b.k10 {
    border: 1px solid #bc304b;
    background-color: #bc304b;
    color: #ffffff;
}

.preview-block-indicator.range-integer b.on {
    border: 1px solid #222222 !important;
    background-color: #222222 !important;
    color: #ffffff;
}

.preview-block-indicator.range-integer b.no {
    border: 1px solid #222222 !important;
    background-color: #222222 !important;
    color: #ffffff;
}

.preview-block-indicator.range-minutes {
    background: linear-gradient(to right, #3F7E95 0%, #3F7E95 0%, #E6E6E6 0%, #E6E6E6 100%);
    border: solid 1px #E6E6E6;
    border-radius: 1px;
    height: 1px;
    width: 480px;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    margin: 20px 0;
}

.preview-block-indicator.range-minutes::-webkit-slider-thumb {
    background-color: #ffffff;
    border: solid 1px #E6E6E6;
    border-radius: 0;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    -webkit-appearance: none;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
}

.preview-block-range-minutes-label {
    text-align: right;
    white-space: nowrap;
}

.preview-block-indicator.range-integers {
    background: linear-gradient(to right, #3F7E95 0%, #3F7E95 0%, #E6E6E6 0%, #E6E6E6 100%);
    border: solid 1px #E6E6E6;
    border-radius: 1px;
    height: 1px;
    width: 500px;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    margin: 20px 20px 20px 0;
}

.preview-block-indicator.range-integers::-webkit-slider-thumb {
    background-color: #ffffff;
    border: solid 1px #E6E6E6;
    border-radius: 0;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    -webkit-appearance: none;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
}

.preview-block-range-integer-label {
    text-align: right;
    white-space: nowrap;
}

.preview-block-indicator-container.range-string {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.preview-block-indicator.range-string {
    background: linear-gradient(to right, #3F7E95 0%, #3F7E95 0%, #E6E6E6 0%, #E6E6E6 100%);
    border: solid 1px #E6E6E6;
    border-radius: 1px;
    height: 2px;
    width: 100%;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    margin: 20px 5px 20px 0;
}

.preview-block-indicator.range-string::-webkit-slider-thumb {
    background-color: #ffffff;
    border: solid 1px #E6E6E6;
    border-radius: 0;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    -webkit-appearance: none;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
}

.preview-block-range-string-labels {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 5px 10px 0;
}

.preview-block-range-string-label {
    white-space: nowrap;
}



.preview-block-indicator-description {
    font-size: 12px;
    margin: 10px 10px 20px 10px;
}

div.preview-block-indicator-description {
    max-width: 320px;
}


.preview-block-required-indicator {
    margin: 10px 5px;
}

.preview-block-required-indicator-image {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

.preview-block-required-indicator-text {
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
}

.preview-block-required-indicator-text.alert {
    color: #ff6a00;
}


.preview-block-emphasis {
    background-color: #3F7C94;
    color: #f3f3f3;
    padding: 20px 10px;
}

.preview-block-blockingalert {
    background-color: #EF405E;
    color: #f3f3f3;
    padding: 20px 10px;
}

.preview-block-description {
    font-size: 12px;
}


.preview-device {
    position: absolute;
    top: 86px;
    right: 385px;
    width: 644px;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    z-index: 999;
}

.preview-device div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 50px;
}

.preview-device span {
    display: inline-block;
    color: #ffffff;
    font-size: 10px;
}

.preview-device img {
    height: 10px;
}

.preview-device input {
    display: inline-block;
    background-color: #222222;
    color: #ffffff;
    font-size: 10px;
    border: none;
    padding: 4px;
}

.preview-device input:focus {
    outline: none;
}

.preview-rules-activator {
    position: absolute;
    top: -18px;
    right: 5px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    color: #999999;
}

.preview-rules-activator.on {
    color: #309B7A;
    font-weight: bolder;
}

.preview-calculate-formulas {
    position: absolute;
    top: 2px;
    right: 5px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    color: #3F7E95;
}

.preview-show-missing-formula-values {
    position: absolute;
    top: -32px;
    right: 5px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    color: #CC6633;
    display: none;
}

.formula-calculation-errors {
    position: absolute;
    top: 0px;
    left: 5px;
    right: 5px;
    font-family: Consolas;
    font-size: 12px;
    background-color: #ff0000;
    color: #ffffff;
    display: none;
    padding: 5px;
    word-wrap: break-word;
    user-select: text;
    overflow-y: auto;
    z-index: 777;
    position: -webkit-sticky;
    position: sticky;
    resize: vertical;
    opacity: 0.8;
    border-radius: 5px;
}

.has-formula-errors {
    color: #ff0000;
}

.formula-with-errors {
    font-weight: bolder;
    cursor: pointer;
}

.preview-block-indicator-map-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*overflow: hidden;*/
}

/*.preview-block-indicator-map-container.collapsed {
    height: 45px;
}*/

.preview-block-indicator.gps-json {
    width: 100px;
    border: 1px solid #cccccc;
    padding: 10px;
    outline: none;
    background-color: #f48126;
    font-size: 15px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
}

.preview-block-indicator.gps-json.saved {
    width: 100px;
    border: none;
    padding: 10px;
    outline: none;
    background-color: transparent;
    font-size: 15px;
    font-weight: normal;
    color: #222222;
    text-align: center;
    border: none;
    cursor: none;
    pointer-events: none;
    text-transform: none;
}

.preview-block-indicator-map {
    position: relative;
    width: 100%;
    height: 400px;
    margin: 10px 0;
    display: none;
}

.preview-block-indicator-map .pulseIcon {
    position: absolute;
    top: 185px;
    left: 276px;
}

.preview-block-indicator.ni {
    border: 1px solid #cccccc;
    width: 100px;
    padding: 8px;
    outline: none;
    background-color: #E6E6E6;
    border-radius: 5px;
    font-size: 15px;
}

/* DOCUMENT PREVIEW END */

.meter-content-item.col-1 {
    margin-left: 87px;
}

/* DOCUMENT ORGANIZER BEGIN */

.document-organizer {
    display: none;
}

.organizer-sections {
    position: relative;
    padding: 1em;
}

.organizer-section {
    padding: 0.5em 0;
    border-bottom: 1px solid #CCCCCC;
}

.organizable {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.organizer-blocks {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.organizer-block {
    border: 1px solid #999999;
    height: 20px;
    width: 20px;
    margin: 0 2px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.organizer-block.selected {
    background-color: #CC663366;
}

.organizer-section-title {
    display: inline-block;
    padding: 0.5em 1em 0.5em 0.5em;
    color: #3F7E95;
    font-weight: bold;
    vertical-align: middle;
}

.organizer-section-title.selected {
    color: #CC663399;
}

.organizer-section-handle {
    display: inline-block;
    width: 10px;
    height: 19px;
    padding: 0.5em 0 0.5em 0;
    vertical-align: middle;
}

.organizing {
    opacity: 0.5;
}

    .organizing * {
        pointer-events: none;
    }

.targeting * {
    pointer-events: none;
}

.targeting-section {
    border-bottom: 1px solid #CC6633;
}

    .targeting-section * {
        pointer-events: none;
    }


.targeting-block {
    border-right: 2px solid #CC6633;
}

.targeting-block * {
    pointer-events: none;
}


.organizer-commands {
    position: absolute;
    right: 20px;
    top: 5px;
    z-index: 8888;
    display: none;
}

.organizer-commands span {
    display: inline-block;
    color: #4B6771;
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 10px;
    cursor: pointer;
}

/* DOCUMENT ORGANIZER END */


/* DOCUMENT PEEKER BEGIN */

.document-peeker {
    position: absolute;
    top: 75px;
    right: 10px;
    bottom: 10px;
    width: 345px;
    border: 2px solid #222222;
    border-radius: 20px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 10px 13px -10px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -10px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
}

.document-peeker::-webkit-scrollbar {
    width: 5px;
}

.document-peeker::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0);
}

.document-peeker::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.1);
}

.document-peeker::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.2);
}


.peeker-sections {
    font-size: 10px;
    position: relative;
    padding: 0.5em;
}

.peeker-section {
    padding: 0.5em 0;
    border-bottom: 1px solid #CCCCCC;
}

.peeker-section.hilite {
    box-shadow: 0px 0px 4px 0px rgba(204,102,51,1) inset;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(204,102,51,1) inset;
    -moz-box-shadow: 0px 0px 4px 0px rgba(204,102,51,1) inset;
    background-color: rgba(204,102,51,0.1);
}

.peeker-section-title {
    padding: 0.25em 0.5em;
    color: #3F7E95;
    font-weight: bold;
}

.peeker-block {
    padding: 0.5em;
}

    .peeker-block.hilite {
        box-shadow: 0px 0px 4px 0px rgba(204,102,51,1) inset;
        -webkit-box-shadow: 0px 0px 4px 0px rgba(204,102,51,1) inset;
        -moz-box-shadow: 0px 0px 4px 0px rgba(204,102,51,1) inset;
        background-color: rgba(204,102,51,0.1);
    }

.peeker-block.odd {
    background-color: #f3f3f3;
}

.peeker-block-ingress {
    font-weight: bold;
}

.peeker-block-heading {
    color: #3F7E95;
    font-weight: bold;
}


.peeker-block-unordered {
    list-style-image: url('/Images/foxt.png');
    margin-left: 1.1em;
}

    .peeker-block-unordered li {
        padding: 0.2em 0 0.2em 0.2em;
    }

.peeker-block-image {
    padding: 0;
    width: 100%;
}

.peeker-block-blob {
    max-width: 295px;
    -webkit-box-shadow: 0px 5px 6px -5px #000000, 2px 2px 7px 2px rgba(0,0,0,0);
    box-shadow: 0px 5px 6px -5px #000000, 2px 2px 7px 2px rgba(0,0,0,0);
}


.peeker-block-video {
    padding: 0;
    width: 100%;
}

.peeker-block-audio {
    padding: 1em 0;
    width: 100%;
}

.peeker-block-link {
    display: block;
    width: 100%;
    padding: 1em 0;
    background-color: #f48126;
    color: #FFFFFF;
    text-align: center;
}

.peeker-block-button-save {
    display: block;
    width: 100%;
    padding: 1em 0;
    background-color: #f48126;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

.peeker-block-indicator-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.peeker-block-indicator-title {
    font-weight: bold;
}

.peeker-block-indicator.input-decimal {
    border: 1px solid #cccccc;
    width: 25px;
    padding: 4px;
    outline: none;
    background-color: #E6E6E6;
    border-radius: 2px;
    font-size: 7px;
}

.peeker-block-indicator.input-integer {
    border: 1px solid #cccccc;
    width: 25px;
    padding: 4px;
    outline: none;
    background-color: #E6E6E6;
    border-radius: 2px;
    font-size: 7px;
}

.peeker-block-indicator.input-string {
    box-sizing: border-box;
    border: 1px solid #cccccc;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    min-height: 50px;
    padding: 0.5em;
    outline: none;
    margin: 0.25em 0;
}

.peeker-block-indicator.input-time {
    border: 1px solid #cccccc;
    width: 32px;
    padding: 4px 0px 4px 5px;
    outline: none;
    background-color: #f48126;
    font-size: 7px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
}

    .peeker-block-indicator.input-time::-webkit-clear-button {
        display: none;
    }

.peeker-block-indicator-switch {
    display: block;
    height: 13px;
    width: 23px;
    border-radius: 7px;
    background-color: #E6E6E6;
}

    .peeker-block-indicator-switch b {
        display: block;
        border: 1px solid #E6E6E6;
        height: 12px;
        width: 12px;
        border-radius: 7px;
        z-index: 888;
        background-color: #ffffff;
    }

    .peeker-block-indicator-switch.on {
        background-color: #159a34;
        transition: background-color 0.25s ease-in-out;
        -moz-transition: background-color 0.25s ease-in-out;
        -webkit-transition: background-color 0.25s ease-in-out;
    }

        .peeker-block-indicator-switch.on b {
            background-color: #ffffff;
            float: right;
            border: 1px solid #159a34;
            transition: float 0.25s ease-in-out;
            -moz-transition: float 0.25s ease-in-out;
            -webkit-transition: float 0.25s ease-in-out;
        }

.peeker-block-indicator.option-multiple {
    padding: 7px 0 2px 0;
}

.peeker-block-indicator.option {
    padding: 2px 0;
    display: flex;
    justify-content: space-between;
}

.peeker-block-indicator.range-decimal {
    background: linear-gradient(to right, #3F7E95 0%, #3F7E95 0%, #E6E6E6 0%, #E6E6E6 100%);
    border: solid 1px #E6E6E6;
    border-radius: 1px;
    height: 1px;
    width: 250px;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    margin: 10px 10px 10px 0;
}

.peeker-block-indicator.range-decimal.colored.borg {
    height: 10px;
    background: #e6e5ea;
    background-image: linear-gradient( to right, #4bc67d 30%, #f1c40f 45%, #b94a48 99% );
}

.peeker-block-indicator.range-decimal.colored.neutral {
    height: 10px;
    background: #cccccc;
    background-image: linear-gradient( to right, #dbdbdb 30%, #a1a1a1 45%, #5e5e5e 99% );
}

.peeker-block-indicator.range-decimal.colored.reverse {
    height: 10px;
    background: #e6e5ea;
    background-image: linear-gradient( to left, #4bc67d 30%, #f1c40f 45%, #b94a48 99% );
}

.peeker-block-indicator.range-decimal.colored.default {
    height: 10px;
    background: #e6e5ea;
    background-image: linear-gradient( to right, #4bc67d 30%, #f1c40f 45%, #b94a48 99% );
}


    .peeker-block-indicator.range-decimal::-webkit-slider-thumb {
        background-color: #ffffff;
        border: solid 1px #E6E6E6;
        border-radius: 0;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        -webkit-appearance: none;
        box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
    }

.peeker-block-range-decimal-label {
    text-align: right;
}

.peeker-block-indicator.range-emoji {
    width: 100%;
    margin: 5px;
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
}

.peeker-block-indicator-icon {
    opacity: 0.2;
    width: 25px;
}

    .peeker-block-indicator-icon.active {
        opacity: 1;
        width: 25px;
    }

.peeker-block-indicator.range-integer {
    position: relative;
    margin: 5px;
    display: flex;
    align-content: center;
    justify-content: space-between;
}

    .peeker-block-indicator.range-integer.init {
        opacity: 0.6;
    }

.peeker-block-indicator-range-selector {
    position: absolute;
    top: 1px;
    left: -5px;
    border: 1px solid #E6E6E6;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    z-index: 999;
    background-color: #ffffff;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
}

.peeker-block-indicator.range-integer b {
    display: block;
    font-weight: 500;
    border: 1px solid #E6E6E6;
    height: 12px;
    width: 10%;
    margin: 1px;
    text-align: center;
    line-height: 12px;
    background-color: #ffffff;
}

.peeker-block-indicator.range-integer.neutral b {
    border: 1px solid #E6E6E6;
    background-color: #ffffff;
}

.peeker-block-indicator.range-integer.reverse b.k10 {
    border: 1px solid #08a9a1;
    background-color: #08a9a1;
    color: #ffffff;
}

.peeker-block-indicator.range-integer.reverse b.k9 {
    border: 1px solid #8cc540;
    background-color: #8cc540;
    color: #ffffff;
}

.peeker-block-indicator.range-integer.reverse b.k8 {
    border: 1px solid #b5d455;
    background-color: #b5d455;
    color: #ffffff;
}

.peeker-block-indicator.range-integer.reverse b.k7 {
    border: 1px solid #dde247;
    background-color: #dde247;
    color: #ffffff;
}

.peeker-block-indicator.range-integer.reverse b.k6 {
    border: 1px solid #f2f043;
    background-color: #f2f043;
    color: #ffffff;
}

.peeker-block-indicator.range-integer.reverse b.k5 {
    border: 1px solid #fcd947;
    background-color: #fcd947;
    color: #ffffff;
}

.peeker-block-indicator.range-integer.reverse b.k4 {
    border: 1px solid #f2b644;
    background-color: #f2b644;
    color: #ffffff;
}

.peeker-block-indicator.range-integer.reverse b.k3 {
    border: 1px solid #e8833f;
    background-color: #e8833f;
    color: #ffffff;
}

.peeker-block-indicator.range-integer.reverse b.k2 {
    border: 1px solid #f4415e;
    background-color: #f4415e;
    color: #ffffff;
}

.peeker-block-indicator.range-integer.reverse b.k1 {
    border: 1px solid #bc304b;
    background-color: #bc304b;
    color: #ffffff;
}

.peeker-block-indicator.range-integer b.k1 {
    border: 1px solid #08a9a1;
    background-color: #08a9a1;
    color: #ffffff;
}

.peeker-block-indicator.range-integer b.k2 {
    border: 1px solid #8cc540;
    background-color: #8cc540;
    color: #ffffff;
}

.peeker-block-indicator.range-integer b.k3 {
    border: 1px solid #b5d455;
    background-color: #b5d455;
    color: #ffffff;
}

.peeker-block-indicator.range-integer b.k4 {
    border: 1px solid #dde247;
    background-color: #dde247;
    color: #ffffff;
}

.peeker-block-indicator.range-integer b.k5 {
    border: 1px solid #f2f043;
    background-color: #f2f043;
    color: #ffffff;
}

.peeker-block-indicator.range-integer b.k6 {
    border: 1px solid #fcd947;
    background-color: #fcd947;
    color: #ffffff;
}

.peeker-block-indicator.range-integer b.k7 {
    border: 1px solid #f2b644;
    background-color: #f2b644;
    color: #ffffff;
}

.peeker-block-indicator.range-integer b.k8 {
    border: 1px solid #e8833f;
    background-color: #e8833f;
    color: #ffffff;
}

.peeker-block-indicator.range-integer b.k9 {
    border: 1px solid #f4415e;
    background-color: #f4415e;
    color: #ffffff;
}

.peeker-block-indicator.range-integer b.k10 {
    border: 1px solid #bc304b;
    background-color: #bc304b;
    color: #ffffff;
}

.peeker-block-indicator.range-integer b.on {
    border: 1px solid #222222 !important;
    background-color: #222222 !important;
    color: #ffffff;
}

.peeker-block-indicator.range-integer b.no {
    border: 1px solid #222222 !important;
    background-color: #222222 !important;
    color: #ffffff;
}

.peeker-block-indicator.range-minutes {
    background: linear-gradient(to right, #3F7E95 0%, #3F7E95 0%, #E6E6E6 0%, #E6E6E6 100%);
    border: solid 1px #E6E6E6;
    border-radius: 1px;
    height: 1px;
    width: 240px;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    margin: 5px 0;
}

    .peeker-block-indicator.range-minutes::-webkit-slider-thumb {
        background-color: #ffffff;
        border: solid 1px #E6E6E6;
        border-radius: 0;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        -webkit-appearance: none;
        box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
    }

.peeker-block-range-minutes-label {
    text-align: right;
    white-space: nowrap;
}

.peeker-block-indicator.range-integers {
    background: linear-gradient(to right, #3F7E95 0%, #3F7E95 0%, #E6E6E6 0%, #E6E6E6 100%);
    border: solid 1px #E6E6E6;
    border-radius: 1px;
    height: 1px;
    width: 250px;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    margin: 10px 10px 10px 0;
}

    .peeker-block-indicator.range-integers::-webkit-slider-thumb {
        background-color: #ffffff;
        border: solid 1px #E6E6E6;
        border-radius: 0;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        -webkit-appearance: none;
        box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
    }

.peeker-block-range-integer-label {
    text-align: right;
    white-space: nowrap;
}

.peeker-block-indicator-container.range-string {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.peeker-block-indicator.range-string {
    background: linear-gradient(to right, #3F7E95 0%, #3F7E95 0%, #E6E6E6 0%, #E6E6E6 100%);
    border: solid 1px #E6E6E6;
    border-radius: 1px;
    height: 1px;
    width: 100%;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    margin: 10px 2px 10px 0;
}

    .peeker-block-indicator.range-string::-webkit-slider-thumb {
        background-color: #ffffff;
        border: solid 1px #E6E6E6;
        border-radius: 0;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        -webkit-appearance: none;
        box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
    }

.peeker-block-range-string-labels {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 2px 5px 0;
}

.peeker-block-range-string-label {
    white-space: nowrap;
}



.peeker-block-indicator-description {
    font-size: 6px;
    margin: 5px 5px 10px 5px;
}

div.peeker-block-indicator-description {
    max-width: 160px;
}


.peeker-block-required-indicator {
    margin: 5px 2px;
}

.peeker-block-required-indicator-image {
    height: 12px;
    width: 12px;
    vertical-align: middle;
}

.peeker-block-required-indicator-text {
    font-size: 7px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
}

    .peeker-block-required-indicator-text.alert {
        color: #ff6a00;
    }


.peeker-device {
    position: absolute;
    top: 43px;
    left: 15px;
    width: 322px;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    z-index: 999;
}

    .peeker-device div {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 25px;
    }

    .peeker-device span {
        display: inline-block;
        color: #ffffff;
        font-size: 5px;
    }

    .peeker-device img {
        height: 5px;
    }

.peeker-rules-activator {
    position: absolute;
    top: 1px;
    right: 2px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 6px;
    color: #999999;
}

    .peeker-rules-activator.on {
        color: #CC6633;
    }

.peeker-block-indicator-map-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*overflow: hidden;*/
}

.peeker-block-indicator.gps-json {
    width: 25px;
    border: 1px solid #cccccc;
    padding: 5px;
    outline: none;
    background-color: #f48126;
    font-size: 7px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
}

    .peeker-block-indicator.gps-json.saved {
        width: 25px;
        border: none;
        padding: 5px;
        outline: none;
        background-color: transparent;
        font-size: 7px;
        font-weight: normal;
        color: #222222;
        text-align: center;
        border: none;
        cursor: none;
        pointer-events: none;
        text-transform: none;
    }

.peeker-block-indicator-map {
    position: relative;
    width: 100%;
    height: 200px;
    margin: 5px 0;
    display: none;
}

    .peeker-block-indicator-map .pulseIcon {
        position: absolute;
        top: 92px;
        left: 138px;
    }

.peeker-block-emphasis {
    background-color: #3F7C94;
    color: #f3f3f3;
    padding: 20px 10px;
}

.peeker-block-blockingalert {
    background-color: #EF405E;
    color: #f3f3f3;
    padding: 20px 10px;
}


/* DOCUMENT PEEKER END */



/* AZURE MAP BEGIN */

.location-data {
    position: relative;
    width: 520px;
    height: 400px;
    margin: 10px 0;
}

.pulseIcon {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: orange;
    border: 2px solid white;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(0, 204, 255, 0.4);
    animation: pulse 3s infinite;
}

.pulseIcon:hover {
    animation: none;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 204, 255, 0.4);
    }
    70% {
        box-shadow: 0 0 0 50px rgba(0, 204, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 204, 255, 0);
    }
}

.subcontrol-container {
    display: none;
}

.location-route {
    position: relative;
    width: 520px;
    height: 400px;
    margin: 10px 0;
}


/* AZURE MAP END */

.fixed-descr {
    font-size: 14px;
    max-width: 500px;
}

.copy {
    display: block;
    -webkit-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}


.link-text.blu {
    color: #3F7E95;
}

.input-text.auto {
    width: auto;
}

.checkable-item ul {
    margin-top: 2px;
}

.checkable-item input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    outline: none;
}

.checkable-item input[type=radio] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    outline: none;
}


.checkable-item li {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.checkable-item span {
    font-size: 16px;
    vertical-align: middle;
}

#connection-error {
    display: none;
    color: #ffb636;
    animation: noChannelAnimation 1.2s 2 normal forwards;
}

@keyframes noChannelAnimation {
    0% {
        color: #ffb636;
    }

    49% {
        color: #ffb636;
    }

    60% {
        color: transparent;
    }

    99% {
        color: transparent;
    }

    100% {
        color: #ffb636;
    }
}

.form-button {
    padding: 10px;
    cursor: pointer;
    border: 1px solid #222222;
    text-transform: uppercase;
}

#debug-partial {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 500px;
    background-color: #ffffff;
}



.document-content.padded.indicator .property-input {
    min-width: 619px;
    width: 619px;
    max-width: 619px;
}

.document-content.padded.indicator select.property-input {
    min-width: 634px;
    width: 634px;
    max-width: 634px;
}


.indicator-content-editor {
    padding: 10px;
    border: 1px solid #777777;
    margin-bottom: 5px;
    min-height: 44px;
}

.indicator-content-editor.error {
    border: 1px solid #ff0000;
    color: #ff0000;
}

.indicator-content-editor input {
    display: inline-block;
    border: 1px solid #CC6633;
    border-radius: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 4px;
    min-width: 148px;
    max-width: 300px;
    color: #222222;
    margin: 4px;
}

.indicator-content-editor input:focus {
    outline: none;
}

.indicator-content-editor input.nok {
    border: 1px dashed #ff0000;
    color: #ff0000;
}

.indicator-content-editor input.many {
    border: 1px dashed #CC6633;
    color: #CC6633;
}

.indicator-content-editor input.ok {
    border: 1px solid #309B7A;
    color: #309B7A;
}

.drag-drop-container li {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.dragging {
    opacity: 0.3;
}

.ghosting {
    opacity: 0.6;
    color: #CC6633;
}

.dragging * {
    pointer-events: none;
    opacity: 0.3;
}

.drop-before {
    border-top-color: #CC6633 !important;
}

.drop-after {
    border-bottom-color: #CC6633 !important;
}

.input-table {
    margin-top: 20px;
}

.input-table.full-width {
    width: 100%;
}


.input-table th {
    text-align: left;
}

.input-table input {
    width: 120px;
    border: 1px solid #222222;
    outline: 0px solid transparent;
    font-size: 15px;
}

.input-table input.value-error {
    border: 1px solid #ff0000;
}

.input-table input.tiny {
    width: 24px;
}

.input-table input.short {
    width: 100px;
}

.input-table input.medium {
    width: 110px;
}

.input-table input.long {
    width: 220px;
}

.input-table input.xl {
    width: 294px;
    font-size: 16px;
}

.input-table input.maxi {
    width: 100%;
}


.input-table select {
    width: 140px;
    border: 1px solid #222222;
    outline: 0px solid transparent;
    padding: 4px;
    font-size: 15px;
}

.input-table select.value-error {
    border: 1px solid #ff0000;
}

.input-table tbody.stripes tr:nth-child(odd) {
    background-color: #f6f6f6;
}

.input-table tbody.stripes tr:nth-child(even) {
    background-color: #ffffff;
}


.input-button {
    display: block;
    margin-top: 5px;
    cursor: pointer;
}

.input-button.xl {
    font-size: 32px;
    line-height: 32px;
    padding-left: 14px;
}

.input-area {
    min-width: 748px;
    width: 748px;
    max-width: 748px;
    min-height: 400px;
}

.content-input-row {
    display: none;
}

.input-container {
    min-height: 600px;
    overflow: auto;
}

.input-table input[readonly] {
    color: #666666;
}

.input-area.wide {
    min-width: 1170px;
    width: 1170px;
    max-width: 1170px;
}

.qr-viewer {
    position: relative;    
}

.qr-viewer img {
    position: absolute;
    left: 0;
    top: -10px;
    height: 24px;
    width: 24px;
    border-radius: 2px;
}

.qr-viewer img.shown {
    padding: 10px;
    left: -140px;
    height: 150px;
    width: 150px;
    -webkit-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    z-index: 6000;
    background-color: #ffffff;
}

.success.help {
    margin-top: 20px;
}

.success.help h3 {
    color: #309b7a;
}

.success.help p {
    color: #222222;
}

.qr-command {
    position: absolute;
    top: -170px;
    left: 50px;
    -webkit-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    z-index: 6000;
    background-color: #ffffff;
}


#the-user-guide {
    display: inline-block;
    margin-right: 15px;
    float: right;
    cursor: pointer;
    visibility: hidden;
}

    #the-user-guide.visible {
        visibility: visible;
    }

#the-faq {
    display: inline-block;
    margin-right: 15px;
    float: right;
    cursor: pointer;
    visibility: hidden;
}

#the-faq.visible {
    visibility: visible;
}

#the-support {
    display: inline-block;
    margin-right: 15px;
    float: right;
    cursor: pointer;
    visibility: hidden;
}

#the-support.visible {
    visibility: visible;
}

#the-mobile-guide {
    display: inline-block;
    margin-right: 15px;
    float: right;
    cursor: pointer;
    visibility: hidden;
}

#the-mobile-guide.visible {
    visibility: visible;
}

.typing-action {
    font-size: 12px;
    text-transform: lowercase;
    color: #CC6633;
    margin-left: 5px;
    display: none;
}

.chat-item .read {
    position: absolute;
    top: 20px;
    right: 65px;
    font-size: 12px;
    color: #309B7A;
}

#colors-partial {
    background-color: #ffffff;
    width: 100%;
}

#colors-partial div {
    margin: 5px;
}

#colors-partial span {
    display: inline-block;
    width: 100px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 3px;
    text-align: center;
    border: 4px solid #ffffff;
}

#colors-partial span.selected {
    border-color: black;    
}

#colors-partial input {
    height: 1px;
    width: 1px;
}


#browser-not-supported {
    display: none;
    font-size: 20px;
    color: #CC6633;
    margin: 40px 0;
    width: 234px;
}

.filter {
    width: 300px;
    padding: 4px;
}

.console table {
    overflow-x: auto;
}

.console tr:nth-child(even) {
    background: #f3f3f3;
}

.console td {
    padding: 2px 4px;
    font-size: 12px;
    font-family: Courier New, Courier, monospace;
    user-select: all;
}

.console.xl td {
    font-family: Cabin-Regular, sans-serif;
    font-size: 16px;
    color: #000000;
    user-select: text;
}

.scroller {
    max-width: 500px;    
    overflow: auto;
}


.console .item-row td.key {
    vertical-align: top;
    cursor: pointer;
    padding: 10px;
}

.console .item-row td.form {
    vertical-align: top;
    padding: 10px;
}

.console .item-row td.save {
}

.console .new-row td.key {
    vertical-align: top;
    padding: 5px;
}

.console .new-row td.form {
    vertical-align: top;
    padding: 5px;
}

.console .find-row td.find {
    vertical-align: top;
    padding: 5px;
}

.console .find-row td.keys {
    vertical-align: top;
    padding: 5px;
}


.fw10 {
    width: 10%;
}

.fw70 {
    width: 70%;
}

/*//////////////////////////////////*/

.map-container {
    margin: 20px 0;
}

#map {
    width: 100%;
    height: 680px;
}

.subcontrol-container {
    display: block;
    border: none;
}

.ip-marker {
    display: block;
    border-radius: 5px;
    padding: 0 4px;
    background: #cccccc;
    border: 2px solid transparent;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(0, 204, 255, 0.4);
    color: #ffffff;
}

.ip-marker.latest {
    background: #CC6633;
    z-index: 88;
}

/*//////////////////////////////////*/


.drop-top {
    border-top: 4px solid #CC6633;
    border-bottom: none;
}

.drop-bot {
    border-top: none;
    border-bottom: 4px solid #CC6633;
}

.document-block {
    padding: 2px 0;
}

#myLdr {
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.2);
    display: none;
}

#myLdr.busy {
    background-color: #00000022;
}

#myLdr svg {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    display: block;
}


#myModalLdr {
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.2);
    display: none;
}

#myModalLdr.busy {
    background-color: #00000022;
}

#myModalLdr svg {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    display: block;
}

.item-error {
    padding-left: 10px;
    font-size: 12px;
    color: #ff0000;
}

.item-info {
    font-size: 12px;
    color: #53727d;
}

.table-button {
    padding: 5px 10px;
    background-color: #309B7A;
    cursor: pointer;
    border: 2px solid #309B7A;
    text-transform: uppercase;
    margin: 0 10px;
    font-weight: bold;
    font-size: 14px;
}

.sort-order {
    font-size: 12px;
    color: #999999;
    margin-left: 5px;
}

/*///////////////////////////*/

.drop-on {
    background-color: #CC663322;
}

.speech-container {
    margin-left: 10px;
    display: flex;
}

.speech {
    height: 16px;
}

.speech-trasher {
    margin-left: 5px;
    cursor: pointer;
}

.speech-container audio::-webkit-media-controls-panel {
    background-color: #CC663322 !important;
}

.meter-content-item .speech-container {
    margin-top: 4px;
    margin-left: 84px;
}

.progress-phase {
    margin: -10px 10px 10px 0;
    text-align: right;
}

ul.phases {
    margin-bottom: 10px;
}

li.phase {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    margin-right: 10px;
}

li.phase:hover {
    color: #3F7E95;
}

li.phase.selected {
    color: #3F7E95;
}

.table-commands {
    margin: 10px 0;
    display: flex;
    align-items: center;
}

.table-commands.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.table-command-group {
    border: 1px solid #999999;
    border-radius: 5px;
    margin: 0;
    padding: 2px;
}

.table-command-item {
    display: inline-block;
    margin: 0;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    min-width: 95px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .table-command-item:hover {
        color: #222222;
        background-color: #CCCCCC;
    }

    .table-command-item.hidden {
        display: none;
    }

    .table-command-item[data-name=confirm] {
        color: #FFFFFF;
        background-color: #309B7A;
    }

.table-progress {
    margin-left: 10px;
    display: none;
}

.table-progress-beater {
    height: 6px;
    margin-left: 10px;
    opacity: 0.5;
}

.table-progress-message {
    font-size: 14px;
}

.form-table {
    width: 100%;
}

.w24 {
    width: 24px;
}

.reloader {
    cursor: pointer;
}


.slider-container .settings.dirty {
    color: #CC6633;
}

.slider-container .requirements.dirty {
    color: #CC6633;
}

.time-slider-container {
    position: relative;
}

.time-slider-settings {
    pointer-events: all;
    opacity: 1;
    position: absolute;
    background-color: #cccccc;
    top: -90px;
    right: 40px;
    width: 460px;
    border: 1px solid #999;
    z-index: 50;
    -webkit-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    display: none;
    padding: 20px 10px 10px 10px;
}

.time-slider-setting {
    display: block;
    font-size: 14px;
    padding: 5px 0 5px 0;
}

.time-slider-setting input {
    color: #222222;
    width: 180px;
    background-color: #E6E6E6;
    border: 1px solid #999999;
    float: right;
    padding: 2px;
}

.time-slider-setting input[type=checkbox]:focus {
    outline-color: #3F7E95;
    outline-style: none;
    outline-width: 1px;
}

.time-slider-settings button {
    width: 186px;
    float: right;
    margin-top: 5px;
}

.time-slider-settings span {
    display: block;
    position: absolute;
    top: 2px;
    right: 10px;
    left: 10px;
    text-align: right;
}


.progress-detail-section .fillable-row td.fillable-title, div.fillable-title {
    font-weight: 600;
    padding: 5px;
    white-space: nowrap;
}

.progress-detail-section .fillable-row td.fillable-input {
    width: 290px;
}

.progress-detail-section .fillable-row td.fillable-input.wider {
    width: 500px;
}

.progress-detail-section .fillable-row td.fillable-description {
    white-space: nowrap;
    font-size: 12px;
    text-align: left;
}

.progress-detail-section .fillable-row td.fillable-error {
    white-space: nowrap;
    font-size: 12px;
    color: #d70a78;
    display: none;
}

.progress-detail-section .fillable-row td.fillable-title.is-calculating {
    border-bottom: 1px dashed #CC6633;
}

.fillable-block {
    padding: 0.5em;
}

.fillable-block.ingress {
    font-weight: 600;
}


.fillable-block.heading {
    font-size: 1.11em;
    color: #3F7E95;
    font-weight: 600;
}

.fillable-block.emphasis {
    background-color: #3F7C94dd;
    color: #f3f3f3;
    padding: 10px;
}

.fillable-block.blockingalert {
    background-color: #EF405Edd;
    color: #f3f3f3;
    padding: 10px;
}

.fillable-block.quote {
    padding-top: 10px;
}

hr.fs {
    border-bottom: 1px solid #CCCCCC;
    margin: 0;
}

.fillable-indicator.input-string {
    box-sizing: border-box;
    border: 1px solid #cccccc;
    width: 283px;
    min-width: 283px;
    max-width: 283px;
    min-height: 50px;
    padding: 0.5em;
    outline: none;
    resize: vertical;
}

.fillable-indicator.input-number {
    box-sizing: border-box;
    border: 1px solid #cccccc;
    width: 283px;
    padding: 0.5em;
    outline: none;
}

.fillable-indicator.option-date {
    box-sizing: border-box;
    border: 1px solid #cccccc;
    width: 283px;
    padding: 0.5em;
    outline: none;
}


.fillable-indicator.input-formula {
    box-sizing: border-box;
    border: 1px solid #cccccc;
    width: 283px;
    padding: 0.5em;
    outline: none;
}

.fillable-option-group {
    display: inline-block;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin: 0;
    padding: 2px;
}

.fillable-option-group.inline {
    display: inline-block;
}

.fillable-option-item {
    display: inline-block;
    margin: 0;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.fillable-option-item.block {
    display: block;
    margin: 2px 0;
    text-align: left;
    white-space: normal;
    min-width: 257px;
}

.fillable-option-item.selected {
    color: #FFFFFF;
    background-color: #3F7E95;
}

.fillable-option-item:not(.selected):hover {
    color: #FFFFFF;
    background-color: #3F7E95;
}

.stack-option-group.error {
    border: 1px solid #ff0000;
}

.fillable-command {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #4B6771;
    color: #4B6771;
    width: 120px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    margin: 20px 0;
    cursor: pointer;
}

.fillable-command:hover {
    border: 1px solid #222222;
    color: #222222;
}

.fillable-command span {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
}

.fillable-command label {
    display: none;
    white-space: nowrap;
}

.fillable-checkbox {
    margin-left: 10px;
    text-transform: lowercase;
}

.fillable-classification {
    margin-left: 0;
    border: none !important;
    width: auto !important;
    padding: 0 !important;
}

.fillable-classification-item {
    margin-right: 2px;
    display: inline-block;
    height: 30px;
    width: 40px;
    opacity: 0.2;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    font-weight: bolder;
}

.fillable-classification-item.selected {
    opacity: 1;
}

.cl0 {
    background-color: #2cba00;
}

.cl1 {
    background-color: #2cba00;
}

.cl2 {
    background-color: #fff400;
}

.cl3 {
    background-color: #ffa700;
}

.cl4 {
    background-color: #ff0000;
}

.cl5 {
    background-color: #b30000;
}


.fillable-classification-item:hover {
    opacity: 0.6;
}

.fillable-sketch {
    border-radius: 5px;
    background-color: rgba(134, 163, 170, 0.40);
    border: 1px solid rgba(134, 163, 170, 0);
}

.fillable-sketch.disabled {
    height: 72px;
    width: 282px;
    background-color: rgba(134, 163, 170, 0.1);
}

.fillable-sketch.active {
    border: 1px solid rgba(134, 163, 170, 1);
}

.fillable-sketch.error {
    border: 1px solid #ff0000;
}

.fillable-sketch-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 40px;
    font-size: 16px;
}

.fillable-sketch-menu.narrow {
    left: 70px;
}

.fillable-sketch-menu li {
    cursor: pointer;    
}

.fillable-sketch.locked {
    pointer-events: none;
}

.fillable-sketch.dragging {
    border: 1px solid #CC6633;
}

.fillable-dropzone {
    width: 278px;
    height: 68px;
    border: 2px dashed #cccccc;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cccccc;
    font-size: 16px;
}

.fillable-dropzone.dragover {
    border-color: #000000;
    color: #000000;
}

.fillable-storage {
    display: flex;
    margin: 10px 0;
}

.fillable-storage-item {
    width: 48px;
    border: 1px solid #CCCCCC;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    word-break: break-word;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.21);
    box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.21);
    margin: 0 2px;
}

.fillable-files {
    margin-top: 10px;
}

.fillable-file-data {
    padding: 2px 0;
    color: #309B7A;
}

.fillable-file-error {
    color: #ff0000;
    text-decoration: line-through;
}

.fillable-file-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 40px;
    font-size: 16px;
}

.fillable-file-menu.narrow {
    left: 70px;
}

.fillable-file-title {
    border-bottom: 1px solid #ccc;
    padding: 2px;
}

.fillable-qr {
    width: 110px;
    opacity: 1;
    -webkit-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
}

.fillable-qr.mini {
    width: 18px;
    opacity: 0.7;
}

.fillable-qr.armed {
    animation: armed 3s infinite;
}

.reminder-definition {
    padding: 5px;
}

.reminder-definition input {
    box-sizing: border-box;
    border: 1px solid #cccccc;
    padding: 0.5em;
    outline: none;
    margin: 0 2px;
}

.time-slider-requirements {
    pointer-events: all;
    opacity: 1;
    position: absolute;
    background-color: #cccccc;
    top: -100px;
    left: 0px;
    height: 300px;
    width: 730px;
    min-height: 190px;
    min-width: 730px;
    max-width: 730px;
    border: 1px solid #999;
    z-index: 50;
    -webkit-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    display: none;
    padding: 20px 10px 10px 10px;
    resize: vertical;
    overflow: hidden;
}

.time-slider-requirements input:focus {
    outline-color: #3F7E95;
    outline-style: none;
    outline-width: 1px;
}

.time-slider-requirements select:focus {
    outline-color: #3F7E95;
    outline-style: none;
    outline-width: 1px;
}


.time-slider-requirements-close {
    display: block;
    position: absolute;
    top: 2px;
    right: 10px;
    left: 10px;
    text-align: right;
    font-size: 20px;
}

.time-slider-requirements-activator {
    display: block;
    font-size: 14px;
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #999999;
}

.time-slider-requirements-activator span {
    color: #3F7E95;
    font-weight: 500;
    cursor: pointer;
}

.time-slider-requirements-activator input {
    display: inline-block;
    color: #3F7E95;
    width: 112px;
    background-color: #cecece;
    border: none;
    padding: 2px;
    margin-right: 25px;
    float: right;
    text-align: center;
}

.time-slider-requirements-activator input::placeholder {
    color: #999999;
}


.time-slider-requirements-table-container {
    position: absolute;
    top: 50px;
    right: 10px;
    bottom: 40px;
    left: 10px;
    border-bottom: 1px solid #999999;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 14px;
    padding: 5px;
}

.time-slider-requirements-table {
    border-collapse: collapse;
    width: 100%;
}

.time-slider-requirements-table tbody tr:nth-child(odd) {
    background-color: #dfdfdf;
}

.time-slider-requirements-table td {
    padding-left: 4px;
}

.time-slider-requirements-table th {
    font-size: 12px;
    padding-left: 4px;
    padding-bottom: 2px;
    width: 60px;
}

th.ca {
    text-align: center;
}

td.ca {
    text-align: center;
}

th.la {
    text-align: left;
}

td.la {
    text-align: left;
}



.time-slider-requirements-table input {
    display: block;
    color: #222222;
    background-color: #FeFeFe;
    border: 1px solid #999999;
    padding: 2px;
    width: 60px;
    font-size: 13px;
}

.time-slider-requirements-table select {
    display: block;
    color: #222222;
    background-color: #FeFeFe;
    border: 1px solid #999999;
    padding: 2px;
    width: 66px;
    font-size: 13px;
}

.time-slider-requirements-table input[type="checkbox"] {
    margin-left: -1px;
    margin-right: 5px;
    vertical-align: middle;
    height: 14px;
    width: 24px;
    display: inline-block;
}

.time-slider-requirements-table .item-label {
    text-overflow: ellipsis;
    max-width: 500px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.time-slider-requirements-table .item-title {
    vertical-align: middle;
}

.time-slider-requirements-table .value-label {
    font-size: 12px;
    display: block;
}

.time-slider-requirements-table .value-container {
    position: relative;
    margin: 2px 0 5px 0;
    text-align: center;
    display: none;
}

.time-slider-requirements-table .value-list {
    color: #222222;
    background-color: #fefefe;
    border: 1px solid #999999;
    text-align: left;
    font-size: 13px;
    width: 66px;
}

.time-slider-requirements-table .value-list li {
    padding: 2px 4px;
}

.time-slider-requirements-table .value-list li:hover {
    color: #fefefe;
    background-color: #767676;
}

.time-slider-requirements-table .value-list li.selected {
    color: #fefefe;
    background-color: #309B7A;
}

.time-slider-requirements-table .value-content {
    position: absolute;
    left: -447px;
    top: 3px;
    width: 693px;
    min-width: 693px;
    max-width: 693px;
    height: 120px;
    min-height: 120px;
    color: #222222;
    background-color: #fefefe;
    border: 1px solid #999999;
    padding: 5px;
    resize: vertical;
    overflow: hidden;
    border-bottom: 2px solid #999999;
    z-index: 1;
    text-align: left;
    -webkit-user-select: all;
    user-select: all;
}

.time-slider-requirements-table .value-content input {
    display: inline-block;
}

.time-slider-requirements-table .value-content select {
    display: inline-block;
}

.time-slider-requirements-table .toggler {
    cursor: pointer;
}

.time-slider-requirements-table .toggler.dirty {
    color: #CC6633;
}

.time-slider-requirements-apply {
    position: absolute;
    width: 186px;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    border: 1px solid #222222;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
}

.time-slider-requirements-table .error {
    border: 1px solid #ff0000;
}

.formula-calculator {
    color: #3F7E95;
    cursor: pointer;
}

.risk-score {
    display: inline-block;    
    padding: 4px 8px;
    border-radius: 4px;
    margin-left: 8px;
}

.risk-score.hi {
    background-color: #ff3a60;
    color: #ffffff;
}

.risk-score.mi {
    background-color: #f7ee32;
    color: #222222;
}

.risk-score.lo {
    background-color: #00b49e;
    color: #ffffff;
}


/************************************/
.document-requirements {
    pointer-events: all;
    opacity: 1;
    position: absolute;
    background-color: #f3f3f3;
    top: 0px;
    left: 50px;
    height: 300px;
    width: 730px;
    min-height: 190px;
    min-width: 730px;
    max-width: 730px;
    border: 1px solid #999;
    z-index: 50;
    -webkit-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.21);
    display: none;
    padding: 20px 10px 10px 10px;
    resize: vertical;
    overflow: hidden;
}

.document-requirements.no-padl {
    left: 0;
}

    .document-requirements input:focus {
        outline-color: #3F7E95;
        outline-style: none;
        outline-width: 1px;
    }

    .document-requirements select:focus {
        outline-color: #3F7E95;
        outline-style: none;
        outline-width: 1px;
    }


.document-requirements-close {
    display: block;
    position: absolute;
    top: 2px;
    right: 10px;
    left: 10px;
    text-align: right;
    font-size: 20px;
}

.document-requirements-activator {
    display: block;
    font-size: 14px;
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #999999;
}

    .document-requirements-activator span {
        color: #3F7E95;
        font-weight: 500;
        cursor: pointer;
    }

    .document-requirements-activator input {
        display: inline-block;
        color: #3F7E95;
        width: 112px;
        background-color: #f3f3f3;
        border: none;
        padding: 2px;
        margin-right: 25px;
        float: right;
        text-align: center;
    }

.document-requirements-activator input::placeholder {
    color: #999999;
}

    .document-requirements-activator select {
        border: none;
        padding: 0 2px;
        margin: 0 2px;
        color: #3F7E95;
        font-size: 14px;
        font-weight: 500;
        background-color: #f3f3f3;
    }


.document-requirements-table-container {
    position: absolute;
    top: 50px;
    right: 10px;
    bottom: 40px;
    left: 10px;
    border-bottom: 1px solid #999999;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 14px;
    padding: 5px;
}

.document-requirements-table {
    border-collapse: collapse;
    width: 100%;
}

    .document-requirements-table tbody tr:nth-child(odd) {
        background-color: #dfdfdf;
    }

    .document-requirements-table td {
        padding-left: 4px;
    }

    .document-requirements-table th {
        font-size: 12px;
        padding-left: 4px;
        padding-bottom: 2px;
        width: 60px;
    }

    .document-requirements-table input {
        display: block;
        color: #222222;
        background-color: #FeFeFe;
        border: 1px solid #999999;
        padding: 2px;
        width: 60px;
        font-size: 13px;
    }

    .document-requirements-table select {
        display: block;
        color: #222222;
        background-color: #FeFeFe;
        border: 1px solid #999999;
        padding: 2px;
        width: 66px;
        font-size: 13px;
    }

    .document-requirements-table input[type="checkbox"] {
        margin-left: -1px;
        margin-right: 5px;
        vertical-align: middle;
        height: 14px;
        width: 24px;
        display: inline-block;
    }

.document-requirements-table .item-label {
    text-overflow: ellipsis;
    max-width: 500px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.document-requirements-table .item-title {
    vertical-align: middle;
}

.document-requirements-table .value-label {
    font-size: 12px;
    display: block;
}

.document-requirements-table .value-container {
    position: relative;
    margin: 2px 0 5px 0;
    text-align: center;
    display: none;
}

.document-requirements-table .value-list {
    color: #222222;
    background-color: #fefefe;
    border: 1px solid #999999;
    text-align: left;
    font-size: 13px;
    width: 66px;
}

.document-requirements-table .value-list li {
    padding: 2px 4px;
}

.document-requirements-table .value-list li:hover {
    color: #fefefe;
    background-color: #767676;
}

.document-requirements-table .value-list li.selected {
    color: #fefefe;
    background-color: #309B7A;
}


.document-requirements-table .value-content {
    position: absolute;
    left: -500px;
    top: 3px;
    width: 693px;
    min-width: 693px;
    max-width: 693px;
    height: 120px;
    min-height: 120px;
    color: #222222;
    background-color: #fefefe;
    border: 1px solid #999999;
    padding: 5px;
    resize: vertical;
    overflow: hidden;
    border-bottom: 2px solid #999999;
    z-index: 1;
    text-align: left;
    -webkit-user-select: all;
    user-select: all;
}

.document-requirements-table .value-content input {
    display: inline-block;
}

.document-requirements-table .value-content select {
    display: inline-block;
}


.document-requirements-table .toggler {
    cursor: pointer;
}

.document-requirements-table .toggler.dirty {
    color: #CC6633;
}


.document-requirements-apply {
    position: absolute;
    width: 186px;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    border: 1px solid #222222;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
}

.document-requirements-table .error {
    border: 1px solid #ff0000;
}

.req-ind {
    font-size: 20px;
    position: absolute;
    top: 23px;
    left: 8px;
    color: #CCCCCC;
    cursor: pointer;
}

.req-ind.dirty {
    color: #CC6633;
}

.req-ind-content {

    border: 1px solid red;
}

.no-lock {
    -khtml-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}


.at-right {
    float: right;
    padding-right: 5px;
}


.missing-formula-values-table {
    margin: 20px 0 10px 0;
    border-collapse: collapse;
    width: 100%;    
}

.missing-formula-values-table tbody tr:nth-child(odd) {
    background-color: #f3f3f3;
}

.missing-formula-values-table td {
    padding-left: 10px;
    font-size: 14px;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.missing-formula-values-table th {
    font-size: 12px;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 2px;
}

.missing-formula-values-table input {
    display: inline-block;
    color: #222222;
    background-color: #FeFeFe;
    border: 1px solid #999999;
    padding: 2px;
    width: 60px;
}

.block-error {
    color: #ff1a33;
    font-size: 14px;
    text-align: center;
}


.chat-memo {
    font-size: 14px;
    position: relative;
}

.chat-memo-container {
    position: relative;
    margin-top: 5px;
    padding: 10px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 8px 6px -6px #f4f4f4;
    -moz-box-shadow: 0 8px 6px -6px #f4f4f4;
    box-shadow: 0 8px 6px -6px #f4f4f4;
    border: 1px solid #999999;
    z-index: 2;
    border-radius: 5px;
    display: none;
}

.chat-memo-title {
    cursor: pointer;
}

.chat-memo-title.dirty {
    color: #309B7A;
}


.chat-memo-area {
    min-width: 723px;
    width: 723px;
    max-width: 723px;
    min-height: 80px;
    max-height: 480px;
    resize: vertical;
    border: none;
    padding: 5px;
}

.chat-memo-commands {
    margin-top: 10px;
}

.chat-memo-command {
    display: inline-block;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    background-color: #ffffff;
    border: 1px solid #3F7E95;
    color: #3F7E95;
    cursor: pointer;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    margin-right: 5px;
    width: 70px;
}

.chat-memo-beater {
    height: 5px;
    vertical-align: middle;
    display: none;
}

.blob-slider:focus {
    outline: none;
}

.blob-slider {
    background: linear-gradient(to right, #3F7E95 0%, #3F7E95 0%, #E6E6E6 0%, #E6E6E6 100%);
    border: solid 1px #E6E6E6;
    border-radius: 1px;
    height: 1px;
    width: 97%;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    margin: 0;
}

.blob-slider::-webkit-slider-thumb {
    background-color: #ffffff;
    border: solid 1px #E6E6E6;
    border-radius: 0;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    -webkit-appearance: none;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
}



/* DOCUMENT LIBRARY BEGIN */

.document-library {
    position: absolute;
    top: 75px;
    right: 10px;
    bottom: 10px;
    width: 350px;
    border: 2px solid #222222;
    border-radius: 20px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 10px 13px -10px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -10px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    resize: horizontal;
    min-width: 350px;
    max-width: 820px;
}

    .document-library::-webkit-scrollbar {
        width: 5px;
    }

    .document-library::-webkit-scrollbar-track {
        background-color: rgba(0,0,0,0);
    }

    .document-library::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0.1);
    }

        .document-library::-webkit-scrollbar-thumb:hover {
            background: rgba(0,0,0,0.2);
        }

.library-sections {
    font-size: 10px;
    position: relative;
    padding: 0.5em;
    display: flex;
    flex-wrap: wrap;
}

.library-section {
    padding: 0.5em 0;
    border-bottom: 1px solid #CCCCCC;
    width: 160px;
}

.library-section.hilite {
    box-shadow: 0px 0px 4px 0px rgba(204,102,51,1) inset;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(204,102,51,1) inset;
    -moz-box-shadow: 0px 0px 4px 0px rgba(204,102,51,1) inset;
    background-color: rgba(204,102,51,0.1);
}

.library-section-title {
    padding: 0.25em 0.5em;
    color: #3F7E95;
    font-weight: bold;
}

.library-block {
    padding: 0.5em;
}

.library-block.hilite {
    box-shadow: 0px 0px 4px 0px rgba(204,102,51,1) inset;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(204,102,51,1) inset;
    -moz-box-shadow: 0px 0px 4px 0px rgba(204,102,51,1) inset;
    background-color: rgba(204,102,51,0.1);
}

.library-block.odd {
    background-color: #f3f3f3;
}

.library-block-ingress {
    font-weight: bold;
}

.library-block-heading {
    font-size: 1.11em;
    color: #3F7E95;
    font-weight: bold;
}

.library-block-unordered {
    list-style-image: url('/Images/foxt.png');
    margin-left: 1.1em;
}

    .library-block-unordered li {
        padding: 0.2em 0 0.2em 0.2em;
    }

.library-block-image {
    padding: 0;
    width: 100%;
}

.library-block-blob {
    max-width: 295px;
    -webkit-box-shadow: 0px 5px 6px -5px #000000, 2px 2px 7px 2px rgba(0,0,0,0);
    box-shadow: 0px 5px 6px -5px #000000, 2px 2px 7px 2px rgba(0,0,0,0);
}


.library-block-video {
    padding: 0;
    width: 100%;
}

.library-block-audio {
    padding: 1em 0;
    width: 100%;
}

.library-block-button-save {
    display: block;
    width: 100%;
    padding: 1em 0;
    background-color: #f48126;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

/* DOCUMENT LIBRARY END */

.relative {
    position: relative;
}

.mini-qr {
    position: absolute;
    top: 9px;
    right: 14px;
    width: 20px;   
}

.qr-link {
    display: none;
    text-align: right;
    position: absolute;
    bottom: 9px;
    right: 100%;
    font-size: 12px;
    user-select: text;
    margin-right: 10px;
}

.qr-print {
    display: none;
    text-align: right;
    position: absolute;
    bottom: 48px;
    right: 100%;
    font-size: 12px;
    user-select: text;
    margin-right: 10px;
    border: 1px solid #4B6771;
    cursor: pointer;
    padding: 4px 8px;
}

.lefty {
    display: flex;
}

.lefty .mini-qr {
    position: initial;
}

.lefty .qr-link {
    position: initial;
}

.listening {
    color: red;
}

pre.raw {
    overflow: hidden;
}

#therapyRobotContent {
    margin: 10px 0;
    display: none;
}

.robot-command-container {
    margin: 5px 0 10px 0;
}

#therapyRobotRequest {
    width: 100%;
    min-height: 150px;
    resize: vertical;
    border: 1px solid orange;
}

#therapyRobotResponse {
    width: 100%;
    min-height: 120px;
    resize: vertical;
    border: 1px solid orange;
}

.short-filter {
    width: 70px;
    padding: 4px;
}

.filter-button {
    height: 27px;
    margin-right: 10px;
}

/* DARK */

body.dark {
    background-color: #333333;
    color: #f3f3f3;
}

    body.dark #mainTab {
        background-color: #333333;
        color: #f3f3f3;
    }

    body.dark #app {
        background-color: #333333;
        color: #f3f3f3;
    }

        body.dark #app.compact #mainTab #mainLogo {
            background-image: url('/Images/site/head_dark.png');
            background-color: #333333;
            background-size: 60px;
        }

    body.dark #menu {
        background-color: #333333;
        color: #f3f3f3;
    }

    body.dark .menu-tab {
        background-color: #333333;
        color: #f3f3f3;
    }

    body.dark .main-link {
        background-color: #333333;
        color: #f3f3f3;
    }

    body.dark #header {
        background-color: #222222;
        color: #f3f3f3;
    }

    body.dark #page {
        background-color: #333333;
        color: #f3f3f3;
    }

    body.dark .main-link.user {
        background-image: url('/Images/site/link_user_dark.png');
    }

    body.dark .main-link.contact {
        background-image: url('/Images/site/link_mail_dark.png');
    }

    body.dark .main-link.logout {
        background-image: url('/Images/site/link_close_dark.png');
    }

    body.dark a {
        background-color: #333333;
        color: #f3f3f3;
    }

        body.dark a:hover {
            color: #ffffff;
        }

    body.dark #statusbar {
        background-color: #333333;
        color: #f3f3f3;
    }

        body.dark #statusbar a {
            background-color: #333333;
            color: #f3f3f3;
        }

            body.dark #statusbar a:hover {
                color: #ffffff;
            }

    body.dark input,
    body.dark select,
    body.dark textarea,
    body.dark pre {
        background-color: #333333;
        color: #f3f3f3;
    }

/* PHASE REQUIREMENTS */

.phase-requirements-container {
    border: 1px solid #f3f3f3;
    padding: 10px;
    margin: 10px 0;
}


/* MODAL CONDITIONS */

.modal-conditions {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
}

.modal-conditions-container {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    white-space: nowrap;
}


.modal-conditions-toolbar {
    display: flex;
    padding: 5px 0px 10px 10px;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
}

.modal-conditions-toolbar-item {
    padding: 2px 10px;
    cursor: pointer;
    border: 1px solid #CCCCCC;
    margin: 0 10px;
}

.modal-conditions-toolbar-filter {
    width: 260px;
}


.modal-conditions-content {
    overflow: auto;
    display: flex;
    user-select: text;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.condition-group {
    padding: 20px;
}

.condition-group-title {
    font-size: 16px;
    font-weight: bolder;
    color: #3F7E95;
    cursor: pointer;
}

.condition-group-title.collapsed {
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.18);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.18);
}


.condition-sub-group {
    padding: 10px;
}

.condition-sub-group-items {
    padding: 10px;
}

.condition-sub-group-title {
    font-size: 14px;
    color: #4B6771;
    cursor: pointer;
}

.condition-sub-group-title.collapsed {
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.16);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.16);
}

.condition-sub-group-title.missing {
    color: #CC6633;
}

.condition-sub-group-item-title {
    font-weight: bolder;
    padding: 0 4px;
    cursor: pointer;
}

.condition-sub-group-item-title.collapsed {
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.14);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.14);
    padding: 0 4px;
    margin-bottom: 10px;
}

.condition-sub-group-item-title span {
    font-size: 14px;
    font-weight: normal;
    margin-left: 20px;
    opacity: 0.8;
}

.condition-sub-group-item-title .sub-title {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    margin-left: 10px;
    opacity: 0.8;
}

.condition-sub-group-item-details {
    font-size: 14px;
    padding: 5px;
}

.condition-sub-group-item-fields {
    padding: 5px;
}

.condition-sub-group-item-label {
    display: inline-block;
    white-space: nowrap;
    color: #999999;
}

.condition-sub-group-item-field {
    position: relative;
    display: inline-block;
    white-space: nowrap;
}

.condition-sub-group-item-field:hover {
    background-color: #E6E6E6;
}

.condition-sub-group-item-field.found {
    color: #CC6633;
}

.condition-sub-group-item-field.has-content {
    padding: 0 2px;
    border: 1px solid #3F7E95;
}

.condition-sub-group-item-field.has-value {
    padding: 0 2px;
    border: 1px solid #309B7A66;
}

.condition-sub-group-item-field.has-title {
    padding: 0 2px;
    border: 1px solid #309B7A66;
    font-weight: bolder;
}

.condition-sub-group-item-preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    display: none;
}

.condition-sub-group-item-preview img {
    width: 100%;
}

td.xxl {
    height: 40px;
}

.invalid-value {
    color: #d70a78 !important;
    border: 1px solid #d70a78 !important;
}

/********/

.exercise-sets {
    position: absolute;
    top: 253px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    background-color: rgba(255,255,255,1);
    z-index: 888;
    display: none;
    padding: 10px 20px 10px 20px;
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    overflow: scroll;
}

.exercise-sets .save-button {
    display: block;
    font-size: 12px;
    color: #222222;
    cursor: pointer;
    padding: 4px 0;
    text-align: center;
    text-transform: uppercase;
    width: 245px;
    margin-left: 3px;
    border: 1px solid #222222;
}

.exercise-sets .close-button {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #999999;
    cursor: pointer;
}

.exercise-sets table {
    width: 100%;
    margin: 10px;
}

.exercise-sets table tr:nth-child(even) {
    background-color: #f3f3f3;
}

.exercise-sets table th {
    text-align: left;
}

.exercise-sets table td {
    padding: 4px 8px;
}

.exercise-sets table td div {
    display: flex;
    align-items: center;
}

.exercise-sets table td input {
    padding: 4px;
    font-size: 16px;
    width: 80%;
}

.exercise-sets table td i {
    margin-left: 7px;
    font-size: 20px;
    cursor: pointer;
}


.exercise-sets table tr.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.indicator-content-list {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    border: 1px solid red;
    z-index: 2;
}

/* CONDITION FORMULA */
.condition-formula-container {
    position: relative;
    display: none;
    width: 595px
}

.condition-formula-container .activate-formula {
    position: absolute;
    bottom: 3px;
    right: 5px;
    display: inline-block;
    color: #3F7E95;
    text-decoration: underline;
    cursor: pointer;    
    text-transform: lowercase;
}

.update-label {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #3F7E95;
    color: #3F7E95;
    width: 120px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}

    .update-label span {
        padding: 0px;
    }

#updateForm {
    position: fixed;
    height: 1px;
    width: 1px;
    right: 100%;
    bottom: 100%;
}

#updateFrame {
    position: fixed;
    height: 1px;
    width: 1px;
    right: 100%;
    bottom: 100%;
}

.frameability {
    position: relative;
}

.frameability .fra-toggler {
    position: absolute;
    font-size: 14px;
    cursor: pointer;
    top: 10px;
    right: 14px;
    z-index: 9999;
    color: #333333;
}

.frameabilities {
    display: none;
    padding: 10px;
    width: 580px;
    margin-left: 2px;    
}

.frameabilities img {
    width: 100%;
    border: 1px solid #ccc;
}

/* DOC MAP */

.document-graph {
    position: absolute;
    left: 95px;
    top: 50px;
}

.document-graph span {
    color: #999999;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    background-color: #E6E6E6;
    padding: 0 5px;
}

.document-graph-content {
    position: absolute;
    left: 10px;
    top: 75px;
    bottom: 10px;
    right: 1055px;
    border: 1px solid #999999;
    display: none;
}

.map-item {
    position: absolute;
    width: 100px;
    min-height: 1px;
    padding: 5px;
    background-color: #4B6771;
    border-radius: 4px;
    border: 2px solid #4B6771;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
}

.map-item.editing {
    border-color: #CC6633;
}

.map-item.locked {
    border-color: #3F7E95;
}


/* FILLABLE CAMERA BEGIN */

.stack-camera img {
    padding: 2px;
}

.stack-camera.on img {
    animation: armed 3s infinite;
}


@keyframes armed {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 105, 0, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255, 105, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 105, 0, 0);
    }
}

.camera-content {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    position: relative;
}

    .camera-content.not-empty {
        border-bottom: 1px solid #cccccc;
    }


.camera-content-item {
    margin: 4px 2px;
    padding: 2px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    max-height: 100px;
    -webkit-box-shadow: 0px 10px 13px -10px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -10px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    cursor: pointer;
}

.camera-content-item:hover {
    border: 1px solid #2a5599;
}


.myTra {
    display: none;
    width: 100px;
    height: 100px;
    margin: 4px 2px;
    padding: 2px;
    -webkit-box-shadow: 0px 10px 13px -10px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -10px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    position: relative;
}

.myTra.error {
    -webkit-box-shadow: 0px 10px 13px -10px #ff0000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -10px #ff0000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.tra-status {
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    margin-top: 20px;
}

.tra-name {
    padding: 4px 2px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tra-ktor {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
}


.fillable-preview {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0,0,0);
    //background-color: rgba(0,0,0,0.8);
    min-width: 300px;
    resize: both;
}

.fillable-preview-header {
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.8);
    text-align: center;
    padding: 1rem;
    cursor: pointer;
}

.fillable-preview-header-button {
    text-transform: uppercase;
    border: 1px solid #d1d1d1;
    border-radius: 0.5rem;
    font-size: 0.6rem;
    padding: 0.5rem 1rem;
    color: #d1d1d1;
}

.fillable-preview-header-button:hover {
    border-color: #ffffff;
    color: #ffffff;
}

.fillable-preview-footer {
    position: sticky;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.8);
    padding: 2rem;
    text-align: center;
}

.fillable-preview-footer-button {
    text-transform: uppercase;
    border: 2px solid #ffffff;
    border-radius: 0.5rem;
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    color: #ffffff;
}

.fillable-preview-footer-button:hover {
    border-color: #ff893b;
    color: #ff893b;
}

#preVideo {
    display: none;
    width: 100%;
}

#preImg {
    margin: auto;
    display: none;
    width: 100%;
}

/* FILLABLE CAMERA END */

.forms-container {
    display: flex;
    margin: 10px 10px 20px 10px;
}

.forms-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 74px;
    height: 104px;
    border: 1px solid #CCCCCC;
    padding: 10px 10px 0px 10px;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.21);
    box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.21);
    margin: 0 2px;
    cursor: pointer;
}

    .forms-item.dirty {
        color: #CC6633;
        border: 1px solid #CC6633;
    }

    .forms-item.todo {
        color: #4B6771;
        border: 1px solid #4B6771;
    }

.forms-item.done {
    color: #309B7A;
    border: 1px solid #309B7A;
}

.forms-item.tba {
    color: #999999;
    border: 1px solid #999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.forms-item-plus {
    font-size: 80px;
    margin-top: -20px;
}

.forms-item-code {    
    font-weight: bolder;
}

.forms-item-title {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 12px;
    color: #999999;
    text-overflow: ellipsis;
    overflow: hidden;
}

.forms-item-type {
    font-size: 14px;
    color: #cccccc;
    text-transform: uppercase;
}

.forms-param-container {
    padding: 10px;
    margin: 0 20px 20px 20px;
    display: none;
}

.forms-param-table {
    font-size: 14px;
}

.forms-param-title {
    font-weight: 600;
    padding: 5px;
    white-space: nowrap;
}

.forms-param-input {
    box-sizing: border-box;
    border: 1px solid #cccccc;
    min-height: 24px;
    width: 283px;    
    min-width: 283px;
    max-width: 283px;
    padding: 0.5em;
    outline: none;
    resize: vertical;
}

.forms-param-command {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #4B6771;
    color: #4B6771;
    width: 100px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    margin: 10px 0;
    cursor: pointer;
}

.forms-param-command:hover {
    border: 1px solid #222222;
    color: #222222;
}

.forms-param-command span {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
}

.forms-param-command label {
    display: none;
    white-space: nowrap;
}

.notified-forms-container {
    position: relative;    
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin: 0 20px 20px 0;    
}

.notified-forms {
    display: flex;
    text-transform: uppercase;
    font-size: 14px;
    min-height: 50px;
}

.watermark {
    color: rgba(0, 0, 0, 0.17);
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
}

.available-forms-container {
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin: 0 20px 20px 0;
    display: none;
}

.available-forms {
    display: flex;
    padding: 10px 0;
}

.logging-container {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #222222;
}

.logging-buttons {
    padding: 10px;
}

.logging-buttons button {
    background-color: #222222;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
}

.logging-buttons button.active {
    color: #309B7A;
}

.logging-buttons input {
    background-color: #222222;
    border: none;
    color: #ffffff;
    padding: 2px 4px;
}

#logging {
    position: absolute;
    top: 35px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    padding: 10px;
    overflow: auto;
    white-space: nowrap;
    background-color: #000;
    color: #E6E6E6;
    font-family: monospace;
    user-select: text;
}

.universal-filter {
    display: block;
    width: 400px;
    padding: 5px 5px;
    margin: 10px 0;
    font-size: 14px;
}

.hint {
    font-size: 13px;
    margin-bottom: 5px;
}

.items-container {
    border: 1px solid #f3f3f3;
    user-select: none;
    min-height: 72px;
    width: 531px;
}

    .items-container .item {
        margin: 1px 0;
        cursor: grab;
        display: block;
    }

        .items-container .item.dragging {
            opacity: 0.5;
        }

.panel-commands {
    display: none;
}



.speak-tool {
    position: relative;
    display: inline-block;
}

.tool-panel {
    position: absolute;
    top: 28px;
    left: 5px;
    width: 230px;
    padding: 10px;
    background: #e6e6e6;
    color: #222222;
    border: 1px solid #222222;
    border-radius: 2px;
    box-shadow: 0 10px 28px rgba(0,0,0,.35);
    display: none;
    z-index: 1000;
}

    .tool-panel.open {
        display: block;
    }

    .tool-panel label {
        display: grid;
        grid-template-columns: 55px 1fr 42px;
        gap: 8px;
        align-items: center;
        margin-bottom: 10px;
        font-size: 13px;
    }

    .tool-panel input[type="range"] {
        width: 100%;
    }

.primary-btn {
    width: 100%;
    padding: 2px 4px;
    border: 1px solid #999999;
    background: #ffffff;
    color: #222222;
    cursor: pointer;
    font-size: 13px;
    text-transform: uppercase;
}

    .primary-btn:hover {
        color: #3F7E95;
    }

.close-btn {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: transparent;
}

.missing-items {
    margin-top: 10px;
    max-height: 300px;
    overflow-y: auto;
}

/* content metrics */

#MetricsContainer {
    width: 600px;
    max-width: 100%;
    color: #20242a;
}

.summary-panel #MetricsContainer {
    width: 754px;
}

#MetricsData {
    display: none;
}

.metrics-panel {
    background: #fff;
    border: 1px solid #e5e8ec;
    border-radius: 4px;
    overflow: hidden;
}

.metrics-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 18px;
    border-bottom: 1px solid #edf0f2;
}

    .metrics-header strong {
        display: block;
        font-size: 16px;
    }

    .metrics-header span {
        display: block;
        margin-top: 2px;
        color: #7a818a;
        font-size: 13px;
    }

.metrics-count {
    padding: 5px 9px;
    border-radius: 999px;
    background: #f2f4f6;
    color: #616873;
    font-size: 12px;
    white-space: nowrap;
}

.metrics-category {
    padding: 0 12px 0;
}

.metrics-header-tools {
    display: flex;
    align-items: center;
    gap: 8px;
}

.metrics-filter {
    width: 105px;
    padding: 5px 8px;
    border: 1px solid #e1e5e9;
    border-radius: 4px;
    background: #fafbfc;
    color: #343a40;
    font-size: 11px;
    outline: none;
}

    .metrics-filter::placeholder {
        color: #a1a7ae;
    }

    .metrics-filter:focus {
        width: 145px;
        background: #fff;
        border-color: #aebbc5;
    }

.metrics-category-title {
    width: 100%;
    padding: 14px 5px 7px;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #7b828a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    cursor: pointer;
    text-align: left;
}

    .metrics-category-title:hover {
        color: #4d555e;
    }

    .metrics-category-title small {
        min-width: 20px;
        padding: 2px 6px;
        border-radius: 999px;
        background: #f1f3f5;
        color: #8a9199;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0;
        text-align: center;
    }


.metric-row {
    padding: 4px;
    margin-bottom: 2px;
    border: 1px solid #e7eaed;
    border-radius: 4px;
    background: #fff;
    transition: background .15s, border-color .15s;
}

    .metric-row.selected {
        background: #fafcfd;
        border-color: #cbd4dc;
    }

.metric-main {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.metric-name {
    min-width: 0;
}

    .metric-name strong {
        display: block;
        font-size: 14px;
        font-weight: 650;
    }

    .metric-name small {
        display: block;
        margin-top: 1px;
        color: #9aa0a8;
        font-size: 10px;
    }

.metric-check {
    position: relative;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

    .metric-check input {
        position: absolute;
        opacity: 0;
    }

    .metric-check span {
        display: block;
        width: 16px !important;
        height: 16px;
        border: 1.5px solid #b8bec5;
        border-radius: 4px;
        background: white;
        padding: 0px !important;
    }

    .metric-check input:checked + span {
        border-color: #4f687c;
        background: #4f687c;
    }

        .metric-check input:checked + span:after {
            content: "";
            position: absolute;
            left: 5px;
            top: 2px;
            width: 4px;
            height: 8px;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

.metric-options {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
    margin-top: 10px;
    padding-left: 28px;
}

.metric-row.selected .metric-options {
    display: grid;
}

.metric-options label span {
    display: block;
    margin: 0 0 3px 2px;
    color: #8b9198;
    font-size: 10px;
    width: auto !important;
}

.metric-options select {
    width: 100%;
    min-width: 0;
    padding: 7px 22px 7px 8px;
    border: 1px solid #dfe3e7;
    border-radius: 4px;
    background: white;
    color: #363c43;
    font-size: 12px;
    outline: none;
}

    .metric-options select:focus {
        border-color: #98a9b7;
    }


@media (max-width: 520px) {

    .metric-options {
        grid-template-columns: 1fr;
    }

    .metrics-header {
        align-items: flex-start;
    }

    .metrics-header-tools {
        flex-direction: column;
        align-items: flex-end;
    }

    .metrics-filter,
    .metrics-filter:focus {
        width: 110px;
    }
}

/* person health metrics */

.health-metrics-dashboard {
    --hm-bg: #f5f7fa;
    --hm-card: #fff;
    --hm-text: #17212b;
    --hm-muted: #6b7785;
    --hm-line: #e5eaf0;
    --hm-accent: #2563eb;
    --hm-soft: #eff6ff;
    width: 100%;
    padding: 24px;
    background: var(--hm-bg);
    color: var(--hm-text);
    font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.45;
    box-sizing: border-box
}

    .health-metrics-dashboard *, .health-metrics-dashboard *::before, .health-metrics-dashboard *::after {
        box-sizing: border-box
    }

    .health-metrics-dashboard .hm-shell {
        width: 100%;
        margin: 0 auto
    }

    .health-metrics-dashboard .hm-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 24px;
        margin-bottom: 20px
    }

    .health-metrics-dashboard .hm-title {
        font-size: 25px;
        font-weight: 700
    }

    .health-metrics-dashboard .hm-subtitle, .health-metrics-dashboard .hm-count {
        color: var(--hm-muted)
    }

    .health-metrics-dashboard .hm-filters {
        display: grid;
        grid-template-columns: 1.2fr 1fr auto 180px 180px auto;
        gap: 10px;
        margin-bottom: 18px;
        padding: 14px;
        background: var(--hm-card);
        border: 1px solid var(--hm-line);
        border-radius: 16px
    }

    .health-metrics-dashboard .hm-input, .health-metrics-dashboard .hm-select, .health-metrics-dashboard .hm-button {
        width: 100%;
        min-height: 40px;
        margin: 0;
        padding: 9px 12px;
        border: 1px solid var(--hm-line);
        border-radius: 10px;
        outline: none;
        background: #fff;
        color: var(--hm-text);
        font: inherit
    }

    .health-metrics-dashboard .hm-button {
        cursor: pointer
    }

        .health-metrics-dashboard .hm-button:hover {
            background: #f8fafc
        }

    .health-metrics-dashboard .hm-resolution {
        display: flex;
        padding: 3px;
        gap: 2px;
        background: #f1f5f9;
        border-radius: 10px
    }

    .health-metrics-dashboard .hm-resolution-button {
        min-height: 34px;
        padding: 6px 12px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: var(--hm-muted);
        font: inherit;
        cursor: pointer
    }

        .health-metrics-dashboard .hm-resolution-button.hm-active {
            background: #fff;
            color: var(--hm-text);
            font-weight: 600;
            box-shadow: 0 1px 3px rgba(0,0,0,.08)
        }

    .health-metrics-dashboard .hm-date {
        position: relative
    }

    .health-metrics-dashboard .hm-date-button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left
    }

    .health-metrics-dashboard .hm-calendar {
        position: absolute;
        z-index: 20;
        top: 46px;
        left: 0;
        width: 292px;
        padding: 12px;
        background: #fff;
        border: 1px solid var(--hm-line);
        border-radius: 14px;
        box-shadow: 0 14px 36px rgba(15,23,42,.14)
    }

        .health-metrics-dashboard .hm-calendar[hidden] {
            display: none !important
        }

    .health-metrics-dashboard .hm-cal-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 9px
    }

    .health-metrics-dashboard .hm-cal-nav {
        width: 34px;
        height: 32px;
        border: 0;
        border-radius: 8px;
        background: #f8fafc;
        cursor: pointer
    }

    .health-metrics-dashboard .hm-cal-title {
        font-weight: 700
    }

    .health-metrics-dashboard .hm-cal-grid {
        display: grid;
        grid-template-columns: repeat(7,1fr);
        gap: 3px
    }

    .health-metrics-dashboard .hm-cal-weekday {
        text-align: center;
        color: var(--hm-muted);
        font-size: 11px;
        font-weight: 700;
        padding: 4px 0
    }

    .health-metrics-dashboard .hm-cal-day {
        height: 34px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        cursor: pointer;
        font: inherit
    }

        .health-metrics-dashboard .hm-cal-day:hover {
            background: #f1f5f9
        }

        .health-metrics-dashboard .hm-cal-day.hm-other {
            color: #aab2bd
        }

        .health-metrics-dashboard .hm-cal-day.hm-selected {
            background: var(--hm-accent);
            color: #fff
        }

        .health-metrics-dashboard .hm-cal-day.hm-today {
            box-shadow: inset 0 0 0 1px var(--hm-accent)
        }

    .health-metrics-dashboard .hm-layout {
        display: grid;
        grid-template-columns: 250px minmax(0,1fr);
        gap: 18px
    }

    .health-metrics-dashboard .hm-sidebar, .health-metrics-dashboard .hm-main {
        background: var(--hm-card);
        border: 1px solid var(--hm-line);
        border-radius: 16px
    }

    .health-metrics-dashboard .hm-sidebar {
        height: fit-content;
        padding: 14px
    }

    .health-metrics-dashboard .hm-sidebar-title {
        font-weight: 700
    }

    .health-metrics-dashboard .hm-sidebar-help {
        margin: 3px 0 10px;
        color: var(--hm-muted);
        font-size: 11px
    }

    .health-metrics-dashboard .hm-category {
        margin: 15px 10px 5px;
        color: #8a96a3;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .06em
    }

    .health-metrics-dashboard .hm-metric-button {
        display: block;
        width: 100%;
        margin: 2px 0;
        padding: 9px 10px;
        border: 0;
        border-radius: 9px;
        background: transparent;
        color: #34404c;
        font: inherit;
        text-align: left;
        cursor: pointer
    }

        .health-metrics-dashboard .hm-metric-button:hover {
            background: #f6f8fb
        }

        .health-metrics-dashboard .hm-metric-button.hm-active {
            background: var(--hm-soft);
            color: #174ea6;
            font-weight: 650
        }

    .health-metrics-dashboard .hm-main {
        min-width: 0;
        padding: 20px
    }

    .health-metrics-dashboard .hm-metric-head {
        display: flex;
        justify-content: space-between;
        gap: 18px
    }

    .health-metrics-dashboard .hm-metric-name {
        font-size: 20px;
        font-weight: 750
    }

    .health-metrics-dashboard .hm-meta {
        margin-top: 3px;
        color: var(--hm-muted)
    }

    .health-metrics-dashboard .hm-stats {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin: 18px 0
    }

    .health-metrics-dashboard .hm-stat {
        min-width: 125px;
        padding: 11px 13px;
        background: #f8fafc;
        border: 1px solid var(--hm-line);
        border-radius: 12px
    }

    .health-metrics-dashboard .hm-stat-value {
        display: block;
        font-size: 17px;
        font-weight: 700
    }

    .health-metrics-dashboard .hm-stat-label {
        display: block;
        margin-top: 1px;
        color: var(--hm-muted);
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: .04em
    }

    .health-metrics-dashboard .hm-chart-wrap {
        position: relative;
        width: 100%;
        height: 430px
    }

    .health-metrics-dashboard .hm-empty, .health-metrics-dashboard .hm-loading {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        background: rgba(255,255,255,.9);
        color: var(--hm-muted);
        text-align: center
    }

        .health-metrics-dashboard .hm-empty[hidden], .health-metrics-dashboard .hm-loading[hidden] {
            display: none !important
        }

    .health-metrics-dashboard .hm-loading {
        z-index: 6
    }

    .health-metrics-dashboard .hm-spinner {
        width: 24px;
        height: 24px;
        margin: 0 auto 10px;
        border: 3px solid #e5eaf0;
        border-top-color: #2563eb;
        border-radius: 50%;
        animation: hm-spin .7s linear infinite
    }

@keyframes hm-spin {
    to {
        transform: rotate(360deg)
    }
}

@media(max-width:1000px) {
    .health-metrics-dashboard .hm-filters {
        grid-template-columns: 1fr 1fr 1fr
    }

    .health-metrics-dashboard .hm-layout {
        grid-template-columns: 1fr
    }

    .health-metrics-dashboard .hm-sidebar {
        max-height: 280px;
        overflow: auto
    }
}

@media(max-width:620px) {
    .health-metrics-dashboard {
        padding: 12px
    }

        .health-metrics-dashboard .hm-filters {
            grid-template-columns: 1fr
        }

        .health-metrics-dashboard .hm-chart-wrap {
            height: 340px
        }
}

.combo-container {
    display: flex;
    align-items: center;
}

.meter-content-input-container {
    display: flex;
    flex-direction: column;
    margin-left: 4px;
    position: relative;
}

.meter-content-item.relative {
    position: relative;
    display: none;
}

.meter-content-input-select {
    font-size: 12px;
    padding: 4px;
    border: 1px solid #999999;
    display: none;
    max-height: 300px;
    overflow-y: auto;
    background: white;
    box-shadow: 0 8px 24px #0f172a18;
    width: 501px;
    margin-left: 85px;
    margin-bottom: 4px;
    padding-top: 4px;
}

.meter-content-input-select-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 6px 12px;
    cursor: pointer;
    border-left: 3px solid #ffffff;
    border-bottom: 1px solid #cccccc;
}

    .meter-content-input-select-item:last-child {
        border-bottom: none;
    }

    .meter-content-input-select-item:hover {
        background-color: #f1f5f9;
    }

    .meter-content-input-select-item.selected {
        border-left: 3px solid #84428e;
    }

.meter-content-input-select-item-title {
    font-weight: 500;
}

.meter-content-input-select-item-usages {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.meter-content-input-select-item-usage {
    background: #f1f5f9;
    color: #64748b;
    font-size: 12px;
    border-radius: 4px;
    padding: 3px 6px;
}

.meter-content-input-select-item-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
    font-size: 10px;
}