/*!
 * =====================================================
 * Ratchet v2.0.2 (http://goratchet.com)
 * Copyright 2014 Connor Sears
 * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
 *
 * v2.0.2 designed by @connors.
 * =====================================================
 */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background: transparent;
}

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

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

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

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  /*position: fixed;*/
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* font-family: "Helvetica Neue", Helvetica, sans-serif; */
  font-size: 17px;
  line-height: 21px;
  color: #000;
  background-color: #fff;
}

a {
  color: #428bca;
  text-decoration: none;

  -webkit-tap-highlight-color: transparent;
}
a:active {
  color: #3071a9;
}

.content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
}

.content > * {
  -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
          transform: translateZ(0);
}

.bar-nav ~ .content {
  padding-top: 44px;
}

.bar-header-secondary ~ .content {
  padding-top: 88px;
}

.bar-footer ~ .content {
  padding-bottom: 44px;
}

.bar-footer-secondary ~ .content {
  padding-bottom: 88px;
}

.bar-tab ~ .content {
  padding-bottom: 50px;
}

.bar-footer-secondary-tab ~ .content {
  padding-bottom: 94px;
}

.content-padded {
  margin: 10px;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  margin-top: 20px;
  font-size: 14px;
}

h6, .h6 {
  margin-top: 20px;
  font-size: 12px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 14px;
  color: #777;
}

.btn {
  position: relative;
  display: inline-block;
  padding: 6px 8px 7px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #333;
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.btn:active, .btn.active {
  color: inherit;
  background-color: #ccc;
}
.btn:disabled, .btn.disabled {
  opacity: .6;
}

.btn-primary {
  color: #fff;
  background-color: #428bca;
  border: 1px solid #428bca;
}
.btn-primary:active, .btn-primary.active {
  color: #fff;
  background-color: #3071a9;
  border: 1px solid #3071a9;
}

.btn-positive {
  color: #fff;
  background-color: #5cb85c;
  border: 1px solid #5cb85c;
}
.btn-positive:active, .btn-positive.active {
  color: #fff;
  background-color: #449d44;
  border: 1px solid #449d44;
}

.btn-negative {
  color: #fff;
  background-color: #d9534f;
  border: 1px solid #d9534f;
}
.btn-negative:active, .btn-negative.active {
  color: #fff;
  background-color: #c9302c;
  border: 1px solid #c9302c;
}

.btn-outlined {
  background-color: transparent;
}
.btn-outlined.btn-primary {
  color: #428bca;
}
.btn-outlined.btn-positive {
  color: #5cb85c;
}
.btn-outlined.btn-negative {
  color: #d9534f;
}
.btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active {
  color: #fff;
}

.btn-link {
  padding-top: 6px;
  padding-bottom: 6px;
  color: #428bca;
  background-color: transparent;
  border: 0;
}
.btn-link:active, .btn-link.active {
  color: #3071a9;
  background-color: transparent;
}

.btn-block {
  display: block;
  width: 100%;
  padding: 15px 0;
  margin-bottom: 10px;
  font-size: 18px;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
  width: 100%;
}

.btn .badge {
  margin: -2px -4px -2px 4px;
  font-size: 12px;
  background-color: rgba(0, 0, 0, .15);
}

.btn .badge-inverted,
.btn:active .badge-inverted {
  background-color: transparent;
}

.btn-primary:active .badge-inverted,
.btn-positive:active .badge-inverted,
.btn-negative:active .badge-inverted {
  color: #fff;
}

.btn-block .badge {
  position: absolute;
  right: 0;
  margin-right: 10px;
}

.btn .icon {
  font-size: inherit;
}

.bar {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 10;
  height: 44px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: white;
  border-bottom: 1px solid #ddd;

  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.bar-header-secondary {
  top: 44px;
}

.bar-footer {
  bottom: 0;
}

.bar-footer-secondary {
  bottom: 44px;
}

.bar-footer-secondary-tab {
  bottom: 50px;
}

.bar-footer,
.bar-footer-secondary,
.bar-footer-secondary-tab {
  border-top: 1px solid #ddd;
  border-bottom: 0;
}

.bar-nav {
  top: 0;
}

.title {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 -10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 44px;
  color: #000;
  text-align: center;
  white-space: nowrap;
}

.title a {
  color: inherit;
}

.bar-tab {
  bottom: 0;
  display: table;
  width: 100%;
  height: 50px;
  padding: 0;
  table-layout: fixed;
  border-top: 1px solid #ddd;
  border-bottom: 0;
}
.bar-tab .tab-item {
  display: table-cell;
  width: 1%;
  height: 50px;
  color: #929292;
  text-align: center;
  vertical-align: middle;
}
.bar-tab .tab-item.active, .bar-tab .tab-item:active {
  color: #428bca;
}
.bar-tab .tab-item .icon {
  top: 3px;
  width: 24px;
  height: 24px;
  padding-top: 0;
  padding-bottom: 0;
}
.bar-tab .tab-item .icon ~ .tab-label {
  display: block;
  font-size: 11px;
}

.bar .btn {
  position: relative;
  top: 7px;
  z-index: 20;
  padding: 6px 12px 7px;
  margin-top: 0;
  font-weight: 400;
}
.bar .btn.pull-right {
  margin-left: 10px;
}
.bar .btn.pull-left {
  margin-right: 10px;
}

.bar .btn-link {
  top: 0;
  padding: 0;
  font-size: 16px;
  line-height: 44px;
  color: #428bca;
  border: 0;
}
.bar .btn-link:active, .bar .btn-link.active {
  color: #3071a9;
}

.bar .btn-block {
  top: 6px;
  padding: 7px 0;
  margin-bottom: 0;
  font-size: 16px;
}

.bar .btn-nav.pull-left {
  margin-left: -5px;
}
.bar .btn-nav.pull-left .icon-left-nav {
  margin-right: -3px;
}
.bar .btn-nav.pull-right {
  margin-right: -5px;
}
.bar .btn-nav.pull-right .icon-right-nav {
  margin-left: -3px;
}

.bar .icon {
  position: relative;
  z-index: 20;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 24px;
}
.bar .btn .icon {
  top: 3px;
  padding: 0;
}
.bar .title .icon {
  padding: 0;
}
.bar .title .icon.icon-caret {
  top: 4px;
  margin-left: -5px;
}

.bar input[type="search"] {
  height: 29px;
  margin: 6px 0;
}

.bar .segmented-control {
  top: 7px;
  margin: 0 auto;
}

.badge {
  display: inline-block;
  padding: 2px 9px 3px;
  font-size: 12px;
  line-height: 1;
  color: #333;
  background-color: rgba(0, 0, 0, .15);
  border-radius: 100px;
}
.badge.badge-inverted {
  padding: 0 5px 0 0;
  background-color: transparent;
}

.badge-primary {
  color: #fff;
  background-color: #428bca;
}
.badge-primary.badge-inverted {
  color: #428bca;
}

.badge-positive {
  color: #fff;
  background-color: #5cb85c;
}
.badge-positive.badge-inverted {
  color: #5cb85c;
}

.badge-negative {
  color: #fff;
  background-color: #d9534f;
}
.badge-negative.badge-inverted {
  color: #d9534f;
}

.card {
  margin: 10px;
  overflow: hidden;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.card .table-view {
  margin-bottom: 0;
  border-top: 0;
  border-bottom: 0;
}
.card .table-view .table-view-divider:first-child {
  top: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.card .table-view .table-view-divider:last-child {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.card .table-view-cell:last-child {
  border-bottom: 0;
}

.table-view {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 15px;
  list-style: none;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.table-view-cell {
  position: relative;
  padding: 11px 65px 11px 15px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.table-view-cell:last-child {
  border-bottom: 0;
}
.table-view-cell > a:not(.btn) {
  position: relative;
  display: block;
  padding: inherit;
  margin: -11px -65px -11px -15px;
  overflow: hidden;
  color: inherit;
}
.table-view-cell > a:not(.btn):active {
  background-color: #eee;
}
.table-view-cell p {
  margin-bottom: 0;
}

.table-view-divider {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 15px;
  margin-top: -1px;
  margin-left: 0;
  font-weight: 500;
  color: #999;
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.table-view .media,
.table-view .media-body {
  overflow: hidden;
}

.table-view .media-object.pull-left {
  margin-right: 10px;
}
.table-view .media-object.pull-right {
  margin-left: 10px;
}

.table-view-cell > .btn,
.table-view-cell > .badge,
.table-view-cell > .toggle,
.table-view-cell > a > .btn,
.table-view-cell > a > .badge,
.table-view-cell > a > .toggle {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.table-view-cell .navigate-left > .btn,
.table-view-cell .navigate-left > .badge,
.table-view-cell .navigate-left > .toggle,
.table-view-cell .navigate-right > .btn,
.table-view-cell .navigate-right > .badge,
.table-view-cell .navigate-right > .toggle,
.table-view-cell .push-left > .btn,
.table-view-cell .push-left > .badge,
.table-view-cell .push-left > .toggle,
.table-view-cell .push-right > .btn,
.table-view-cell .push-right > .badge,
.table-view-cell .push-right > .toggle,
.table-view-cell > a .navigate-left > .btn,
.table-view-cell > a .navigate-left > .badge,
.table-view-cell > a .navigate-left > .toggle,
.table-view-cell > a .navigate-right > .btn,
.table-view-cell > a .navigate-right > .badge,
.table-view-cell > a .navigate-right > .toggle,
.table-view-cell > a .push-left > .btn,
.table-view-cell > a .push-left > .badge,
.table-view-cell > a .push-left > .toggle,
.table-view-cell > a .push-right > .btn,
.table-view-cell > a .push-right > .badge,
.table-view-cell > a .push-right > .toggle {
  right: 35px;
}

.content > .table-view:first-child {
  margin-top: 15px;
}

input,
textarea,
button,
select {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 17px;
}

select,
textarea,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="color"] {
  width: 100%;
  height: 35px;
  -webkit-appearance: none;
  padding: 0 15px;
  margin-bottom: 15px;
  line-height: 21px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  outline: none;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  font-size: 16px;
  border-radius: 20px;
}

input[type="search"]:focus {
  text-align: left;
}

textarea {
  height: auto;
}

select {
  height: auto;
  font-size: 14px;
  background-color: #f8f8f8;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
}

.input-group {
  background-color: #fff;
}

.input-group input,
.input-group textarea {
  margin-bottom: 0;
  background-color: transparent;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.input-row {
  height: 35px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.input-row label {
  float: left;
  width: 35%;
  padding: 8px 15px;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.1;
}

.input-row input {
  float: right;
  width: 65%;
  padding-left: 0;
  margin-bottom: 0;
  border: 0;
}

.segmented-control {
  position: relative;
  display: table;
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.segmented-control .control-item {
  display: table-cell;
  width: 1%;
  padding-top: 6px;
  padding-bottom: 7px;
  overflow: hidden;
  line-height: 1;
  color: #333;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-left: 1px solid #ccc;
}
.segmented-control .control-item:first-child {
  border-left-width: 0;
}
.segmented-control .control-item:active {
  background-color: #eee;
}
.segmented-control .control-item.active {
  background-color: #ccc;
}

.segmented-control-primary {
  border-color: #428bca;
}
.segmented-control-primary .control-item {
  color: #428bca;
  border-color: inherit;
}
.segmented-control-primary .control-item:active {
  background-color: #cde1f1;
}
.segmented-control-primary .control-item.active {
  color: #fff;
  background-color: #428bca;
}

.segmented-control-positive {
  border-color: #5cb85c;
}
.segmented-control-positive .control-item {
  color: #5cb85c;
  border-color: inherit;
}
.segmented-control-positive .control-item:active {
  background-color: #d8eed8;
}
.segmented-control-positive .control-item.active {
  color: #fff;
  background-color: #5cb85c;
}

.segmented-control-negative {
  border-color: #d9534f;
}
.segmented-control-negative .control-item {
  color: #d9534f;
  border-color: inherit;
}
.segmented-control-negative .control-item:active {
  background-color: #f9e2e2;
}
.segmented-control-negative .control-item.active {
  color: #fff;
  background-color: #d9534f;
}

.control-content {
  display: none;
}
.control-content.active {
  display: block;
}

.popover {
  position: fixed;
  top: 55px;
  left: 50%;
  z-index: 20;
  display: none;
  width: 280px;
  margin-left: -140px;
  background-color: white;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
          box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  opacity: 0;
  -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
          transition: all .25s linear;
  -webkit-transform: translate3d(0, -15px, 0);
      -ms-transform: translate3d(0, -15px, 0);
          transform: translate3d(0, -15px, 0);
}
.popover:before {
  position: absolute;
  top: -15px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -15px;
  content: '';
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  border-left: 15px solid transparent;
}
.popover.visible {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.popover .bar ~ .table-view {
  padding-top: 44px;
}

.backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  background-color: rgba(0, 0, 0, .3);
}

.popover .btn-block {
  margin-bottom: 5px;
}
.popover .btn-block:last-child {
  margin-bottom: 0;
}

.popover .bar-nav {
  border-bottom: 1px solid #ddd;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.popover .table-view {
  max-height: 300px;
  margin-bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  border-top: 0;
  border-bottom: 0;
  border-radius: 6px;
}

.modal {
  position: fixed;
  top: 0;
  z-index: 11;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
     -moz-transition:    -moz-transform .25s, opacity 1ms .25s;
          transition:         transform .25s, opacity 1ms .25s;
  -webkit-transform: translate3d(0, 100%, 0);
      -ms-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
.modal.active {
  height: 100%;
  opacity: 1;
  -webkit-transition: -webkit-transform .25s;
     -moz-transition:    -moz-transform .25s;
          transition:         transform .25s;
  -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slider {
  width: 100%;
}

.slider {
  overflow: hidden;
  background-color: #000;
}
.slider .slide-group {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  -webkit-transition: all 0s linear;
     -moz-transition: all 0s linear;
          transition: all 0s linear;
}
.slider .slide-group .slide {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  vertical-align: top;
}

.toggle {
  position: relative;
  display: block;
  width: 74px;
  height: 30px;
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 20px;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: background-color, border;
     -moz-transition-property: background-color, border;
          transition-property: background-color, border;
}
.toggle .toggle-handle {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
  width: 28px;
  height: 28px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 100px;
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: -webkit-transform, border, width;
     -moz-transition-property:    -moz-transform, border, width;
          transition-property:         transform, border, width;
}
.toggle:before {
  position: absolute;
  top: 3px;
  right: 11px;
  font-size: 13px;
  color: #999;
  text-transform: uppercase;
  content: "Off";
}
.toggle.active {
  background-color: #5cb85c;
  border: 2px solid #5cb85c;
}
.toggle.active .toggle-handle {
  border-color: #5cb85c;
  -webkit-transform: translate3d(44px, 0, 0);
      -ms-transform: translate3d(44px, 0, 0);
          transform: translate3d(44px, 0, 0);
}
.toggle.active:before {
  right: auto;
  left: 15px;
  color: #fff;
  content: "On";
}
.toggle input[type="checkbox"] {
  display: none;
}

.content.fade {
  left: 0;
  opacity: 0;
}
.content.fade.in {
  opacity: 1;
}
.content.sliding {
  z-index: 2;
  -webkit-transition: -webkit-transform .4s;
     -moz-transition:    -moz-transform .4s;
          transition:         transform .4s;
  -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.content.sliding.left {
  z-index: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.content.sliding.right {
  z-index: 3;
  -webkit-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.navigate-left:after,
.navigate-right:after,
.push-left:after,
.push-right:after {
  position: absolute;
  top: 50%;
  display: inline-block;
  font-family: Ratchicons;
  font-size: inherit;
  line-height: 1;
  color: #bbb;
  text-decoration: none;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);

  -webkit-font-smoothing: antialiased;
}

.navigate-left:after,
.push-left:after {
  left: 15px;
  content: '\e822';
}

.navigate-right:after,
.push-right:after {
  right: 15px;
  content: '\e826';
}

@font-face {
  font-family: Ratchicons;
  font-style: normal;
  font-weight: normal;

  src: url("../fonts/ratchicons.eot");
  src: url("../fonts/ratchicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ratchicons.woff") format("woff"), url("../fonts/ratchicons.ttf") format("truetype"), url("../fonts/ratchicons.svg#svgFontName") format("svg");
}
.icon {
  display: inline-block;
  font-family: Ratchicons;
  font-size: 24px;
  line-height: 1;
  text-decoration: none;

  -webkit-font-smoothing: antialiased;
}

.icon-back:before {
  content: '\e80a';
}

.icon-bars:before {
  content: '\e80e';
}

.icon-caret:before {
  content: '\e80f';
}

.icon-check:before {
  content: '\e810';
}

.icon-close:before {
  content: '\e811';
}

.icon-code:before {
  content: '\e812';
}

.icon-compose:before {
  content: '\e813';
}

.icon-download:before {
  content: '\e815';
}

.icon-edit:before {
  content: '\e829';
}

.icon-forward:before {
  content: '\e82a';
}

.icon-gear:before {
  content: '\e821';
}

.icon-home:before {
  content: '\e82b';
}

.icon-info:before {
  content: '\e82c';
}

.icon-list:before {
  content: '\e823';
}

.icon-more-vertical:before {
  content: '\e82e';
}

.icon-more:before {
  content: '\e82f';
}

.icon-pages:before {
  content: '\e824';
}

.icon-pause:before {
  content: '\e830';
}

.icon-person:before {
  content: '\e832';
}

.icon-play:before {
  content: '\e816';
}

.icon-plus:before {
  content: '\e817';
}

.icon-refresh:before {
  content: '\e825';
}

.icon-search:before {
  content: '\e819';
}

.icon-share:before {
  content: '\e81a';
}

.icon-sound:before {
  content: '\e827';
}

.icon-sound2:before {
  content: '\e828';
}

.icon-sound3:before {
  content: '\e80b';
}

.icon-sound4:before {
  content: '\e80c';
}

.icon-star-filled:before {
  content: '\e81b';
}

.icon-star:before {
  content: '\e81c';
}

.icon-stop:before {
  content: '\e81d';
}

.icon-trash:before {
  content: '\e81e';
}

.icon-up-nav:before {
  content: '\e81f';
}

.icon-up:before {
  content: '\e80d';
}

.icon-right-nav:before {
  content: '\e818';
}

.icon-right:before {
  content: '\e826';
}

.icon-down-nav:before {
  content: '\e814';
}

.icon-down:before {
  content: '\e820';
}

.icon-left-nav:before {
  content: '\e82d';
}

.icon-left:before {
  content: '\e822';
}

/*!
 * Durandal 2.1.0 Copyright (c) 2012 Blue Spire Consulting, Inc. All Rights Reserved.
 * Available via the MIT license.
 * see: http://durandaljs.com or https://github.com/BlueSpire/Durandal for details
 */

.modalBlockout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;

    pointer-events: auto;

    -webkit-backface-visibility: hidden;

    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.modalHost {
    top: 50%;
    left: 50%;
    position: fixed;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.messageBox {
    min-width: 300px;
}

.durandal-view-404 {
    color: red;
    margin: 8px 0;
    padding: 8px;

    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@-o-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

.entrance-out {
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:0.1s;
    -moz-animation-duration:0.1s;
    -ms-animation-duration:0.1s;
    -o-animation-duration:0.1s;
    animation-duration:0.1s;
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }

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

@-moz-keyframes slideInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes slideInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.entrance-in {
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    -ms-animation-duration:0.5s;
    -o-animation-duration:0.5s;
    animation-duration:0.5s;
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-o-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.entrance-in-fade {
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    -ms-animation-duration:0.5s;
    -o-animation-duration:0.5s;
    animation-duration:0.5s;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}

 .track-blocks-spinner {
        margin: 100px auto;
        width: 50px;
        height: 30px;
        text-align: center;
        font-size: 10px;
    }

        .track-blocks-spinner > div {
            background-color: rgb(44, 96, 192);
            height: 100%;
            width: 6px;
            display: inline-block;
            -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
            animation: stretchdelay 1.2s infinite ease-in-out;
        }

        .track-blocks-spinner .rect2 {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s;
        }

        .track-blocks-spinner .rect3 {
            -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s;
        }

        .track-blocks-spinner .rect4 {
            -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s;
        }

        .track-blocks-spinner .rect5 {
            -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s;
        }

    @-webkit-keyframes stretchdelay {
        0%, 40%, 100% {
            -webkit-transform: scaleY(0.4);
        }

        20% {
            -webkit-transform: scaleY(1.0);
        }
    }

    @keyframes stretchdelay {
        0%, 40%, 100% {
            transform: scaleY(0.4);
            -webkit-transform: scaleY(0.4);
        }

        20% {
            transform: scaleY(1.0);
            -webkit-transform: scaleY(1.0);
        }
    }
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

/*.tooltipster-light {
	border-radius: 5px; 
	border: 1px solid #cccccc;
	background: #ededed;
	color: #666666;
}*/
.tooltipster-light .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; }
.tooltipster-light { border-radius: 3px; border: 1px solid #909090; background: darkseagreen; color: white; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.43); text-shadow: 0 0 1px black; }
    /*.tooltipster-light .tooltipster-arrow span:last-child { border-color: rgb(143, 188, 143) !important; }*/

.tooltipster-noir {
	border-radius: 0px; 
	border: 3px solid #2c2c2c;
	background: #fff;
	color: #2c2c2c;
}
.tooltipster-noir .tooltipster-content {
	font-family: 'Georgia', serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}


.tooltipster-punk {
	border-radius: 5px; 
	border-bottom: 3px solid #f71169;
	background: #2a2a2a;
	color: #fff;
}
.tooltipster-punk .tooltipster-content {
	font-family: 'Courier', monospace;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}
/*.tooltipster-light {
	border-radius: 5px; 
	border: 1px solid #cccccc;
	background: #ededed;
	color: #666666;
}*/
.tooltipster-red .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; }
.tooltipster-red { border-radius: 3px; border: 1px solid #909090; background: #d45252; color: white; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.43); text-shadow: 0 0 1px black; }
    /*.tooltipster-light .tooltipster-arrow span:last-child { border-color: rgb(143, 188, 143) !important; }*/

.tooltipster-shadow {
	border-radius: 5px;
	background: #fff;
	box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
	color: #2c2c2c;
}
.tooltipster-shadow .tooltipster-content {
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}

.track-image-viewer { position: relative; overflow: hidden; }
    .track-image-viewer .t-conteiner { position: absolute; width: 100%; height: 100%; }
    .track-image-viewer .t-image img { position: relative; }
    .track-image-viewer .t-control-buttons { position: absolute; top: 0; left: 50%; margin-left: -96px; }
        .track-image-viewer .t-control-buttons span:active { opacity: 1 !important; }
        .track-image-viewer .t-control-buttons span:hover { opacity: .7; }
        .track-image-viewer .t-control-buttons span { opacity: 0.5; border: 1px solid silver; background: whitesmoke; padding: 5px; display: block; width: 40px; height: 40px; background-size: 20px 20px; background-repeat: no-repeat; background-position: 50% 50%; }
            .track-image-viewer .t-control-buttons span:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; }
            .track-image-viewer .t-control-buttons span:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
        .track-image-viewer .t-control-buttons .t-rotate-left {float: left; background-image: url("../../../Content/images/imageViewer/rotate_left.png"); }
        .track-image-viewer .t-control-buttons .t-rotate-right {float: left; background-image: url("../../../Content/images/imageViewer/rotate_right.png"); }
        .track-image-viewer .t-control-buttons .t-plus {float: left; background-image: url("../../../Content/images/imageViewer/plus.png"); }
        .track-image-viewer .t-control-buttons .t-minus {float: left; background-image: url("../../../Content/images/imageViewer/minus.png"); }
        .track-image-viewer .t-control-buttons .t-update-rotate-right {float: left; background-image: url("../../../Content/images/imageViewer/update.png"); opacity: 1 !important; }
    .track-image-viewer .t-bussyIndicator { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; background-image: url(../../../Content/TrackIcon/Gif/bussy.gif); background-repeat: no-repeat; background-position: 50% 50%; background-size: 25px; height: 30px; width: 30px; }

div { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.hidden { display: none; }

.input-row.read-only input:disabled,
.input-row.read-only input:read-only,
.input-row.read-only input { border: none; background-color: #fff; box-shadow: none; }

/*#region tags*/
[data-widget=jselect] [data-part="ValueTemplate"]:hover, input:hover, input:focus { border-color: rgba(39, 116, 180, 0.47) !important; }

input:active { border-color: rgba(39, 116, 180, 0.8) !important; }

.durandal-wrapper { height: 100%; width: 100%; }

body {color: #484848;}
/*#endregion*/

table thead { height: 1%; }

.StaticContainer { position: static !important; height: 100%; }

/*#region full-absolute (and common styles for screen)*/
.min-app-size { min-width: 800px; min-height: 250px; }

.scrollable { overflow: hidden; -webkit-overflow-scrolling: touch; }

.full-absolute { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin-top: -1px; }

.header { /*line-height: 45px;
    height: 45px;*/ text-align: center; }

    .header i.fa-2x { padding: 10px; }

.left { float: left; }

.right { float: right; }

.center { margin: 0 auto; text-align: center; }

.shell-screen { position: absolute; top: 48px; bottom: 0; left: 0; right: 0; }

[data-role=section] { padding: 5px; margin: 5px; border-radius: 4px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

    [data-role=section] > input[type=search] { border-radius: 4px; padding: 0; border: 0; height: 18px; }

    [data-role=section].footer-offset { bottom: 55px; }

[data-role=footer] .bar-tab { border: 0; }

    [data-role=footer] .bar-tab .tab-item { font-size: medium; padding: 5px; }

        [data-role=footer] .bar-tab .tab-item:not(:last-child) { border-right: 1px solid; }

.bar .segmented-control { border: 0; border-radius: 0; text-transform: capitalize; }

.bar .tab-item,
.tracks-app span.control-item, .fa { border: 0; cursor: pointer; }

.segmented-control .control-item.active { text-decoration: underline; }
/*#endregion*/

/*#region input-row*/

.input-row.checkbox-inline > input[type="checkbox"] { width: 24px; height: 22px; }

.input-row label { width: 35%; line-height: 1.1; vertical-align: middle; padding: 8px 4px; }

.input-row.invert label { width: 65%; }

.input-group { padding: 0 7px; border-radius: inherit; }

.input-row.valid-exist { margin-bottom: 20px; }

.input-row textarea { margin-top: 5px; }

.input-row timepicker { height: auto; }
/*.input-row:last-child { border: 0; }*/
.input-row:last-child:not(:only-child) { border: 0; }

datetimepicker datepicker, datetimepicker timepicker { display: inline-block; width: 100%; zoom: 1; }

.input-row timepicker .jt-grid-c:first-child { margin: 0; padding: 0; }

.listboxContentItem { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.input-row { height: auto; min-height: 34px; }

    .input-row > input[type="text"],
    .input-row > input[type="number"],
    .input-row > input[type="search"],
    .input-row > input[type="email"] { cursor: text; }

    .input-row [data-widget="checkbox"] { margin-top: 5px; display: block; font-size: 1.3em !important; }

.scroll-box { overflow: auto; }

[data-role=grid] tr > td[data-role=button] span i, [data-role=grid] tr > th[data-role=button] span i { vertical-align: middle; }

.input-row > :nth-child(2) { display: inline-block; width: 65%; float: left; }

.input-row.invert > :nth-child(2) { width: 35%; }

.input-row .text-variable { /*font-size: 17px;*/ padding: 6px 4px; }

input { line-height: inherit; }

input, textarea, button, select { font-size: inherit; }
/*.input-row input { display: inline-block;  width: 65% !important; float: left; *display: inline; zoom:1; }*/
body .input-row input, .input-row .c-file-select { width: 100%; }

.input-row > :first-child { /*font-size: medium !important;*/ }

.input-row label { padding: 8px 4px; }

.input-row > .message-validate,
.input-row > .validation-message { margin-top: 30px !important; }

.input-row datepicker label.error { right: 35px; font-size: 1.8em !important; }

[data-widget=jselect] [data-part="ValueTemplate"],
[data-widget=jselect] input[type="text"],
[data-jgrid-role="tbody"] input,
.jSelect input,
datepicker input,
timepicker input:first-child,
.input-row input,
.input-row .c-file-select input[type="text"] { height: auto; margin: 5px 0; border: 1px solid; border-radius: 3px; padding: 0 4px; min-height: 23px; }

timepicker > div { height: 100%; }

input.numeric { text-align: right; }

.input-row.checkbox-inline { padding: 1px; }

.jt-grid .jt-grid-c.input-row-with-icon { padding-right: 0; }

.input-row-with-icon .input-row input[type="text"] { width: 61%; }

.input-row.textarea textarea { width: 100%; border: 1px solid; padding: 0 10px; line-height: 21px; outline: none; }

.input-row [data-role="attchement"] { margin: 5px 0; }

    .input-row [data-role="attchement"] .btn { height: 24px; padding-top: 4px; }
/*#endregion*/

.jSelect { display: block !important; height: 34px; cursor: pointer !important; position: relative; display: inline-block; width: 100%; }

/*#region input-row-icon*/
.input-row-icon { position: relative; height: 35px; display: block; margin: 10px 0; padding: 0 5px 0 35px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

    .input-row-icon i { width: 35px; padding: 2px 5px; position: absolute; top: 50%; margin: -15px; left: 16px; }

    .input-row-icon input { padding-left: 5px; border: 0; margin: 0; }

.input-row-icon { border-radius: 4px; border: 1px solid; }
/*#endregion*/


/*#region row-btn*/
.row-btn { padding: 5px 0; }

    .row-btn .btn { width: 100%; }
/*#endregion*/

/*#region track-modal*/
.track-modal { border: 1px solid; border-radius: 4px; }

    .track-modal:not(.full-absolute) { position: relative; }

    .track-modal header, .jPopOver header { padding: 2px 0 10px 0; text-align: center; line-height: 45px; }

    .track-modal:not(.dialog-datepicker):not(.dialog-select) .modal-content { margin: 0 5px; border: 1px solid; border-radius: 4px; /*padding: 15px 4px;*/ position: relative; }

    .track-modal footer { height: 60px !important; position: relative; }

    .track-modal.fullScreenJModal:not([data-role=dialog]) .modal-content { position: absolute; top: 56px; bottom: 56px; left: 0; right: 0; }

    .track-modal.fullScreenJModal:not([data-role=dialog]) footer { position: absolute; bottom: 0; left: 0; right: 0; top: auto; }

[data-role=dialog].footer-offset, [data-role=menu].footer-offset { padding-bottom: 49px; }

.bar.bar-tab { position: absolute; background-color: transparent; border: 0; }

.track-modal .report-content { position: absolute; top: 54px; bottom: 60px; left: 7px; right: 7px; }

.track-modal .full-width input[type="text"] { width: 61%; }

.track-modal .top-settings { position: relative; border-radius: 4px; margin: 5px; }

    .track-modal .top-settings .adj-block-value { border-radius: 4px; padding: 2px 3px; height: 22px; margin: 5px 0 5px 0; }


/*#endregion*/

/*.validation-alert { clear: both; padding: 6px 3px 5px 3px; }*/
.track-modal .modal-content .message-validate::before,
.track-modal .modal-content .validation-message::before,
.validation-message::before { /*position: absolute;
    top: 1px;
    left: -8px;*/ position: relative; top: -14px; left: -3px; }

.validation-alert { padding: 1px 6px; z-index: 999; /*margin-top: 5px;*/ display: inline-block; zoom: 1; }

.locked { pointer-events: none; }

.disabled-button, .disabled { opacity: 0.5!important; pointer-events: none; }

.waiting { opacity: 0.5!important; pointer-events: none; cursor: wait!important; }

.readonly-control { pointer-events: none; opacity: 0.5; }

.track-modal .modal-content .message-validate,
.track-modal .modal-content .validation-message,
.validation-message { padding: 1px 6px; z-index: 999; width: auto !important; position: absolute; right: 6px; margin-top: -3px; }

.locked a, a.locked { text-decoration: line-through !important; }

.tracks-app .main-spinner { position: absolute; /*top: 25%;*/ left: 50%; width: 300px; z-index: 99999; margin-left: -150px; }

.messageBox .modal-body { padding: 15px; }

.messageBox .modal-footer { padding: 0 0 15px 15px; }
/*span.message-validate { margin-right: 5px; }*/

/*#region subtitle-button-wrapper*/
.subtitle-btn-wrapper { display: inline-block; zoom: 1; }

    .subtitle-btn-wrapper .fa { display: table-cell; vertical-align: middle; padding-right: 5px; }

        .subtitle-btn-wrapper .fa.between { padding: 0 10px; }

    .subtitle-btn-wrapper .tab-label { display: table-cell; }

        .subtitle-btn-wrapper .tab-label span { display: block; }

            .subtitle-btn-wrapper .tab-label span:nth-child(2) { text-align: center; text-decoration: underline; }
/*#endregion*/

/*#region top-wrap-control*/
.top-wrap-control { margin: 10px 5px; }
/*#endregion*/


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

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

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

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

.no-margin { margin: 0 !important; }

.jPopOver footer { height: 50px; }

[data-widget="jselect"] .rectangle-icon { width: 20px; height: 10px; display: inline-block; margin-top: 5px; margin: 0 7px 3px 5px; }

.rectangle-icon { width: 20px; height: 10px; display: inline-block; margin-top: 5px; margin: 5px 7px 0 5px; }

    .rectangle-icon.with-shadow { box-shadow: 1px 1px 1px #000; }

.fullScreenJModal { margin: 0 !important; }

input.hidden { opacity: 0; position: absolute; top: 0; left: 0; right: 0; }

.input-row.checkbox-inline span { padding-right: 2px; vertical-align: middle; display: inline-block; }

.input-row.checkbox-inline > label,
.input-row.checkbox-inline > input { display: inline-block; vertical-align: middle; float: none; }

.checkbox-inline:not(.input-row) > input[type="checkbox"] { display: inline-block; }

.input-row .checkbox-binded { padding-top: 5px; }

.checkbox-inline:not(.input-row) > label { padding-left: 5px; }

.table-view li.table-view-cell.selected-store:after { position: absolute; right: 11px; }

.no-padding { padding: 0 !important; }

.no-border { border: 0 !important; }

.no-margin { margin: 0 !important; }

[data-role=grid] [data-role="button"] { padding: inherit; }

.jt-grid-r[data-role=router] > div { display: table-cell; }

[data-role=grid] [data-role="button"] { padding: inherit; }

.button-block .btn { width: 100%; }

[data-role=grid] [data-jgrid-role="thead"] [data-role="button"] { padding: 0px; }

/*.static-close { width: 40px; padding: 0; float: right; margin: 5px 0; }*/
.static-close { width: 40px; position: absolute; padding: 0; top: 1%; right: 5px; z-index: 1000; }

.header .subTitle, header .subTitle { display: block; }

.title-group h1, .title-group h2, .title-group h3, .title-group h4, .title-group h5, .title-group h6, [data-theme=blue] .title-group label { margin: 0; padding: 0; }

.title-group { padding: 5px; margin: 5px 0 0 0; }

.grouped-row { padding-top: 5px; margin: 0 0 10px 0; }

    .grouped-row .input-row:last-child { border: 0; }

[data-role=grid] td.pvar { padding-right: 20px; }



.d3-tip { line-height: 1; font-weight: bold; padding: 6px; background: rgb(143, 188, 143); color: #fff; text-shadow: 0 0 2px black; border-radius: 2px; z-index: 100000; box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.56); }

    /* Creates a small triangle extender for the tooltip */
    .d3-tip:after { box-sizing: border-box; display: inline; font-size: 18px; width: 100%; line-height: 9px; color: rgb(143, 188, 143); text-shadow: 1px 0 1px black; position: absolute; pointer-events: none; }
    /* Northward tooltips */
    .d3-tip.n:after { content: "\25BC"; margin: -1px 0 0 0; top: 100%; left: 0; text-align: center; }
    /* Eastward tooltips */
    .d3-tip.e:after { content: "\25C0"; margin: -4px 0 0 0; top: 50%; left: -8px; }
    /* Southward tooltips */
    .d3-tip.s:after { content: "\25B2"; margin: 0 0 1px 0; top: -8px; left: 0; text-align: center; }
    /* Westward tooltips */
    .d3-tip.w:after { content: "\25B6"; margin: -4px 0 0 -4px; top: 50%; left: 100%; }

.pagging .left { margin-left: 5px; }

ul.JAEOptions { padding: 5px; margin: 0; line-height: 27px; max-height: 400px; overflow: auto; }

    ul.JAEOptions:not(.readonly) > li:hover,
    ul.JAEOptions > li.active,
    ul.JAEOptions > li.item-selected { padding: 0 5px; }

    ul.JAEOptions li .item-selection { position: absolute; right: 5px; top: 0; display: none; }

    ul.JAEOptions li > div > div { padding: 1px 2px; }

.JAEOptions div { position: relative; }

ul.JAEOptions > li.item-selected .item-selection { display: inline-block; zoom: 1; }

.ControljSelect { display: block; position: relative; border-radius: 4px; margin: 2px 0; text-align: left; padding: 2px 5px; line-height: 1em; min-width: 66px; min-height: 23px; }

    .ControljSelect i { position: absolute; right: 10px; /*color: rgb(73, 134, 189);*/ top: 6px; }

.ControlText { display: block; position: relative; /*border: 1px solid rgba(33, 132, 228, 0.49);*/ border-radius: 4px; margin: 2px 0; /*background-color: transparent;*/ /*background-color: rgb(255, 255, 255);*/ text-align: left; padding: 2px 5px; line-height: 1em; min-width: 66px; min-height: 31px; width: auto !important; }

.ControljSelect *:first-child { padding: 3px; width: 90%; display: inline-block; white-space: nowrap; cursor: pointer; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }


[data-item-editor="open"] .fake-input { border: 1px solid; border-radius: 4px; line-height: 13px; padding: 2px 3px; box-shadow: inset 1px 1px 0 0 rgba(141, 189, 237, 0.69); overflow: hidden; height: 18px; }

section.group { position: absolute; top: 0; bottom: 0; }

    section.group [data-role='button'] { width: 20px; }

    section.group .group-header h5 { margin: 0; text-transform: uppercase; }

    section.group .group-content { height: auto; }

        section.group .group-content .jt-grid-r .jt-grid-c { border-bottom: 1px solid #ddd; }

.top-cell-position { vertical-align: top !important; }

.bottom-cell-position { vertical-align: bottom !important; }


.app-offline > .header { background: #926363; }

    .app-offline > .header section { pointer-events: none; }

    .app-offline > .header .connection-status { background-color: rgba(255, 62, 62, 0.38) !important; display: inline-block; box-shadow: none !important; float: left; margin: 9px; }

.header .connection-status { display: none; }

.app-offline j-grid [data-role=button],
.app-offline [data-role=footer] { opacity: 0.7; pointer-events: none; }

html > body datetimepicker input::-ms-clear { display: none; }

html > body datepicker input::-ms-clear { display: none; }

html > body timepicker input::-ms-clear { display: none; }

[data-role="print"], [data-role="export"] { vertical-align: bottom !important; bottom: 5px; }

    [data-role="print"] .searching a, [data-role="export"] a { text-align: center; vertical-align: bottom; }

.fa.unread { color: #FF0000 !important; font-size: 1.5em; }

.text-in-icon { position: absolute; top: 24px; left: 11px; color: #FFF; font-weight: bold; background-color: red; line-height: 1em; }

.unread-mark { width: 5px; height: 5px; background-color: rgba(255, 0, 0, 0.33); display: inline-block; border-radius: 2px; }

.jt-toast-top-right { /*top: 55px;*/ top: 20%; right: 20px; }
/*.jt-toast-top-right {
    top: 56px;
    right: 20px;
    background-color: rgba(113, 113, 113, 0.02);
    padding: 8px;
    border-radius: 1rem;
    box-sizing: border-box;
    box-shadow: 0px 0px 3px 1px;
    margin: auto auto;
    overflow: hidden;
    max-height: 80%;
}*/

#toast-container .jt-toast { width: 350px !important; border-radius: 5px !important; }

div#tracksMenu { position: absolute; left: 5px; top: 52px; }

#tracksMenu .m-module, .m-tab { margin: 0 7px; }

#tracksMenu .columns > div { width: 245px; vertical-align: top; }

#tracksMenu .columns { }

#tracksMenu .m-module { padding-left: 10px; line-height: 32px; border-bottom: 1px solid #ddd; cursor: pointer; position: relative; padding-right: 40px; height: 32px; }

    #tracksMenu .m-module .m-settings { position: absolute; right: 0; width: 40px; text-align: center; }

    #tracksMenu .m-module .m-link { position: absolute; right: 40px; left: 0; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

    #tracksMenu .m-module img { vertical-align: middle; }

    #tracksMenu .m-module .m-link img { margin-right: 5px; margin-left: 5px; }

    #tracksMenu .m-module.selected .m-link { pointer-events: none !important; font-size: 120%; text-decoration: underline; font-weight: 800; }

    #tracksMenu .m-module:hover, #tracksMenu .m-module.selected { background-color: rgba(143, 188, 143, 0.35); }

#tracksMenu .m-module { font-size: 1.08em; }

[data-theme=blue] [data-role=grid] tbody tr td.calculating-button div { position: relative; }

[data-role=grid] tbody tr td.calculating-button i { position: absolute; right: 3px !important; }

/*----payroll-hrpayroll----*/
.hrpayroll-filter-item span { left: 40px; position: absolute; }
.hrpayroll-filter-item .link { display: inline-block; height: 18px; line-height: 15px; margin: 2px; width: 30px; text-align: center; }
.hrpayroll-filter-item { position: relative; }

.payroll-screen a.link, .hrpayroll-screen a.link { cursor: pointer; border: 1px solid #575757; padding: 0px 4px; border-radius: 10px; color: #444343; }

a.link.approved { background-color: rgb(45, 251, 52) !important; }

.RED.approved, escudo.approved, .CO.approved, .EN.approved, .EB.approved { color: rgb(222, 40, 40) !important; }

.L2.approved { color: rgb(0, 0, 0) !important; }

.RT.approved { color: rgb(94, 71, 184) !important; }

.BC { background-color: rgb(253, 253, 71); color: rgb(0, 0, 0) !important; text-shadow: none; }

    .BC:after { content: "BC"; }

.BC_Red { background-color: rgb(222, 40, 40); color: white !important; text-shadow: 0 0 1px black; }

    .BC_Red:after { content: "BC"; }

.DT { background-color: rgb(253, 253, 71); color: rgb(0, 0, 0) !important; text-shadow: none; }

    .DT:after { content: "DT"; }

.ED { background-color: rgb(253, 253, 71); color: rgb(0, 0, 0) !important; text-shadow: none; }

    .ED:after { content: "ED"; }

.ED_Red { background-color: rgb(222, 40, 40); color: white !important; text-shadow: 0 0 1px black; }

    .ED_Red:after { content: "ED"; }

.escudo { background-color: rgb(94, 71, 184); color: rgb(231, 226, 244) !important; }

    .escudo:after { content: "$"; }

.IP { background-color: rgb(253, 253, 71); color: rgb(255, 0, 0); text-shadow: none; }

    .IP:after { content: "IP"; }

.LB1, .LB2, .NB1, .NB2, .SB1, .SB2 { background-color: rgb(253, 253, 71); text-shadow: none; color: rgb(0, 0, 0) !important; position: relative; padding-right: 7px !important; }

    .LB1:before { content: "LB"; }

    .LB2:before { content: "LB"; }

    .SB1:before { content: "SB"; }

    .SB2:before { content: "SB"; }

    .NB1:before { content: "NB"; }

    .NB2:before { content: "NB"; }

    .LB1:after, .NB1:after, .SB1:after{
        content: "1";
        font-size: smaller;
        margin-top: -1px;
        position: absolute;
        margin-left: 1px;
    }

    .LB2:after, .NB2:after, .SB2:after {
        content: "2";
        font-size: smaller;
        margin-top: -1px;
        position: absolute;
        margin-left: 1px;
    }

    .NB1:after, .NB2:after { left: 18px; }

.MW { background-color: rgb(253, 253, 71); color: rgb(0, 0, 0) !important; text-shadow: none; }

    .MW:after { content: "MW"; }

.OT { background-color: rgb(253, 253, 71); color: rgb(0, 0, 0) !important; text-shadow: none; }

    .OT:after { content: "OT"; }

.OT_O { background-color: rgb(255, 255, 255); color: rgb(64, 64, 102); border-color: rgb(255, 122, 77) !important; text-shadow: none; }

    .OT_O:after { content: "OT"; }

.RBC { background-color: rgb(222, 40, 40); color: white !important; text-shadow: 0 0 1px black; }

    .RBC:after { content: "BC"; }

.RED { background-color: rgb(222, 40, 40); color: white !important; text-shadow: 0 0 1px black; }

    .RED:after { content: "ER"; }

.EB {
    background-color: rgb(222, 40, 40);
    color: white !important;
    text-shadow: 0 0 1px black;
    position: relative;
    padding-right: 7px !important;
}

    .EB:before { content: "ERB"; }

.EN { background-color: rgb(222, 40, 40); color: white !important; text-shadow: 0 0 1px black; }

    .EN:after { content: "EN"; }

.CO { background-color: rgb(222, 40, 40); color: white !important; text-shadow: 0 0 1px black; }

    .CO:after { content: "CO"; }

.L2 { background-color: rgb(94, 71, 184); color: rgb(231, 226, 244) !important; }

    .L2:after { content: "L2"; }

.SS { background-color: rgb(255, 255, 255); color: rgb(166, 77, 77); border-color: rgb(255, 212, 125) !important; text-shadow: none; }

    .SS:after { content: "SS"; }

.YBC { background-color: rgb(253, 253, 71); color: rgb(0, 0, 0) !important; text-shadow: none; }

    .YBC:after { content: "BC"; }

.YELLOW { background-color: rgb(253, 253, 71); color: rgb(0, 0, 0) !important; text-shadow: none; }

    .YELLOW:after { content: "OT"; }

.BD { background-color: rgb(222, 40, 40); color: white !important; text-shadow: 0 0 1px black; }

    .BD:after { content: "BD" }

.CS { background-color: rgb(222, 40, 40); color: white !important; text-shadow: 0 0 1px black; }

    .CS:after { content: "CS" }

.SD { background-color: rgb(253, 253, 71); color: rgb(0, 0, 0) !important; text-shadow: none; }

    .SD:after { content: "7D" }

.PP { background-color: rgb(25, 168, 30); color: white !important; text-shadow: 0 0 1px black; }

    .PP:after { content: "PP" }

.MI { background-color: rgb(222, 40, 40); color: white !important; text-shadow: 0 0 1px black; }

    .MI:after { content: "MI"; }

.BTO {
    background-color: rgb(222, 40, 40);
    color: white !important;
    text-shadow: 0 0 1px black;
    position: relative;
    padding-right: 7px !important;
}

    .BTO:before { content: "EB" }

.LS { background-color: rgb(253, 253, 71); color: rgb(0, 0, 0) !important; text-shadow: none; }

.LS:after { content: "LS"; }
  
.MI, .NRB, .SRB, .INVJR, .SH { background-color: rgb(222, 40, 40); color: white !important; text-shadow: 0 0 1px black; }

    .MI:after { content: "MI"; }

    .NRB:after { content: "NRB"; }

    .SRB:after { content: "SRB"; }

    .INVJR:after { content: "INVJR"; }
    
    .SH:after { content: "SH"; }

/*region  temp-footer*/ .t-footer { position: absolute; left: 0; right: 0; bottom: 0; height: 58px; }

.t-nav { display: table; height: inherit; overflow: hidden; position: relative; font-weight: 400; }

    .t-nav > a, .t-nav > .t-nav-item { display: table-cell; width: 1%; text-align: center; vertical-align: middle; outline: none; padding: 5px; padding-top: 6px; padding-bottom: 7px; overflow: hidden; font-size: 14px; line-height: 1; cursor: pointer; }

    .t-footer label, .t-nav .t-nav-label { display: inline-block; }

    .t-nav .t-nav-item:first-child, .t-nav a:first-child { border-left: 0; }

.t-footer .t-nav { border-top: 0; border-right: 0; border-bottom: 0; }

.t-nav .t-nav-item, .t-nav > a { border-left: 1px solid; }

/*end region  temp-footer*/

input[readonly], input[disabled] { pointer-events: none; cursor: default; }

@media (max-width: 1024px) {
    body {/* zoom: 0.8 !important; */}
}

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

j-grid { display: block; height: 100%; }
    j-grid td,
    j-grid th { border-collapse: separate !important; }

[data-role="jGrid"] { height: 100%; }

    /*[ data-role="jGrid"] > .jt-grid-table { border-spacing: 0 5px; }*/

    [data-role="jGrid"] .jt-grid-c { padding: 1px 0 0 0 !important; }
/*.switcher .jt-grid-c { padding: 0 !important;}*/
[data-role=jGrid] table { table-layout: fixed; width: 100%; }
[data-role="searching"] { height: 35px; }
    [data-role="searching"] div { border: 0 !important; }
    [data-role="searching"].switcher { padding-right: 30px; }
    [data-role="searching"] input { margin-bottom: 4px !important; }
[data-search="switcher"] { left: 5px; width: 83%; bottom: 4px; }
.advanced .jt-grid-c { padding: 0 !important; }
.advanced .phrases:not(:empty) { padding: 0 0 5px 0 !important; }

[data-search="switcher"] i { text-align: center; vertical-align: bottom; padding: 3.5px 1px; }

[data-role="grouping"] { height: 21px; }
    [data-role="grouping"] .jt-grid-c:not(:last-child) { padding-right: 5px !important; }
    [data-role="grouping"] .jt-grid-c .btn { width: 100%; }

[data-role=grid] { border: 1px solid; border-spacing: 0; }

[data-jgrid-role="thead"] input[type="checkbox"], [data-jgrid-role="content"] input[type="checkbox"] { display: block; margin: 0 auto; }

[data-jgrid-role="thead"] .jt-grid-c { overflow: hidden; overflow: hidden !important; }
[data-jgrid-role="tbody"] .jt-grid-c { overflow: auto; overflow-y: overlay; }


[data-role=grid] [data-jgrid-role="thead"] th {position:relative;  border-top: 0; border-left: 1px solid; text-align: left; padding: 0 15px 0 5px; }
[data-role=grid] [data-jgrid-role="tbody"] th:first-child,
[data-role=grid] [data-jgrid-role="tbody"] td:first-child { border-left: 0; }

[data-role=grid] th:last-child, [data-role=grid] [data-jgrid-role="tbody"] td:last-child { border-right: 0; }

[data-role=grid] col[data-role="button"],
[data-role=grid] td[data-role="button"],
[data-role=grid] th[data-role="button"] { width: 30px; text-align: center; cursor: pointer; }

[data-role=grid] th, [data-role=grid] td { /*position: relative;*/ overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; border-left: 1px solid; border-bottom: 1px solid; padding: 0 7px; }



[data-role="pagging"] { height: 40px; }
    [data-role="pagging"],
    [data-role="pagging"] span { border: 1px solid; }

        [data-role="pagging"] [data-role="pages"],
        [data-role="pagging"] .prev-page,
        [data-role="pagging"] span { display: inline-block; *display: inline; zoom: 1; }
        [data-role="pagging"] [data-role="pages"] { text-align: center; }
        [data-role="pagging"] span { padding: 4px 10px; width: 35px; text-align: center; }
        [data-role="pagging"] .prev-page { margin-top: 5px; margin-left: 2px; }

[data-role=jGrid] .resizer { display: block !important; position: absolute; right: 0; top: -1px; font-size: 12px; letter-spacing: 0px; cursor: col-resize; font-weight: 100; width: 20px; text-align: right; padding-right: 2px; }


[data-role=jGrid] .right { padding: 10px; font-weight: 600; font-size: medium; }

[data-role="grid"] input[type="checkbox"] { width: 17px; }

[data-role=jGrid] thead th span.fa { margin: 0 3px; }

[data-role=jGrid] thead th a { cursor: pointer; }

.header-row-2x [data-role="jGrid"] [data-jgrid-role="thead"], .row-2x { height: 30px !important; }

.header-row-2x [data-role="jGrid"] .row-2x th { -ms-word-wrap: break-word; word-wrap: break-word; white-space: normal; text-align: center; line-height: 12px; }

[data-jgrid-role="tfoot"] { height: 24px; font-weight: bold; }

[data-scroll-role="header"] { overflow: hidden; }
[data-scroll-role="content"] { overflow: hidden; }

[data-scroll="scroller-y"] { position: absolute; top: 0; right: 0; bottom: 0; width: 15px; }
    [data-scroll="scroller-y"] span { display: inline-block; width: inherit; height: 100px; background-color: blue; *display: inline; zoom:1; }
[data-scroll="scroller-x"] { position: absolute; right: 0; left: 0; bottom: 0; height: 15px; }
    [data-scroll="scroller-x"] span { display: inline-block; width: 100px; height: inherit; background-color: blue; *display: inline; zoom:1; }

[data-popover-role="context"] i { margin: 0px 1px; border-right: 1px solid #ddd; padding: 6px 4px; width: 29px; }

.jPopOver .table-view-cell { padding: 7px 10px; min-width: 185px; }


.jPopOver { transition: opacity ease-in .1s; }
.j-p-pointer:after { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 15px; border-width: 0 10px 10px 10px; border-style: solid; border-color: #4989BB transparent; color: brown; }

.j-p-pointer:before { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 13px; border-width: 0 11px 10px 11px; border-style: solid; border-color: rgb(255, 255, 255) transparent; }
.j-p-pointer.right { }
.j-p-pointer.top { }
.j-p-pointer.left:after { left: -13px; top: 18px; transform: rotate(270deg); }
.j-p-pointer.left:before { left: -15px; top: 18px; transform: rotate(270deg); }
.j-p-pointer.bottom { }


[data-theme=blue] [data-theme-bussy=blue].hidden { display: inline-block; *display: inline; zoom: 1; }

body,input, textarea,select {font-family: sans-serif;font-style: normal;font-weight: 100;text-rendering: optimizeLegibility;-webkit-font-smoothing: subpixel-antialiased;}

j-fingersign { cursor: crosshair; }

[data-theme=blue] .jt-border { border-color: #3494DF !important; }

[data-theme=blue] .jt-border-second { border-color: darkseagreen !important; }

[data-theme=blue][data-theme-type=desktop] { font-size: 12px; }

[data-theme=blue] .arrayEditorDialog .activeField { background-color: rgba(143, 188, 143, 0.9); }

    [data-theme=blue] .arrayEditorDialog .activeField > label { color: white; text-shadow: 0 0 1px black; }

[data-theme=blue] [data-role=section] *:not(.fa),
.track-modal *:not(.fa, h1,h2,h3,h4,h5,h6),
.jPopOver *, .jt-fontSize { font-size: 12px; }

[data-theme=blue] .arrayEditorDialog .activeField .ControlTextJAE, [data-theme=blue] .arrayEditorDialog .ControlTextJAE { border: 1px solid rgba(33, 132, 228, 0.49); background-color: whitesmoke; padding: 7px 3px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1); }

[data-theme=blue] [data-role=grid] tbody tr td.calculating-button div { border: 1px solid rgba(33, 132, 228, 0.49); background-color: whitesmoke; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1); }

[data-theme=blue] .ControljSelectJAE, [data-theme=blue] .ControljSelect { border: 1px solid rgba(33, 132, 228, 0.49); background-color: whitesmoke; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1); }

    [data-theme=blue] .arrayEditorDialog .ControljSelectJAE i, [data-theme=blue] .ControljSelect i { position: absolute; right: 10px; color: rgb(73, 134, 189); top: 6px; }

[data-theme=blue] .kb-button:hover { background-color: rgba(143, 188, 143, 0.86); color: white; text-shadow: 0 0 1px black; }

[data-theme=blue] .kb-button.pressed { background-color: rgba(143, 209, 232, 0.44); }

[data-theme=blue] .minimizedWindow { border: 1px solid #ddd; box-shadow: 0 0 5px 0px #ddd; background-color: rgba(221, 221, 221, 0.44); }

[data-theme=blue] .mark { background-color: rgba(114, 175, 234, 0.48); }

[data-theme=blue] .contollBtns .active { color: rgb(45, 124, 215); }

[data-theme=blue] .keyboard td { background: white; border: 1px solid #ddd; }

[data-theme=blue] .JAE-tooltip { background: white; border: 1px solid #ddd; box-shadow: 0 0 5px -2px; }

[data-theme=blue] .keyboard-alpha { text-align: center; background: rgb(228, 226, 226); box-shadow: 0 0 5px 1px rgb(140, 140, 140); border-radius: 1px; }

[data-theme=blue] .minimizedWindow h5 { font-size: 12px; color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.79); }

[data-theme=blue] .selectedAtArrayEditor { background: rgba(131, 217, 255, 0.38) !important; }

[data-theme=blue] .kb-button { -webkit-transition: background-color 0.25s ease-out; -moz-transition: background-color 0.25s ease-out; -o-transition: background-color 0.21s ease-out; transition: background-color 0.25s ease-out; background-color: transparent; cursor: pointer; }

[data-theme=blue] .checkBoxJAE { color: rgb(73, 134, 189); padding: 8px; }

[data-theme=blue] .KeyboardMain, [data-theme=blue] .CalculatorDisplay { border: 1px solid; border-color: white; background: #3393DF; background: -moz-linear-gradient(top, #3393DF 0%, #49a1e5 32%, #2989d8 63%, #2989d8 63%, #0075d6 90%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3393DF), color-stop(32%,#49a1e5), color-stop(63%,#2989d8), color-stop(63%,#2989d8), color-stop(90%,#0075d6)); background: -webkit-linear-gradient(top, #3393DF 0%,#49a1e5 32%,#2989d8 63%,#2989d8 63%,#0075d6 90%); background: -o-linear-gradient(top, #3393DF 0%,#49a1e5 32%,#2989d8 63%,#2989d8 63%,#0075d6 90%); background: -ms-linear-gradient(top, #3393DF 0%,#49a1e5 32%,#2989d8 63%,#2989d8 63%,#0075d6 90%); background: linear-gradient(to bottom, #3393DF 0%,#49a1e5 32%,#2989d8 63%,#2989d8 63%,#0075d6 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3393DF', endColorstr='#0075d6',GradientType=0 ); box-shadow: 0 0 10px 2px silver; }

[data-theme=blue] .keyboard { background: rgb(228, 226, 226); }

[data-theme=blue] [data-app-roll=content],
[data-theme=blue] .track-modal,
[data-theme=blue] .jPopOver { background: #3393DF;  }

[data-theme=blue] ul.JAEOptions { list-style: none; border: 1px solid #ddd; background-color: white; border-radius: inherit; }

    [data-theme=blue] ul.JAEOptions:not(.readonly) > li:hover,
    [data-theme=blue] ul.JAEOptions > li.active,
    [data-theme=blue] ul.JAEOptions > li.item-selected { background-color: darkseagreen; color: white; text-shadow: 0 0 1px black; font-size: 110%; }

    [data-theme=blue] ul.JAEOptions > li:not(:last-child) { border-bottom: 1px solid #ddd; }

    [data-theme=blue] ul.JAEOptions:not(.readonly) > div { cursor: pointer; }

    [data-theme=blue] ul.JAEOptions li { cursor: pointer; }

        [data-theme=blue] ul.JAEOptions li > div > div { font-size: 1.08em; }

[data-theme=blue] .signFingerContainer { border: 1px solid #ddd; height: 100%; display: block; border-radius: 4px; width: 100%; background: darkseagreen; }

[data-theme=blue] .signFingerRefresh { color: rgba(41, 137, 216, 0.91); text-shadow: 0px 0px 1px #fff; font-size: 1.6em !important; }

[data-theme=blue] .input-row-icon,
[data-theme=blue] input.btn.btn-primary.btn-block { border-color: #ddd; background-color: white; }

[data-theme=blue] input.btn.btn-primary.btn-block { background-color: rgba(0, 0, 0, 0.38); border-radius: 4px; border: 1px solid; }

[data-theme=blue] .focused { /*box-shadow: 0px 0px 6px 2px rgba(25, 133, 239, 0.55) !important;*/ box-shadow: 0 0 6px 2px rgba(143, 188, 143, 0.79) !important; }

[data-theme=blue] input.btn.btn-primary.btn-block:hover { background-color: rgba(0, 0, 0, 0.50); }

[data-theme=blue] header.header { box-shadow: 0 0 1px 1px white; }

[data-theme=blue] [data-role=footer] .bar-tab .tab-item,
[data-theme=blue] .header .header-title,
[data-theme=blue] .header-username,
[data-theme=blue] header i { color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.79); }

[data-theme=blue] .header-username { display: inline-block; vertical-align: middle; }

[data-theme=blue] .header .subTitle, [data-theme=blue] header .subTitle, [data-theme=blue] header .subTitle span { font-size: 0.80em !important; }

[data-theme=blue] .header .header-title { font-size: xx-large; }

[data-theme=blue] .header .user-counter { border-radius: 5px; color: white; line-height: 15px; padding: 5px; margin: 5px; }

    [data-theme=blue] .header .user-counter .user-count { font-size: x-large; }

[data-theme=blue] [data-role=section] { border: 1px solid #ddd; background-color: white; }

[data-theme=blue] [data-role=footer] .bar-tab { background: transparent; }

    [data-theme=blue] [data-widget=jselect] [data-part="ValueTemplate"],
    [data-theme=blue] [data-widget=jselect] input[type="text"],
    [data-theme=blue] [data-jgrid-role="tbody"] input,
    [data-theme=blue] [data-role=footer] .bar-tab .tab-item,
    [data-theme=blue] .input-row input,
    [data-theme=blue] datepicker input,
    [data-theme=blue] .tDatepicker input,
    [data-theme=blue] timepicker input:first-child,
    [data-theme=blue] .jSelect input,
    [data-theme=blue] .input-row .c-file-select input[type="text"],
    [data-theme=blue] .modal-content .input-row.textarea textarea { border-color: #ddd; }

/*Modal window*/
[data-theme=blue] .track-modal { border-color: #fff; }

    [data-theme=blue] .track-modal header, [data-theme=blue] .track-modal header span, [data-theme=blue] .jPopOver header, [data-theme=blue] .jPopOver header { font-size: 33px; text-transform: capitalize; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.79); }

        [data-theme=blue] .track-modal header .top-track-modal-close span { color: #fff; }

            [data-theme=blue] .track-modal header .top-track-modal-close span:hover { cursor: pointer; text-shadow: 0 0 1px white; }

[data-theme=blue] [data-widget=jselect] [data-part="ValueTemplate"],
[data-theme=blue] [data-widget=jselect] input[type="text"],
[data-theme=blue] [data-jgrid-role="tbody"] input,
[data-theme=blue] .input-row input,
[data-theme=blue] input.jtstyle,
[data-theme=blue] [data-jgrid-role="tbody"] input,
[data-theme=blue] .distributor-area-wrap input,
[data-theme=blue] .input-row .c-file-select input[type="text"] { background-color: whitesmoke; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1); }

    [data-theme=blue] [data-jgrid-role="tbody"] input[type="checkbox"] { box-shadow: none; }

[data-theme=blue] input[type="checkbox"] { box-shadow: none !important; height: 20px; margin-top: 2px; }

[data-theme=blue] [data-role="section"] table .fa { color: #428bca; }

[data-theme=blue] .track-modal .modal-content .message-validate::before, [data-theme=blue] .track-modal .modal-content .validation-message::before,
[data-theme=blue] .validation-message::before { content: "\25b2"; color: #d45252; }

[data-theme=blue] .validation-alert,
[data-theme=blue] .track-modal .modal-content .message-validate,
[data-theme=blue] .track-modal .modal-content .validation-message,
[data-theme=blue] .validation-message { background: #d45252; border-radius: 3px 3px 3px 3px; color: white; margin-left: 5px; }

[data-theme=blue] .track-modal .modal-content .message, [data-theme=blue] .message { color: #d45252; }

[data-theme=blue] .track-modal footer .bar.bar-tab a span, [data-theme=blue] .track-modal footer .bar.bar-tab a i, .jPopOver footer .bar.bar-tab a span { font-size: 21px; color: white; text-shadow: 0 0 1px black; }

[data-theme=blue] [data-role=group-grid] .jt-grid-r:hover, [data-theme=blue] .track-modal footer .bar.bar-tab a:hover, .jPopOver footer .bar.bar-tab a:hover { cursor: pointer; }


[data-theme=blue] .input-row.checkbox-inline > label { /*font-size: 16px;*/ }

[data-theme=blue] .track-modal:not(.dialog-datepicker):not(.dialog-select) .modal-content { background-color: white; border-color: white; }


/*[data-theme=blue] .blue .m-module:hover { background-color: #CEE2FB; }*/
[data-theme=blue] .m-module:hover a > span { text-decoration: underline; }

[data-theme=blue] .jtcolor { color: #3494DF; }

[data-theme=blue] .jtcolor-fa .fa { color: #3494DF; }

[data-theme=blue] .input-row .jSelect,
[data-theme=blue] .modal-content .input-row.textarea textarea { cursor: text; box-shadow: inset 0px 1px 10px 2px rgba(255, 255, 255, 0.44); }


[data-theme=blue] [data-widget=jselect] [data-part="ValueTemplate"],
[data-theme=blue] datepicker .fa-lg,
[data-theme=blue] .tDatepicker .fa-lg,
[data-theme=blue] .jPopOver .input-row label,
[data-theme=blue] .modal-content .input-row.textarea textarea,
[data-theme=blue] .track-modal .modal-content .input-row input,
[data-theme=blue] .track-modal label,
[data-theme=blue] .control-item,
[data-theme=blue] .jPopOver .fa-lg,
[data-theme=blue] [data-widget="listbox"] input[type=search],
[data-theme=blue] .modal-content .input-row .jSelect .j-s-text,
[data-theme=blue] .track-modal .modal-content .input-row label { font-size: 1.2em; }

[data-theme=blue] .track-modal [data-screen="Menu"] a.m-link, [data-theme=blue] .track-modal [data-screen="Menu"] a.m-link span { font-size: 1.08em; }

[data-theme=blue] .jPopOver .popOverContent .fa-lg,
[data-theme=blue] .track-modal [data-screen="Menu"] h5 { font-size: 1.4em; }

[data-theme=blue] .modal-content .input-row.textarea textarea { background: rgb(245, 245, 245); }


[data-theme=blue] .control-item { background-color: #0075D6; color: white; cursor: pointer; }

[data-theme=blue] .segmented-control { background-color: #005EAB; }

    [data-theme=blue] .segmented-control .control-item.active { background-color: rgba(255, 255, 255, 0.33); }

    [data-theme=blue] .bar .tab-item:hover,
    [data-theme=blue] .segmented-control .control-item:hover { background-color: rgba(255, 255, 255, 0.15); box-shadow: inset -1px 11px 0px -10px rgba(255,255,255,1); }

[data-theme=blue] .main-spinner { color: rgb(91, 160, 221); text-shadow: 0 0 1px black; }

[data-theme=blue] [data-role=grid] * :not(.fa) { font-size: 1em !important; }

[data-theme=blue] .track-image-viewer,
[data-theme=blue] [data-role="pagging"],
[data-theme=blue] [data-role=grid],
[data-theme=blue] [data-role="pagging"] span,
[data-theme=blue] .modal-content .input-row.textarea textarea { border-radius: 4px; }

    [data-theme=blue] [data-role="pagging"] span:hover,
    [data-theme=blue] [data-role="pagging"] .current-page { color: #fff; }

[data-theme=blue] [data-jgrid-role="thead"],
[data-theme=blue] [data-role=jGrid] .resizer { color: #428bca; }

[data-theme=blue] [data-role=grid] td[data-role="button"] span { color: #3494DF; }

[data-theme=blue] [data-role=group-grid] .fa,
[data-theme=blue] [data-role=grid] td[data-role="button"] span, [data-theme=blue] [data-role=grid] .fa { color: #3494DF; }

[data-theme=blue] [data-role=grid],
[data-theme=blue] [data-role=grid] td,
[data-theme=blue] [data-role=grid] th,
[data-theme=blue] [data-role="pagging"],
[data-theme=blue] [data-role="pagging"] span { border-color: #ddd; color: black; }

    [data-theme=blue] [data-role=grid] [data-jgrid-role="tbody"] [data-jgrid-role="content"] > tr:nth-child(2n+1):not(:hover) { background-color: rgba(225, 238, 249, 0.22); }


[data-theme=blue] [data-jgrid-role="tbody"] [data-jgrid-role="content"] > tr:hover { background-color: #95CFFF; }

[data-theme=blue] [data-role="pagging"] span { background-color: rgba(221, 221, 221, 0.34); font-weight: 600; color: #0075D6; }

    [data-theme=blue] [data-role="pagging"] span:hover { background-color: #2B84CE; cursor: pointer; border-color: #2B84CE; }

[data-theme=blue] [data-role="pagging"] .current-page { text-decoration: underline; background-color: #0075D6; border-color: #0874CE; }

[data-theme=blue] [data-role=jGrid] .resizer:active { font-weight: 800; }

[data-theme=blue] [data-role=jGrid] tr.details-row.SubjGrid > td:first-child { background-color: rgb(249, 251, 254); }

[data-theme=blue] [data-popover-role="context"] i { color: #2272B4; }

[data-theme=blue] .jPopOver .table-view .table-view-cell:hover,
[data-theme=blue] .jPopOver .table-view-cell > a:not(.btn):active { background-color: #6FB4EC; }

[data-theme=blue] .jPopOver .table-view .table-view-cell:first-child:hover,
[data-theme=blue] .jPopOver .table-view-cell:first-child > a:not(.btn):active { background-color: #6FB4EC; border-top-left-radius: 4px; border-top-right-radius: 4px; }

[data-theme=blue] .jPopOver .table-view .table-view-cell:last-child:hover,
[data-theme=blue] .jPopOver .table-view-cell:last-child > a:not(.btn):active { background-color: #6FB4EC; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

[data-theme=blue] .jPopOver .table-view .table-view-cell:hover i,
[data-theme=blue] .jPopOver .table-view .table-view-cell:hover p { color: #fff; text-shadow: 0 0 1px #000; }

[data-theme=blue] .messageBox { border-radius: 7px; border: 2px solid; background-color: white; border-color: #2A76B3; }

    [data-theme=blue] .messageBox .modal-header { font-size: 33px; text-transform: capitalize; padding: 7px 10px; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.79); background: #3393DF; background: -moz-linear-gradient(top, #3393DF 0%, #49a1e5 32%, #2989d8 63%, #2989d8 63%, #0075d6 90%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3393DF), color-stop(32%,#49a1e5), color-stop(63%,#2989d8), color-stop(63%,#2989d8), color-stop(90%,#0075d6)); background: -webkit-linear-gradient(top, #3393DF 0%,#49a1e5 32%,#2989d8 63%,#2989d8 63%,#0075d6 90%); background: -o-linear-gradient(top, #3393DF 0%,#49a1e5 32%,#2989d8 63%,#2989d8 63%,#0075d6 90%); background: -ms-linear-gradient(top, #3393DF 0%,#49a1e5 32%,#2989d8 63%,#2989d8 63%,#0075d6 90%); background: linear-gradient(to bottom, #3393DF 0%,#49a1e5 32%,#2989d8 63%,#2989d8 63%,#0075d6 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3393DF', endColorstr='#0075d6',GradientType=0 ); }


[data-theme=blue] .track-image-viewer { background-color: #fff; text-align: center; }

[data-theme=blue] .track-image-viewer { background-color: #fff; text-align: center; }

[data-theme=blue] [data-role=jGrid] .right { color: #0075D6; }

[data-theme=blue] .cursor-pointer,
[data-theme=blue] .input-row .jSelect input[type="text"],
[data-theme=blue] .input-row datepicker input,
[data-theme=blue] .input-row .tDatepicker input,
[data-theme=blue] .input-row input[type="checkbox"] { cursor: pointer; }

input.input-row-editable.error { border-color: #DA9797; box-shadow: 0 0 3px 0px #DA9797; }
/*[data-theme=blue] input {
    background-color: whitesmoke;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
}*/

/*#region JTListView */
[data-theme=blue] .JTListView ul { font-size: 16px; }

[data-theme=blue] .JTListView header { text-align: center; font-size: 16px; font-weight: bold; background-color: #90BEE4; color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.79); }


/*[data-theme=blue] .table-view li.table-view-cell.selected {
    background-color: #71B0E4;
    color: #fff;
   
    text-shadow: 0 0 1px rgb(0, 0, 0);
}*/
[data-theme=blue] .table-view li.table-view-cell.selected { background-color: #F7E7E7; color: #2F2E2E; }
/*[data-theme=blue] .table-view li.table-view-cell:hover {
    background-color: #90BEE4;
    cursor: pointer;
    
        text-shadow: 0 0 1px rgb(0, 0, 0);
    color: #fff;
        box-shadow: inset 1px 0px 2px rgba(0, 0, 0, .1);
}*/
[data-theme=blue] .table-view li.table-view-cell:hover { background-color: rgba(241, 235, 235, 0.79); cursor: pointer; /* text-shadow: 0 0 1px rgb(0, 0, 0); */ color: #908F8F; box-shadow: inset 1px 0px 2px rgba(0, 0, 0, .1); }

/*[data-theme=blue] .table-view li.table-view-cell.selected:before {
    content: '✔';
     content:"\2713\0020";
    margin-left: -1em;
    margin-right: .100em;
}*/
/*[data-theme=blue] .table-view li.table-view-cell.selected:after {
    content: "\2713\0020";
    font-size: 14px;
    color: #2DF50C;
    text-shadow: 0 0 3px rgb(0, 0, 0);
}*/

[data-theme=blue] .table-view li.table-view-cell.selected:after { content: "\2713\0020"; font-size: 18px; color: #0075D6; text-shadow: 1px 3px 4px rgb(90, 90, 90); }

/*#endregion */
[data-theme=blue] .input-row input[type="checkbox"] { cursor: pointer; }

input.input-row-editable.error { border-color: #DA9797; box-shadow: 0 0 3px 0px #DA9797; }

/*#region top-wrap-control*/
[data-theme=blue] .top-wrap-control .segmented-control { border-color: #cacaca; }

    [data-theme=blue] .top-wrap-control .segmented-control .control-item.active { background-color: rgb(249, 249, 249); color: #0E76C7; font-weight: 600; }

        [data-theme=blue] .top-wrap-control .segmented-control .control-item.active:hover { color: #fff; }

[data-theme=blue] .top-wrap-control .control-item { background-color: rgba(132, 169, 199, 0.53); color: white; cursor: pointer; font-weight: 600; }

[data-theme=blue] .top-wrap-control .segmented-control .control-item:hover { background-color: rgb(56, 122, 181); box-shadow: none; }
/*#endregion*/

/*#region views/tablet/views/food and beverage/items/modals/editConversionCost */

[data-theme=blue] .edit-avg-cost .maunual-update * { background-color: #fecdcd !important; }

[data-theme=blue] .edit-avg-cost .que * { background-color: #ebe964 !important; }

/*#endregion */
[data-theme=blue] .title-group { /*background-color: darkseagreen;*/ background-color: rgba(143, 188, 143, 0.75); border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border: 1px solid #928B8B; color: #fff; -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75); text-shadow: 0 0 1px black; }

[data-theme=blue] .jt-grid .grouped-row { -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; border: 1px solid #928B8B; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }

[data-theme=blue] .title-group h1,
[data-theme=blue] .title-group h2,
[data-theme=blue] .title-group h3,
[data-theme=blue] .title-group h4,
[data-theme=blue] .title-group h5,
[data-theme=blue] .title-group h6,
[data-theme=blue] .title-group label { font-size: 1.2em !important; font-weight: bold; }
/*[data-theme=blue] .grouped-row .input-row label:first-child{font-weight:bold;}*/
[data-theme=blue] .title-group .fa { color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.79); }

[data-theme=blue] .title-group .btn { border: 1px solid aliceblue; background-color: rgba(207,216,207,0.55); padding: 4px 9px 3px 4px; cursor: pointer; width: 50px; text-shadow: 0 0 1px black; color: white; margin-left: 10px; border-radius: 8px; font-size: 1.1em; -webkit-box-shadow: 1px 1px 2px 0 rgba(173,173,173,1); -moz-box-shadow: 1px 1px 2px 0 rgba(173,173,173,1); box-shadow: 1px 1px 2px 0 rgba(173,173,173,1); }

    [data-theme=blue] .title-group .btn:hover { background-color: rgb(207, 216, 207); -webkit-box-shadow: 1px 1px 2px 1px rgba(173,173,173,1); -moz-box-shadow: 1px 1px 2px 1px rgba(173,173,173,1); box-shadow: 1px 1px 2px 1px rgba(173,173,173,1); }

[data-theme=blue] .title-groups,
[data-theme=blue] .title-groups h1,
[data-theme=blue] .title-groups h5,
[data-theme=blue] .title-groups h2,
[data-theme=blue] .title-groups h3,
[data-theme=blue] .title-groups h4,
[data-theme=blue] .title-groups h6 { font-size: 1.3em !important; }

[data-theme=blue] .btn:hover:not( .btn-primary) { background-color: rgb(245, 245, 245); }

[data-theme=blue] .btn-positive:hover { color: #3E3E3E; }

[data-theme=blue] .btn.btn-base,
[data-theme=blue] .btn.blue { background-color: rgba(108, 188, 232, 0.95); outline: none; border-radius: 8px; font-weight: bold; border: 1px solid aliceblue; cursor: pointer; text-shadow: 0 0 1px black; color: white; font-size: 1.1em; -webkit-box-shadow: 1px 1px 2px 0 rgba(173,173,173,1); -moz-box-shadow: 1px 1px 2px 0 rgba(173,173,173,1); box-shadow: 1px 1px 2px 0 rgba(173,173,173,1); }

    [data-theme=blue] .btn.btn-base:hover { background-color: rgba(143, 188, 143, 0.87); border: 1px solid aliceblue; color: white; font-weight: bold; cursor: pointer; text-shadow: 0 0 1px black; -webkit-box-shadow: 1px 1px 2px 1px rgba(173,173,173,1); -moz-box-shadow: 1px 1px 2px 1px rgba(173,173,173,1); box-shadow: 1px 1px 2px 1px rgba(173,173,173,1); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }

    [data-theme=blue] .btn.btn-base.active { border: 1px solid aliceblue; background-color: rgba(143, 188, 143, 1.0); color: white; font-weight: bold; cursor: pointer; /*text-shadow: 0 0 1px black;*/ -webkit-box-shadow: 1px 1px 2px 1px rgba(173,173,173,1); -moz-box-shadow: 1px 1px 2px 1px rgba(173,173,173,1); box-shadow: 1px 1px 2px 1px rgba(173,173,173,1); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }

        [data-theme=blue] .btn.btn-base.active span { font-weight: bold; }

[data-theme=blue] .bold { font-weight: bold; }

[data-theme=blue] .btn.shado { border: 1px solid aliceblue; background-color: rgba(207,216,207,0.55); padding: 4px 9px 3px 4px; cursor: pointer; /*width: 50px;*/ text-shadow: 0 0 1px black; color: white; margin-left: 10px; border-radius: 8px; font-size: 1.1em; -webkit-box-shadow: 1px 1px 2px 0 rgba(173,173,173,1); -moz-box-shadow: 1px 1px 2px 0 rgba(173,173,173,1); box-shadow: 1px 1px 2px 0 rgba(173,173,173,1); }

    [data-theme=blue] .btn.shado:hover { background-color: rgb(207, 216, 207); -webkit-box-shadow: 1px 1px 2px 1px rgba(173,173,173,1); -moz-box-shadow: 1px 1px 2px 1px rgba(173,173,173,1); box-shadow: 1px 1px 2px 1px rgba(173,173,173,1); }

[data-theme=blue] .track-modal .top-settings .jt-grid { background-color: rgba(53, 148, 224, 0.75); border-radius: 4px; height: 100%; border: 1px solid #B5B5B5; }

    [data-theme=blue] .track-modal .top-settings .jt-grid label { color: #fff; text-shadow: 0 0 2px #000; font-size: 1.3em; }

[data-theme=blue] .track-modal .top-settings .adj-block-value { background-color: #fff; border: 1px solid #ddd; }

[data-theme="blue"] [data-role="grouping"] a:active { background-color: rgba(52, 147, 223, 0.7); color: #fff; text-shadow: 0 0 1px #000; }

[data-theme=blue] .searching input[type="text"] { color: black; font-size: 1.2em !important; font-family: myriad-set-pro_text !important; }

    [data-theme=blue] .searching input[type="text"]::-webkit-input-placeholder { color: #bbb; font-size: 1.2em !important; }

    [data-theme=blue] .searching input[type="text"]:-moz-placeholder { color: #bbb; font-size: 1.2em !important; }

    [data-theme=blue] .searching input[type="text"]::-moz-placeholder { color: #bbb; font-size: 1.2em !important; }

    [data-theme=blue] .searching input[type="text"]:-ms-input-placeholder { color: #bbb; font-size: 1.2em !important; }

[data-theme=blue] [data-widget="listbox"] input[type=search] { color: black;  }

[data-theme=blue] [data-item-editor="open"] .fake-input { border-color: #ddd; background-color: whitesmoke; }

[data-theme=blue] .item.placeholder { background-color: rgba(143, 188, 143, 0.42); text-shadow: 0 0 2px rgba(0, 0, 0, 0.79); color: #ffffff; }

[data-theme=blue] .quizEdit .IconTypeQ a { background: darkseagreen; }

[data-theme=blue] .evaluation-matrix .m-header { background-color: rgba(143,188,143,1); color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.79); text-align: center; border-color: #0075D6; border-bottom: 1px solid #0075D6; }

[data-theme=blue] .evaluation-matrix .tools { text-align: center; cursor: pointer; border-color: #0C6BA3; background-color: rgba(143, 188, 143,1); }

    [data-theme=blue] .evaluation-matrix .tools a .fa { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.79); }




[data-theme=blue] .tree-section .title-group { background-color: rgb(143, 188, 143); color: black; text-shadow: 0 1px 1px white; }


    [data-theme=blue] .tree-section .title-group .fa { color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.79); }

    [data-theme=blue] .tree-section .title-group .btn { border: 1px solid aliceblue; background-color: rgba(207,216,207,0.55); padding: 4px 9px 3px 4px; cursor: pointer; width: 50px; text-shadow: 0 0 1px black; color: white; margin-left: 10px; border-radius: 8px; font-size: 1.1em; -webkit-box-shadow: 1px 1px 2px 0 rgba(173,173,173,1); -moz-box-shadow: 1px 1px 2px 0 rgba(173,173,173,1); box-shadow: 1px 1px 2px 0 rgba(173,173,173,1); }

        [data-theme=blue] .tree-section .title-group .btn:hover { background-color: rgb(207, 216, 207); -webkit-box-shadow: 1px 1px 2px 1px rgba(173,173,173,1); -moz-box-shadow: 1px 1px 2px 1px rgba(173,173,173,1); box-shadow: 1px 1px 2px 1px rgba(173,173,173,1); }

    [data-theme=blue] .tree-section .title-group .jt-grid-c:not(.jt-grid-table) { border: 1px solid white; border-right: 0; border-bottom: 0; }

    [data-theme=blue] .tree-section .title-group:hover, [data-theme=blue] .tree-section .active, [data-theme=blue] .tree-section .InfoHeader .jt-grid-r:hover, [data-theme=blue] .tree-section .Question:hover { font-weight: bold; font-size: 1.1em; }

    [data-theme=blue] .tree-section .title-group .btn, [data-theme=blue] .tree-section .title-group, [data-theme=blue] .tree-section .InfoHeader, [data-theme=blue] .tree-section .Question { cursor: pointer; }

[data-theme=blue] .tree-section .btn { margin: 6px 0 6px 0; }



[data-theme=blue] .tree-section .Category .title-group { background-color: rgba(85, 130, 172, 0.36); color: black; text-shadow: 0 1px 1px white; }

[data-theme=blue] .InfoHeader .jt-grid-table { /*border-top-left-radius: 15px;*/ border-top: 1px solid rgb(52, 148, 223); background-color: #72BFE9; }

    [data-theme=blue] .InfoHeader .jt-grid-table a { color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.79); }

[data-theme=blue] .tree-section .grouped-row { padding: 0 !important; margin: 0 !important; }
    /*.jt-grid-table.tree-section .grouped-row > *:nth-child(2){border-left:1px dashed;}*/

    [data-theme=blue] .tree-section .grouped-row > :first-child::before { content: '\a0'; display: block; padding: 0; margin: 0; position: relative; top: 0; left: 50%; bottom: 0; height: 100%; zoom: 1; border-left: 1px dashed rgba(143, 188, 143, 0.76); *display: inline; }


/*#region Payroll */

[data-theme=blue] .headerPanel { background-color: rgba(143, 188, 143, 0.89); border-radius: 7px; border: 1px solid aliceblue; font-size: 1.1em; }

.header-block .input-row label { color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.79); }

[data-theme=blue] [data-role=jGrid] tr.details-row.SubjGrid:hover { background-color: rgba(0, 117, 214, 0.12) !important; }

.payroll-main .headerPanel .header-block img { border: 1px solid silver; background-color: #E2E2E2; cursor: pointer; }

.payroll-main .group-row { background-color: rgba(93, 181, 251, 0.49) !important; color: rgba(120, 120, 120, 0.86); font-weight: bold; }

[data-theme=blue] .highlight-row { background-color: rgba(255, 0, 0, 0.35); }
/*#endregion */

[data-theme=blue] .jt-toast-success { background-color: rgba(92, 184, 92, 0.95); }

[data-theme=blue] .jt-toast-error { background-color: rgba(217, 83, 79, 0.97); }

[data-theme=blue] .jt-toast-info { background-color: rgba(54, 149, 224, 0.95); }

[data-theme=blue] .jt-toast-warning { background-color: rgba(210, 136, 3, 0.88); }


[data-theme=blue] #toast-container > .jt-toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }

[data-theme=blue] #toast-container > .jt-toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }

[data-theme=blue] #toast-container > .jt-toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }

[data-theme=blue] #toast-container > .jt-toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }

#toast-container .jt-toast { line-height: 1.2; font-size: 1.25em; border: 1px solid #FFFFFF; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.79); }


/*region  temp-footer*/
.t-footer .t-nav > a, .t-footer .t-nav > a.t-nav-item { font-size: medium; }

.t-nav { border: 1px solid #ccc; border-radius: 3px; }

    .t-nav > a, .t-nav > a.t-nav-item { color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.79); background-color: #0075D6; cursor: pointer; text-align: center; text-overflow: ellipsis; white-space: nowrap; border-left: 1px solid #ccc; }

        .t-nav > a.active, .t-nav > a.t-nav-item.active { background-color: rgb(84, 147, 199); text-decoration: underline; }

.t-nav-sub-label { text-decoration: underline; }

.t-nav .t-nav-item:hover, .t-nav > a:hover { background-color: rgba(255, 255, 255, 0.15); box-shadow: inset -1px 11px 0px -10px rgba(255,255,255,1); }

.t-footer .t-nav { border: 0; }

/*end region  temp-footer*/

.cke_dialog_background_cover { background-color: black !IMPORTANT; pointer-events: auto; -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; }

[data-theme=blue] .cke_chrome { border: none; box-shadow: none; border-top: 1px solid #dddddd; border-bottom: 1px solid #ddd; }

.bar.bar-tab .tab-item.status-button { background-color: #e8e802; text-shadow: 0 0 0; color: rgb(212, 82, 82); }

[data-theme=blue] .tGrid .tg-footer {
    color: #0075D6;
}
[data-theme=blue] .dialog-select [data-widget="listbox"] i.fa { color: #0075D6;
}
[data-theme=blue] .dialog-select [data-widget="listbox"] .item-selected i.fa, [data-theme=blue] .dialog-select [data-widget="listbox"] ul:not(.readonly) > li:hover i.fa{    text-shadow: 0 0 1px rgb(179, 189, 195);}
.track-validation { }

.emails-section.track-validation-error,
.input-row.track-validation-error { position: relative !important; }

.emails-section.track-validation > :nth-child(2){ width: 85%; }

.input-row.track-validation > :nth-child(2) { width: 65%; }

.emails-section.track-validation > :nth-child(2),
.input-row.track-validation > :nth-child(2) { -moz-transition: width 0.15s ease-in-out; -o-transition: width 0.15s ease-in-out; -webkit-transition: width 0.15s ease-in-out; transition: width 0.15s ease-in-out; }

.emails-section.track-validation-error > :nth-child(2),
.emails-section.track-validation-error > :nth-child(2) a { width: 87%; }

.input-row.track-validation-error > :nth-child(2) { width: calc(65% - 30px);  width: -moz-calc(65% - 30px);
    width: -webkit-calc(65% - 30px);}

.input-row.track-validation-error input,
.input-row.track-validation-error [data-widget=jselect] [data-part="ValueTemplate"],
.input-row.track-validation-error datepicker input { box-shadow: 0 0 3px 1px #E2C4C4; border-color: #D45252; }

.emails-section .track-validation-error-icon{  margin: 5px 15px 5px 5px;  top: 35px; }
.input-row .track-validation-error-icon { margin: 5px 5px 5px 5px; top: 5px; }

.emails-section .track-validation-error-icon,
.input-row .track-validation-error-icon{color: #d45252!important; position: absolute; right: 0;   -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s;}

@-moz-keyframes fadeInRight {
    from { opacity: 0; }

    to { opacity: 1; }
}

@-webkit-keyframes fadeInRight {
    from { opacity: 0; }

    to { opacity: 1; }
}

@keyframes fadeInRight {
    from { opacity: 0; }

    to { opacity: 1; }
}

datepicker, .tDatepicker { /* display: inline-block; */
    position: relative;
    display: block;
    max-width: 265px; /* text-align: center; */ /* margin: 4px 0; */ /* border: 1px solid #ddd; */ /* padding: 1px 4px; */ /* cursor: pointer; */
    min-height: 34px;
}

    datepicker > div, .tDatepicker > div {
        height: 100%;
    }

    datepicker input, .tDatepicker > input {
        width: 100% !important;
    }

    datepicker .dp-button, .tDatepicker .dp-button {
        position: absolute;
        right: 0;
        top: 5px;
        bottom: 5px;
        padding: 0px 5px;
        width: 22px;
    }

        datepicker .dp-button.dp-b-second, .tDatepicker .dp-button.dp-b-second {
            right: 20px;
        }

        datepicker .dp-button:hover, .tDatepicker .dp-button:hover {
            background-color: rgba(41, 137, 216, 0.13);
            cursor: pointer;
        }

        datepicker i, .tDatepicker .dp-button i {
            position: absolute;
            top: 50%;
            right: 5px;
            margin-top: -6px;
        }

.jTrackCalendar {
    text-align: center;
    color: white;
    text-shadow: 0 0 1px black;
}

    .jTrackCalendar .JTC-dayOfWeek { 
        border: 0 !important; 
        border-bottom: 1px solid #cacaca !important; 
        border-top: 1px solid rgba(221, 221, 221, 0.46) !important; 
        font-weight: 600;
    }

    .jTrackCalendar .JTC-day {
        border: 1px solid rgba(221, 221, 221, 0.19);
        cursor: pointer;
    }

        .jTrackCalendar .JTC-day.IsCurrent,
        .jTrackCalendar .JTC-day:hover {
            background-color: rgba(255, 255, 255, 0.42);
            text-decoration: underline;
            text-shadow: 0 0 3px black;
        }

    .jTrackCalendar .jt-grid-c {
        padding: 0 !important;
        vertical-align: middle;
    }

.jTrackCalendar-header {
    height: 35px;
    cursor: pointer;
}

.jTrackCalendar .nonCurrent {
    opacity: 0.5;
}

.jTrackCalendar .select {
    border: 1px solid white;
    background-color: rgba(255, 255, 255, 0.23);
    font-weight: bold;
    font-size: 1.6em;
    vertical-align: middle;
}

.jTrackCalendar .today {
    text-decoration: underline;
}

.dialog-datepicker .jt-grid-c,
.dialog-select .jt-grid-c {
    padding: 0 !important;
}

.dialog-datepicker {
    width: 240px !important;
    height: 200px !important;
}


/*new datepicker*/
.tDatepicker input::-ms-clear {
    display: none;
}

.tCalendar {
    position: fixed;
    font-size: 12px;
    z-index: 1001;
    width: 240px;
    text-align: center;
    color: white;
    border: 1px solid #fff;
    border-radius: 4px;
    background: #3393DF;
    background: -moz-linear-gradient(top, #3393DF 0%, #49a1e5 32%, #2989d8 63%, #2989d8 63%, #0075d6 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3393DF), color-stop(32%,#49a1e5), color-stop(63%,#2989d8), color-stop(63%,#2989d8), color-stop(90%,#0075d6));
    background: -webkit-linear-gradient(top, #3393DF 0%,#49a1e5 32%,#2989d8 63%,#2989d8 63%,#0075d6 90%);
    background: -o-linear-gradient(top, #3393DF 0%,#49a1e5 32%,#2989d8 63%,#2989d8 63%,#0075d6 90%);
    background: -ms-linear-gradient(top, #3393DF 0%,#49a1e5 32%,#2989d8 63%,#2989d8 63%,#0075d6 90%);
    background: linear-gradient(to bottom, #3393DF 0%,#49a1e5 32%,#2989d8 63%,#2989d8 63%,#0075d6 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3393DF', endColorstr='#0075d6',GradientType=0 );
}

    .tCalendar .fa {
        color: white!important;
    }

    .tCalendar .dp-header {
        display: flex;
        cursor: pointer;
        height: 35px;
    }

.dp-header .prev-items, .dp-header .dt-level-title, .dp-header .next-items {
    flex-grow: 1;
    padding: 7px;
}

.control-blackout {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
}

.dp-body {
    display: flex;
    flex-wrap: wrap;
}

    .dp-body .dp-day-cell {
        height: 27px;
        width: 34px;
        padding: 3px;
    }

    .dp-body .dp-month-cell {
        height: 40.75px;
        width: 79.3px;
        padding: 8px;
    }

    .dp-body .dp-year-cell {
        height: 40.75px;
        width: 59.5px;
        padding: 8px;
    }

    .dp-body .dp-cell {
        border: 1px solid rgba(221, 221, 221, 0.19);
        cursor: pointer;
    }

        .dp-body .dp-cell.non-current {
            opacity: 0.5;
        }

        .dp-body .dp-cell.active {
            border: 1px solid white;
            background-color: rgba(255, 255, 255, 0.23);
            font-weight: bold;
            font-size: 1.6em;
            vertical-align: middle;
        }

        .dp-body .dp-cell:hover {
            background-color: rgba(255, 255, 255, 0.42);
            text-decoration: underline;
            text-shadow: 0 0 3px black;
        }
/*new datepicker*/

.timepicker_wrap .hour_tx,
.timepicker_wrap .minute_tx,
.timepicker_wrap .meridian_tx { width: 100%; text-align: center; margin: 10px 0; }

.timepicker_wrap .hour,
.timepicker_wrap .mins,
.timepicker_wrap .meridian { width: 45px; float: left; margin: 0 9px; font-size: 17px; /*color: #fff;*/ }

.timepicker_wrap .prev,
.timepicker_wrap .next { cursor: pointer; padding: 2px; text-align: center; width: 63%; border: 1px solid #ccc; margin: auto; border-radius: 5px; background-color: #b6ff00; }

    .timepicker_wrap .prev:hover,
    .timepicker_wrap .next:hover { background-color: #ccc; }

.timepicker_wrap .hour_pick { position: relative; }

timepicker { position: relative; }

    timepicker i { position: absolute; top: 50%; margin-top: -7px; right: 5px; }

.timepicker_wrap { position: relative; margin: 7px; float: left; width: 190px; }


    .timepicker_wrap input.timepicker-input { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; color: #1B1A1A; float: none; margin: 7px; height: 25px; text-align: center; width: 68%; padding: 0; }
timepicker input { width: 100% !important; }

.jt-grid { display: block; width: 100%; position: relative; padding: 0; margin: 0; overflow: hidden;zoom:1;  }

.jt-grid-table { display: table; width: 100%; height:100%; position: relative; padding: 0; margin: 0; overflow: hidden; table-layout: fixed; empty-cells: show;zoom:1; }

    .jt-grid > *, .jt-grid-table > * { display: table; width: 100%; overflow: hidden;zoom:1; }


    .jt-grid-table > .jt-grid-r { display: table-row !important; zoom:1;}
.jt-grid .jt-grid-r-fixed { display: table !important; table-layout: fixed; }
    .jt-grid .jt-grid-r-fixed .jt-grid-c, jt-grid-table .jt-grid-r-fixed .jt-grid-c { display: table-cell;; }
            .jt-grid .jt-grid-r-fixed .jt-grid-c:only-child, .jt-grid-table .jt-grid-r-fixed .jt-grid-c:only-child, 
             .jt-grid .jt-grid-r-fixed .jt-grid-c:first-child:last-child, .jt-grid-table .jt-grid-r-fixed .jt-grid-c:first-child:last-child,
        .jt-grid .jt-grid-r-fixed .jt-grid-c:nth-child(1):nth-last-child(1), .jt-grid-table .jt-grid-r-fixed .jt-grid-c:nth-child(1):nth-last-child(1) {
                    display: table !important;
            width: 100%; zoom:1;
            }
        .jt-grid .jt-grid-c, .jt-grid-table .jt-grid-c{
            display: table-cell;
            padding: 5px;
            position: relative; zoom:1;
        }

.jt-grid.top *, .jt-grid-r.top *, .jt-grid-r-fixed.top *, .jt-grid-c.top {
    vertical-align: top;
}

.jt-grid.center *, .jt-grid-r.center *, .jt-grid-r-fixed.center *, .jt-grid-c.center {
    vertical-align: middle;
    text-align: center;
}

.jt-grid .jt-grid-c.middle, .jt-grid *, .jt-grid-table .jt-grid-c.middle   {
    vertical-align: middle;
}

/* Set the widths */
.jt-grid  .col-0, .jt-grid-table .col-0 {
    width: 1%;
    white-space: nowrap;
}
.jt-grid .col-1, .jt-grid-table .col-1 {
    width: 8.333333%;
}

.jt-grid .col-2, .jt-grid-table .col-2 {
    width: 16.666667%;
}

.jt-grid .col-3, .jt-grid-table .col-3 {
    width: 25%;
}

.jt-grid .col-4, .jt-grid-table .col-4 {
    width: 33.333333%;
}

.jt-grid .col-5, .jt-grid-table .col-5 {
    width: 41.666667%;
}

.jt-grid .col-6, .jt-grid-table .col-6 {
    width: 50%;
}

.jt-grid .col-7, .jt-grid-table .col-7 {
    width: 58.333333%;
}

    .jt-grid .col-8, .jt-grid-table .col-8 {
        width: 66.666667%;
    }

    .jt-grid .col-9, .jt-grid-table .col-9 {
        width: 75%;
    }

    .jt-grid .col-10, .jt-grid-table .col-10 {
        width: 83.333333%;
    }

    .jt-grid .col-11, .jt-grid-table .col-11 {
        width: 91.666667%;
    }

    .jt-grid .col-12, .jt-grid-table .col-12 {
        width: 100%;
    }
    /* Set the height */
     .jt-grid .row-1, .jt-grid-table .row-0 {
        height: 1%;
    }
    .jt-grid .row-1, .jt-grid-table .row-1 {
        height: 8.333333%;
    }

    .jt-grid .row-2, .jt-grid-table .row-2 {
        height: 16.666667%;
    }

    .jt-grid .row-3, .jt-grid-table .row-3 {
        height: 25%;
    }

    .jt-grid .row-4, .jt-grid-table .row-4 {
        height: 33.333333%;
    }

    .jt-grid .row-5, .jt-grid-table .row-5 {
        height: 41.666667%;
    }

    .jt-grid .row-6, .jt-grid-table .row-6 {
        height: 50%;
    }

    .jt-grid .row-7, .jt-grid-table .row-7 {
        height: 58.333333%;
    }

    .jt-grid .row-8, .jt-grid-table .row-8 {
        height: 66.666667%;
    }

    .jt-grid .row-9, .jt-grid-table .row-9 {
        height: 75%;
    }

    .jt-grid .row-10, .jt-grid-table .row-10 {
        height: 83.333333%;
    }

    .jt-grid .row-11, .jt-grid-table .row-11 {
        height: 91.666667%;
    }

    .jt-grid .row-12, .jt-grid-table .row-12 {
        height: 100%;
    }

    .jt-grid-table .jt-grid-table{border-collapse: initial; zoom:1; }

/*.jt-grid-r .jt-grid-c::after{content: '';
    display: block;
    clear: left;}*/

[data-theme=orange] [data-theme-bussy=orange].hidden { display: inline-block; }

[data-theme=orange],
[data-theme=orange] a { color: rgb(90, 61, 3); }

    [data-theme=orange][data-theme-type=desktop] { font-size: 12px; }

    [data-theme=orange] [data-app-roll=content],
    [data-theme=orange] .track-modal,
    [data-theme=orange] .jPopOver { background: rgba(230,219,99,1); background: -moz-radial-gradient(center, ellipse cover, rgba(230,219,99,1) 0%, rgba(228,216,88,1) 0%, rgba(254,182,69,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(230,219,99,1)), color-stop(0%, rgba(228,216,88,1)), color-stop(100%, rgba(254,182,69,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(230,219,99,1) 0%, rgba(228,216,88,1) 0%, rgba(254,182,69,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(230,219,99,1) 0%, rgba(228,216,88,1) 0%, rgba(254,182,69,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(230,219,99,1) 0%, rgba(228,216,88,1) 0%, rgba(254,182,69,1) 100%); background: radial-gradient(ellipse at center, rgba(230,219,99,1) 0%, rgba(228,216,88,1) 0%, rgba(254,182,69,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6db63', endColorstr='#feb645', GradientType=1 ); }

    [data-theme=orange] .loginContainer .appName .name,
    [data-theme=orange] .loginContainer .appName .info { text-shadow: 0px 1px 5px black; }
    [data-theme=orange] .loginContainer .input-row-icon input { background-color: #FAFFBD; }
    [data-theme=orange] .input-row-icon,
    [data-theme=orange] input.btn.btn-primary.btn-block { border-color: #ddd; background-color: #FAFFBD; }

    [data-theme=orange] input.btn.btn-primary.btn-block { background-color: rgba(0, 0, 0, 0.38); border-radius: 4px; border: 1px solid; }
        [data-theme=orange] input.btn.btn-primary.btn-block:hover { background-color: rgba(0, 0, 0, 0.44); }

    [data-theme=orange] [data-role=footer] .bar-tab .tab-item,
    [data-theme=orange] .header .header-title,
    [data-theme=orange] header i { color: white; text-shadow: 0 0 7px rgba(0, 0, 0, 0.79); }

    [data-theme=orange] .header .header-title { font-size: xx-large; }


    [data-theme=orange] [data-role=section] { border: 1px solid #ddd; background-color: white; }

    [data-theme=orange] [data-role=footer] .bar-tab { background: transparent; }
        [data-theme=orange] [data-role=footer] .bar-tab .tab-item { border-color: #ddd; }

    /*Modal window*/
    [data-theme=orange] .track-modal { border-color: #fff; }
        [data-theme=orange] .track-modal header { font-size: 33px; text-transform: capitalize; color: #fff; text-shadow: 0 0 7px rgba(0, 0, 0, 0.79); }
            [data-theme=orange] .track-modal header .top-track-modal-close span { color: #fff; }
                [data-theme=orange] .track-modal header .top-track-modal-close span:hover { cursor: pointer; text-shadow: 0 0 1px white; }

        [data-theme=orange] .track-modal .modal-content .input-row input { background-color: whitesmoke; border-color: #ddd; }
        [data-theme=orange] .track-modal .modal-content .validation-alert, 
        [data-theme=orange] .track-modal .modal-content span.message-validate, 
        [data-theme=orange] .track-modal .modal-content .validation-message { color: #AD1E1E; }

        [data-theme=orange] .track-modal footer .bar.bar-tab a span,
        [data-theme=orange] .jPopOver footer .bar.bar-tab a span { font-size: 21px; color: white; text-shadow: 0 0 7px black; }
        [data-theme=orange] .track-modal footer .bar.bar-tab a:hover,
        [data-theme=orange] .jPopOver footer .bar.bar-tab a:hover { cursor: pointer; }

        [data-theme=orange] .track-modal .modal-content { background-color: white; border-color: white; }

 
    [data-theme=orange] .m-module:hover a > span { text-decoration: underline; }


    [data-theme=orange] .modal-content .input-row .jSelect,
    [data-theme=orange] .modal-content .input-row.textarea textarea { cursor: pointer; border-color: #ddd; box-shadow: inset 0px 1px 10px 2px rgba(255, 255, 255, 0.44); background: rgb(245, 245, 245); }
        [data-theme=orange] .jPopOver .input-row label,
        [data-theme=orange] .modal-content .input-row.textarea textarea,
        [data-theme=orange] .track-modal .modal-content .input-row input,
        [data-theme=orange] .modal-content .input-row .jSelect .j-s-text,
        [data-theme=orange] .track-modal .modal-content .input-row label { font-size: 15px; margin-bottom: 5px; }


    [data-theme=orange] .control-item { background-color: rgba(90, 60, 0, 0.99); color: white; }
    [data-theme=orange] .segmented-control { background-color: rgb(166, 111, 0); }

        [data-theme=orange] .segmented-control .control-item.active { background-color: rgb(119, 80, 0); }

        [data-theme=orange] .bar .tab-item:hover,
        [data-theme=orange] .segmented-control .control-item:hover { background-color: rgba(255, 255, 255, 0.15); border-top: 1px solid white; }

    [data-theme=orange] .main-spinner { color: rgb(91, 160, 221); text-shadow: 0 0 1px black; }

    [data-theme=orange] .track-image-viewer,
    [data-theme=orange] [data-role="pagging"],
    [data-theme=orange] [data-role=grid],
    [data-theme=orange] [data-role="pagging"] span,
    [data-theme=orange] .modal-content .input-row.textarea textarea { border-radius: 4px; }

        [data-theme=orange] [data-role="pagging"] span:hover,
        [data-theme=orange] [data-role="pagging"] .current-page { color: #fff; }
    [data-theme=orange] [data-jgrid-role="thead"],
    [data-theme=orange] [data-role=jGrid] .resizer { color: #7A0303; }

    [data-theme=orange] [data-role=grid] td[data-role="button"] span { color: #3494DF; }
    [data-theme=orange] [data-role=grid] td[data-role="button"] span, [data-theme=orange] [data-role=grid] .fa { color: rgb(99, 67, 2); }

    [data-theme=orange] [data-role=grid],
    [data-theme=orange] [data-role=grid] td,
    [data-theme=orange] [data-role=grid] th,
    [data-theme=orange] [data-role="pagging"],
    [data-theme=orange] [data-role="pagging"] span { border-color: #ddd; color: rgb(99, 67, 2); }

        [data-theme=orange] [data-role=grid] tr:nth-child(2n) { background-color: rgba(239, 209, 88, 0.06); }
    [data-theme=orange] [data-jgrid-role="tbody"] tr:hover { background-color: rgb(255, 208, 115); cursor: pointer; }

    [data-theme=orange] [data-role="pagging"] span { background-color: rgba(221, 221, 221, 0.34); font-weight: 600; color: rgb(99, 67, 2); }
        [data-theme=orange] [data-role="pagging"] span:hover { background-color: rgb(160, 107, 0); cursor: pointer; border-color: rgb(160, 107, 0); }
    [data-theme=orange] [data-role="pagging"] .current-page { text-decoration: underline; background-color: rgb(99, 67, 2); border-color: rgb(99, 67, 2); }
    [data-theme=orange] [data-role=jGrid] .resizer:active { font-weight: 800; }

    [data-theme=orange] [data-popover-role="context"] i { color: rgb(99, 67, 2);; }

    [data-theme=orange] .jPopOver .table-view .table-view-cell:hover,
    [data-theme=orange] .jPopOver .table-view-cell > a:not(.btn):active { background-color: rgb(255, 208, 115); }

        [data-theme=orange] .jPopOver .table-view .table-view-cell:hover i, [data-theme=orange] .jPopOver .table-view .table-view-cell:hover p { color: rgb(99, 67, 2); }

    [data-theme=orange] .messageBox { border-radius: 4px; border: 1px solid; background-color: white; border-color: #fff; }

        [data-theme=orange] .messageBox .modal-header { font-size: 33px; text-transform: capitalize; padding: 7px 10px; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.79); background: rgba(230,219,99,1); background: -moz-radial-gradient(center, ellipse cover, rgba(230,219,99,1) 0%, rgba(228,216,88,1) 0%, rgba(254,182,69,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(230,219,99,1)), color-stop(0%, rgba(228,216,88,1)), color-stop(100%, rgba(254,182,69,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(230,219,99,1) 0%, rgba(228,216,88,1) 0%, rgba(254,182,69,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(230,219,99,1) 0%, rgba(228,216,88,1) 0%, rgba(254,182,69,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(230,219,99,1) 0%, rgba(228,216,88,1) 0%, rgba(254,182,69,1) 100%); background: radial-gradient(ellipse at center, rgba(230,219,99,1) 0%, rgba(228,216,88,1) 0%, rgba(254,182,69,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6db63', endColorstr='#feb645', GradientType=1 ); }


    [data-theme=orange] .track-image-viewer { background-color: #fff; text-align: center; }
    [data-theme=orange] [data-role=jGrid] .right { color: rgb(99, 67, 2); }

.spinner-rect { background-color: #FFF; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; border: 1px solid #000; width: 80px; height: 80px; }

@-webkit-keyframes sk-rotateplane {
    0% { -webkit-transform: perspective(120px); }
    50% { -webkit-transform: perspective(120px) rotateY(180deg); }
    100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); }
}

@keyframes sk-rotateplane {
    0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
    50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
    100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); }
}

/*#region Attachment*/
.c-file-select { position: relative; display: inline-block; height: 23px; *display: inline; zoom: 1; }
    .c-file-select input[type="text"] { pointer-events: none; float: left; width: 100%; padding-right: 24px; margin: 0; border: 1px solid #ddd; }
    .c-file-select input[type="file"] { opacity: 0; position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; }

    .c-file-select .c-file-select-button { position: absolute; right: 0; width: 20px; text-align: center; top: 5px; bottom: 0; height: 100%; }
        .c-file-select .c-file-select-button i { padding: 0px; top: 50%; margin-top: -6px; position: absolute; left: 0; right: 0; }
/*#endregion*/

timepicker { /*display: inline-block; height: 28px; vertical-align: middle; padding: 1px 0;*/ display: block; max-width: 88px; position: relative; }
    timepicker .jt-grid { width: 120px; }
    timepicker .jt-grid-c { width: 35px; padding: 0 2px; height: 20px; margin: 0; text-align: center; }
    timepicker input[type=button] { width: 25px !important; padding: 0; position: absolute; top: 50%; margin: 0; margin-top: -12px; height: initial; right: 22px; background: none; background-color: transparent !important; border: none !important; text-align: center; box-shadow: none !important; }

.input-row timepicker input[type=button] { margin-top: -12px; }




[data-widget="listbox"] { padding: 5px; border-radius: 4px; }
    [data-widget="listbox"] input[type=search] { border-radius: inherit; margin: 0; margin-bottom: 5px; }
    [data-widget="listbox"] .item-selected { text-decoration: underline; }

    [data-widget="listbox"] [data-part="ContentTemplate"] { position: relative; }
    [data-widget="listbox"] ul:not(.readonly) [data-part="ContentTemplate"] { cursor: pointer; }
    [data-widget="listbox"] .item-selection { position: absolute; right: 5px; top: 0; display: none; }
    [data-widget="listbox"] .item-selected .item-selection { display: inline-block; *display: inline; zoom: 1; }

    [data-widget="listbox"].full-absolute > ul { height: 100%; }

    [data-widget="listbox"] ul { list-style: none; border: 1px solid #ddd; background-color: white; padding: 5px; margin: 0; line-height: 22px; border-radius: inherit; max-height: 400px; overflow: auto; }
        [data-widget="listbox"] ul > li:not(:last-child) { border-bottom: 1px solid #ddd; }
        [data-widget="listbox"] .item-selected,
        [data-widget="listbox"] ul:not(.readonly) > li:hover { background-color: darkseagreen; color: white; text-shadow: 0 0 1px black; padding: 0 5px; font-size: 110%; }
.track-modal [data-widget="listbox"] ul li div { font-size: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-widget="listbox"] .no-items { display: block; border: 1px solid #ddd; background-color: #fff; padding: 5px; border-radius: 4px; color: #565656; font-size: 1.2em; }

[data-role=grid] th { position: initial !important; padding: 0 3px !important; }
    [data-role=grid] th .resizer { float: right; position: initial; width: 10px; }
    [data-role=grid] th a { width: 20px; display: inline-block; }
    [data-role=grid] th .fa { float: right; margin: 4px 0px !important; }
/*.durandal-wrapper { display: table; width: 100%; height: 100%; }*/
.header-row-2x [data-role="jGrid"] .row-2x th { -ms-word-wrap: normal !important; word-wrap: normal !important; text-align: left !important; }
.header-row-2x [data-role="jGrid"] [data-jgrid-role="thead"], .row-2x { height: 36px !important; }
    .header-row-2x [data-role="jGrid"] [data-jgrid-role="thead"] th a, .row-2x th a { width: auto !important; height: 30px; padding-top: 4px; max-width: calc(100% - 22px); }
    .header-row-2x [data-role="jGrid"] [data-jgrid-role="thead"] th .resizer, .row-2x th .resizer { padding-top: 4px; }

th[data-role="button"] span[data-widget="checkbox"] { width: 23px; display: block; padding: 0; margin: 0; }

/*org structure*/
.store-constr-modal { height: 100%; position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; }
.store-distributor-tab-grid { position: absolute; top: 70px; bottom: 10px; }
.store-hours-tab-grid .first-row { height: 7%; }
.store-hours-tab-grid .second-row { height: 55%; }
.store-hours-tab-grid .thrid-row { height: 38%; }

/*Evaluation Admin, Open any matrix, click "Reviews"*/
.track-modal .modal-content .reviewGrid { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

/*Evaluations*/
.matrix-perf-tests-modal { position: absolute !important; top: 0; bottom: 5px; overflow: auto; left: 5px; right: 5px; }

/*Labor Mng*/
[data-role=grid] [data-role="button"] .fa { float: none !important; }

/*FIX For Chrome Version 72.0.3626.81 (Official Build) (64-bit)*/
.ex-react-view-content,
.ex-react-view,
.r-stack-panel,
.flex-wide-item,
.r-stack-item { min-height: 0px; }

/*FIX For Chrome Version 87.0.4280.66 (Official Build) (64-bit)*/
.ex-form-group > fieldset { overflow: visible!important; }
.ex-table-wrapper .react-table .rt-body .rt-body-list {overflow-y: auto!important;}
[data-app-type="Test"] > .appType-gradient,
[data-app-type="PreProduction"] > .appType-gradient { background: linear-gradient(to bottom, rgba(51, 147, 223, 0.3) 0%, rgba(73, 161, 229, 0.22) 32%, rgba(41, 137, 216, 0.22) 63%, rgba(41, 137, 216, 0.23) 63%, rgba(0, 117, 214, 0.2) 90%) !important; }

[data-app-type="Test"] { background-color: #087b0a !important; }
[data-app-type="PreProduction"] { background-color: #087b5d !important;  }