@charset "UTF-8";
.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 6px;
  background: rgb(143, 188, 143);
  text-shadow: 0 0 2px black;
  color: #fff;
  border-radius: 2px;
  pointer-events: none;
  z-index: 100000;
}
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  position: absolute;
  pointer-events: none;
}
.d3-tip.n:after {
  content: "▼";
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
  text-align: center;
}
.d3-tip.e:after {
  content: "◀";
  margin: -4px 0 0 0;
  top: 50%;
  left: -8px;
}
.d3-tip.s:after {
  content: "▲";
  margin: 0 0 1px 0;
  top: -8px;
  left: 0;
  text-align: center;
}
.d3-tip.w:after {
  content: "▶";
  margin: -4px 0 0 -1px;
  top: 50%;
  left: 100%;
}

.ui-checkbox label {
  margin-left: 10px;
}

.input-row .fa {
  padding: 3px 0px;
}

.r-file-explorer {
  background: white;
  overflow: hidden;
  border-radius: inherit;
  border: 4px solid #3393DF; /*box-shadow: 0 0 0 1px white;*/
}
.r-file-explorer .r-fe-header {
  background: #3393DF;
  padding: 4px 2px 6px;
  height: 40px;
  min-height: 40px;
}
.r-file-explorer .r-fe-header .r-fe-buttons {
  color: white;
  margin-right: 5px;
}
.r-file-explorer .r-fe-header .r-fe-buttons .r-fe-button {
  transition: all ease-in 0.1s;
  text-shadow: 1px 1px 0px #333;
  cursor: pointer;
}
.r-file-explorer .r-fe-header .r-fe-buttons .r-fe-button:hover {
  background: #5aa7e6;
  box-shadow: 0 0 0 1px #ddd;
  border-radius: 4px;
}
.r-file-explorer .r-fe-header .r-fe-buttons .r-fe-button.r-fe-with-text {
  font-size: 1.3em;
  padding: 5px 10px 0 2px;
  margin: 0 0 0 5px;
}
.r-file-explorer .r-fe-header .r-fe-buttons .r-fe-button.r-feb-disabled {
  opacity: 0.6;
  pointer-events: none;
}
.r-file-explorer .r-fe-header .r-fe-breadcrumbs {
  background: white;
  border-radius: 4px;
  padding: 0 5px 2px;
  align-self: center;
  box-shadow: inset 1px 1px 5px 0px #b1cee2;
}
.r-file-explorer .r-fe-header .r-fe-breadcrumbs .r-bc-separator {
  margin: 0 5px;
}
.r-file-explorer .r-fe-header .r-fe-breadcrumbs .r-bc-crumb {
  font-weight: 700;
  font-size: 1.1em;
  line-height: 1.6em;
  cursor: pointer;
}
.r-file-explorer .r-fe-header .r-fe-breadcrumbs .r-bc-crumb:hover {
  text-decoration: underline;
}
.r-file-explorer .r-fe-left-panel {
  border-right: 3px solid #3393df;
  background-color: #ecf1ff;
  padding: 5px;
  overflow: auto;
}
.r-file-explorer .r-fe-left-panel .r-tree-node-header i {
  text-shadow: 0 0 1px black;
  vertical-align: text-bottom;
}
.r-file-explorer .r-fe-left-panel .r-tree-node-header i.fa-folder {
  color: #3494df;
}
.r-file-explorer .r-fe-view-container {
  overflow: auto;
}
.r-file-explorer .r-fe-view-container .r-fe-view {
  background: white;
  overflow: auto;
}
.r-file-explorer .r-fe-view-container .r-fe-view .r-fe-itemicon.fa.fa-folder {
  color: #3494df;
  text-shadow: 0 0 2px black;
  font-size: 62px;
}
.r-file-explorer .r-fe-view-container .r-fe-view .r-fe-itemicon.fa.fa-file {
  color: #fff8f8;
  text-shadow: 0 0 2px black;
  font-size: 47px !important;
  margin: 6px;
}
.r-file-explorer .r-fe-view-container .r-fe-view .r-fe-item-default, .r-file-explorer .r-fe-view-container .r-fe-view .r-fe-item:not(.r-fe-custom-file-template), .r-file-explorer .r-fe-view-container .r-fe-view .r-fe-item .folder {
  cursor: pointer;
  word-break: break-word;
  vertical-align: middle;
  line-height: 11px;
  width: 80px;
}
.r-file-explorer .r-fe-view-container .r-fe-view .r-fe-item-default:hover, .r-file-explorer .r-fe-view-container .r-fe-view .r-fe-item:hover:not(.r-fe-custom-file-template), .r-file-explorer .r-fe-view-container .r-fe-view .r-fe-item .folder:hover {
  text-decoration: underline;
}
.r-file-explorer .r-fe-view-container .r-fe-view .r-fe-item {
  text-align: center;
  margin: 15px 5px;
}
.r-file-explorer .r-fe-view-container .r-fe-view .r-fe-item .r-fe-itemicon {
  width: 70%;
}
.r-listview.r-listview-selectable .r-listview-list {
  max-height: 250px;
  overflow: auto;
}
.r-listview.r-listview-selectable .r-listview-list .r-listview-item {
  cursor: pointer;
}
.r-listview.r-listview-selectable .r-listview-list .r-listview-item:hover {
  background: #ddd;
}
.r-listview.r-listview-selectable .r-listview-list .r-listview-item.r-listview-item-selected {
  background: green;
}
.r-listview.r-listview-empty {
  text-align: center;
  width: 300px;
}

.r-modal {
  position: fixed;
  top: 50%;
  left: 20%;
  border: 2px solid #3695e0;
  border-radius: 6px;
  box-shadow: 0 0 30px 3px #989898;
  z-index: 10000000;
  border-top: 20px solid #3695e0;
}
.r-modal .r-modal-content {
  background: white;
  border-radius: inherit;
}

.r-popover {
  position: relative;
}
.r-popover-blackout {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}
.r-popover-content {
  z-index: 10000;
  position: fixed;
  background: white;
  box-shadow: 0 0 32px 3px;
  padding: 5px;
  border: 1px solid white;
  border-radius: 4px;
}

.r-stack-panel {
  display: flex;
  position: relative;
}
.r-stack-panel .r-stack-item {
  display: flex;
  position: relative;
}

.r-direction-row {
  flex-direction: row;
}

.r-direction-column {
  flex-direction: column;
}

.r-align-left {
  align-self: flex-start;
}

.r-align-right {
  align-self: flex-end;
}

.r-align-center {
  align-self: center;
}

.r-align-stretch {
  align-self: stretch;
}

.r-align-baseline {
  align-self: baseline;
}

.r-flex-wrap {
  flex-wrap: wrap;
}

.r-tree-view {
  padding: 0;
  margin: 0;
}
.r-tree-view .r-tree-node {
  margin-bottom: 5px;
  white-space: nowrap;
}
.r-tree-view .r-tree-node.r-node-selected > .r-tree-node-header .r-node-title {
  background: #d0e6fb;
  border: 1px dotted #a8a7a7 !important;
}
.r-tree-view .r-tree-node .r-tree-node-header i {
  font-size: 1.4em;
  text-shadow: 0 0 1px black;
  margin-right: 5px;
  vertical-align: sub;
}
.r-tree-view .r-tree-node .r-tree-node-header i.fa-home {
  color: green;
}
.r-tree-view .r-tree-node .r-tree-node-header i.r-tree-expand-icon {
  margin: 0;
}
.r-tree-view .r-tree-node .r-tree-node-header i.fa.fa-folder {
  color: #3494df;
  text-shadow: 0 0 2px black;
}
.r-tree-view .r-tree-node .r-tree-node-header i.fa.fa-file {
  color: #fff8f8;
  text-shadow: 0 0 2px black;
}
.r-tree-view .r-tree-node .r-tree-node-header .r-node-title {
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  padding: 0 5px;
  border: 1px solid transparent;
}
.r-tree-view .r-tree-node .r-tree-node-header .r-node-title:hover {
  background: #d0e6fb;
  border: 1px solid #73a9dc !important;
}
.r-tree-view .r-tree-node .r-tree-node-header.r-tree-canExpand {
  font-weight: 700;
}
.r-tree-view .r-tree-node .r-tree-child {
  padding-left: 12px;
  list-style: none;
}

.r-virtualscroll-containter {
  height: 200px;
  overflow: scroll;
  width: 200px;
}

.ex-timepicker-popover .r-popover-content, .ex-datepicker-popover .r-popover-content {
  background: linear-gradient(to bottom, #3393DF 0%, #49a1e5 32%, #2989d8 63%, #2989d8 63%, #0075d6 90%);
  color: white;
  text-shadow: 0 0 2px black;
  box-shadow: 0 0 32px 3px #b3b3b3;
  padding: 0;
}
.ex-timepicker-popover .r-popover-blackout, .ex-datepicker-popover .r-popover-blackout {
  background-color: rgba(222, 222, 222, 0.5);
}
.ex-timepicker-popover .ex-date-select, .ex-datepicker-popover .ex-date-select { /*width: 240px;*/
  flex-direction: column;
  display: flex;
}
.ex-timepicker-popover .ex-date-select header, .ex-datepicker-popover .ex-date-select header {
  display: flex;
  flex-direction: row;
  line-height: 40px;
}
.ex-timepicker-popover .ex-date-select header *, .ex-datepicker-popover .ex-date-select header * {
  flex-grow: 1;
  text-align: center;
  cursor: pointer;
}
.ex-timepicker-popover .ex-date-select header *:hover, .ex-datepicker-popover .ex-date-select header *:hover {
  background: rgba(255, 255, 255, 0.3);
  text-shadow: 0 0 3px #000;
}
.ex-timepicker-popover .ex-date-select header i.fa, .ex-datepicker-popover .ex-date-select header i.fa {
  font-size: 1em;
  padding-top: 10px;
}
.ex-timepicker-popover .ex-date-select header span, .ex-datepicker-popover .ex-date-select header span {
  flex-grow: 6;
}
.ex-timepicker-popover .ex-date-select div, .ex-datepicker-popover .ex-date-select div {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.ex-timepicker-popover .ex-date-select div table, .ex-datepicker-popover .ex-date-select div table {
  table-layout: fixed;
}
.ex-timepicker-popover .ex-date-select div table.view-date td, .ex-datepicker-popover .ex-date-select div table.view-date td {
  opacity: 0.5;
  padding: 5px 10px;
}
.ex-timepicker-popover .ex-date-select div table.view-date td.dpTargetMonth, .ex-datepicker-popover .ex-date-select div table.view-date td.dpTargetMonth {
  opacity: 1;
}
.ex-timepicker-popover .ex-date-select div table.view-date td.dpDisabled, .ex-datepicker-popover .ex-date-select div table.view-date td.dpDisabled {
  opacity: 0.5;
  cursor: default;
}
.ex-timepicker-popover .ex-date-select div table.view-month td, .ex-datepicker-popover .ex-date-select div table.view-month td {
  padding: 15px 30px;
}
.ex-timepicker-popover .ex-date-select div table.view-year td, .ex-datepicker-popover .ex-date-select div table.view-year td {
  padding: 15px 30px;
}
.ex-timepicker-popover .ex-date-select div tr th, .ex-datepicker-popover .ex-date-select div tr th {
  border: 0 !important;
  border-bottom: 1px solid #cacaca !important;
  border-top: 1px solid rgba(221, 221, 221, 0.46) !important;
}
.ex-timepicker-popover .ex-date-select div tr td, .ex-datepicker-popover .ex-date-select div tr td {
  cursor: pointer;
}
.ex-timepicker-popover .ex-date-select div tr td:hover, .ex-datepicker-popover .ex-date-select div tr td:hover {
  background: rgba(255, 255, 255, 0.4);
  text-shadow: 0 0 3px #000;
}
.ex-timepicker-popover .ex-date-select div tr td.dpToday, .ex-datepicker-popover .ex-date-select div tr td.dpToday {
  text-decoration: underline;
}
.ex-timepicker-popover .ex-date-select div tr td.dpValue, .ex-datepicker-popover .ex-date-select div tr td.dpValue {
  background: rgba(255, 255, 255, 0.3);
  border: 2px solid #fff;
  font-size: 1.2em;
}
.ex-timepicker-popover .ex-date-select div tr td, .ex-timepicker-popover .ex-date-select div tr th, .ex-datepicker-popover .ex-date-select div tr td, .ex-datepicker-popover .ex-date-select div tr th {
  border: 1px solid rgba(221, 221, 221, 0.19);
  text-align: center;
  font-size: 1em;
}

.ex-timepicker-popover {
  cursor: pointer;
}
.ex-timepicker-popover .r-time-selector .r-time-header .r-time-title {
  flex-grow: 1;
  justify-content: center;
  height: 50px;
  align-items: center;
}
.ex-timepicker-popover .r-time-selector .r-time-item {
  padding: 5px 10px;
  border: 1px solid rgba(221, 221, 221, 0.19);
  text-align: center;
  flex-grow: 1;
}
.ex-timepicker-popover .r-time-selector .r-time-item:hover {
  background: rgba(255, 255, 255, 0.4);
  text-shadow: 0 0 3px #000;
}
.ex-timepicker-popover .r-time-selector .r-time-hours .r-time-hour {
  width: 35px !important;
}
.ex-timepicker-popover .r-time-selector .r-time-minutes .r-time-minute {
  width: 35px !important;
}
.ex-timepicker-popover .r-time-selector .r-time-periods .r-time-period {
  align-items: center;
  justify-content: center;
  width: 50px;
}

.r-datetime-picker {
  display: flex;
}
.r-datetime-picker .r-time-picker-part .r-time-period {
  border: 1px solid #ddd;
  background-color: transparent;
  line-height: 13px;
  padding: 2px;
}
.r-datetime-picker .r-time-picker-part .r-time-period:focus {
  outline: none;
  border: 1px solid #929292;
}
.r-datetime-picker .r-time-picker-part .r-time-period:active {
  background-color: rgba(185, 199, 230, 0.66) !important;
}
.r-datetime-picker .r-input-picker {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 3px;
  outline: none;
  padding: 0 3px;
}
.r-datetime-picker .r-input-picker.active, .r-datetime-picker .ex-misc-prompt.miscPrompts .active h6.r-input-picker, .ex-misc-prompt.miscPrompts .active .r-datetime-picker h6.r-input-picker {
  border-color: rgba(39, 116, 180, 0.47) !important;
}
.r-datetime-picker .r-input-picker .r-date-picker-part, .r-datetime-picker .r-input-picker .r-time-picker-part {
  display: flex;
  align-items: center;
}
.r-datetime-picker .r-input-picker .r-date-picker-part .r-date-slash, .r-datetime-picker .r-input-picker .r-time-picker-part .r-date-slash {
  padding-top: 2px;
}
.r-datetime-picker .r-input-picker .r-date-picker-part .r-time-colon, .r-datetime-picker .r-input-picker .r-time-picker-part .r-time-colon {
  padding-top: 1px;
}
.r-datetime-picker .r-input-picker .r-date-picker-part input.r-input-text, .r-datetime-picker .r-input-picker .r-time-picker-part input.r-input-text {
  padding: 2px 0 !important;
}
.r-datetime-picker .r-input-picker .r-date-picker-part .r-input-text, .r-datetime-picker .r-input-picker .r-time-picker-part .r-input-text {
  margin: 0;
  border: none;
  padding: 5px 0 !important;
  text-align: center;
  justify-content: center;
}
.r-datetime-picker .r-input-picker .r-date-picker-part .r-input-text.two-len, .r-datetime-picker .r-input-picker .r-time-picker-part .r-input-text.two-len {
  width: 25px !important;
}
.r-datetime-picker .r-input-picker .r-date-picker-part .r-input-text.four-len, .r-datetime-picker .r-input-picker .r-time-picker-part .r-input-text.four-len {
  width: 35px !important;
}
.r-datetime-picker .r-input-picker .r-fake-cursor {
  position: relative;
  top: -1px;
}

.ex-react-dialog {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ex-react-dialog .tm-host {
  box-shadow: 0 0 30px;
  overflow: hidden;
  border-radius: 5px;
  background: linear-gradient(to bottom, #3393DF 0%, #49a1e5 32%, #2989d8 63%, #2989d8 63%, #0075d6 90%);
  border: 1px solid white;
  display: flex;
  flex-direction: column;
}
.ex-react-dialog .tm-host.isFullScreen {
  height: 95%;
  width: 95%;
}
.ex-react-dialog .tm-host.isFullScreen .track-modal {
  height: 100%;
  width: 100%;
}
.ex-react-dialog .tm-host.isFullScreen .ex-react-view {
  height: 100%;
  width: 100%;
}
.ex-react-dialog .tm-host .r-d-header {
  display: flex;
  flex-direction: row;
  line-height: 20px;
  padding: 5px 5px 5px;
  min-height: 35px;
}
.ex-react-dialog .tm-host .r-d-header .tm-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  align-items: center;
  color: white;
  text-shadow: 0 0 3px black;
  text-transform: capitalize;
}
.ex-react-dialog .tm-host .r-d-header .tm-title .main-title {
  font-size: x-large;
}
.ex-react-dialog .tm-host .r-d-header .tm-title-buttons {
  font-size: 25px;
}
.ex-react-dialog .tm-host .r-d-header .tm-title-buttons i {
  color: white;
  text-shadow: 0 0 3px black;
}
.ex-react-dialog .tm-host .rd-label-icon {
  padding: 5px 10px;
  background-color: #3795e0;
  border-radius: 5px;
  border: 1px solid #717171;
  color: #fff;
  text-shadow: 0 0 1px #000;
}
.ex-react-dialog .tm-host .rd-label-icon:hover {
  background-color: #3ea2f1;
}

.ex-react-view .ex-react-grid {
  position: relative !important;
  display: flex !important;
  flex-grow: 1 !important;
  flex-direction: column;
}
.ex-react-view .ex-react-grid.tGrid .tg-searching {
  /*padding: 0;*/
}
.ex-react-view .ex-react-grid.tGrid .tg-content {
  /*top: 37px !important;*/
}
.ex-react-view .ex-react-grid.tGrid .tg-footer, .ex-react-view .ex-react-grid.tGrid .tg-content {
  /*left: 0;
  right: 0;*/
}

.ex-input {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
  padding: 2px 0 3px;
  margin: 1px 0;
  border-bottom: 1px solid #ededed;
  min-height: 33px;
}
.ex-input .r-label {
  display: flex;
  flex-grow: 1;
}
.ex-input .form-side-content {
  margin: 0 5px;
  display: inline-flex;
}
.ex-input .r-input {
  display: flex;
  width: 55%;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.ex-input .r-input.r-readonly {
  pointer-events: none;
}
.ex-input .r-input-label {
  display: flex;
  width: 45%;
  min-width: 45%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  font-size: 12px;
}
.ex-input.ex-input-nolable .r-input {
  width: 100%;
}
.ex-input.ex-input-nolable .r-input-label {
  display: none;
}
.ex-input .r-invalid-validation .r-input-error-message {
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  color: red;
  font-size: 15px;
}
.ex-input.r-textbox input[readonly=true] {
  border: none;
}
.ex-input.r-textbox .r-readonly input {
  border-color: transparent;
}
.ex-input.r-textbox .r-readonly input::-webkit-input-placeholder {
  color: transparent;
}
.ex-input.r-dropdown .r-readonly .r-select {
  border-color: transparent;
}
.ex-input.r-dropdown .r-select {
  flex-grow: 1;
}
.ex-input.r-dropdown .r-select .r-select-value {
  flex-grow: 1;
}
.ex-input.r-radio-group .r-radio-group-vertical {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 32px;
  font-size: 12px;
}
.ex-input.r-radio-group .r-radio-group-horizontal {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ex-input.r-radio-group .r-radio-button {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  margin-right: 30px;
}
.ex-input.r-textarea textarea {
  width: 100%;
  height: 70px;
  padding: 0 5px;
}
.ex-input.r-button {
  border: 1px solid #ddd;
  font-weight: 700;
  border-radius: 4px;
  background: rgb(39, 139, 205);
  color: white;
  text-shadow: 0 0 1px black;
}
.ex-input.r-button:hover {
  background: rgb(65, 140, 87);
  cursor: pointer;
}

.ex-form-group {
  padding: 0 2px;
  width: 100%;
}
.ex-form-group > fieldset {
  border: 1px solid #96c7ff;
  margin: 2px 0;
  width: 100%;
  height: 100%;
  padding: 0px;
  overflow: hidden;
}
.ex-form-group > fieldset > legend {
  font-size: small;
  padding: 0px 5px;
  padding-top: 1px;
  padding-right: 30px;
  line-height: 15px;
  margin-left: 10px;
  background: #86b163;
  color: white;
  font-weight: bold;
  text-shadow: 0 0 1px black;
  text-rendering: geometricPrecision;
}
.ex-form-group > fieldset > legend i {
  position: relative;
  top: 1px;
  margin-right: 2px;
}
.ex-form-group .ex-form-group-content {
  height: 100%;
  width: 100%;
  padding: 0;
  padding-bottom: 4px;
}
.ex-form-group.ex-form-group-collapsed .ex-form-group-content {
  display: none;
}
.ex-form-group.ex-form-group-active {
  background: rgb(206, 255, 187);
}
.ex-form-group:hover > fieldset {
  border-color: rgb(0, 144, 0);
}
.ex-form-group:hover > fieldset > legend {
  border-color: green;
  cursor: pointer;
}
.ex-form-group:hover > fieldset > .ex-form-group-row {
  border-color: rgba(0, 128, 0, 0.39);
}

.r-file-input {
  display: none;
}

.ex-file-input {
  display: flex;
  align-items: baseline;
}
.ex-file-input .ex-file-name {
  border: 1px solid #ddd;
  padding: 3px 5px;
  border-radius: 3px;
  cursor: pointer;
}

.button-component {
  border: 1px solid #ddd;
  padding: 3px 6px 3px 3px;
  cursor: pointer;
  opacity: 0.9;
}
.button-component:hover {
  opacity: 1;
}
.button-component:active {
  opacity: 0.9;
}
.button-component.button-style-green {
  background: #5fbd3c;
  border-radius: 4px;
  color: white;
  text-shadow: 0 0 1px black;
  box-shadow: 0px 1px 3px 0px #a29b9b;
  padding: 0 10px;
  display: inline-flex;
  height: 24px;
  white-space: nowrap;
}
.button-component.button-style-green.active, .ex-misc-prompt.miscPrompts .active h6.button-component.button-style-green {
  background: #3c87bd;
}
.button-component.button-style-green:hover {
  border-color: white;
}
.button-component.button-style-green i {
  vertical-align: initial;
  display: flex;
  align-self: center;
  margin-right: 5px;
  font-size: small;
}
.button-component.button-style-green .button-title {
  font-weight: bold;
  display: flex;
  align-self: flex-end;
}

.r-om-keyboard {
  border-radius: 4px;
  background: #f5f4f4;
  padding: 10px;
}
.r-om-keyboard .r-k-button {
  height: 35px;
  border: 1px solid #c5bfbf;
  flex-grow: 1;
  margin: 3px;
  border-radius: 4px;
  justify-content: center;
  cursor: pointer;
  background: #fff;
  font-size: 16px;
  box-shadow: 0 0 8px -4px black;
  flex-direction: column;
  display: flex;
}
.r-om-keyboard .r-k-button:active {
  box-shadow: 0 0 3px 0px;
  background: #eae8e8;
  color: #00adff !important;
}
.r-om-keyboard .r-k-button.r-k-b-pressed {
  border: 1px solid #00adff !important;
}
.r-om-keyboard .r-k-button.r-k-b-pressed > * {
  color: #00adff !important;
}
.r-om-keyboard .r-k-button-empty {
  background: transparent;
  box-shadow: none;
  border: none;
  pointer-events: none;
}

.r-disabled {
  display: none;
}

.ex-listview {
  background: rgb(234, 234, 234);
  padding: 3px;
  width: 100%;
}
.ex-listview .ex-listview {
  padding: 0;
}
.ex-listview.ex-listview-scroll-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ex-listview .ex-listview-header {
  display: flex;
  min-height: 20px;
  padding-left: 15px;
  align-items: flex-end;
  font-weight: bold;
  font-size: 16px;
  line-height: 10px;
}
.ex-listview .ex-listview-placeholder {
  font-weight: bolder;
  margin: 5px 10px;
}
.ex-listview .ex-listview-scroll-wrapper {
  display: flex;
  position: relative;
  /*height: 100%;*/
  flex-grow: 1;
}
.ex-listview .ex-listview-scrollable {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
}
.ex-listview .ex-listitem-wrapper.ex-lv-selected .listitem {
  border: 1px solid rgba(30, 197, 73, 0.75);
  background: #cdf5cb;
}
.ex-listview .ex-listitem-wrapper.ex-lv-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ex-listview .ex-listitem-wrapper .listitem-text {
  overflow: hidden;
  white-space: nowrap;
}
.ex-listview .listitem {
  line-height: 15px;
  padding: 6px 5px;
  border-top: 1px solid transparent;
  cursor: pointer;
  background: white;
  margin: 1px 0px;
  border-bottom: 1px solid #ddd;
  border-radius: 3px;
  overflow: hidden;
}
.ex-listview .listitem:hover {
  background-color: #e4f3e1;
}
.ex-listview .listitem .checkbox-list-item {
  margin-right: 5px;
  min-height: 16px;
  color: #3393DF;
  align-self: center;
}
.ex-listview .listitem .listitem-text {
  overflow: hidden;
}
.ex-listview .listitem .listitem-text .item-information {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  align-self: center;
  align-items: center;
  width: 100%;
}
.ex-listview .listitem .listitem-text .item-information.item-lw-not-valid:after {
  content: "not valid";
  background-color: #ff4747;
  padding: 0 3px;
  color: #d1ff20;
  border-radius: 6px;
  box-shadow: 0 0 0 1px #3d98e0;
  text-shadow: 0 1px 1px #000000;
}
.ex-listview .listitem .listitem-text .item-information .name-and-desc {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  overflow: hidden;
  margin-right: 5px;
  padding-right: 5px;
}
.ex-listview .listitem .listitem-text .item-information .name-and-desc .notes {
  overflow: hidden;
  /*white-space: nowrap;*/
  white-space: pre-line;
  /*text-overflow: ellipsis;*/
}
.ex-listview .listitem .listitem-text .item-information .name-and-desc .notes.notes-detail {
  color: #9e9e9e;
}
.ex-listview .listitem .listitem-text .item-information .item-badge {
  display: flex;
  white-space: nowrap;
}
.ex-listview .listitem .listitem-text .item-information .item-badge.section {
  flex-direction: column;
  align-items: center;
}
.ex-listview .listitem .listitem-actions i {
  color: #3393DF;
}

.ex-progress-bar {
  background: whitesmoke;
  border: 1px solid #ada9a9;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 16px;
  overflow: hidden;
}
.ex-progress-bar .ex-pb-back {
  position: absolute;
  width: 50%;
  height: 100%;
  background: #8BC34A;
  left: 0;
  top: 0;
}
.ex-progress-bar .ex-pb-text {
  z-index: 10;
}

.ex-router {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ex-router .ex-route {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.ex-react-scroll-wrapper {
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.ex-react-scroll-wrapper.sw-mode-full {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.ex-tab-view {
  margin-top: 7px;
}
.ex-tab-view .tab-vertical {
  border-right: 1px solid white;
  box-sizing: border-box;
  border-bottom: 1px solid white;
}
.ex-tab-view .tab-vertical > .tabActive {
  border-right: 1px solid white;
  box-sizing: border-box;
}
.ex-tab-view .tab-horizontal > .tabActive {
  border-bottom: 1px solid white;
  box-sizing: border-box;
}
.ex-tab-view .ex-tv-tab {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  padding-left: 22px;
  cursor: pointer;
  background-color: #e8e8e8;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  z-index: 10;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}
.ex-tab-view .ex-tv-tab .ex-tab-name {
  font-size: medium;
  margin-top: 2px;
}
.ex-tab-view .ex-tv-tab .ex-tab-name.tabActive {
  text-decoration: underline;
}
.ex-tab-view .ex-tv-tab .ex-tab-close {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  margin-right: 20px;
}
.ex-tab-view .ex-tv-tab.tabActive {
  background-color: rgba(255, 255, 255, 0.34);
}
.ex-tab-view .ex-tab-header {
  overflow: hidden;
  padding-left: 20px;
  min-height: 30px;
  height: 30px;
}
.ex-tab-view .ex-tv-view {
  flex-grow: 1;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ex-tab-view .ex-tv-view:not(.tabActive) {
  visibility: hidden;
}
.ex-tab-view .ex-tv-view .ex-tv-tab-content {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  width: 100%;
}
.ex-tab-view .ex-tv-view .ex-tv-tab-content > .ex-react-view {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ex-tab-view .ex-tv-view .ex-tv-tab-content > .ex-react-view > .ex-react-view-content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ex-tab-view .ex-tab-item {
  border-bottom: none !important;
  height: 100%;
  opacity: 1;
}
.ex-tab-view .ex-tab-item.tab-horizontal {
  padding: 0 5px;
  max-width: 300px;
}
.ex-tab-view .ex-tab-item.tab-horizontal .ex-tv-tab {
  border-radius: 3px;
  height: 25px;
  align-self: flex-end;
  transition: background-color ease-in 0.2s;
}
.ex-tab-view .ex-tab-item.tab-horizontal:after {
  content: " ";
  position: absolute;
  background: #e8e8e8;
  right: -22px;
  top: 20px;
  width: 50px;
  height: 20px;
  border-top: 1px solid #ddd;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(60deg);
  z-index: 20;
  transition: background-color ease-in 0.2s;
  border-radius: 4px;
}
.ex-tab-view .ex-tab-item.tab-horizontal.ex-tab-item:before {
  content: " ";
  position: absolute;
  background: #e8e8e8;
  top: 7px;
  left: -6px;
  width: 23px;
  height: 60px;
  border-left: 1px solid #ddd;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(22deg);
  z-index: 20;
  transition: background-color ease-in 0.2s;
  border-radius: 4px;
}
.ex-tab-view .ex-tab-item.tabActive {
  overflow: initial;
  z-index: 30;
  opacity: 1;
}
.ex-tab-view .ex-tab-item.tabActive:after {
  right: -22px !important;
  top: 16px !important;
}
.ex-tab-view .ex-tab-item.tabActive:before {
  left: -6px !important;
  top: 2px !important;
}
.ex-tab-view .ex-tab-item.tabActive .ex-tv-tab {
  background: white;
  height: 30px;
}
.ex-tab-view .ex-tab-item.tabActive:after, .ex-tab-view .ex-tab-item:hover:after, .ex-tab-view .ex-tab-item.tabActive:before, .ex-tab-view .ex-tab-item:hover:before, .ex-tab-view .ex-tab-item:hover .ex-tv-tab {
  background: white !important;
}
.ex-tab-view .ex-tab-header {
  padding-left: 20px;
  overflow: hidden;
}
.ex-tab-view .tab-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.ex-tab-view .tab-spliter {
  background: #ddd;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 1px;
  z-index: 20;
}

.r-input-wrap {
  align-items: center;
  width: 100%;
}
.r-input-wrap .r-input-show-pwd {
  width: 30px;
}
.r-input-wrap .caps-lock-indicator {
  padding: 0 3px 0 2px;
  right: 0;
  border: 1px solid rgba(52, 222, 109, 0.329412);
  background-color: rgba(95, 171, 230, 0.101961);
  font-size: 0.79em;
  align-items: center;
  align-self: center;
  flex-direction: row;
  color: #3975a5;
  flex-wrap: nowrap;
  white-space: nowrap;
  margin-left: 3px;
}
.r-input-wrap .caps-lock-indicator .fa {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.87);
}
.r-input-wrap .caps-lock-indicator span {
  color: #17ab48;
  margin-left: 3px;
  text-shadow: 0 0 2px rgba(251, 233, 233, 0.79);
  font-weight: bold;
  font-size: 1.01em;
}

.r-input-text {
  line-height: 25px !important;
  height: 25px !important;
  padding: 0 5px !important;
  flex-grow: 1;
}

.r-fake-input {
  cursor: text;
  width: 100%;
  padding: 3px 5px;
  line-height: 25px;
  height: 25px;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  outline: none;
  overflow: hidden;
  white-space: pre;
  display: flex;
  align-items: center;
}
.r-fake-input.active, .ex-misc-prompt.miscPrompts .active h6.r-fake-input {
  border-color: rgba(39, 116, 180, 0.47) !important;
}
.r-fake-input .r-fake-text {
  padding-top: 2px;
  line-height: 12px;
  overflow: hidden;
}
.r-fake-input .r-fake-text.text-selected {
  background-color: #8d86f7;
  color: #fff;
}
.r-fake-input .r-fake-cursor {
  color: #565656;
  animation: blink 1s infinite;
  font-weight: bold;
  line-height: 14px;
}
@keyframes blink {
  0%, 49.9%, 100% {
    opacity: 0;
  }
  50%, 99.9% {
    opacity: 1;
  }
}

.r-mask-input,
r-fake-input {
  width: 100%;
  position: relative;
  display: flex;
}
.r-mask-input input,
r-fake-input input {
  width: 0px !important;
  height: 0px !important;
}
.r-mask-input .r-native-mask,
r-fake-input .r-native-mask {
  position: absolute;
  top: -10px;
  left: 0px;
  display: flex;
}
.r-mask-input .r-mask,
r-fake-input .r-mask {
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
}

.touch-keyboard {
  position: fixed !important;
  bottom: 30px;
  background-color: #f5f4f4;
  padding: 4px;
  box-shadow: 0 0 4px 0;
  z-index: 20000;
}
.touch-keyboard .r-func-keyboard {
  justify-content: flex-end;
}
.touch-keyboard .keyboard-header {
  background: mediumaquamarine;
  color: white;
  text-shadow: 0 0 1px black;
  display: flex;
  flex-direction: row;
  padding: 4px;
}
.touch-keyboard .keyboard-header.kh-align-left {
  flex-direction: row-reverse;
}
.touch-keyboard .r-key-grid .r-key-button,
.touch-keyboard .r-func-keys .r-key-button {
  height: 35px;
  width: 35px;
  border: 1px solid #c5bfbf;
  border-radius: 4px;
  margin: 3px;
  justify-content: center;
  cursor: pointer;
  background: #fff;
  font-size: 16px;
  box-shadow: 0 0 8px -4px black;
  flex-direction: column;
  display: flex;
  align-items: center;
}
.touch-keyboard .r-key-grid .r-key-button:active,
.touch-keyboard .r-func-keys .r-key-button:active {
  box-shadow: 0 0 3px 0px;
  background: #eae8e8;
  color: #00adff !important;
}
.touch-keyboard .r-key-grid .r-key-button.strength-button,
.touch-keyboard .r-func-keys .r-key-button.strength-button {
  flex-grow: 1;
}
.touch-keyboard .r-key-grid .r-key-button.toggled,
.touch-keyboard .r-func-keys .r-key-button.toggled {
  background: #eae8e8;
  color: #00adff;
}

.ex-tooltip-popover-wrapper .r-popover-content {
  border: 1px solid green;
  color: white;
  background: darkseagreen;
  text-shadow: 0 0 2px black;
  min-width: 150px;
  line-height: 15px;
}

.ex-react-view-footer {
  display: flex;
  flex-direction: row;
  min-height: 40px;
}
.ex-react-view-footer.ex-rvf-style-mini {
  padding: 5px;
  min-height: 30px;
}
.ex-react-view-footer.ex-rvf-style-mini .ex-vf-button {
  border: 1px solid;
  border-radius: 4px;
  height: 100%;
  min-height: 29px;
  background: #86b162;
  line-height: 10px;
  opacity: 0.85;
}
.ex-react-view-footer.ex-rvf-style-mini .ex-vf-button:not(:last-child) {
  margin-right: 5px;
}
.ex-react-view-footer.ex-rvf-style-mini .ex-vf-button:hover {
  background: #86b162;
  opacity: 1;
}
.ex-react-view-footer.ex-rvf-style-mini .ex-vf-button.button-with-result .fa {
  width: 0;
}
.ex-react-view-footer.ex-rvf-style-mini .ex-vf-button.button-with-result.error-result {
  background-color: #d85f7d !important;
  color: #961737 !important;
}
.ex-react-view-footer.ex-rvf-style-mini .ex-vf-button.button-with-result.success-result {
  background-color: #9ccc3c !important;
  color: #638a15 !important;
}
.ex-react-view-footer .defaultFooterItem, .ex-react-view-footer .ex-vf-popover, .ex-react-view-footer .ex-vf-select, .ex-react-view-footer .ex-vf-datepicker, .ex-react-view-footer .ex-vf-button {
  text-transform: capitalize;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  color: white;
  text-shadow: 0 0 2px black;
  font-size: medium;
  border-top: 1px solid transparent;
  min-height: 40px;
  text-align: center;
}
.ex-react-view-footer .defaultFooterItem:hover, .ex-react-view-footer .ex-vf-popover:hover, .ex-react-view-footer .ex-vf-select:hover, .ex-react-view-footer .ex-vf-datepicker:hover, .ex-react-view-footer .ex-vf-button:hover {
  border-top: 1px solid white;
  background-color: rgba(255, 255, 255, 0.25);
  cursor: pointer;
}
.ex-react-view-footer .defaultFooterItem:not(:last-child), .ex-react-view-footer .ex-vf-popover:not(:last-child), .ex-react-view-footer .ex-vf-select:not(:last-child), .ex-react-view-footer .ex-vf-datepicker:not(:last-child), .ex-react-view-footer .ex-vf-button:not(:last-child) {
  border-right: 1px solid white;
}
.ex-react-view-footer .ex-vf-disabled {
  opacity: 0.5 !important;
  pointer-events: none;
}
.ex-react-view-footer .ex-vf-button {
  flex-direction: row;
}
.ex-react-view-footer .ex-vf-button.hasNotSavedChanges {
  background-color: var(--button-hover-bg) !important;
}
.ex-react-view-footer .ex-vf-datepicker {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.ex-react-view-footer .ex-vf-datepicker .ex-datepicker {
  flex-grow: 1;
  display: flex;
}
.ex-react-view-footer .ex-vf-datepicker .ex-datepicker .ex-vf-dcontent {
  justify-content: center;
  align-content: center;
  padding: 8px 0;
}
.ex-react-view-footer .ex-vf-select .r-select {
  background-color: transparent;
  border: none;
  box-shadow: none;
  width: 100%;
}
.ex-react-view-footer .ex-vf-select .r-select .r-popover-content {
  box-shadow: none;
}
.ex-react-view-footer .ex-vf-select .r-select .r-popover-content .r-select-option {
  text-shadow: none;
  color: #596559;
}
.ex-react-view-footer .ex-vf-select .csm-tmpl {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  margin: 0 -5px;
  padding: 0 5px;
}

.ex-vf-popover-wrap .r-popover {
  cursor: initial;
}
.ex-vf-popover-wrap .r-popover > .r-popover-blackout {
  background: #293746;
  opacity: 0.4;
}
.ex-vf-popover-wrap .r-popover > .r-popover-content {
  background: linear-gradient(to bottom, #3393DF 0%, #49a1e5 32%, #2989d8 63%, #2989d8 63%, #0075d6 90%);
  padding: 0;
  display: flex;
  min-width: 250px;
  color: #333;
  text-shadow: none;
}

.ex-vf-popover .ex-vf-popover-button {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  text-align: center;
}

.ex-react-view-footer .ex-vf-button.hasNotSavedChanges {
  background-color: #d7fdc1 !important;
}
.ex-react-view-footer .ex-vf-button.hasNotSavedChanges:hover {
  background-color: var(--active) !important;
}

.ex-react-view-host {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(188, 218, 239, 0.23);
}
.ex-react-view-host > .ex-react-view {
  background: #3695df;
  box-shadow: 0 0 10px;
  flex-grow: inherit;
  border: 1px solid white;
}
.ex-react-view-host.rv-host-full {
  z-index: 1000;
}
.ex-react-view-host.rv-host-full > .ex-react-view {
  flex-grow: 1;
  align-self: stretch;
  margin: 20px;
}

.ex-react-view {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
  border-radius: 4px;
}
.ex-react-view .ex-react-view-content {
  background-color: white;
  border-radius: 4px;
  display: flex;
  flex-grow: 1;
  position: relative;
  flex-direction: column;
  padding: 5px;
  margin: 5px;
  overflow: auto;
}
.ex-react-view .ex-react-view-content.ex-view-as-content {
  padding: 0;
  margin: 0;
  background: none;
}
.ex-react-view .ex-react-view-content.ex-content-locked {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ex-react-view .ex-react-view-content .ex-content-unlock-btn {
  position: fixed;
  top: 18px;
  right: 18px;
  font-size: xx-large;
  border: 1px solid #ddd;
  padding: 5px;
  border-radius: 4px;
  box-shadow: 0 0 4px;
}
.ex-react-view .ex-react-view-header {
  display: flex;
  flex-direction: row;
  height: auto;
  padding: 5px 5px 0 5px;
  min-height: 35px;
}
.ex-react-view .ex-react-view-header .ex-react-view-header-title {
  display: flex;
  color: white;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
  font-size: 2em;
  align-self: center;
  min-height: 30px;
  text-transform: capitalize;
  margin: 0 30px 0 50px;
  flex-direction: column;
}
.ex-react-view .ex-react-view-header .ex-react-view-header-title .ex-react-view-big-part {
  display: flex;
  justify-content: center;
}
.ex-react-view .ex-react-view-header .ex-react-view-header-title .ex-react-view-header-sub-title {
  font-size: 16px;
  display: flex;
  flex-direction: row;
}
.ex-react-view .ex-react-view-header .ex-react-view-header-title .ex-react-view-header-title-text {
  margin-right: 10px;
}
.ex-react-view .ex-react-view-header .ex-rvh-btn-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: white;
  text-shadow: 0 0 1px black;
}
.ex-react-view .ex-react-view-header .ex-rvh-btn {
  margin: 0 2px;
  border: 1px solid transparent;
  border-radius: 5px;
  display: flex;
}
.ex-react-view .ex-react-view-header .ex-rvh-btn:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.43);
  box-shadow: 0 0 5px;
  border-color: rgba(255, 255, 255, 0.62);
}
.ex-react-view .ex-react-view-header .ex-rvh-btn .fa.fa-lg {
  line-height: normal !important;
}

.workflow-map {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  background: whitesmoke;
}
.workflow-map .wmi {
  background: #3177a0;
  box-shadow: 0 4px 12px -1px;
  display: flex;
  flex-direction: column;
}
.workflow-map .wmi .wmi-header {
  display: flex;
  cursor: move;
}
.workflow-map .wmi.wmi-completed .wmi-body,
.workflow-map .wmi.wmi-completed .wmi-header .wmi-name {
  background: darkseagreen !important;
  color: white;
  text-shadow: 0 0 1px black;
}
.workflow-map .wmi.wmi-completed .wmi-body, .workflow-map .wmi.wmi-locked .wmi-body {
  justify-content: center;
  align-content: center;
  text-align: center;
}
.workflow-map .wmi.wmi-locked {
  background: silver !important;
  opacity: 0.4;
  pointer-events: none;
}
.workflow-map .wmi .wmi-status .wmi-step-number {
  color: white;
  text-shadow: 0 0 1px black;
}
.workflow-map .wmi .wmi-status.wmis-done {
  background: darkseagreen !important;
}
.workflow-map .wmi .wmi-status.wmis-current {
  border: 1px solid #1e6faf !important;
  background: #03a9f4 !important;
  transform: scale(1.5);
}
.workflow-map .wmi .wmi-status.wmis-next {
  background: #ddd !important;
}
.workflow-map .wmi .wmi-body {
  background: white;
  margin: 0 5px 5px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.workflow-map .wmi .wmi-closed-by-time {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  align-items: center;
  font-size: medium;
}
.workflow-map .wmi .wmi-name,
.workflow-map .wmi .wmi-type {
  text-transform: capitalize;
}
.workflow-map .wmi .wmi-type {
  color: white;
  text-shadow: 0 0 1px black;
  font-size: large;
  display: flex;
  align-items: center;
  padding: 0 15px 0 15px;
  white-space: nowrap;
}
.workflow-map .wmi .wmi-name {
  background: white;
  width: 100%;
  margin-right: 5px;
  margin-top: 5px;
  min-height: 35px;
  line-height: 12px;
  padding: 5px;
}
.workflow-map .wmi .wmi-footer {
  border-top: 1px solid white;
  display: flex;
  flex-direction: row;
}
.workflow-map .wmi .wmi-footer .wmi-action {
  color: white;
  text-shadow: 0 0 1px black;
  text-align: center;
  line-height: 13px;
  padding: 5px 0;
  width: 100%;
  cursor: pointer;
}
.workflow-map .wmi .wmi-footer .wmi-action:hover {
  background: rgba(255, 255, 255, 0.15);
}
.workflow-map .wmi .wmi-steps {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 15px 50px;
}
.workflow-map .wmi .wmi-steps::before {
  height: 2px;
  content: " ";
  border: 1px solid #ddd;
  position: absolute;
  background: whitesmoke;
  top: 8px;
  z-index: 10;
  left: 0;
  right: 0;
}
.workflow-map .wmi .wmi-steps .wmi-step {
  z-index: 20;
  border: 1px solid #ddd;
  border-radius: 100%;
  padding: 5px;
  background: white;
  line-height: 10px;
  width: 23px;
  height: 20px;
  text-align: center;
  position: relative;
}
.workflow-map .wmi .wmi-steps .wmi-step-notes {
  position: absolute;
  text-align: center;
  top: 25px;
  left: -30px;
  right: -30px;
  overflow: hidden;
}
.workflow-map .wmi-selected {
  box-shadow: 0 0 30px 0 #3594df !important;
  background: #4c7b4c !important;
}
.workflow-map .wmi-relation {
  position: absolute;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.workflow-map .wmi-relation.wmi-default::before {
  border-color: transparent transparent transparent darkorange;
}
.workflow-map .wmi-relation.wmi-default .wmir-line {
  background: darkorange !important;
}
.workflow-map .wmi-relation::before {
  content: " ";
  border-style: solid;
  border-width: 11px 0px 10px 38px;
  border-color: transparent transparent transparent #7d7d7d;
  position: absolute;
  right: -15px;
  top: 9px;
}
.workflow-map .wmi-relation .wmir-line {
  background: #7d7d7d;
  height: 4px;
  border-radius: 10px;
}

[data-layout] {
  display: flex;
}

[data-layout=row] {
  flex-direction: row;
}

[data-layout=column] {
  flex-direction: column;
}

[data-wrap] {
  flex-wrap: wrap;
}

.ex-ROR-body .jt-grid-table.MasterSection .jt-grid-r {
  height: 1%;
}
.ex-ROR-body .jt-grid-table.MasterSection .jt-grid-r:last-child {
  height: 100%;
}
.ex-ROR-body [data-role=section] ul {
  margin: 5px 0 0 5px;
  padding: 10px 25px;
}
.ex-ROR-body [data-role=section] ul li {
  margin: 5px 0 0 5px;
  padding: 0;
}
.ex-ROR-body .tab-item {
  cursor: pointer;
}
.ex-ROR-body .fa-exclamation-triangle {
  color: rgb(228, 216, 88) !important;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.79);
}
.ex-ROR-body .isDeleted {
  color: rgba(255, 0, 0, 0.92);
}
.ex-ROR-body .jt-grid-c.no-padding.col-1 {
  min-width: 30px;
}
.ex-ROR-body .CategoriesTable {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-top: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ex-ROR-body .CategoriesTable:first-child {
  border-top: 1px solid #ddd;
}
.ex-ROR-body .CategoriesTable thead tr {
  line-height: 15px;
}
.ex-ROR-body .CategoriesTable th {
  border-bottom: 1px solid #ddd;
}
.ex-ROR-body .CategoriesTable tr td {
  padding: 0 4px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.ex-ROR-body .CategoriesTable tr td a {
  cursor: pointer;
  text-decoration: underline;
}
.ex-ROR-body .CategoriesTable tr td a:hover {
  text-decoration: none;
}
.ex-ROR-body .CategoriesTable .title-th {
  font-size: 1.1em;
  padding: 0 5px;
}
.ex-ROR-body .title-group .title-section {
  font-size: 1.3em;
}

.tableReason th {
  line-height: 11px;
  padding: 2px;
}
.tableReason td {
  width: 80px;
}
.tableReason tr {
  padding-top: 5px;
  padding-bottom: 5px;
}
.tableReason tr td {
  border-right: 1px solid #ddd;
}

.ex-dashboard .small-board, .ex-dashboard-widgets-select .small-board, .d3widget .small-board {
  position: absolute;
}
.ex-dashboard .small-board.left, .ex-dashboard-widgets-select .small-board.left, .d3widget .small-board.left {
  top: 0;
  bottom: 0;
  left: 0;
  padding: 5px 0px 5px 5px;
}
.ex-dashboard .small-board.top, .ex-dashboard-widgets-select .small-board.top, .d3widget .small-board.top {
  top: 0;
  left: 0;
  right: 0;
}
.ex-dashboard .small-board.bottom, .ex-dashboard-widgets-select .small-board.bottom, .d3widget .small-board.bottom {
  bottom: 0 !important;
  left: 0;
  right: 0;
}
.ex-dashboard .small-board.right, .ex-dashboard-widgets-select .small-board.right, .d3widget .small-board.right {
  top: 0;
  bottom: 0;
  right: 0;
  padding: 5px 5px 5px 0;
}
.ex-dashboard .widgetCategory, .ex-dashboard-widgets-select .widgetCategory, .d3widget .widgetCategory {
  background: rgb(243, 243, 243);
  padding: 0 7px;
  line-height: 13px;
  padding-top: 7px;
  font-weight: 700;
}
.ex-dashboard .dashboard-component, .ex-dashboard-widgets-select .dashboard-component, .d3widget .dashboard-component {
  height: 100%;
  width: 100%;
  position: relative;
}
.ex-dashboard .dashboard-component.busy, .ex-dashboard-widgets-select .dashboard-component.busy, .d3widget .dashboard-component.busy {
  opacity: 0.4;
}
.ex-dashboard .widget, .ex-dashboard-widgets-select .widget, .d3widget .widget {
  min-height: 250px;
  height: 50%;
}
.ex-dashboard .widget.no-title .data-widget-content, .ex-dashboard-widgets-select .widget.no-title .data-widget-content, .d3widget .widget.no-title .data-widget-content {
  top: 0;
}
.ex-dashboard .widget .w-preview header, .ex-dashboard-widgets-select .widget .w-preview header, .d3widget .widget .w-preview header {
  background-color: rgb(200, 230, 255);
  padding: 1px 3px;
  color: rgb(119, 119, 119);
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.ex-dashboard .d-simple-table, .ex-dashboard-widgets-select .d-simple-table, .d3widget .d-simple-table {
  width: 100%;
}
.ex-dashboard .d-simple-table td, .ex-dashboard-widgets-select .d-simple-table td, .d3widget .d-simple-table td {
  border: 1px solid #ddd;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ex-dashboard .small-header, .ex-dashboard-widgets-select .small-header, .d3widget .small-header {
  padding: 0 5px;
  background-color: #3493DF;
  color: white;
  text-shadow: 0 0 1px black;
}
.ex-dashboard .small-header i, .ex-dashboard-widgets-select .small-header i, .d3widget .small-header i {
  float: right;
  padding: 3px;
}
.ex-dashboard [data-widget=content], .ex-dashboard-widgets-select [data-widget=content], .d3widget [data-widget=content] {
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 0;
  right: 0;
}
.ex-dashboard .widgetTitle, .ex-dashboard-widgets-select .widgetTitle, .d3widget .widgetTitle {
  float: left;
  padding: 3px 5px;
  margin: 3px;
  border: 1px solid #ccc;
  width: 150px;
  cursor: pointer;
  background-color: rgba(143, 188, 143, 0.45);
  box-shadow: 0px 0px 1px #000;
}
.ex-dashboard .widgetTitle:hover, .ex-dashboard-widgets-select .widgetTitle:hover, .d3widget .widgetTitle:hover {
  background-color: rgba(143, 188, 143, 0.95);
  font-weight: 800;
}
.ex-dashboard .widgetTitle.added, .ex-dashboard-widgets-select .widgetTitle.added, .d3widget .widgetTitle.added {
  font-weight: 800;
  box-shadow: 0 0 3px 0px rgb(0, 139, 255);
  background-color: rgba(143, 188, 143, 0.95);
  border: 1px solid rgba(0, 0, 255, 0.37);
}
.ex-dashboard .widgetContaiter, .ex-dashboard-widgets-select .widgetContaiter, .d3widget .widgetContaiter {
  position: relative;
  padding: 2px;
}
.ex-dashboard .widget-item, .ex-dashboard-widgets-select .widget-item, .d3widget .widget-item {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.02);
  border: 2px solid #3493DF;
  position: relative;
}
.ex-dashboard .widget-item:hover,
.ex-dashboard .small-widget-item:hover, .ex-dashboard-widgets-select .widget-item:hover,
.ex-dashboard-widgets-select .small-widget-item:hover, .d3widget .widget-item:hover,
.d3widget .small-widget-item:hover {
  box-shadow: 0px 0px 3px 1px #3493DF;
}
.ex-dashboard .board-panel, .ex-dashboard-widgets-select .board-panel, .d3widget .board-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.ex-dashboard .board-panel[cells] .widgetContaiter, .ex-dashboard-widgets-select .board-panel[cells] .widgetContaiter, .d3widget .board-panel[cells] .widgetContaiter {
  display: inline-block;
  float: left;
  padding: 5px;
  width: 100%;
}
.ex-dashboard .board-panel[cells="2"] .widgetContaiter, .ex-dashboard-widgets-select .board-panel[cells="2"] .widgetContaiter, .d3widget .board-panel[cells="2"] .widgetContaiter {
  width: 50%;
}
.ex-dashboard .board-panel[cells="3"] .widgetContaiter, .ex-dashboard-widgets-select .board-panel[cells="3"] .widgetContaiter, .d3widget .board-panel[cells="3"] .widgetContaiter {
  width: 33.33%;
}
.ex-dashboard .board-panel[cells="4"] .widgetContaiter, .ex-dashboard-widgets-select .board-panel[cells="4"] .widgetContaiter, .d3widget .board-panel[cells="4"] .widgetContaiter {
  width: 25%;
}
.ex-dashboard .board-panel[cells="5"] .widgetContaiter, .ex-dashboard-widgets-select .board-panel[cells="5"] .widgetContaiter, .d3widget .board-panel[cells="5"] .widgetContaiter {
  width: 20%;
}
.ex-dashboard .small-widget-item, .ex-dashboard-widgets-select .small-widget-item, .d3widget .small-widget-item {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.02);
  border: 2px solid #3493DF;
  position: relative;
}
.ex-dashboard .small-board > .small-widget-item:only-child, .ex-dashboard-widgets-select .small-board > .small-widget-item:only-child, .d3widget .small-board > .small-widget-item:only-child {
  height: 100%;
}
.ex-dashboard .widgetBoardGrid .jt-grid-c, .ex-dashboard-widgets-select .widgetBoardGrid .jt-grid-c, .d3widget .widgetBoardGrid .jt-grid-c {
  padding-bottom: 0px;
}
.ex-dashboard circle, .ex-dashboard-widgets-select circle, .d3widget circle {
  pointer-events: all;
}
.ex-dashboard .uic-container, .ex-dashboard-widgets-select .uic-container, .d3widget .uic-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.ex-dashboard .uic-container g, .ex-dashboard-widgets-select .uic-container g, .d3widget .uic-container g {
  pointer-events: all;
}
.ex-dashboard svg.uic-chart, .ex-dashboard-widgets-select svg.uic-chart, .d3widget svg.uic-chart {
  width: inherit;
  height: inherit;
}
.ex-dashboard svg.uic-chart path.domain, .ex-dashboard-widgets-select svg.uic-chart path.domain, .d3widget svg.uic-chart path.domain {
  stroke: rgb(111, 111, 111);
  fill: rgb(111, 111, 111);
}
.ex-dashboard svg.uic-chart .tick line, .ex-dashboard-widgets-select svg.uic-chart .tick line, .d3widget svg.uic-chart .tick line {
  stroke: lightgrey;
  opacity: 0.7;
}
.ex-dashboard svg.uic-chart *:not(.io-container) text, .ex-dashboard-widgets-select svg.uic-chart *:not(.io-container) text, .d3widget svg.uic-chart *:not(.io-container) text {
  stroke: rgb(107, 107, 107);
  stroke-width: 0.4px;
  fill: rgb(82, 82, 82);
}
.ex-dashboard svg.uic-chart .chart-lines, .ex-dashboard-widgets-select svg.uic-chart .chart-lines, .d3widget svg.uic-chart .chart-lines {
  fill: transparent;
  stroke: black;
  stroke-width: 2px;
  stroke-opacity: 0.9;
}
.ex-dashboard svg.uic-chart .chart-bars rect, .ex-dashboard-widgets-select svg.uic-chart .chart-bars rect, .d3widget svg.uic-chart .chart-bars rect {
  opacity: 0.66;
  stroke: rgba(0, 0, 0, 0.82);
}
.ex-dashboard .io-container:hover, .ex-dashboard-widgets-select .io-container:hover, .d3widget .io-container:hover {
  opacity: 1;
}

.taskWidget li:hover {
  cursor: pointer;
}
.taskWidget li:hover .task-text {
  text-decoration: underline;
}

.ex-dashboard-grid .widget-item {
  height: 100%;
  width: 100%;
}
.ex-dashboard-grid .widgetBoardGrid .widgetContaiter {
  min-height: 15%;
  height: 50%;
}

.ex-dashboard-grid-configuration .widget-item {
  height: 100%;
  width: 100%;
}
.ex-dashboard-grid-configuration .widgetBoardGrid .widget-cell {
  min-height: 15%;
  height: 1%;
}

.taskWidget .header-row {
  padding: 0 20px;
}
.taskWidget .header-pane-row {
  font-weight: bold;
  border-bottom: 1px solid #8a8989;
}
.taskWidget .pane-column {
  justify-content: flex-end;
  width: 70px;
}
.taskWidget .count-column {
  justify-content: flex-end;
  width: 100px;
}
.taskWidget .detailed-pane {
  border-left: 1px solid #8a8989;
  margin-left: 10px;
  padding-left: 10px;
}
.taskWidget .summary-group {
  margin-left: 70px;
  border-left: 1px solid #8a8989;
}
.taskWidget .summary-group.summary-group-root {
  border-left: none;
  margin-left: 0;
}
.taskWidget .summary-group.summary-group-root::after {
  content: none;
}
.taskWidget .summary-group::before {
  content: none;
  width: 20px;
  height: 40px;
  border-left: 1px solid #8a8989;
  position: absolute;
  top: 0px;
  left: 20px;
}
.taskWidget .summary-group::after {
  content: " ";
  width: 40px;
  height: 0px;
  border-bottom: 1px solid #8a8989;
  border-left: 1px solid #8a8989;
  position: absolute;
  top: 25px;
  left: 0px;
}
.taskWidget .summary-row {
  display: flex;
  flex-direction: row;
  margin-left: 40px !important;
  min-height: 40px;
  border: 1px solid #8a8989;
  padding: 0 20px;
  cursor: pointer;
}
.taskWidget .summary-row.selected {
  background-color: darkseagreen;
  color: white;
  text-shadow: 0 0 1px black;
}
.taskWidget .summary-row .lower {
  position: relative;
  top: 5px;
}
.taskWidget .summary-row:first-child {
  border-top: 1px solid #8a8989;
  margin-top: 5px !important;
}

.incident-widget {
  height: 100%;
  padding: 5px 0 0 5px;
}
.incident-widget .incident-workflow {
  border: 1px solid #ddd;
  cursor: pointer;
  border-radius: 3px;
  background-color: #fff7c0;
  margin: 3px 5px;
  box-shadow: 1px 1px 2px #ddd;
  padding: 15px 5px;
  justify-content: space-around;
}
.incident-widget .incident-workflow:hover {
  background-color: #9fff77;
}
.incident-widget .incident-workflow .incident-title {
  font-weight: bold;
  font-size: medium;
  text-align: center;
}
.incident-widget .inc-table {
  border-left: 1px solid #ddd;
  overflow: auto;
  padding: 3px;
}

.ex-distributor-constructor .tab-stores .JTListView {
  height: 88% !important;
}
.ex-distributor-constructor .tab-stores .store-block-btn .btn {
  display: block;
  width: 88%;
}
.ex-distributor-constructor .allStoreSelect {
  position: absolute;
  padding: 0 0 0 10px;
  top: 0;
}
.ex-distributor-constructor .allStoreSelect input, .ex-distributor-constructor .allStoreSelect [data-part=ValueTemplate] {
  height: 27px;
  min-width: 240px;
  line-height: 25px;
}
.ex-distributor-constructor .tabs-section .stores-tab {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: stretch;
  align-self: stretch;
}
.ex-distributor-constructor .col-Assign .btn, .ex-distributor-constructor .col-UnAssign .btn {
  width: 30%;
  margin-top: 5px;
}
.ex-distributor-constructor .col-UnAssign, .ex-distributor-constructor .col-Assign {
  padding: 5px 0;
}
.ex-distributor-constructor .col-UnAssign header, .ex-distributor-constructor .col-Assign header {
  font-size: 1.3em !important;
  text-align: center;
  font-weight: bold;
  background-color: darkseagreen;
  margin-top: 5px;
  padding: 5px;
  border: 1px solid #7D7E80;
  border-radius: 5px;
}
.ex-distributor-constructor .listboxView {
  display: flex;
  flex-grow: 1;
}
.ex-distributor-constructor .listboxView [data-widget=listbox] {
  flex-grow: 1;
}
.ex-distributor-constructor .listboxView [data-widget=listbox] ul {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: none;
}
.ex-distributor-constructor [data-role=section], .ex-distributor-constructor .jt-grid .jt-grid-c,
.ex-distributor-constructor .jt-grid-table .jt-grid-c {
  padding: 0 5px;
}
.ex-distributor-constructor .input-row {
  min-height: 28px;
}
.ex-distributor-constructor .btn.btn-base {
  margin: 5px;
}
.ex-distributor-constructor .jtcolor-fa .fa-download,
.ex-distributor-constructor .jtcolor-fa .fa-print {
  color: #fff;
}

.ex-employees [data-jgrid-role=thead] {
  height: 21px !important;
}
.ex-employees .flexbox-parent {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
.ex-employees .disabled-custom > a {
  opacity: 0.5;
  pointer-events: none;
}
.ex-employees .no-disabled {
  opacity: 1 !important;
  pointer-events: all !important;
}
.ex-employees .column-80 {
  width: 80%;
  -moz-transition: width 1.55s ease-in-out;
  -o-transition: width 1.55s ease-in-out;
  -webkit-transition: width 1.55s ease-in-out;
  transition: width 1.55s ease-in-out;
}
.ex-employees .isItemReadyToMerge td {
  background-color: rgb(114, 191, 233);
  font-weight: bold;
  border-bottom-color: red !important;
}
.ex-employees .column-20 {
  padding-top: 15px;
  width: 19%;
  left: inherit;
}
.ex-employees .column-20 h3 {
  margin-bottom: 15px;
  font-size: 1.7em;
  padding-right: 36px;
}
.ex-employees tr.isItemReadyToMerge.isReadyToMerge {
  opacity: 1;
}
.ex-employees .isReadyToMerge:not(.selectToMerge) {
  opacity: 0.6;
}
.ex-employees .fakeSelectMerge {
  height: 34px;
  border-radius: 6px;
  margin: 6px 10px;
  color: var(--text-button-color);
  line-height: 34px;
  font-size: 14px;
  background-color: white;
  cursor: pointer;
  box-shadow: 0px 4px 7px 1px rgba(111, 111, 111, 0.5294117647);
  border: 1px solid var(--text-button-color);
}
.ex-employees .btn-merge-container {
  margin-top: 15px;
}
.ex-employees .btn-merge-container .btn-merge {
  min-width: 85px;
  margin-right: 6px;
}
.ex-employees .isActiveSelect {
  background-color: var(--text-button-color);
  color: white;
  border: none;
  box-shadow: 0px 4px 7px 1px rgba(111, 111, 111, 0.5294117647);
}
.ex-employees #toast-container {
  top: 50% !important;
}
.ex-employees .onclear {
  margin: 8px 16px 8px 0px;
  position: absolute;
  right: 8px;
}
.ex-employees .selectToMerge td {
  background-color: rgb(177, 230, 183);
}
.ex-employees .closeMergeSection {
  position: absolute;
  right: 10px;
  top: 11px;
  font-size: 2.4em;
  color: #3494df;
  text-transform: capitalize;
}
.ex-employees .employee-number .ex-react-tooltip {
  display: inline-block;
}

.ex-alert .wrap-scroll-area {
  background-color: rgba(134, 118, 118, 0.06);
  border: 1px solid #ddd;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.ex-alert .wrap-scroll-area ul {
  list-style: none;
  margin: 1px;
  padding: 4px;
  overflow-y: auto;
}
.ex-alert .wrap-scroll-area ul.parentQuestion {
  height: 200px;
}
.ex-alert .wrap-scroll-area ul.parentQuestion li {
  margin-top: 0px;
}
.ex-alert .wrap-scroll-area ul.parentQuestion li .jt-grid-c {
  padding: 0px;
}
.ex-alert .wrap-scroll-area ul.parentQuestion li .input-row {
  border: none;
}
.ex-alert .wrap-scroll-area ul.message-alert {
  height: 400px;
}
.ex-alert .message-alert {
  margin: 5px;
  padding: 4px;
}
.ex-alert .message-alert li {
  background-color: white;
  border: 1px solid #3695E0;
  box-shadow: 1px 1px 7px -2px #3594E0;
  padding: 0px;
  border-radius: 4px;
  margin: 10px 0;
}
.ex-alert .message-alert li .btn {
  border-top: none;
}
.ex-alert .message-alert .mess-icon {
  width: 39px;
  padding: 0px;
}
.ex-alert .message-alert .mess-icon > span, .ex-alert .message-alert .mess-icon > span:active {
  width: 38px;
  float: left;
  height: 38px;
  margin: 0 !important;
  border-color: #3695E0;
  border-bottom: none;
  border-left: none;
  border-radius: 0px;
  background-color: transparent;
  color: #3594DF;
}
.ex-alert .message-alert .jt-grid-c.center {
  padding: 7px 0;
}
.ex-alert .message-alert .jt-grid-c a {
  cursor: pointer;
}
.ex-alert .message-alert .jt-grid-c a > span {
  font-size: 1.4em;
}
.ex-alert .segmented-control {
  width: 100%;
  margin-bottom: 10px;
}
.ex-alert .segmented-control .control-item {
  width: 50%;
}
.ex-alert .segmented-control .control-item:hover {
  box-shadow: none;
}
.ex-alert .segmented-control .control-item.active, .ex-alert .segmented-control .ex-misc-prompt.miscPrompts .active h6.control-item, .ex-misc-prompt.miscPrompts .active .ex-alert .segmented-control h6.control-item {
  text-decoration: none;
}
.ex-alert .text-wrap {
  border-bottom: 0px solid #ddd !important;
}
.ex-alert textarea {
  height: 170px;
  background: rgb(245, 245, 245) !important;
  border: 1px solid rgb(221, 221, 221) !important;
  border-radius: 4px !important;
  resize: none;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-size: 1.2em !important;
}
.ex-alert .btn {
  margin: 10px;
}
.ex-alert section.jt-grid-r.mess-text.mess-text {
  border-bottom: 1px solid #488CCB;
  text-align: center;
  color: #488CCB;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 27px;
  font-size: large;
  padding: 0px;
}
.ex-alert .alert-period span {
  color: #595959;
  font-size: 1.2em;
}

.ex-question-alert-history,
.ex-message-alert-history {
  border: none;
  background: transparent !important;
  padding: 0;
}
.ex-question-alert-history .y-scrollable-area,
.ex-message-alert-history .y-scrollable-area {
  border: 1px solid;
  border-color: #C3BEBE;
  list-style: none;
  height: 200px;
  overflow-y: auto;
  padding: 0 5px;
  margin: 0;
  border-radius: 4px;
  box-shadow: inset 1px 1px 1px 0px #ddd;
}
.ex-question-alert-history ul.y-scrollable-area li,
.ex-message-alert-history ul.y-scrollable-area li {
  border-bottom: 1px solid #C2C2C2;
  padding: 5px;
  margin: 5px 0;
}
.ex-question-alert-history .li-icon,
.ex-message-alert-history .li-icon {
  width: 5%;
}
.ex-question-alert-history .li-icon > span,
.ex-message-alert-history .li-icon > span {
  color: #3594E0;
}
.ex-question-alert-history .static-close,
.ex-message-alert-history .static-close {
  font-size: 0.8em;
}
.ex-question-alert-history .modal-content span:not(.fa),
.ex-question-alert-history .field-label,
.ex-message-alert-history .modal-content span:not(.fa),
.ex-message-alert-history .field-label {
  font-size: 1.2em !important;
}

.ex-question-alert-history .modal-content span.fa {
  font-size: 1.7em;
}

.ex-employee-editor {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
  margin-bottom: 8px;
}
.ex-employee-editor .input-row {
  position: static;
}
.ex-employee-editor fieldset {
  flex-basis: auto;
  flex-grow: 1;
}
.ex-employee-editor .flex-box-column {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: initial;
  align-items: stretch;
  flex-grow: 1;
}
.ex-employee-editor .listbox {
  padding: 1px;
  border-radius: 4px;
}
.ex-employee-editor .listbox .item-selected {
  text-decoration: underline;
  background-color: darkseagreen;
  color: white;
  text-shadow: 0 0 1px black;
  padding: 0 5px;
  font-size: 110%;
}
.ex-employee-editor .listbox .item-selected .item-selection {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.ex-employee-editor .listbox .content {
  position: relative;
  cursor: pointer;
}
.ex-employee-editor .listbox .item-selection {
  position: absolute;
  right: 5px;
  top: 0;
  display: none;
}
.ex-employee-editor .listbox ul {
  list-style: none;
  border: 1px solid #ddd;
  background-color: white;
  padding: 5px;
  margin: 0;
  line-height: 22px;
  border-radius: inherit;
  max-height: 216px;
  overflow: auto;
  min-height: 216px;
}
.ex-employee-editor .listbox ul > li:hover {
  background-color: darkseagreen;
  color: white;
  text-shadow: 0 0 1px black;
  padding: 0 5px;
  font-size: 110%;
}
.ex-employee-editor .listbox ul > li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.ex-employee-editor .listbox ul li div {
  font-size: 1em;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  text-overflow: ellipsis;
}

.ex-emp-security-profile .fake-pass label.r-input-label {
  width: calc(45% + 25px);
}

.ex-employee-edit-tab-job-codes .ex-form-group {
  margin: 10px 0 15px 0 !important;
}
.ex-employee-edit-tab-job-codes .ex-form-group .ex-form-group-button-actions {
  width: 100%;
  justify-content: center;
  align-self: stretch;
  margin: 4px 0 10px;
}
.ex-employee-edit-tab-job-codes h4 {
  width: 100%;
  color: white;
  padding: 4px;
  margin: 0;
  background-color: rgb(150, 199, 255);
  text-shadow: 0 0 2px black;
}
.ex-employee-edit-tab-job-codes > .r-stack-panel {
  padding: 1px;
}
.ex-employee-edit-tab-job-codes .ex-employee-edit-tab-job-codes-details {
  padding: 5px;
}

.ex-employee-edit-tab-matrix .rt-line {
  cursor: pointer;
}
.ex-employee-edit-tab-matrix .ex-evaluation-passed .rt-cell {
  background: rgba(49, 228, 27, 0.24) !important;
}
.ex-employee-edit-tab-matrix .ex-emp-matrix-row {
  line-height: 18px;
}

.ex-evaluation-admin .rippled-background, .ex-evaluation-admin .questionsPool .item, .ex-evaluation-admin .quizEdit .item, .ex-evaluation-admin .editReview .item, .ex-evaluation-admin .evaluation-constructor .item {
  border-radius: 4px;
  border: 1px dashed #D4D4D4;
  background-image: linear-gradient(to right top, transparent 45%, black 73%, black 6%, transparent 6%);
  background-size: 3px 3px;
  cursor: pointer;
}
.ex-evaluation-admin .items-common-margin, .ex-evaluation-admin .questionsPool .item, .ex-evaluation-admin .quizEdit .item, .ex-evaluation-admin .editReview .item {
  margin-bottom: 10px;
}
.ex-evaluation-admin .evaluation-constructor .item {
  width: 49.8%;
  display: inline-block;
  position: relative;
  margin-top: 5px;
  padding: 0;
}
.ex-evaluation-admin .evaluation-constructor .item:hover {
  background-color: rgb(253, 253, 225);
}
.ex-evaluation-admin .evaluation-constructor .node-buttons {
  position: absolute;
  right: 10px;
  top: 0;
}
.ex-evaluation-admin .evaluation-constructor li.level {
  position: relative;
  padding: 8px;
  border-radius: 4px;
  margin-bottom: 10px;
  border: 1px solid;
  box-shadow: 0 0.003em 0.2em;
  background: #fff;
}
.ex-evaluation-admin .evaluation-constructor li.level:hover {
  background-color: rgb(255, 255, 244);
}
.ex-evaluation-admin .evaluation-constructor li.level:after {
  content: "Level";
  position: absolute;
  top: 25px;
  z-index: 1;
  font-family: sans-serif;
  font-style: normal;
  font-weight: 100;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  font-size: 1.5em;
  color: #c00;
  background: #fff;
  border: solid 4px #c00;
  padding: 5px;
  border-radius: 5px;
  zoom: 1;
  filter: alpha(opacity=20);
  opacity: 0.2;
  -webkit-text-shadow: 0 0 2px #c00;
  text-shadow: 0 0 2px #c00;
  box-shadow: 0 0 2px #c00;
}
.ex-evaluation-admin .evaluation-constructor li.level > .jt-grid > .tools .bold {
  font-size: 1.3em;
}
.ex-evaluation-admin .evaluation-constructor .listLevelModel {
  border: 1px solid silver;
  margin: 5px;
  overflow-y: scroll;
  position: relative;
}
.ex-evaluation-admin .evaluation-constructor .sub-level {
  position: relative;
  border: 1px dashed;
  margin-top: 5px;
  padding: 10px;
}
.ex-evaluation-admin .editReview .item:hover {
  background-color: rgb(253, 253, 225);
}
.ex-evaluation-admin .editReview .RemoveBtn {
  margin-right: 3px;
}
.ex-evaluation-admin .editReview .RemoveBtn:hover {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.ex-evaluation-admin .editReview .RemoveBtn .reviewInfo {
  display: inline-block;
  vertical-align: middle;
}
.ex-evaluation-admin .editReview .RemoveBtn .reviewSetting {
  border: 1px solid silver;
  display: inline-block;
}
.ex-evaluation-admin .editReview .RemoveBtn .marksBlock {
  display: inline-flex;
}
.ex-evaluation-admin .editReview .RemoveBtn .markBlock {
  width: 100px;
}
.ex-evaluation-admin .quizEdit .item:not(.placeholder):hover {
  background-color: rgb(253, 253, 225);
}
.ex-evaluation-admin .quizEdit .sl-mbHeader {
  font-size: 14px;
  text-align: center;
}
.ex-evaluation-admin .quizEdit .categoriesContainer {
  padding: 5px 0 0 10px;
  margin: 0;
}
.ex-evaluation-admin .quizEdit .categoriesContainer .categoryContainer .k-header {
  font-size: 1.3em;
}
.ex-evaluation-admin .quizEdit .categoriesContainer .categoryContainer ul {
  margin: 0;
  padding: 5px 0;
}
.ex-evaluation-admin .quizEdit .itemsMargin {
  margin: 7px;
}
.ex-evaluation-admin .quizEdit .deleteBtnPadding {
  padding: 3px 8px 3px 3px;
}
.ex-evaluation-admin .quizEdit ul li {
  display: block;
}
.ex-evaluation-admin .quizEdit input[type=radio] {
  margin-top: -4px;
}
.ex-evaluation-admin .quizEdit .ItemConteinar {
  margin: 10px auto;
  border: 1px silver solid;
  width: 90%;
  border-radius: 4px;
  min-height: 15px;
  padding: 5px;
}
.ex-evaluation-admin .quizEdit .move-item {
  padding: 5px;
  border: 2px solid;
  border-radius: 3px;
  width: 200px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.ex-evaluation-admin .quizEdit .placeholder {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  background-image: linear-gradient(to right top, transparent 48%, #000000 54%, #000000 49%, transparent 32%);
  transform: scale(1.1);
}
.ex-evaluation-admin .quizEdit .IconTypeQ a {
  display: inline-block;
  margin: 0;
  height: 30px;
  border-radius: 5px;
  padding: 0;
  cursor: pointer;
}
.ex-evaluation-admin .quizEdit .IconTypeQ a:hover {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.ex-evaluation-admin .quizEdit .input-row * {
  text-align: left !important;
}
.ex-evaluation-admin .questionsPool .item:not(.placeholder):hover {
  background-color: rgb(253, 253, 225);
}
.ex-evaluation-admin .removeQuiz {
  margin-top: -4px;
  margin-left: 4px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.ex-evaluation-admin .sl-mbHeader {
  font-size: 14px;
}
.ex-evaluation-admin .itemsMargin {
  margin: 7px;
}
.ex-evaluation-admin .deleteBtnPadding {
  padding: 3px 8px 3px 3px;
}
.ex-evaluation-admin .validationError {
  border-color: red !important;
}
.ex-evaluation-admin a {
  outline: none;
  text-decoration: none;
}
.ex-evaluation-admin a:visited {
  outline: none;
  text-decoration: none;
}
.ex-evaluation-admin a:hover {
  background-color: transparent;
}
.ex-evaluation-admin .evaluation-matrix {
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 1px 1px 6px 0px #749DBB;
  border-radius: 3px;
}
.ex-evaluation-admin .evaluation-matrix .r-file-explorer .r-fe-itemicon.fa.fa-folder {
  font-size: 200px !important;
}
.ex-evaluation-admin .evaluation-matrix .sl-matrixContainer {
  display: inline-block;
  margin: 7px;
  height: 210px;
  width: 335px;
  border-color: none;
  border: 1px solid #C2C2C2;
  box-shadow: 0 5px 17px -6px silver;
  background: white;
}
.ex-evaluation-admin .evaluation-matrix .matrix-list {
  list-style: none;
}
.ex-evaluation-admin .evaluation-matrix .matrix-list .matrixLI {
  position: relative;
}
.ex-evaluation-admin .evaluation-matrix .matrix-list .m-header {
  padding: 1px 5px;
  margin: 1px;
  height: 30px;
}
.ex-evaluation-admin .evaluation-matrix .matrix-list .m-header .alert-matrix {
  color: rgb(249, 249, 37);
  position: absolute;
  top: 5px;
  right: 7px;
}
.ex-evaluation-admin .evaluation-matrix .matrix-list .m-header > * {
  display: inline-block !important;
}
.ex-evaluation-admin .evaluation-matrix .matrix-list .m-btn {
  display: inline-block;
}
.ex-evaluation-admin .evaluation-matrix .listPerfomence {
  position: absolute;
  bottom: 5px;
  right: 10px;
  top: 50px;
  width: 160px;
}
.ex-evaluation-admin .evaluation-matrix .boxes li {
  margin: 3px;
}
.ex-evaluation-admin .tooltipster-matrix {
  background: rgba(214, 86, 86, 0.82) !important;
  border: 1px solid #cfcfcf;
  border-radius: 5px;
  color: #fff;
}
.ex-evaluation-admin .tooltipster-matrix .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden;
}
.ex-evaluation-admin .isEditItem {
  background-color: rgb(249, 249, 183);
}
.ex-evaluation-admin .title-items {
  display: block;
  font-size: 0.55em !important;
  line-height: 1.2;
  padding: 0 5px;
  margin: 0;
}
.ex-evaluation-admin .r-fe-item {
  width: 335px !important;
}
.ex-evaluation-admin .r-flex-wrap {
  overflow: auto;
}
.ex-evaluation-admin .matrixContainer {
  position: relative;
  margin: 7px;
  height: 200px;
  border: 1px solid #C2C2C2;
  box-shadow: 0 5px 17px -6px silver;
  background: white;
}
.ex-evaluation-admin .matrixContainer .m-header {
  padding: 1px 5px;
  margin: 1px;
  height: 30px;
}
.ex-evaluation-admin .matrixContainer .m-header .m-name {
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.3em;
  height: 25px;
  white-space: nowrap;
  width: 260px;
  padding-top: 2px;
}
.ex-evaluation-admin .matrixContainer .m-header * {
  display: inline-block !important;
}
.ex-evaluation-admin .matrixContainer .m-header .alert-matrix {
  color: #f9f925;
  position: absolute;
  top: 5px;
  right: 7px;
}
.ex-evaluation-admin .matrixContainer .tools {
  border: 1px solid;
  width: 125px;
  height: 25px;
  display: block;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  margin-top: -2px;
  border-top: 0;
}
.ex-evaluation-admin .matrixContainer .tools .fa:hover {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.ex-evaluation-admin .matrixContainer .tools a .fa {
  margin: 3px;
}
.ex-evaluation-admin .matrixContainer .mark, .ex-evaluation-admin .matrixContainer .reviewMark, .ex-evaluation-admin .matrixContainer .quizzeMark {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
  font-size: 50px;
  position: absolute;
  opacity: 0.1;
  top: 35px;
  z-index: 0;
}
.ex-evaluation-admin .matrixContainer .quizzeMark {
  left: 20px;
}
.ex-evaluation-admin .matrixContainer .reviewMark {
  right: -35px;
}
.ex-evaluation-admin .matrixContainer .boxes {
  height: 150px;
  min-height: 150px;
  overflow: auto;
  border: 0 solid;
  padding: 2px;
  width: 160px;
  z-index: 1;
}
.ex-evaluation-admin .matrixContainer .boxes > * {
  min-height: 16px;
}
.ex-evaluation-admin .matrixContainer .boxes .link {
  padding: 1px 4px;
}
.ex-evaluation-admin .matrixContainer .boxes .link span {
  line-height: 1.3;
  border-bottom: 1px dashed;
  cursor: pointer;
}
.ex-evaluation-admin .matrixContainer .boxes .link:hover span {
  border: 0;
}
.ex-evaluation-admin .disabled-matrix {
  position: relative;
}
.ex-evaluation-admin .disabled-matrix > :hover::before {
  content: "\f070  Disabled";
  font: normal normal normal 14px/1 FontAwesome, sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -45px;
  z-index: 1;
  -webkit-transform: rotate(-16deg);
  -ms-transform: rotate(-16deg);
  transform: rotate(-16deg);
  font-size: 1.5em;
  color: #c00;
  background: #fff;
  border: solid 4px #c00;
  padding: 5px;
  border-radius: 5px;
  zoom: 1;
  opacity: 0.2;
  text-shadow: 0 0 2px #c00;
  box-shadow: 0 0 2px #c00;
}
.ex-evaluation-admin .disabled-matrix .m-header {
  background-color: #b5b5b5 !important;
}
.ex-evaluation-admin .disabled-matrix .tools {
  background-color: #b5b5b5 !important;
}

.ex-item-test-settings .validationError {
  border-color: red !important;
}

.ex-evaluation-review-modal .reviewGrid i {
  margin: 5px;
}
.ex-evaluation-review-modal .input-inline input {
  width: 80% !important;
  float: left;
}
.ex-evaluation-review-modal .input-inline span {
  width: 20% !important;
  padding-top: 6px;
}

.ex-workflow-screen {
  height: 100%;
}
.ex-workflow-screen .listview {
  width: 250px;
  border-right: 1px solid #ddd;
  position: relative;
}
.ex-workflow-screen .listview .component-area {
  height: 50px;
  padding: 5px 10px 5px 5px;
}
.ex-workflow-screen .listview .list-item-viewer {
  overflow: auto;
  padding: 0 5px 0 0;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
}
.ex-workflow-screen .listview .list-item-viewer .list-item {
  border: 1px solid #78bc78;
  padding-left: 6px;
  border-left: 5px solid rgba(0, 128, 0, 0.53);
  margin-bottom: 5px;
  position: relative;
  transform: scale(0.92);
  transition: transform ease-in-out 0.1s;
  box-shadow: 1px 0px 3px 0px #7fa28d;
}
.ex-workflow-screen .listview .list-item-viewer .list-item:hover:not(.active) {
  outline: 2px solid #3674a7;
  outline-offset: 1px;
}
.ex-workflow-screen .listview .list-item-viewer .list-item .list-item-row {
  margin: 3px 0;
}
.ex-workflow-screen .listview .list-item-viewer .list-item a.btn {
  color: #565656;
  float: right;
  padding: 3px 10px 1px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.ex-workflow-screen .listview .list-item-viewer .list-item::after {
  position: absolute;
  z-index: 1;
  font-family: Arial, sans-serif;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  font-size: 1.35em;
  background: #fff;
  padding: 4px;
  border-radius: 5px;
  zoom: 1;
  filter: alpha(opacity=20);
  opacity: 0.7;
}
.ex-workflow-screen .listview .list-item-viewer .list-item.active, .ex-workflow-screen .listview .list-item-viewer .ex-misc-prompt.miscPrompts .active h6.list-item, .ex-misc-prompt.miscPrompts .active .ex-workflow-screen .listview .list-item-viewer h6.list-item {
  margin: 5px 0 10px !important;
  transform: scale(1.02);
  box-shadow: 1px 1px 8px 2px #3594e0;
}
.ex-workflow-screen .listview .list-item-viewer .list-item.Started {
  border-color: #508250;
}
.ex-workflow-screen .listview .list-item-viewer .list-item.Finished {
  border-color: #304990;
}
.ex-workflow-screen .listview .list-item-viewer .list-item.Finished::after {
  content: "Finished";
  color: #304990;
  border: solid 4px #304990;
  -webkit-text-shadow: 0 0 2px #304990;
  text-shadow: 0 0 2px #304990;
  box-shadow: 0 0 2px #304990;
  right: 2px;
  bottom: 23px;
}
.ex-workflow-screen .listview .list-item-viewer .list-item.InProcess::after {
  content: "In Process";
  color: #508250;
  border: solid 4px #508250;
  -webkit-text-shadow: 0 0 2px #508250;
  text-shadow: 0 0 2px #508250;
  box-shadow: 0 0 2px #508250;
  bottom: 28px;
  right: 0;
}

.ex-evaluations .react-evaluation-grid .dgi-empty {
  display: none !important;
}
.ex-evaluations .react-evaluation-grid .eval-g-left {
  display: flex;
  align-items: center;
}
.ex-evaluations .react-evaluation-grid .eval-g-download {
  display: flex;
  margin-left: 5px;
  padding: 6px;
  flex-direction: column;
  background: #8fb6bc;
  border: 1px solid white;
  color: white;
  text-shadow: 0 0 1px black;
}
.ex-evaluations .react-evaluation-grid .eval-qtr-group {
  line-height: 10px;
  display: flex;
  height: 30px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-left: 5px;
}
.ex-evaluations .react-evaluation-grid .tc-layout-left-pane {
  overflow: auto;
  min-width: 255px;
}
.ex-evaluations .react-evaluation-grid .horizontal-data-group-item {
  width: 250px !important;
  min-height: 40px;
  padding: 0;
}
.ex-evaluations .ex-evaluation-grid td.matrix {
  word-break: normal;
  white-space: normal !important;
  line-height: 15px;
}
.ex-evaluations .ex-evaluation-grid td.result {
  white-space: normal !important;
  padding-left: 20px !important;
  text-indent: -13px;
  line-height: 15px !important;
}
.ex-evaluations .ex-performance-test-section .info-block {
  position: absolute;
}
.ex-evaluations .ex-performance-test-section input[type=radio] {
  width: 18px !important;
  height: 18px !important;
}
.ex-evaluations .ex-performance-test-section div.user-checks.enable {
  opacity: 0.5;
  pointer-events: none;
}
.ex-evaluations .ex-performance-test-section input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-top: 0;
}
.ex-evaluations .ex-performance-test-section .not-signed-off {
  top: 95px !important;
}
.ex-evaluations .j-group .toggle1:before {
  content: "Passed" !important;
  top: 7px;
  left: 5px;
}
.ex-evaluations .j-group .toggle2:before {
  content: "Failed" !important;
  top: 7px;
}
.ex-evaluations .j-group .toggle {
  width: 90px;
}
.ex-evaluations .j-group .toggle.active, .ex-evaluations .j-group .ex-misc-prompt.miscPrompts .active h6.toggle, .ex-misc-prompt.miscPrompts .active .ex-evaluations .j-group h6.toggle {
  background-color: rgb(85, 130, 172);
  border: 2px solid rgb(85, 130, 172);
}
.ex-evaluations .j-group .toggle.active .toggle-handle, .ex-evaluations .j-group .ex-misc-prompt.miscPrompts .active h6.toggle .toggle-handle, .ex-misc-prompt.miscPrompts .active .ex-evaluations .j-group h6.toggle .toggle-handle {
  -moz-transform: translate3d(60px, 0, 0);
  -ms-transform: translate3d(60px, 0, 0);
  -o-transform: translate3d(60px, 0, 0);
  -webkit-transform: translate3d(60px, 0, 0);
  transform: translate3d(60px, 0, 0);
}

.ex-hr-payroll .headerPanelMain {
  padding: 5px;
}
.ex-hr-payroll .header-block:first-child {
  padding-left: 20px;
}
.ex-hr-payroll .header-block .input-row label {
  width: auto;
  margin-right: 10px;
  line-height: 24px;
}
.ex-hr-payroll .header-block .datepicker input {
  min-height: 30px;
}
.ex-hr-payroll .hr-payrooll-body {
  position: absolute;
  top: 5px;
  bottom: 0;
  left: 0;
  right: 1px;
  overflow: auto;
  border-radius: 7px;
}
.ex-hr-payroll .hr-payrooll-body ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.ex-hr-payroll .hr-payrooll-body ul li {
  width: 20%;
  list-style-type: none;
  min-height: 35px;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #ddd;
  padding: 0 5px;
}
.ex-hr-payroll .hr-payrooll-body ul li .store-errors {
  line-height: 19px;
}
.ex-hr-payroll .hr-payrooll-body ul li .store-errors a {
  padding: 0 4px;
}
.ex-hr-payroll .hr-payrooll-body ul li .hr-errors {
  position: relative;
  display: block;
}
.ex-hr-payroll .hr-errors img {
  width: 18px;
  height: 18px;
  padding: 2px;
  border-radius: 10px;
  margin: 3px 1px 3px 1px;
  cursor: pointer;
}
.ex-hr-payroll .store-name,
.ex-hr-payroll .without-issues {
  margin-right: 10px;
  display: block;
  border: 0 !important;
  line-height: 9px;
}
.ex-hr-payroll .without-issues {
  margin-top: 5px;
}

.ex-hr-payroll-footer .cut-off {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-viewer {
  background: silver;
  padding: 0;
}
.form-viewer .ex-lv-selected .form-preview {
  background: rgba(140, 255, 140, 0.26);
}
.form-viewer .form-preview {
  text-align: center;
  position: relative;
  cursor: pointer;
  background: white;
  padding: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 200px;
  margin: 5px;
  box-shadow: 0 0 10px;
}
.form-viewer .form-preview .f-name {
  display: flex;
  flex-grow: 1;
  font-size: large;
  padding: 2px;
}
.form-viewer .form-preview .fa-check {
  color: green;
}
.form-viewer .form-preview .fa-warning {
  color: red;
}
.form-viewer .form-preview i {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: xx-large;
}
.form-viewer .form-preview img {
  border: 1px solid #ddd;
}
.form-viewer .template-page-a4 {
  width: 612px;
  background: white;
  margin: auto;
  border: 1px solid #333;
  box-shadow: 0 0 10px #333;
}
.form-viewer .inc-form-header {
  text-transform: uppercase;
  text-align: center;
  font-size: large;
  margin: 20px;
  font-weight: bold;
}
.form-viewer .inc-form-paragraf {
  margin: 10px 30px 15px;
  line-height: 20px;
}
.form-viewer .inc-form-radio-btn-group {
  margin-right: 5px;
}
.form-viewer .inc-form-row {
  white-space: nowrap;
  display: flex;
  flex-wrap: wrap;
}
.form-viewer .inc-form-row.i-r-vertical {
  flex-direction: column;
}
.form-viewer .inc-form-row.i-r-justify-left {
  justify-content: flex-start;
}
.form-viewer .inc-form-row.i-r-justify-right {
  justify-content: flex-end;
}
.form-viewer .inc-form-row.i-r-justify-around {
  justify-content: space-around;
}
.form-viewer .inc-form-row.i-r-justify-between {
  justify-content: space-between;
}
.form-viewer .inc-form-row.i-r-noWrap {
  flex-wrap: nowrap;
}
.form-viewer .inc-form-row .inc-form-row {
  margin: 0 30px;
}
.form-viewer .inc-text {
  white-space: normal;
}
.form-viewer .inc-text.i-t-italic {
  font-style: italic;
}
.form-viewer .inc-text.i-t-bold {
  font-weight: bold;
  font-size: larger;
}
.form-viewer .inc-text a[href] {
  margin: 0 5px;
  text-decoration: underline;
}
.form-viewer .inc-textbox {
  margin-right: 10px;
  display: flex;
  white-space: nowrap;
  flex-grow: 1;
}
.form-viewer .inc-textbox .r-input-text {
  border: none;
  border-bottom: 1px solid silver;
  border-radius: 0;
  padding: 0 !important;
  margin: 0;
  height: 15px !important;
}
.form-viewer .inc-textbox .i-t-label {
  margin-right: 5px;
}
.form-viewer .inc-textbox.inc-template-sign {
  flex-direction: column-reverse;
}
.form-viewer .inc-textbox .r-fake-input.r-native-mask {
  border: none;
  height: 18px;
  top: -2px;
  border-bottom: 1px solid #c0c0c0;
  border-radius: 0;
}
.form-viewer .inc-textarea textarea {
  resize: none;
}
.form-viewer .inc-invalid {
  color: red;
}
.form-viewer .inc-dropdown {
  margin-right: 10px;
  display: flex;
  white-space: nowrap;
}
.form-viewer .inc-dropdown .r-select {
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  line-height: 20px;
  height: 20px;
}
.form-viewer .inc-dropdown input {
  height: 16px !important;
}
.form-viewer .inc-checkbox {
  display: inline-block;
  margin-right: 10px;
}
.form-viewer .inc-datetime {
  white-space: nowrap;
  margin-right: 5px;
}
.form-viewer .inc-datetime .ex-datepicker {
  display: inline-block;
}
.form-viewer .inc-datetime .r-input-text {
  padding: 0 !important;
}
.form-viewer .inc-datetime .r-input-picker {
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  height: 18px;
  overflow: hidden;
  padding-bottom: 1px;
  top: -2px;
  position: relative;
}

@media print {
  .template-page-a4 .inc-dropdown i,
  .template-page-a4 .inc-datetime i,
  .template-page-a4 .inc-datetime .d-empty-value > * {
    opacity: 0;
  }
}
.ex-edit-category {
  width: 450px;
}
.ex-edit-category .modal-content {
  position: relative;
}
.ex-edit-category .modal-content .valid-exist {
  margin-bottom: 18px;
}
.ex-edit-category .modal-content .message-validate {
  margin-top: 31px;
}

.ex-edit-item-distributor .multi-list-header, .ex-edit-item-distributor .AssStores .header, .ex-edit-item-distributor .UnAssStores .header {
  background-color: darkseagreen;
  height: 25px;
  line-height: 25px;
  margin: 4px 5px 0 5px;
  font-size: 1.2em;
  border-radius: 5px;
  border: 1px solid #7B7B7B;
}
.ex-edit-item-distributor .multi-list-button, .ex-edit-item-distributor .AssStores .btn, .ex-edit-item-distributor .UnAssStores .btn {
  position: absolute;
  bottom: 0;
  left: 10px;
  width: 92%;
  text-align: center;
}
.ex-edit-item-distributor .UnAssStores [data-widget=listbox] ul, .ex-edit-item-distributor .UnAssStores [data-widget=listbox] .no-items {
  margin-bottom: 25px;
  min-height: 505px;
}
.ex-edit-item-distributor .AssStores [data-widget=listbox] ul, .ex-edit-item-distributor .AssStores [data-widget=listbox] .no-items {
  margin-bottom: 25px;
  min-height: 505px;
}
.ex-edit-item-distributor .btn-block .btn {
  width: 75px;
  margin: 5px 0;
}
.ex-edit-item-distributor .btn-block div {
  top: 40%;
  position: absolute;
  text-align: center;
}
.ex-edit-item-distributor .inline-two-row {
  margin-top: 10px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.ex-edit-item-distributor .inline-two-row h5 {
  float: left;
  width: 35%;
}
.ex-edit-item-distributor .inline-two-row .inline-row {
  position: relative;
  display: inline-block;
  width: 32%;
  padding: 0;
  margin: 0;
}
.ex-edit-item-distributor .box {
  overflow: hidden;
  padding: 10px 0px 10px 0px;
  position: relative;
  max-height: 143px;
  min-height: 143px;
}
.ex-edit-item-distributor .box-full {
  overflow: hidden;
  padding: 10px 0px 10px 0px;
  position: relative;
  max-height: 226px;
  min-height: 226px;
}
.ex-edit-item-distributor .inventoryUOMGrid {
  padding: 1px;
  margin: 5px 0;
}
.ex-edit-item-distributor .inventoryUOMGrid span.fa.fa-lg {
  margin-top: 1px;
  display: block;
}
.ex-edit-item-distributor .addInv {
  text-align: right;
  border-bottom: 1px solid #ddd;
  min-height: 32px;
}
.ex-edit-item-distributor fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
.ex-edit-item-distributor fieldset.no-border {
  margin: 0;
  border: 0;
}
.ex-edit-item-distributor fieldset.border {
  padding: 0.1em 0.55em 0em 0.75em;
  border: 1px solid #428bca;
}
.ex-edit-item-distributor .hint {
  width: 65%;
  float: right;
}

.ex-item-distributors i.fa.fa-lg.fa-warning.red {
  color: #FF4B4B;
  text-shadow: 0 0 1px rgba(156, 155, 155, 0.68);
}
.ex-item-distributors i.fa.fa-lg.fa-check-circle.green {
  color: darkseagreen;
  text-shadow: 0 0 1px rgba(156, 155, 155, 0.68);
}

.ex-item-constructor .category-check .input-row.checkbox-inline {
  width: 105px;
  padding-left: 15px;
  margin: 0 auto;
}
.ex-item-constructor .inline-checks {
  display: inline;
}
.ex-item-constructor .inline-checks.input-row.checkbox-inline {
  display: inline-block;
  width: 125px;
  margin: 0 0 0 5px;
}
.ex-item-constructor .allStoreSelect {
  position: absolute;
  padding: 0 0 0 10px;
  top: 0;
}
.ex-item-constructor .allStoreSelect input, .ex-item-constructor .allStoreSelect [data-part=ValueTemplate] {
  height: 29px;
  min-width: 240px;
  line-height: 29px;
}
.ex-item-constructor .parDefault input[type=text] {
  margin-bottom: 0;
  height: auto;
}
.ex-item-constructor .parDefault #requireRunOut {
  display: block;
  width: 22px;
}
.ex-item-constructor .checkbox-inline.width-100 {
  width: 100px;
}
.ex-item-constructor.items-view .input-row {
  min-height: 30px;
}
.ex-item-constructor.items-view .input-row input, .ex-item-constructor.items-view .input-row .low-select [data-part=ValueTemplate] {
  margin: 3px 0;
}
.ex-item-constructor.items-view .input-row .datepicker {
  min-height: 30px;
}
.ex-item-constructor .check-item > * {
  display: inline-block;
  min-width: 85px;
  width: 132px;
}
.ex-item-constructor .inverntoryOptions .btn {
  margin-left: 5px;
}
.ex-item-constructor .inverntoryOptions .inventoryUOMGrid tr td[data-role=button] span.fa {
  margin-top: 5px;
}
.ex-item-constructor section.box-check {
  margin-bottom: 10px;
  text-align: center;
}

.nutrition-facts .nf-wrap {
  min-height: 300px;
}
.nutrition-facts .nutrition-facts-title {
  margin-bottom: 15px;
  margin-top: 12px;
}
.nutrition-facts .read-only-group fieldset {
  border: none;
}
.nutrition-facts .bold-bottom {
  border-bottom: 3px solid #000;
}
.nutrition-facts .bold-bottom.header .r-input-label {
  font-weight: 600;
  font-size: 1.5em;
}
.nutrition-facts .nutrition-label.selected {
  background-color: #c7e5a5;
}
.nutrition-facts .nutrition-label .r-label {
  width: 100%;
  text-align: right;
  padding-right: 25px;
  font-size: 1.4em;
}
.nutrition-facts .nutrition-grid {
  padding: 5px 0;
}
.nutrition-facts .nutrition-grid .nutrition-grid-cell:not(:first-child) {
  margin-left: 5px;
}
.nutrition-facts .allergens-control span {
  width: 96%;
  text-align: right;
  font-size: 1.2em;
  font-weight: bold;
}
.nutrition-facts .allergens-control i.select-allergens {
  width: 30px;
  height: 30px;
  padding: 8px 0;
  background-color: #3393df;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #fff;
  box-shadow: 0 0 1px 0 #000;
  color: #fff;
  text-shadow: 0 0 1px #000;
  border-radius: 4px;
  margin-left: 10px;
}
.nutrition-facts .allergens-control i.select-allergens:hover {
  background-color: #5caff1;
}

.nutrition-details-item {
  width: 100%;
  background-color: #fff;
  padding: 3px;
  margin-bottom: 3px;
}
.nutrition-details-item span {
  display: block;
  float: right;
}

.salesCount-details .no-border .ex-input {
  border: none;
}

.job-code-property-selected-item .r-select-text span {
  position: absolute;
  left: 0;
  right: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.job-selection-modal-content .job-selection-modal-list {
  min-height: 0px;
  height: 500px;
}

.ex-dashboard {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ex-dashboard .ex-wb-s-cat-filter-label {
  font-size: larger;
}
.ex-dashboard .ex-wb-s-group-inputs {
  border-top: 1px solid #ededed;
}
.ex-dashboard .ex-wb-s-group-inputs.hide {
  opacity: 0.5;
  pointer-events: none;
}
.ex-dashboard .ex-wb-s-group-inputs .ex-wb-s-group-inputs-label {
  font-size: larger;
  font-weight: 600;
}
.ex-dashboard .ex-wb-s-group-inputs .ex-input:last-child {
  border: none !important;
}
.ex-dashboard .ex-wb-s-group-inputs:first-child {
  border: none !important;
}
.ex-dashboard .ex-wb-s-top-controls .ex-wb-s-top-date-range .ex-input.r-dropdown:last-child {
  margin-left: 15px;
}
.ex-dashboard .ex-wb-s-top-controls.r-direction-row .r-direction-column {
  padding: 5px;
}
.ex-dashboard .ex-custom-f-button {
  display: block;
}
.ex-dashboard .ex-custom-f-button span {
  display: block;
}
.ex-dashboard .workbook-panel .widget-item {
  width: 100%;
  height: inherit;
}
.ex-dashboard .workbook-panel .widget-item.workbook-widget {
  margin-bottom: 3px;
  width: 100%;
}
.ex-dashboard .workbook-panel .widget-item.workbook-widget .tGrid .tg-content [data-grid-role=table] [data-grid-role=head] {
  min-height: 20px;
  line-height: 20px;
}
.ex-dashboard .workbook-panel .widget-item.workbook-widget .tGrid .tg-content [data-grid-role=table] [data-grid-role=head] [data-grid-role=col] {
  font-size: 1em !important;
}
.ex-dashboard .workbook-panel .widget-item.workbook-widget .workbook-widget-header {
  width: 100%;
}
.ex-dashboard .workbook-panel .widget-item.workbook-widget .workbook-widget-header .fa.hide {
  display: none !important;
}
.ex-dashboard .workbook-panel .workbook-panel-cell .workbook-widget-knockout {
  margin: 3px;
  width: 100%;
}
.ex-dashboard .workbook-panel .workbook-panel-cell .workbook-panel-scroll {
  padding: 3px;
}
.ex-dashboard .workbook-panel .workbook-panel-cell .workbook-panel-scroll .ex-kpi-types .r-stack-panel:last-child {
  align-self: stretch;
}
.ex-dashboard .workbook-panel .workbook-panel-cell .workbook-panel-scroll .ex-kpi-types .r-stack-panel:last-child.r-direction-column.r-flex-wrap {
  padding: 0 0 0 5%;
}
.ex-dashboard .workbook-panel .workbook-panel-cell .workbook-panel-scroll .ex-kpi-types .r-checkbox i {
  padding-right: 3px;
}

.ex-wb-edit-aduties-top-controls.r-direction-row .r-direction-column {
  padding: 5px;
}
.ex-wb-edit-aduties-top-controls .ex-wb-edit-aduties-date-range .r-datepicker .r-input {
  /*width: 64% !important;*/
}
.ex-wb-edit-aduties-top-controls .ex-wb-edit-aduties-date-range .r-datepicker label {
  width: 36% !important;
  min-width: 36% !important;
}
.ex-wb-edit-aduties-top-controls .ex-wb-edit-aduties-date-range .ex-input:last-child {
  margin-left: 15px;
}

.ex-wb-edit-bulletins .ex-wb-edit-bulletins-date-range {
  padding-left: 10px;
}
.ex-wb-edit-bulletins .ex-wb-edit-bulletins-date-range .r-datepicker .r-input {
  /*width: 64% !important;*/
}
.ex-wb-edit-bulletins .ex-wb-edit-bulletins-date-range .r-datepicker label {
  width: 36% !important;
}
.ex-wb-edit-bulletins .ex-wb-edit-bulletins-date-range .ex-input:last-child {
  margin-left: 15px;
}

.ex-wb-edit-aduties-to {
  width: 23%;
  margin-right: 15px;
}

.ex-kpi-types .key-stats-content table {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.ex-kpi-types .key-stats-content table thead {
  line-height: 20px;
  color: #428bca;
}
.ex-kpi-types .key-stats-content table th,
.ex-kpi-types .key-stats-content table td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0 4px;
}
.ex-kpi-types .key-stats-content table tbody tr:nth-child(2n+1) {
  background-color: rgba(229, 242, 245, 0.84);
}
.ex-kpi-types .key-stats-filter {
  gap: 5px;
  padding: 5px !important;
  border: 1px solid #ddd;
  margin: 5px;
  border-radius: 4px;
  background: #d9f7db;
}

.ex-mgr-widget-busy {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -55px;
  margin-left: -55px;
  width: 110px;
  z-index: 1;
}
.ex-mgr-widget-busy img {
  position: relative;
  width: 100%;
}

.ex-audit-log .ex-audit-log-day {
  border-bottom: 1px solid #fff;
}
.ex-audit-log .ex-audit-log-day .ex-audit-log-users {
  display: none;
}
.ex-audit-log .ex-audit-log-day .ex-audit-log-users .ex-audit-log-user {
  padding: 0 5px;
  border-bottom: 1px solid rgb(228, 226, 226);
}
.ex-audit-log .ex-audit-log-day .ex-audit-log-users .ex-audit-log-user .isOnlyShow {
  font-weight: bold;
}
.ex-audit-log .ex-audit-log-day.expanded .ex-audit-log-users {
  display: flex;
}
.ex-audit-log .ex-audit-log-day .fa {
  margin: 4px 4px;
}
.ex-audit-log .ex-audit-log-day .fa.hide {
  display: none !important;
}
.ex-audit-log .ex-audit-log-day .ex-audit-log-date {
  text-align: center;
  background: rgba(143, 188, 143, 0.96);
  color: #ffffff;
  clear: both;
  cursor: pointer;
  text-shadow: 0 0 1px rgb(0, 0, 0);
  font-weight: 800;
}

.ex-edit-invoice {
  height: 100%;
}
.ex-edit-invoice .list-container {
  top: 0;
  bottom: 0;
  height: 100%;
}
.ex-edit-invoice .list-container.readonly-control ul {
  top: 45px;
}
.ex-edit-invoice .list-container ul {
  max-height: inherit;
  width: 95%;
  position: absolute;
  bottom: 1px;
  top: 30px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}
.ex-edit-invoice .resultsTable {
  right: 0;
  margin-top: 5px;
  width: inherit;
  overflow-x: auto;
  border: 1px solid #ddd;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}
.ex-edit-invoice .resultsTable table {
  width: 100%;
}
.ex-edit-invoice .resultsTable .th-one {
  width: 130px !important;
  min-width: 200px !important;
  max-width: 200px !important;
}
.ex-edit-invoice .resultsTable .row-column-title-one {
  height: 35px;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.ex-edit-invoice .resultsTable input {
  border: none;
  width: 100%;
  height: 75%;
  padding: 0 5%;
  margin: 0;
  font-size: 13px;
  color: #6B6B6B;
}
.ex-edit-invoice table thead .store-title-one {
  position: absolute;
  top: 13px;
  left: 7px;
}
.ex-edit-invoice table thead .account-title-one {
  position: absolute;
  top: 2px;
  left: 140px;
}
.ex-edit-invoice table th, .ex-edit-invoice table td {
  color: white;
  background-color: #6C98C2;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.ex-edit-invoice table .row-column-title.store-title {
  background-color: #FFFFFF;
  color: rgb(81, 81, 81);
  font-weight: 600;
  width: 100%;
}
.ex-edit-invoice .white {
  background-color: white;
}
.ex-edit-invoice .diagonal {
  width: 205px;
  height: 47px;
  border-bottom: 1px solid #CBCBCB;
  -webkit-transform: translateY(-28px) translateX(3px) rotate(10deg);
  -ms-transform: translateY(-28px) translateX(3px) rotate(10deg);
  position: absolute;
}
.ex-edit-invoice .jt-grid-table .row-column-title {
  min-width: 100px;
  padding: 7px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
}
.ex-edit-invoice .jt-grid-table .row-column-title.account-title {
  background-color: #FFFFFF;
  color: rgb(81, 81, 81);
}
.ex-edit-invoice .jt-grid-table .total-row input, .ex-edit-invoice .jt-grid-table .total-cell input {
  background-color: #6C98C2;
  color: white;
}
.ex-edit-invoice .list-header {
  color: white;
  padding: 7px;
  background-color: #6C98C2;
}

.ex-meal-periods {
  flex-wrap: wrap;
  flex-direction: row !important;
}
.ex-meal-periods .meal-period {
  width: 20%;
  min-width: 400px;
  font-size: 1.3em;
  padding: 8px;
  margin: 5px;
  border: 1px solid #9e9e9e;
  box-shadow: 1px 1px 5px 0px #c7c5c5;
  border-radius: 4px;
  background: #f5f5f7;
  /*span {
      display: inline;
  }*/
}
.ex-meal-periods .meal-period .ex-form-group .ex-form-group-content {
  overflow: auto;
}
.ex-meal-periods .meal-period .half-hour {
  align-items: center;
  flex-grow: 1;
  min-height: 19px;
}
.ex-meal-periods .meal-period i {
  color: #3494df;
  text-shadow: 0 0 0 #000;
  margin-right: 5px;
  transition: all 1s ease 0s;
}
.ex-meal-periods .meal-period i:hover {
  color: #60b0ef;
}

.ex-menuItems-constructor .allStoreSelect {
  position: absolute;
  padding: 0 0 0 10px;
  top: 0;
}
.ex-menuItems-constructor .allStoreSelect input, .ex-menuItems-constructor .allStoreSelect [data-part=ValueTemplate] {
  height: 27px;
  min-width: 240px;
  line-height: 25px;
}
.ex-menuItems-constructor .item-selected-tab {
  height: 100%;
}
.ex-menuItems-constructor [data-role=button] span.icon {
  position: relative;
}
.ex-menuItems-constructor [data-role=button] span.icon * {
  position: absolute;
  top: -12px;
  left: -7px;
}

.ex-edit-menu-price.editMenuPrice .btn {
  margin-left: 5px;
}

.ex-misc-items .allStoreSelect {
  position: absolute;
  padding: 0 0 0 10px;
  top: 0;
}
.ex-misc-items .allStoreSelect input, .ex-misc-items .allStoreSelect [data-part=ValueTemplate] {
  height: 27px;
  min-width: 240px;
  line-height: 25px;
}

.ex-misc-prompt.miscPrompts .title-group {
  background-color: darkseagreen;
}
.ex-misc-prompt.miscPrompts .active, .ex-misc-prompt.miscPrompts .active h6 {
  font-weight: 700;
  color: rgb(85, 130, 172);
  background: rgba(217, 232, 255, 0.66);
}
.ex-misc-prompt.miscPrompts .group-header {
  height: 26px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.ex-misc-prompt.miscPrompts .group-header h6 {
  overflow: hidden;
  margin: 0px 0 0px 25px;
  display: block;
  padding-top: 7px;
  text-transform: uppercase;
}
.ex-misc-prompt.miscPrompts .group-header .fa {
  position: absolute;
  right: 0;
  top: 0;
  padding: 4px;
  cursor: pointer;
  font-size: 17px;
}
.ex-misc-prompt.miscPrompts .group-header .fa.disabled, .ex-misc-prompt.miscPrompts .group-header .tGrid .tg-content .grouping-vertical .fa.li-group.empty-group, .tGrid .tg-content .grouping-vertical .ex-misc-prompt.miscPrompts .group-header .fa.li-group.empty-group, .ex-misc-prompt.miscPrompts .group-header .tGrid .tg-grouping .fa.tg-group.empty-group, .tGrid .tg-grouping .ex-misc-prompt.miscPrompts .group-header .fa.tg-group.empty-group {
  opacity: 0.3;
}
.ex-misc-prompt.miscPrompts .group-header .fa.first {
  right: 0;
}
.ex-misc-prompt.miscPrompts .group-header .fa.left {
  right: initial;
  left: 4px;
}
.ex-misc-prompt.miscPrompts .group-header .fa.second {
  right: 20px;
}
.ex-misc-prompt.miscPrompts .group-header .fa.third {
  right: 40px;
}
.ex-misc-prompt.miscPrompts .group-header .fa.fourth {
  right: 60px;
}
.ex-misc-prompt.miscPrompts .group-header .fa:hover:not(:active) {
  background: rgba(192, 192, 192, 0.39);
}
.ex-misc-prompt.miscPrompts .group-header .fa-ellipsis-v {
  cursor: move !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ex-misc-prompt.miscPrompts .miscRemarkTypes {
  left: 0;
  width: 250px;
}
.ex-misc-prompt.miscPrompts .promptsGroup {
  left: 255px;
  width: 395px;
}
.ex-misc-prompt.miscPrompts .promptsGroup .group-content .jt-grid-c {
  border-bottom: none !important;
}
.ex-misc-prompt.miscPrompts .promptsGroup .group-content .j-group {
  position: relative;
  border: 1px solid #ddd;
  margin: 10px 0;
  border-radius: 4px;
  padding: 0 4px 8px 4px;
}
.ex-misc-prompt.miscPrompts .promptsGroup .mc-content .fa {
  padding: 1px 5px;
}
.ex-misc-prompt.miscPrompts .promptsGroup .promptLine {
  position: relative;
}
.ex-misc-prompt.miscPrompts .promptsGroup .promptLine .fa {
  padding: 2px;
}
.ex-misc-prompt.miscPrompts .promptsGroup .promptLine .fa-times {
  margin-right: -2px;
}
.ex-misc-prompt.miscPrompts .promptsGroup .promptLine .fa-ellipsis-v {
  margin-right: -4px;
}
.ex-misc-prompt.miscPrompts .promptsGroup > div {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: auto;
}
.ex-misc-prompt.miscPrompts .editSection {
  right: 0px;
  left: 655px;
}
.ex-misc-prompt.miscPrompts .miscRemarkTypeLine, .ex-misc-prompt.miscPrompts .promptsGroup .promptLine {
  padding-left: 10px;
  padding-bottom: 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 36px;
  background: white;
  opacity: 1;
  cursor: pointer;
}
.ex-misc-prompt.miscPrompts .moveToGroup {
  position: relative;
  padding: 3px;
  height: 28px;
}
.ex-misc-prompt.miscPrompts .preventEvent {
  pointer-events: none;
}
.ex-misc-prompt.miscPrompts .groupDraggedOver {
  background-color: rgba(85, 130, 172, 0.28);
}
.ex-misc-prompt.miscPrompts .draggedItem {
  opacity: 0.3 !important;
}
.ex-misc-prompt.miscPrompts .draggedOver.bottomBorder {
  border-bottom: 5px solid rgb(85, 130, 172);
}
.ex-misc-prompt.miscPrompts .draggedOver.topBorder {
  border-top: 5px solid rgb(85, 130, 172);
}
.ex-misc-prompt.miscPrompts [draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.ex-misc-prompt.miscPrompts .group-wrap {
  top: 30px !important;
  overflow: auto;
}
.ex-misc-prompt.miscPrompts .j-p-content {
  border: none !important;
  padding: 0 !important;
}
.ex-misc-prompt.miscPrompts .input-row textarea {
  display: inline-block !important;
  margin: 0;
  height: 146px !important;
  background-color: whitesmoke;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 2px 5px;
  color: #5A5A5F;
}

.ex-organization-structure i:hover {
  font-weight: 700;
}
.ex-organization-structure .orgStrTable {
  position: absolute;
  top: 72px;
  left: 0;
  right: 0;
  bottom: 0;
}
.ex-organization-structure .activeUnit {
  font-weight: 700;
  background-color: rgb(229, 242, 253);
}
.ex-organization-structure .orgType {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  float: left;
  overflow: auto;
  height: 100%;
  padding: 3px;
  border: 1px solid #ddd;
  position: relative;
}
.ex-organization-structure .orgType .input-row-editable {
  margin: 0;
  border-radius: 0 !important;
}
.ex-organization-structure .orgType.units_selected .fa-ban, .ex-organization-structure .orgType.units_selected .fa-trash,
.ex-organization-structure .orgType.units_selected .fa-edit,
.ex-organization-structure .orgType.units_selected .un-buttons-l .un-divider,
.ex-organization-structure .orgType.units_selected .unitName:not(.unit_selected) .fa-ellipsis-v {
  display: none;
}
.ex-organization-structure .searchers .orgType {
  height: 58px;
  overflow: hidden;
}
.ex-organization-structure .searchers .orgType .inputField {
  left: 3px;
  right: 36px;
  position: absolute;
}
.ex-organization-structure .searchers .orgType .clearButton {
  right: 5px;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 30px;
}
.ex-organization-structure .unitName {
  border-bottom: 1px solid #ddd;
  line-height: 13px;
  height: 30px;
  padding: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ex-organization-structure .unitName:not(.dropContainer) .fa-sign-in, .ex-organization-structure .unitName:not(.dragOrderAsc) .fa-sort-asc, .ex-organization-structure .unitName:not(.dragOrderDesc) .fa-sort-desc {
  display: none;
}
.ex-organization-structure .unitName i {
  cursor: pointer;
}
.ex-organization-structure .unitName i.fa.fa-ellipsis-v.fa-lg {
  padding: 0 4px;
  cursor: move;
}
.ex-organization-structure .unitName.unit_selected .fa-square-o {
  display: none;
}
.ex-organization-structure .unitName.unit_selected .fa-check-square-o {
  display: initial;
}
.ex-organization-structure .unitName:not(.unit_selected) .fa-check-square-o {
  display: none;
}
.ex-organization-structure .unitName:not(.unit_selected) .fa-square-o {
  display: initial;
}
.ex-organization-structure .unitName .orgName {
  text-align: left;
}
.ex-organization-structure .unitName .orgName .store-status {
  color: #c1c1c1;
  cursor: default;
}
.ex-organization-structure .unitName .orgName .store-status:hover {
  font-weight: 300;
}
.ex-organization-structure .unitName .orgName .store-status.store-online {
  color: #3ea24f !important;
}
.ex-organization-structure .unitName .parentName {
  text-align: right;
  color: rgb(155, 153, 153);
  font-size: 11px;
  height: 11px;
  margin-top: -2px;
}
.ex-organization-structure .unitName a {
  cursor: pointer;
}
.ex-organization-structure .unitName a:hover {
  text-decoration: underline;
}
.ex-organization-structure .un-buttons-r {
  margin: 0 1px;
}
.ex-organization-structure .un-buttons-r .un-divider {
  border-right: 1px solid #A5A5A5;
  margin-left: 10px;
  margin-right: 7px;
}
.ex-organization-structure .un-buttons-l .un-divider {
  border-right: 1px solid #A5A5A5;
  margin-right: 10px;
}
.ex-organization-structure .un-buttons-l i {
  margin: 0 1px;
}
.ex-organization-structure .hidden-icons, .ex-organization-structure .dma [unit-type=Store] .fa-edit, .ex-organization-structure .dma [unit-type=Store] .fa-list,
.ex-organization-structure .dma [unit-type=Store] .fa-ban, .ex-organization-structure .dma [unit-type=DMA] .fa:not(.fa-list):not(.fa-sign-in):not(.fa-trash):not(.fa-ellipsis-v):not(.fa-sort-asc):not(.fa-sort-desc),
.ex-organization-structure .dma [unit-type=DMA] .fa.fa-square-o, .ex-organization-structure .dma [unit-type=DMA] .fa.fa-check-square-o, .ex-organization-structure .dma .fa.fa-square-o, .ex-organization-structure .orgStructure [unit-type=Store] .fa-trash, .ex-organization-structure .orgStructure [unit-type=Store] .fa-ban, .ex-organization-structure .orgStructure [unit-type=Area] .fa.fa-edit,
.ex-organization-structure .orgStructure [unit-type=Area] .fa-ban, .ex-organization-structure .orgStructure [unit-type=Area] .fa-trash, .ex-organization-structure .orgStructure [unit-type=Region] .fa.fa-edit, .ex-organization-structure .orgStructure [unit-type=Region] .fa-trash,
.ex-organization-structure .orgStructure [unit-type=Region] .fa-ban, .ex-organization-structure .orgStructure [unit-type=Corporate] .fa-ban, .ex-organization-structure .orgStructure [unit-type=Corporate] .fa.fa-trash, .ex-organization-structure .orgStructure [unit-type=Corporate] .fa.fa-square-o,
.ex-organization-structure .orgStructure [unit-type=Corporate] .fa.fa-check-square-o, .ex-organization-structure .orgStructure [unit-type=Corporate] .fa.fa-edit {
  display: none !important;
}
.ex-organization-structure .no-pos-dma {
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
}

.store-constr-modal .segmented-control .edit-store-tab-error {
  background-color: #d45252;
  color: white;
  font-weight: 600;
}
.store-constr-modal .coordinates-error {
  color: #f30000;
  font-size: 1.1em;
  padding: 8px 0 0px;
}
.store-constr-modal .store-ctor-side-menu {
  margin: 5px 5px 0px 0px;
  min-width: 182px;
}
.store-constr-modal .store-ctor-side-menu .control-item {
  color: var(--color-font-color);
  border-radius: var(--default-border-radius);
  border: var(--default-border);
  display: flex;
  -webkit-box-pack: justify;
  margin-right: 5px;
  margin-bottom: 2px;
  padding: 5px;
  -webkit-box-align: center;
  align-items: center;
  text-transform: capitalize;
  cursor: pointer;
  min-height: 35px;
  line-height: 12px;
  background-color: var(--color-default-bg) !important;
  font-size: 1em;
}
.store-constr-modal .store-ctor-side-menu .control-item.active, .store-constr-modal .store-ctor-side-menu .ex-misc-prompt.miscPrompts .active h6.control-item, .ex-misc-prompt.miscPrompts .active .store-constr-modal .store-ctor-side-menu h6.control-item {
  background-color: var(--active) !important;
  text-shadow: none !important;
  font-weight: bold !important;
}
.store-constr-modal .radio-btn-row {
  display: flex;
  flex-direction: row;
}
.store-constr-modal .radio-btn-row .radio-btn-row-item {
  display: flex;
  margin-right: 8px;
}
.store-constr-modal .radio-btn-row .radio-btn-row-item input[type=radio] {
  width: 26px;
  cursor: pointer;
  margin-right: 8px;
}
.store-constr-modal .radio-btn-row .radio-btn-row-item span {
  padding-top: 8px;
}

.dma-list {
  display: flex;
  flex-grow: 1;
  position: relative;
  flex-direction: column;
  padding: 5px;
  margin: 5px;
  overflow: auto;
}
.dma-list .hierarchy-list-search-icon {
  color: #2d818d;
  margin-top: 16px;
}
.dma-list .dma-list-item-title {
  padding-left: 4px;
  line-height: 1.6em !important;
}
.dma-list .dma-list-item {
  border-radius: 4px;
  background-color: #f0f8ff;
  box-shadow: 0 0 2px 0px #696969;
  cursor: pointer;
  padding: 3px 3px 3px 7px;
  margin: 3px;
  align-items: center;
  min-height: 30px;
}
.dma-list .dma-list-item.active, .dma-list .ex-misc-prompt.miscPrompts .active h6.dma-list-item, .ex-misc-prompt.miscPrompts .active .dma-list h6.dma-list-item {
  background-color: #d1f2ff;
}
.dma-list .dma-list-item i.fa {
  margin: 4px 0;
  color: #428bca;
}
.dma-list .dma-list-children {
  margin-left: 20px;
}
.dma-list .dma-list-tier {
  background-color: #f7f6f2;
  box-shadow: 0 0 1px 0px #696969;
  cursor: pointer;
  padding: 0px 3px 0px 7px;
  margin: 8px 3px;
  align-items: center;
  height: 28px;
}
.dma-list .dma-list-tier i.fa {
  color: #428bca;
  margin-top: 6px;
}
.dma-list .dma-list-store {
  padding: 3px 3px 3px 7px;
  margin: 3px;
  border-radius: 3px;
  align-items: center;
  cursor: pointer;
}
.dma-list .dma-list-store i.fa {
  color: #428bca;
}
.dma-list .pos-marker {
  background-color: var(--button-color);
  font-size: 8px;
  font-weight: normal;
  color: #fff;
  border-radius: 2px;
  margin: 2px 10px;
  padding: 4px 4px;
  line-height: 10px;
}

.ex-hr-payroll .header-payroll, .ex-payroll .header-payroll {
  padding: 10px 5px 0;
}
.ex-hr-payroll .header-payroll .headerPanel, .ex-payroll .header-payroll .headerPanel {
  padding: 5px;
}
.ex-hr-payroll .header-payroll .headerPanel .panel-item, .ex-payroll .header-payroll .headerPanel .panel-item {
  flex-grow: 1;
  align-items: center;
}
.ex-hr-payroll .header-payroll .headerPanel .store-name, .ex-payroll .header-payroll .headerPanel .store-name {
  align-self: center;
}
.ex-hr-payroll .header-payroll .headerPanel label, .ex-payroll .header-payroll .headerPanel label {
  color: #fff;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.79);
  font-weight: bold;
}
.ex-hr-payroll .payroll-warning, .ex-payroll .payroll-warning {
  color: red;
}

.ex-pt-costructor-settings .ex-pt-rank {
  justify-content: center;
  align-items: center;
}
.ex-pt-costructor-settings .ex-pt-rank .ex-pt-rank-actions {
  justify-content: center;
  align-items: center;
  align-self: center;
}
.ex-pt-costructor-settings .ex-pt-rank .ex-input .r-input-label {
  width: auto !important;
  margin: 0 5px;
  min-width: 10% !important;
}
.ex-pt-costructor-settings .ex-pt-rank .ex-input .r-input {
  width: auto !important;
  flex-grow: 1;
}
.ex-pt-costructor-settings .ex-pt-rank .ex-input:first-child {
  margin-right: 5px;
}
.ex-pt-costructor-settings .ex-pt-rank i.fa {
  margin-left: 3px;
  color: #3393DF;
}

.ex-pt-constructor .ex-pt-items .ex-pt-item {
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #cfcfcf;
}
.ex-pt-constructor .ex-pt-items .ex-pt-item .column-item-actions {
  align-self: stretch;
  align-items: stretch;
  justify-content: center;
}
.ex-pt-constructor .ex-pt-items .ex-pt-item .column-item-actions .fa {
  min-height: 21px;
  margin: 5px 1px;
}
.ex-pt-constructor .ex-pt-items .ex-pt-item:last-child {
  border: none !important;
}
.ex-pt-constructor .ex-pt-items .ex-pt-item .ex-input {
  border: none !important;
}
.ex-pt-constructor .ex-pt-items .ex-pt-item .ex-input:first-child {
  margin-right: 5px;
}
.ex-pt-constructor .ex-pt-items .ex-pt-item i.fa {
  margin-left: 3px;
  margin-right: 3px;
  color: #3393DF;
}

.ex-pt-needs-save {
  background-color: var(--active) !important;
}

.ex-pt-print-iframe .ptest {
  margin: auto;
  padding: 10px 10px;
}
.ex-pt-print-iframe .ptest .wf-pt-description-content {
  border-top: 1px solid #ededed;
  margin: 5px 0 10px 0px;
  padding: 5px 0;
  color: #3695df;
}
.ex-pt-print-iframe .ptest .ptest-group {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 4px;
}
.ex-pt-print-iframe .ptest .ptest-group:not(:first-child) {
  border-top: 1px solid #ddd;
  margin-top: 10px;
  padding-top: 5px;
}
.ex-pt-print-iframe .ptest .ptest-group .ptest-group-name {
  font-size: medium;
}
.ex-pt-print-iframe .ptest .ptest-item {
  font-size: small;
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 5px 0;
  justify-content: space-between;
}
.ex-pt-print-iframe .ptest .ptest-option, .ex-pt-print-iframe .ptest .ptest-ranks .r-radio-button {
  margin: 0 10px;
  width: 20px;
  display: inline-block;
  text-align: center;
}
.ex-pt-print-iframe .r-stack-panel {
  display: flex;
  position: relative;
}
.ex-pt-print-iframe .r-stack-panel .r-stack-item {
  display: flex;
  position: relative;
}
.ex-pt-print-iframe .r-direction-row {
  flex-direction: row;
}
.ex-pt-print-iframe .r-direction-column {
  flex-direction: column;
}
.ex-pt-print-iframe .r-align-left {
  align-self: flex-start;
}
.ex-pt-print-iframe .r-align-right {
  align-self: flex-end;
}
.ex-pt-print-iframe .r-align-center {
  align-self: center;
}
.ex-pt-print-iframe .r-align-stretch {
  align-self: stretch;
}
.ex-pt-print-iframe .r-align-baseline {
  align-self: baseline;
}
.ex-pt-print-iframe .r-flex-wrap {
  flex-wrap: wrap;
}

.ex-pnl-accounts-preview-modal .formula-builder {
  font-size: 1em;
  padding: 7px;
  border-radius: 4px;
  border-color: #ddd;
  margin: 5px 0 0;
}
.ex-pnl-accounts-preview-modal .formula-builder legend {
  background-color: darkseagreen;
  border: 1px solid #fff;
  box-shadow: 0 0 0 1px #ddd;
  border-radius: 4px;
  padding: 0px 10px;
  color: #fff;
  text-shadow: 0 0 1px #000;
  font-size: 1.2em;
}
.ex-pnl-accounts-preview-modal .formula-builder .btn {
  background-color: #3594E0;
  color: #fff;
  text-shadow: 0 0 1px #000;
  border: 1px solid #fff;
  box-shadow: 0 0 0 1px #ddd;
  padding: 4px 10px;
  margin: 5px 0 0 10px;
}
.ex-pnl-accounts-preview-modal .formula-builder .btn:hover {
  background-color: #0075d6;
}
.ex-pnl-accounts-preview-modal .formula-builder .formula-container {
  padding: 7px;
  font-size: 1.2em;
}

.ex-pnl-accounts-header.top-wrap-control .segmented-control {
  border: 2px solid #fff;
  border-color: #fff !important;
  box-shadow: 0 0 3px 1px #8A8888;
}
.ex-pnl-accounts-header.top-wrap-control .segmented-control .control-item {
  background-color: darkseagreen;
  text-shadow: 0 0 1px #000;
  border-left: 1px solid #fff;
}
.ex-pnl-accounts-header.top-wrap-control .segmented-control .control-item:first-child {
  border-left: none;
}
.ex-pnl-accounts-header.top-wrap-control .segmented-control .control-item:hover {
  background-color: #7FB57F !important;
}
.ex-pnl-accounts-header.top-wrap-control .segmented-control .control-item.active, .ex-pnl-accounts-header.top-wrap-control .segmented-control .ex-misc-prompt.miscPrompts .active h6.control-item, .ex-misc-prompt.miscPrompts .active .ex-pnl-accounts-header.top-wrap-control .segmented-control h6.control-item {
  background-color: #7CA97C !important;
  color: #fff !important;
  text-shadow: 0 0 1px #000;
}

.ex-pnl-accounts-account-modal .fa-square-o, .ex-pnl-accounts-account-modal .fa-check-square-o {
  margin-top: 11px;
}

.ex-pnl-accounts-preview.footer-offset {
  overflow: auto;
}
.ex-pnl-accounts-preview .dragged-item {
  opacity: 0.6;
}
.ex-pnl-accounts-preview .over-dragged.is-above, .ex-pnl-accounts-preview .over-dragged.is-under {
  border-top: 2px solid #5582AC;
}
.ex-pnl-accounts-preview .pAndl-builder,
.ex-pnl-accounts-preview .pAndl-builder-values {
  width: 50%;
  float: left;
}
.ex-pnl-accounts-preview .pAndl-builder-values [data-role=grid] {
  border: none;
}
.ex-pnl-accounts-preview .pAndl-builder-values .preview-row-value {
  padding: 0;
  height: 38px;
}
.ex-pnl-accounts-preview .pAndl-builder-values .preview-row-value .account-row-value,
.ex-pnl-accounts-preview .pAndl-builder-values .preview-row-value .formula-row-value {
  border: 1px solid #ccc;
  padding: 2px 5px;
  margin-left: 4px;
}
.ex-pnl-accounts-preview .pAndl-builder {
  border-right: 1px solid #ccc;
  /*.preview-row { padding: 0; cursor: move; float: right; width: 100%; }*/
}
.ex-pnl-accounts-preview .pAndl-builder .preview-row {
  padding: 0;
  height: 38px;
}
.ex-pnl-accounts-preview .pAndl-builder .action-icon {
  height: 35px;
  width: 30px;
  cursor: pointer;
}
.ex-pnl-accounts-preview .pAndl-builder [data-role=grid] {
  border: none;
  /*.header-row{
      font-weight: bold; 
      background-color: #8FBC8F; 
      padding: 7px; 
      border-radius: 4px; 
      margin-bottom: 2px; 
      margin-top: 1px; 
      border: 1px solid #fff; 
      box-shadow: 0 0 0 1px #ddd; 
      color: #fff; 
      text-shadow: 1px 1px 1px #000; 
      font-size: 1.2em !important;
  }*/
}
.ex-pnl-accounts-preview .pAndl-builder [data-role=grid] .header-row span,
.ex-pnl-accounts-preview .pAndl-builder [data-role=grid] .formula-row div {
  font-size: 1.2em !important;
}
.ex-pnl-accounts-preview .pAndl-builder [data-role=grid] .is-under .account-row {
  border-top: none;
}
.ex-pnl-accounts-preview .pAndl-builder [data-role=grid] .header-row {
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: bold;
  font-size: 1.2em;
}
.ex-pnl-accounts-preview .pAndl-builder [data-role=grid] .pAndl-row-div {
  display: inline-block;
  width: 46%;
  font-size: 15px;
  padding: 7px 14px;
}
.ex-pnl-accounts-preview .pAndl-builder [data-role=grid] .account-row {
  text-transform: uppercase;
  margin-left: 4em;
}
.ex-pnl-accounts-preview .pAndl-builder [data-role=grid] .formula-row {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
  margin-left: 2em;
}

.preview-editor-dialog-modal {
  margin-top: -250px !important;
}

/*.ex-polling-status { top: 35px;

    .scrolable { overflow: auto; }

    ul {
        &.inline-list,
        &.inline-list-summary { margin: 0; padding: 0; font-size: 0; vertical-align: middle; }

        &.inline-list {
            li { vertical-align: middle; overflow: hidden; font-size: 12px; list-style-type: none; width: 375px; padding: 0 10px; display: inline-block; border: 1px solid #ddd;


                .template-status { justify-content: center; align-items: center; align-self: center;  width: 100%; flex-grow: 1;

                    .namePolling { display: flex; flex-grow: 1; }

                    .datetime-poll { display: flex;  justify-content: flex-end; }

                    .icon-status-poll { display: flex; min-width: 30px; justify-content: center; margin-right: 2px; }

                    .poll-button{
                        &:hover{
                            background: darkseagreen;
                            color: white;
                            text-shadow: 0 0 1px black;
                        }
                    }
                    .icon-place {
                        width: 20px;
                    }
                }

                .issue-pollstatus { align-self: flex-start;

                    .issueCnt { margin-top: 1px; text-align: center; border: 1px solid rgba(105, 105, 105, 0.15); border-radius: 5px; padding: 0px 5px 0px 5px; background-color: rgba(255, 255, 255, 0.84); box-shadow: 0 0 118px 44px rgba(245, 245, 245, 0.41);

                        & > div:first-child { border-left: 0; }

                        .salesCnt, .laborCnt,
                        .clockCnt { margin: 3px 2px 0 2px; }

                        .laborCnt, .clockCnt { margin: 3px 2px 0 2px; border-left: 1px solid #cfcfcf; padding-left: 5px; }

                        & > div:before { padding-right: 3px; color: rgba(255, 0, 0, 0.78); }
                    }
                }
            }
        }
    }

    li {
        .ex-pollstatus-hidden-name { display: none; }
        .ex-pollstatus-visible-name { display: inline-block; }
        .fa-history{ 
            font-size: 16px; 
            padding: 3px;
        }
        &:hover {
            .ex-pollstatus-hidden-name { display: block; }
            .ex-pollstatus-visible-name { display: none; }
            .issue-pollstatus{ display: none; }
        }

        &.tooltipstered.Poll,
        &.tooltipstered.Re-Poll, &.tooltipstered.Error { border-color: #5FB55F; position: relative;

            &:hover {
                .pollingStatus,
                .dateTimePolled { display: none; }
            }
        }

        &.tooltipstered.Re-Poll, &.tooltipstered.Error { border-color: #5FB55F;

            &:hover { background: rgba(34, 177, 76, 0.22); }
        }

        &.tooltipstered.Poll { border-color: #5FB55F;

            &:hover { background: rgba(34, 177, 76, 0.22); }
        }

        &.tooltipstered { margin: 1px;

            &:hover {
                .pollingStatusUpdate { display: flex; text-align: right; color: #22B14C; text-shadow: rgba(47, 46, 46, 0.792157) 0px 1px 0px; font-size: 14px; position: relative; overflow: hidden; line-height: 1; top: 0; flex-grow: 1; justify-content: flex-end; }
            }

            .pollingStatusUpdate { display: none; }
        }
    }

    .dialog-select {
        &.selectfilterStatuses { min-height: 340px; }
    }

    .selectFilter {
        .tab-label { word-wrap: break-word; height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    }

    .detailContent {

        .canUpdate:hover .pollingStatusUpdate,
        .pollingStatus { display: flex; text-align: center; }

        .pollingStatusUpdate,
        .canUpdate:hover .pollingStatus { display: none; }

        .canUpdate:hover {

            td { background-color: darkseagreen !important; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.79);

                i { padding-left: 5px; color: white !important; }
            }
        }
    }

    .pollStatusSummary {
        .inline-list-summary {
            li { vertical-align: middle; overflow: hidden; font-size: 12px; list-style-type: none; width: 375px; padding: 1px 10px; display: inline-block; border: 1px solid #5cb85c; margin: 0px 2px 2px 0px; cursor: pointer;

                &.border-red { border-color: rgba(255, 0, 0, 0.64); }

                &:hover { background: rgba(34, 177, 76, 0.22); }

                .cnt { font-weight: bold; min-width: 24px; text-align: center; font-size: 1.2em; }
            }
        }


        .issueCnt { margin-top: 1px; margin-right: 10px; min-width: 120px; text-align: center; border: 1px solid rgba(105, 105, 105, 0.15); border-radius: 5px; padding: 0px 5px 0px 5px; background-color: rgba(255, 255, 255, 0.84); box-shadow: 0 0 118px 44px rgba(245, 245, 245, 0.41);

            & > div:first-child { border-left: 0; }

            .salesCnt, .laborCnt,
            .clockCnt { margin: 3px 2px 0 2px; }

            .laborCnt, .clockCnt { margin: 3px 2px 0 2px; border-left: 1px solid #cfcfcf; padding-left: 5px; }

            & > div:before { padding-right: 3px; color: rgba(255, 0, 0, 0.78); }
        }
    }
}

.modalHost {
    .dialog-select {
        &.selectfilterStatuses {
            min-height: 223px;
        }
    }
}

.ex-polling-status-modal {
    &.missinPopOver {
        border: 1px solid #ddd;
        background-color: white;
        padding: 6px;
    }
}*/
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content {
  flex-grow: 1;
  flex-direction: row;
  margin: 10px;
  align-content: flex-start;
  justify-content: center;
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status {
  overflow: hidden;
  font-size: 12px;
  width: 370px;
  padding: 0 1px 0px 10px;
  display: flex;
  margin: 1px;
  flex-direction: row;
  border: 1px solid #ddd;
  align-items: center;
  align-self: center;
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status .icon-place {
  width: 20px;
  justify-content: center;
  font-size: 1.2em;
  align-self: center;
  padding: 3px;
  margin-left: 3px;
  min-height: 21px;
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status .icon-place:hover:not(:empty) {
  background: #8fbc8f;
  color: #fff;
  text-shadow: 0 0 1px black;
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Re-Poll, .ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Error, .ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Poll {
  border-color: #5FB55F;
  position: relative;
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Re-Poll:hover, .ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Error:hover, .ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Poll:hover {
  background: rgba(34, 177, 76, 0.22);
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Re-Poll:hover .icon-status-poll, .ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Re-Poll:hover .datetime-poll, .ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Re-Poll:hover .issueCnt, .ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Error:hover .icon-status-poll, .ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Error:hover .datetime-poll, .ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Error:hover .issueCnt, .ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Poll:hover .icon-status-poll, .ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Poll:hover .datetime-poll, .ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Poll:hover .issueCnt {
  display: none;
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Re-Poll:hover .pollingStatus,
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Re-Poll:hover .dateTimePolled, .ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Error:hover .pollingStatus,
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Error:hover .dateTimePolled, .ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Poll:hover .pollingStatus,
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status.Poll:hover .dateTimePolled {
  display: none;
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status .issue-pollstatus {
  flex-grow: 1;
  justify-content: flex-end;
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status .namePolling {
  overflow: hidden;
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status .namePolling span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status .issueCnt {
  -webkit-box-align: center;
  align-items: center;
  align-self: center;
  flex-grow: 1;
  justify-content: flex-end;
  text-align: center;
  border: 1px solid rgba(105, 105, 105, 0.15);
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.84);
  box-shadow: 0 0 118px 44px rgba(245, 245, 245, 0.41);
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status .issueCnt .ex-react-tooltip {
  flex-grow: 1;
  display: flex;
  align-items: center;
  max-height: 16px;
  padding: 0 0.25em;
  border-left: 1px solid #cfcfcf;
  justify-content: center;
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status .issueCnt .ex-react-tooltip:first-child {
  border-left: 0;
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status .issueCnt .ex-react-tooltip i.fa:before {
  color: rgba(255, 0, 0, 0.78);
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status .pollingStatusUpdate {
  display: none;
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status:hover .pollingStatusUpdate {
  display: flex;
  align-self: center;
  align-items: center;
  text-align: right;
  color: #22b14c;
  text-shadow: rgba(47, 46, 46, 0.792157) 0 1px 0;
  font-size: 14px;
  overflow: hidden;
  flex-grow: 1;
  justify-content: flex-end;
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status .datetime-poll {
  text-align: right;
  justify-content: flex-end;
  margin-right: 5px;
  overflow: hidden;
}
.ex-polling-status-daily-polling-tab .ex-polling-status-daily-polling-tab-content .template-status .datetime-poll span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.ex-polling-status-summary-polling-tab .custom-btn-poll-detail-grid {
  justify-content: center;
  align-content: center;
  cursor: pointer;
  align-items: center;
  color: #428bca;
  padding: 0;
  min-width: 30px;
  width: 30px;
}
.ex-polling-status-summary-polling-tab .custom-btn-poll-detail-grid:hover {
  background-color: #428bca !important;
}
.ex-polling-status-summary-polling-tab .summary-polling-statusses {
  padding: 5px;
  align-items: stretch;
  align-content: baseline;
  align-self: baseline;
  justify-content: center;
}
.ex-polling-status-summary-polling-tab .summary-polling-statusses .ex-polling-status-summary-item {
  overflow: hidden;
  font-size: 12px;
  width: 370px;
  padding: 1px 10px;
  border: 1px solid #5cb85c;
  margin: 0 2px 2px 0;
  cursor: pointer;
  max-height: 30px;
}
.ex-polling-status-summary-polling-tab .summary-polling-statusses .ex-polling-status-summary-item.border-red {
  border-color: rgba(255, 0, 0, 0.64);
}
.ex-polling-status-summary-polling-tab .summary-polling-statusses .ex-polling-status-summary-item:hover {
  background: rgba(34, 177, 76, 0.22);
}
.ex-polling-status-summary-polling-tab .summary-polling-statusses .ex-polling-status-summary-item .cnt {
  justify-content: center;
  align-self: center;
  align-items: flex-end;
  max-width: 45px;
  font-weight: bold;
  min-width: 24px;
  text-align: center;
  font-size: 1.2em;
}
.ex-polling-status-summary-polling-tab .summary-polling-statusses .ex-polling-status-summary-item .issueCnt {
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  align-self: center;
  margin-top: 1px;
  flex-grow: 1;
  text-align: center;
  border: 1px solid rgba(105, 105, 105, 0.15);
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.84);
  box-shadow: 0 0 118px 44px rgba(245, 245, 245, 0.41);
}
.ex-polling-status-summary-polling-tab .summary-polling-statusses .ex-polling-status-summary-item .issueCnt .ex-react-tooltip {
  flex-grow: 1;
  display: flex;
  align-items: center;
  border-left: 1px solid #cfcfcf;
  justify-content: center;
}
.ex-polling-status-summary-polling-tab .summary-polling-statusses .ex-polling-status-summary-item .issueCnt .ex-react-tooltip:first-child {
  border-left: 0;
}
.ex-polling-status-summary-polling-tab .summary-polling-statusses .ex-polling-status-summary-item .issueCnt .ex-react-tooltip i.fa:before {
  color: rgba(255, 0, 0, 0.78);
}

.ex-purchase-orders .distributor-section, .ex-purchase-orders .distributor-invoice-section .dist-info-column, .ex-purchase-orders .distributor-info-section {
  width: 100%;
}
.ex-purchase-orders .distributor-info-section .distributor-column {
  width: 250px;
  min-width: 250px;
  font-size: 14px;
  white-space: nowrap;
}
.ex-purchase-orders .distributor-info-section .dist-info-column.wider {
  width: auto;
  min-width: 300px;
}
.ex-purchase-orders .distributor-info-section .dist-info-column.thiner {
  min-width: 130px;
  max-width: 200px;
}
.ex-purchase-orders .distributor-info-section .dist-info-column.thiner.auto-width {
  width: auto;
}
.ex-purchase-orders .distributor-info-section .dist-info-column div {
  padding: 5px;
}
.ex-purchase-orders .distributor-info-section .dist-info-column .datepicker {
  display: inline-block;
}
.ex-purchase-orders .distributor-info-section .dist-info-column .bold {
  padding-left: 5px;
}
.ex-purchase-orders .distributor-info-section .dist-list-column {
  font-size: 14px;
  width: 420px;
  vertical-align: top;
  padding: 5px 1px 5px;
  align-items: flex-end;
}
.ex-purchase-orders .distributor-info-section .dist-list-column .dist-will-call {
  padding: 0 10px 3px 0;
}
.ex-purchase-orders .distributor-info-section .dist-list-column .r-input {
  width: 300px;
}
.ex-purchase-orders .distributor-invoice-section .dist-info-column {
  padding: 5px;
  width: auto;
}
.ex-purchase-orders .distributor-invoice-section .dist-info-column:first-child {
  width: 350px;
}
.ex-purchase-orders .purchase-detail-body {
  top: 70px;
}
.ex-purchase-orders .pre-received-PO {
  flex-grow: 1;
  position: relative;
}
.ex-purchase-orders .dist-info-column {
  display: table-cell;
  width: 250px;
  min-width: 250px;
  font-size: 14px;
  white-space: nowrap;
  vertical-align: bottom;
}
.ex-purchase-orders .dist-info-column:first-child {
  width: 350px;
}
.ex-purchase-orders .dist-info-column.input-row.no-border {
  vertical-align: top;
}
.ex-purchase-orders .dist-info-column.input-row.no-border span {
  display: block;
}
.ex-purchase-orders .dist-info-column.input-row.no-border span i {
  padding-top: 0px;
}
.ex-purchase-orders .dist-info-column.input-row.no-border > :nth-child(2) {
  width: 80%;
}
.ex-purchase-orders .dist-info-column.input-row.no-border > input {
  margin-top: 0px;
}
.ex-purchase-orders .dist-info-column.input-row.no-border > .datepicker {
  margin-top: -5px;
}
.ex-purchase-orders .dist-info-column.input-row.no-border > .tDatepicker {
  margin-top: -5px;
}
.ex-purchase-orders .dist-info-column .underlined {
  text-decoration: underline;
}
.ex-purchase-orders .dist-info-column .dist-input {
  width: 80%;
}

.ex-po-area {
  height: 100%;
}
.ex-po-area .batches-list {
  margin-right: 5px;
  width: 250px;
  border-right: 1px solid #ddd;
  position: relative;
}
.ex-po-area .batches-list.unpost .batch-filter {
  height: 100px;
}
.ex-po-area .batches-list.unpost .batches {
  top: 100px;
}
.ex-po-area .batches-list.unpost .sort-select {
  margin-bottom: 0px;
}
.ex-po-area .batches-list.unpost .unpost-mode-select-buttons .button-component {
  background-color: #3393df;
  color: #fff;
  text-shadow: 0 0 1px #000;
}
.ex-po-area .batches-list.unpost .unpost-mode-select-buttons .button-component:first-child {
  margin-right: 10px;
}
.ex-po-area .batches-list .batch-filter {
  padding: 0px 10px 5px 5px;
  height: 80px;
}
.ex-po-area .batches-list .batch-filter .batch-sort {
  margin: 2px 0 0 4px;
}
.ex-po-area .batches-list .batch-filter input::-ms-clear {
  display: none;
}
.ex-po-area .batches-list .batch-filter .ex-input {
  border-bottom: none;
}
.ex-po-area .batches-list .batch-filter .batches-filter-input {
  padding: 0;
}
.ex-po-area .batches-list .batch-filter .batches-filter-input input {
  height: 35px !important;
}
.ex-po-area .batches-list .batches {
  overflow: auto;
  padding: 0 5px 0 0;
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  bottom: 0;
}
.ex-po-area .batches-list .sort-select {
  width: 190px;
  display: inline-block;
  margin-bottom: 10px;
}
.ex-po-area .batches-list .sort-select [data-part=ValueTemplate] {
  height: 28px;
  margin: 0;
  padding: 5px 0 0 10px;
  background-color: white;
}
.ex-po-area .batches-list .batch-card {
  border: 1px solid #78bc78;
  padding-left: 6px;
  border-left: 5px solid rgba(0, 128, 0, 0.53);
  margin-bottom: 5px;
  position: relative;
  transform: scale(0.92);
  transition: transform ease-in-out 0.1s;
  box-shadow: 1px 0px 3px 0px #7fa28d;
}
.ex-po-area .batches-list .batch-card.active, .ex-po-area .batches-list .ex-misc-prompt.miscPrompts .active h6.batch-card, .ex-misc-prompt.miscPrompts .active .ex-po-area .batches-list h6.batch-card {
  margin: 5px 0 10px !important;
  transform: scale(1.02);
  box-shadow: 1px 1px 8px 2px #3594e0;
}
.ex-po-area .batches-list .batch-card:hover:not(.active) {
  outline: 2px solid #3674a7;
  outline-offset: 1px;
}
.ex-po-area .batches-list .batch-card::after {
  position: absolute;
  z-index: 1;
  font-family: sans-serif;
  font-style: normal;
  font-weight: 100;
  transform: rotate(-45deg);
  font-size: 1.35em;
  background: #fff;
  padding: 4px;
  border-radius: 5px;
  zoom: 1;
  filter: alpha(opacity=20);
  opacity: 0.7;
  bottom: 45px;
  right: 2px;
}
.ex-po-area .batches-list .batch-card.Open {
  border-color: #508250;
}
.ex-po-area .batches-list .batch-card.Closed {
  border-color: #304990;
}
.ex-po-area .batches-list .batch-card.Closed::after {
  content: "Closed";
  color: #304990;
  border: solid 4px #304990;
  text-shadow: 0 0 2px #304990;
  box-shadow: 0 0 2px #304990;
}
.ex-po-area .batches-list .batch-card.Posted {
  border-color: #a8a4b1;
}
.ex-po-area .batches-list .batch-card.Posted::after {
  content: "Posted";
  color: #a8a4b1;
  border: solid 4px #a8a4b1;
  text-shadow: 0 0 2px #a8a4b1;
  box-shadow: 0 0 2px #a8a4b1;
}
.ex-po-area .batches-list .batch-card .card-row {
  margin: 3px 0;
}
.ex-po-area .batches-list .batch-card .card-row.total-row {
  border-top: 1px solid #7ba17b;
}
.ex-po-area .batches-list .batch-card .card-row.total-row .po-batch-count {
  float: right;
  padding-right: 10px;
}
.ex-po-area .batches-list .batch-card a.btn {
  color: #565656;
  float: right;
  padding: 3px 10px 1px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.ex-po-area .purchase-oroders-area {
  flex-grow: 1;
  position: relative;
}

.notif-icon {
  color: red;
  margin: 0 3px;
  font-size: 14px;
  cursor: pointer;
  text-shadow: 1px 0px 1px #ca7e8f;
}

.query-constructor {
  width: 100%;
}
.query-constructor .center-content {
  justify-content: center;
  width: 100%;
}
.query-constructor .query-info {
  min-height: 200px;
}
.query-constructor .query-info .cut-off-text .r-label {
  height: 20px;
  overflow: hidden;
  width: 400px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.query-constructor .query-builder .query-header {
  font-weight: bold;
  font-size: larger;
  padding-left: 75px;
}
.query-constructor .query-builder .query-group-expression {
  padding: 5px 0px;
  border: 1px dashed rgb(119, 119, 119);
  margin: 10px 0 2px 75px;
  flex: 1 0 auto;
}
.query-constructor .query-builder .query-expression {
  padding: 3px 0;
  margin: 0 0 10px 75px;
  background-color: #94de9d;
  min-height: 38px;
}
.query-constructor .query-builder .query-expression:last-child {
  margin-bottom: 0;
}
.query-constructor .query-builder .query-expression .query-item {
  margin: 0px 15px;
  padding: 2px;
  box-shadow: 0px 0px 2px green;
  cursor: pointer;
}
.query-constructor .query-builder .query-expression .query-item.expression-column {
  background-color: #acff98;
}
.query-constructor .query-builder .query-expression .query-item.expression-operation {
  background-color: #ffdfdf;
}
.query-constructor .query-builder .query-expression .query-item.expression-value {
  background-color: #d0d0d0;
}
.query-constructor .query-builder .query-expression .query-item.expression-value .expression-multiple-select-operation .rms-value-text {
  display: block;
  width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.query-constructor .query-builder .query-expression .query-item .r-select {
  width: 100%;
}
.query-constructor .query-builder .query-expression .query-item input.r-input-text {
  width: 100%;
}
.query-constructor .query-builder .query-expression .query-item .r-select.r-select.r-select-disabled {
  background-color: #fff;
  opacity: 0.6;
  pointer-events: none;
}
.query-constructor .query-builder .query-expression .query-item .r-multiselect {
  background-color: #fff;
  padding: 0 !important;
  min-height: 27px;
}
.query-constructor .query-builder .query-expression .query-item .r-multiselect .r-input {
  font-size: 12px;
}
.query-constructor .query-builder .query-expression .query-item .validation-alert {
  color: var(--color-alert);
  padding: 8px 0;
  margin-right: 4px;
  background-color: transparent;
}
.query-constructor .query-builder .expression-logic {
  box-shadow: 0px 0px 2px green;
  cursor: pointer;
  margin: 0;
  text-align: center;
  background-color: #b5b5b5;
  width: 40px;
  margin-left: -20px;
  font-size: 10px;
  height: 15px;
  line-height: 15px;
  color: rgba(0, 0, 0, 0.192);
}
.query-constructor .query-builder .expression-logic.active, .query-constructor .query-builder .ex-misc-prompt.miscPrompts .active h6.expression-logic, .ex-misc-prompt.miscPrompts .active .query-constructor .query-builder h6.expression-logic {
  background-color: #abff98;
  color: black;
  font-weight: bold;
}
.query-constructor .query-builder .logic-controll {
  position: absolute;
  bottom: -20px;
  left: -45px;
  border: 1px solid #777777;
  border-right: 0;
  height: 38px;
  width: 45px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.query-constructor .query-builder .need-save {
  color: var(--color-completed) !important;
  background-color: var(--active) !important;
}

.ex-recipe-constructor [data-role=button] span.icon {
  position: relative;
}
.ex-recipe-constructor [data-role=button] span.icon * {
  position: absolute;
  top: -12px;
  left: -7px;
}
.ex-recipe-constructor .item-section j-grid.j-table tbody tr:last-child {
  font-weight: bold;
}
.ex-recipe-constructor .allStoreSelect {
  position: absolute;
  padding: 0 0 0 10px;
  top: 0;
}
.ex-recipe-constructor .allStoreSelect input, .ex-recipe-constructor .allStoreSelect [data-part=ValueTemplate] {
  height: 29px;
  min-width: 240px;
  line-height: 29px;
}

.month-input {
  width: 30%;
  padding: 5px 10px;
}

.ex-report-params .paramGroup {
  list-style: none;
  padding: 0;
  height: 480px;
  max-height: 480px;
  overflow: auto;
  border: 1px solid #ddd;
  margin: 2px;
  overflow-x: hidden;
}
.ex-report-params .paramGroup .paramGroupItem {
  padding: 3px;
}
.ex-report-params .paramGroup .paramGroupItem .rpSelect ul {
  max-height: 302px;
  overflow: auto;
  list-style: none;
  padding: 0;
}
.ex-report-params .paramGroup .paramGroupItem .invalid {
  color: red;
}
.ex-report-params .paramGroup .paramGroupItem .clicked-label {
  text-decoration: underline;
  cursor: pointer;
}
.ex-report-params .paramGroup .paramGroupItem .period-table {
  width: 100%;
  padding: 5px;
}

.ex-pending-changes .publishing_inprocess .pending-changes-tree {
  opacity: 0.6;
}
.ex-pending-changes .publish-progress-bar {
  border: 1px solid #bdbdbd;
  padding: 5px;
  background: rgb(255, 248, 253);
  box-shadow: 1px 1px 20px 4px;
  margin: 20px;
  border-radius: 4px;
}
.ex-pending-changes .publish-progress-bar [data-layout] {
  justify-content: center;
}

.ex-sales-item-mapping-section {
  top: 35px;
}
.ex-sales-item-mapping-section [data-layout=row] {
  height: 100%;
}
.ex-sales-item-mapping-section [data-layout=row] > * {
  width: 100%;
}
.ex-sales-item-mapping-section .left-grid-section {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  height: 100%;
  max-width: 26%;
  min-width: 500px;
}
.ex-sales-item-mapping-section .saveButton {
  margin: 15px 5px;
}
.ex-sales-item-mapping-section legend {
  font-size: larger;
  font-weight: bold;
}
.ex-sales-item-mapping-section .sales-item-mapping-nav {
  padding: 5px;
}
.ex-sales-item-mapping-section textarea {
  background-color: #f5f5f5;
}
.ex-sales-item-mapping-section .totalFactor-1 {
  background: khaki;
}

.ex-scheduleDiscrepancy-headerPanel {
  margin: 10px 5px 4px;
  max-height: 50px;
  padding: 10px;
}
.ex-scheduleDiscrepancy-headerPanel .r-datepicker {
  border: none;
  flex-grow: 0;
}
.ex-scheduleDiscrepancy-headerPanel .r-datepicker label {
  width: 90px;
  color: #fff;
  font-weight: 700;
  text-shadow: 0 0 2px #000;
  padding: 0 5px 0 20px;
  font-size: 1.1em;
}
.ex-scheduleDiscrepancy-headerPanel .r-datepicker .r-input-picker {
  background-color: #fff;
}
.ex-scheduleDiscrepancy-headerPanel .button-component {
  margin: 0px 10px 2px 35px;
  background-color: rgba(108, 188, 232, 0.95);
  border: 1px solid #fff;
  border-radius: 8px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  font-size: 1.1em;
  font-weight: bold;
}
.ex-scheduleDiscrepancy-headerPanel .button-component .fa-search {
  margin: 0 5px 0 1px;
}
.ex-scheduleDiscrepancy-headerPanel .button-component:hover {
  box-shadow: 0 0 2px 0 #fff;
}
.ex-scheduleDiscrepancy-headerPanel .r-stack-item {
  flex-grow: 1;
}
.ex-scheduleDiscrepancy-headerPanel .r-stack-item:first-child {
  justify-content: flex-end;
}

.ex-discrepancy-edit .r-select {
  overflow: hidden;
}
.ex-discrepancy-edit .r-select .r-stack-item {
  overflow: hidden;
}

.menu-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  align-content: flex-start;
  overflow: auto;
}
.menu-list .menu-item {
  display: flex;
  flex-direction: column;
}
.menu-list .menu-item .menu-tab {
  font-weight: bold;
  font-size: small;
}
.menu-list .menu-item .menu-module {
  border-bottom: 1px solid #ebebeb;
  padding: 3px 0 3px 5px;
}
.menu-list .menu-item .menu-module .img-holder {
  width: 40px;
  display: flex;
  justify-content: center;
}
.menu-list .menu-item .menu-module img {
  margin-right: 5px;
  display: flex;
  align-self: center;
  height: 21px;
}
.menu-list .menu-item .menu-module .menu-module-name {
  display: flex;
  flex-grow: 1;
  padding-right: 10px;
  color: inherit;
}
.menu-list .menu-item .menu-module i {
  display: flex;
  align-self: center;
}
.menu-list .menu-item .menu-module i:hover {
  color: darkgreen;
}
.menu-list .menu-item .menu-module i {
  color: #3393DF;
}
.menu-list .menu-item .menu-module.menu-target .menu-module-name {
  text-decoration: underline;
  font-weight: normal;
}
.menu-list .menu-item .menu-module:hover {
  cursor: pointer;
}
.menu-list .menu-item .menu-module:hover .menu-module-name:hover {
  text-decoration: underline;
}
.menu-list .menu-item .menu-module:active {
  background: transparent;
}
.menu-list .menu-item .menu-tab,
.menu-list .menu-item .menu-module {
  padding-right: 10px;
  margin-right: 10px;
  align-content: center;
  display: flex;
  text-transform: capitalize;
}
.menu-list .menu-item:not(:first-child) .menu-tab {
  margin-top: 10px;
}

.react-header article {
  cursor: pointer;
}
.react-header article:hover {
  background: rgba(255, 255, 255, 0.47);
  text-shadow: 0 0 2px black;
}

.online-user-list {
  list-style: none;
  margin: 0;
  padding: 0;
  /*.online-user { line-height: 15px; border-bottom: 1px solid #ddd; padding: 6px 5px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;*/
  /*}*/
}
.online-user-list .ou-name {
  display: flex;
}
.online-user-list .ou-description {
  color: #a2a2a2;
  margin-left: 5px;
}
.online-user-list .ou-actions {
  display: flex;
  color: #3393DF;
  cursor: pointer;
}

.an-messages-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.an-messages-list span.an-message-actions {
  font-size: 9px;
  min-width: 60px;
  text-align: right;
}
.an-messages-list .an-message {
  display: flex;
  flex-direction: row;
  padding: 10px;
  background: white;
  border: 1px solid #ddd;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 2px 4px 0px rgba(103, 103, 103, 0.2705882353);
  margin: 4px 8px 4px 8px;
}
.an-messages-list .an-message h4 {
  margin: 0;
  text-transform: capitalize;
  font-weight: normal;
  text-align: left;
  font-size: 14px;
  width: 100%;
}
.an-messages-list .an-message .an-info {
  line-height: 16px;
  min-width: 200px;
}
.an-messages-list .an-message .an-message-actions .fa {
  color: #3393DF;
}
.an-messages-list .an-message .an-message-actions .fa:hover {
  color: darkgreen;
}
.an-messages-list .an-collapsed {
  height: 100px;
  overflow: hidden;
  box-shadow: 0px -40px 30px -50px #000000 inset;
  border: 1px solid #ddd;
  padding: 5px;
  background: rgb(230, 255, 236);
}

.ex-connectin-info-list {
  padding: 0;
  margin: 0;
}
.ex-connectin-info-list .connection-info-item {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 3px 5px;
}
.ex-connectin-info-list .connection-info-item .cii-appname {
  margin: 0;
  text-align: center;
}
.ex-connectin-info-list .connection-info-item .cii-header {
  font-weight: bold;
}

.online-user-list {
  min-height: 400px;
}

.menu-list .menu-item .menu-tab {
  margin: 8px 0px 8px 0px;
  border-radius: 8px;
  font-size: 1.2em;
  padding-left: 12px;
  font-weight: 400;
  font-family: sans-serif;
}

.edit-tax-modal .static-close {
  z-index: 0;
}

.ex-collapse .ex-collapse-item {
  margin: 2px 0;
  border-radius: 4px;
}
.ex-collapse .ex-collapse-item .ex-collapse-item-header {
  padding: 0 10px;
  background: #cdf5cb;
  font-size: 13px;
  color: #333;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ex-collapse .ex-collapse-item .ex-collapse-item-header.not-valid-item {
  background: #ff9090;
}
.ex-collapse .ex-collapse-item .ex-collapse-item-body {
  padding: 4px 10px;
  background: white;
}

.sign-off-rule {
  font-size: larger;
  border-bottom: 1px solid #ddd;
}
.sign-off-rule:last-child {
  border-bottom: none;
}

.training-job-codes span {
  width: 96%;
}
.training-job-codes i.add-job-codes {
  width: 30px;
  height: 30px;
  padding: 8px 0;
  background-color: #3393df;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #fff;
  box-shadow: 0 0 1px 0 #000;
  color: #fff;
  text-shadow: 0 0 1px #000;
  border-radius: 4px;
}
.training-job-codes i.add-job-codes:hover {
  background-color: #5caff1;
}

.ex-tl-needs-save {
  background-color: var(--active) !important;
}

.ex-user-tabs-content .user-info-tab-comment textarea {
  resize: vertical;
}
.ex-user-tabs-content .user-info-tab-secret-answer .fake-answer {
  align-items: center;
  margin-right: 5px;
}
.ex-user-tabs-content .user-info-tab-secret-answer .fake-answer label.r-input-label {
  width: calc(45% + 22px);
}

.ex-user-hasNotSavedChanges {
  background-color: var(--active) !important;
}

.ex-users-permission-content .title-section {
  font-size: 1.5em;
}
.ex-users-permission-content label {
  font-size: 1.2em;
}
.ex-users-permission-content .checkboxUser {
  margin-top: -3px;
  display: block;
}
.ex-users-permission-content .grouped-row .active, .ex-users-permission-content .grouped-row .ex-misc-prompt.miscPrompts .active h6, .ex-misc-prompt.miscPrompts .active .ex-users-permission-content .grouped-row h6 {
  background: #2098d1;
  color: white;
}
.ex-users-permission-content .grouped-row .active .fa, .ex-misc-prompt.miscPrompts .active .ex-users-permission-content .grouped-row h6 .fa {
  color: white;
}
.ex-users-permission-content .hvr-to-right {
  min-height: 23px;
}
.ex-users-permission-content .hvr-to-right:hover {
  background: #37B2EC;
}
.ex-users-permission-content .hvr-to-right:hover, .ex-users-permission-content .hvr-to-right:hover .fa, .ex-users-permission-content .hvr-to-right:focus, .ex-users-permission-content .hvr-to-right:active {
  color: white;
}

.ex-users-group-content .li-report {
  padding: 5px;
}

.ex-edit-user-old .disabled, .ex-edit-user-old .tGrid .tg-content .grouping-vertical .li-group.empty-group, .tGrid .tg-content .grouping-vertical .ex-edit-user-old .li-group.empty-group, .ex-edit-user-old .tGrid .tg-grouping .tg-group.empty-group, .tGrid .tg-grouping .ex-edit-user-old .tg-group.empty-group {
  opacity: 0.3;
  cursor: help;
}

.ex-user-reports-modal .report-ul, .ex-user-reports-modal .report-ul ul {
  list-style: none;
  margin: 12px 0;
}
.ex-user-reports-modal .li-report {
  font-size: 1.2em;
  margin: 10px 0;
}

.user-photo-label {
  width: 310px;
}

.user-photo-wrap .user-photo-title {
  display: block;
  line-height: 28px;
  font-size: 1.6em;
  color: #525252;
  font-weight: bold;
}
.user-photo-wrap .remove-user-photo {
  color: #ef6f6f;
  margin: 0px 1px 0;
  font-size: 1.2em;
  background-color: #c0e4fd;
  padding: 5px;
  border-radius: 0px 5px 5px 0;
}
.user-photo-wrap .remove-user-photo:hover {
  color: #d83434;
  background-color: #e3ecf3;
}
.user-photo-wrap .user-photo {
  box-sizing: content-box;
  float: left;
  box-shadow: 0 0 1px 0px #000;
  border: 4px solid rgb(115, 191, 233);
}

.ex-users-admin-groups .hvr-style, .ex-users-admin-groups .grouped-row .active .fa, .ex-misc-prompt.miscPrompts .active .ex-users-admin-groups .grouped-row h6 .fa, .ex-users-admin-groups .grouped-row .active, .ex-users-admin-groups .grouped-row .ex-misc-prompt.miscPrompts .active h6, .ex-misc-prompt.miscPrompts .active .ex-users-admin-groups .grouped-row h6, .ex-users-admin-groups .hvr-to-right:hover .fa, .ex-users-admin-groups .hvr-to-right:hover, .ex-users-admin-groups .hvr-to-right:focus, .ex-users-admin-groups .hvr-to-right:active {
  color: white;
  background: rgba(32, 152, 209, 0.74);
}
.ex-users-admin-groups .hvr-to-right {
  cursor: pointer;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.ex-users-admin-groups .hvr-to-right label {
  font-size: 1.2em;
  cursor: pointer;
}
.ex-users-admin-groups .SelectGroup .hvr-to-right:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}

.ex-users-admin-groups-report .reports ul {
  list-style: none;
}
.ex-users-admin-groups-report .li-report {
  font-size: 1.2em;
  margin: 10px 0;
}

.ex-users-admin-groups-permissions .checkboxUser {
  margin-top: -3px;
  display: block;
}
.ex-users-admin-groups-permissions .title-section {
  font-size: 1.5em;
}
.ex-users-admin-groups-permissions label {
  font-size: 1.2em;
}
.ex-users-admin-groups-permissions .grouped-row .active, .ex-users-admin-groups-permissions .grouped-row .ex-misc-prompt.miscPrompts .active h6, .ex-misc-prompt.miscPrompts .active .ex-users-admin-groups-permissions .grouped-row h6 {
  background: #2098d1;
  color: white;
}
.ex-users-admin-groups-permissions .grouped-row .active .fa, .ex-misc-prompt.miscPrompts .active .ex-users-admin-groups-permissions .grouped-row h6 .fa {
  color: white;
}
.ex-users-admin-groups-permissions .hvr-to-right {
  min-height: 23px;
}
.ex-users-admin-groups-permissions .hvr-to-right:hover, .ex-users-admin-groups-permissions .hvr-to-right:focus, .ex-users-admin-groups-permissions .hvr-to-right:active {
  color: white;
}
.ex-users-admin-groups-permissions .hvr-to-right:hover {
  background: #37B2EC;
}
.ex-users-admin-groups-permissions .hvr-to-right:hover .fa {
  color: white;
}

.ex-users-admin-groups-dashboard .li-report {
  padding: 5px;
}

.ex-edit-vendor .message-validate {
  top: 40px;
}
.ex-edit-vendor .disabled, .ex-edit-vendor .tGrid .tg-content .grouping-vertical .li-group.empty-group, .tGrid .tg-content .grouping-vertical .ex-edit-vendor .li-group.empty-group, .ex-edit-vendor .tGrid .tg-grouping .tg-group.empty-group, .tGrid .tg-grouping .ex-edit-vendor .tg-group.empty-group {
  opacity: 0.7;
  pointer-events: none;
}
.ex-edit-vendor .not-correct {
  color: #940C0C;
}
.ex-edit-vendor .emails-control {
  overflow: hidden;
  height: 40px;
}
.ex-edit-vendor .emails-section {
  border: 1px solid #ddd;
  position: relative;
  border-radius: 4px;
  margin-top: 5px;
}
.ex-edit-vendor .emails-section legend {
  font-size: 1.4em;
  color: #fff;
  text-shadow: 0 0 1px #000;
  background-color: darkseagreen;
  border: 1px solid #fff;
  box-shadow: 0 0 0 1px #ddd;
  padding: 0px 4px;
  border-radius: 4px;
}
.ex-edit-vendor .emails-section .btn {
  right: 0;
  left: 10px;
  position: absolute;
  margin: 9px 10px 0 0px;
  background-color: #3594E0;
  color: #fff;
  border: 1px solid #fff;
  text-shadow: 0 0 1px #000;
  box-shadow: 0 0 0 1px #ddd;
  font-size: 1.2em;
  height: 27px;
}
.ex-edit-vendor .emails-section .message-validate {
  top: 70px;
}
.ex-edit-vendor .emails-section .input-row .input-row-editable {
  float: none;
  width: 90%;
  margin-left: 10px;
}
.ex-edit-vendor .emails-section .input-row .fa-trash {
  width: 17px;
  font-size: 20px;
  vertical-align: middle;
  float: right;
  margin: 6px 3px 0 0;
  color: #3695E0;
  text-shadow: 0 0 1px #ddd;
}
.ex-edit-vendor .emails-section .input-row .fa-trash:hover {
  color: #2D74FD;
}
.ex-edit-vendor .emails-section .emails-list {
  margin-top: 10px;
  max-height: 105px;
  overflow: auto;
}
.ex-edit-vendor .emails-section .emails-list .input-row {
  border-bottom: none;
}
.ex-edit-vendor textarea {
  margin-top: 5px;
  padding-left: 5px;
}
.ex-edit-vendor .input-row input:-ms-input-placeholder {
  color: #AFAFAF;
}

.wf-item-setting-career-icons-select {
  min-height: 62px;
  display: flex;
  flex-direction: column;
}

.wf-editor {
  border: 1px solid #ddd;
  border-radius: 4px;
}
.wf-editor .wf-board {
  padding: 5px;
  shape-rendering: optimizeQuality;
  background: #ebebeb;
  box-shadow: 0 0 30px 0px #c6c6c6 inset;
  height: initial;
  display: flex;
  flex-grow: 1;
}
.wf-editor .wf-board .wf-step {
  border: 1px solid #ddd;
  padding: 5px;
  margin: 10px 0;
  cursor: pointer;
}
.wf-editor .wf-board .wf-step:active {
  cursor: -webkit-grabbing;
}
.wf-editor .wf-board .wf-step:hover .wf-step-area {
  stroke: #0e5998;
}
.wf-editor .wf-board .wf-step.wf-step-focused .wf-step-area {
  stroke: #0e5998;
  stroke-width: 2;
}
.wf-editor .wf-board .wf-step.Evaluation .wf-step-area {
  fill: #d3dc00;
  stroke: #3202ff;
}
.wf-editor .wf-board .wf-step.Message .wf-step-area {
  fill: #e0fb33;
  stroke: #3202ff;
}
.wf-editor .wf-board .wf-step.MiscPrompt .wf-step-area {
  fill: #e3daff;
  stroke: #3202ff;
}
.wf-editor .wf-board .wf-step.ODU .wf-step-area {
  fill: #00ff79;
  stroke: #3202ff;
}
.wf-editor .wf-board .wf-step.TaskList .wf-step-area {
  fill: #949494;
  stroke: #1e5600;
}
.wf-editor .wf-board .wf-step.Quiz .wf-step-area {
  fill: #2db2e0;
  stroke: #268c31;
}
.wf-editor .wf-board .wf-step.PerformanceTest .wf-step-area {
  fill: #cc6f5d;
  stroke: #5f6f02;
}
.wf-editor .wf-board .wf-step .wf-step-title {
  cursor: move;
  text-anchor: middle;
  font-weight: bold;
}
.wf-editor .wf-board .wf-step .wf-step-title text {
  pointer-events: none;
}
.wf-editor .wf-board .wf-step .wf-step-link {
  fill: silver;
}
.wf-editor .wf-board .wf-step.wf-step-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.wf-editor .wf-board .wf-step.wf-step-disabled .wf-step-title {
  cursor: not-allowed;
}
.wf-editor .wf-board .wf-links .wf-relation-line {
  marker-end: url(#markerArrow);
  stroke: #8a8a8a;
  stroke-width: 2px;
}
.wf-editor .wf-board .wf-links .wf-relation-line:hover {
  fill: #333;
  stroke: #333;
  marker-end: url(#markerArrow-hovered);
}
.wf-editor .wf-side-panel {
  padding: 5px;
  width: 300px;
}
.wf-editor .wf-side-panel.wf-sp-left {
  border-right: 1px solid #ddd;
}
.wf-editor .wf-side-panel.wf-sp-right {
  border-left: 1px solid #ddd;
}
.wf-editor .wf-side-panel .ODU-area {
  height: 300px;
  width: 100%;
}

.doc-package {
  padding: 5px;
  border: 1px solid #ddd;
  height: 100%;
}
.doc-package .package-list {
  overflow: auto;
  margin-bottom: 5px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.doc-package .package-list .package-item {
  height: 20px;
}
.doc-package .package-list .package-item .file-name {
  cursor: pointer;
  overflow: hidden;
}
.doc-package .package-list .package-item .file-name .file-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.doc-package .package-list .package-item .file-name:hover {
  text-decoration: underline;
}

.wf-template-drop-down-targets-select-popover .r-popover .r-popover-content {
  max-width: 400px;
}
.wf-template-drop-down-targets-select-popover .r-popover .r-popover-content .r-select-option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wf-goal {
  justify-content: center;
  align-items: center;
  font-size: larger;
  margin: 5px;
  cursor: pointer;
}

.wf-bg-orange {
  background: #f6e4d2;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #f6e4d2 0%, #eed8ac 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6e4d2), color-stop(100%, #eed8ac));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #f6e4d2 0%, #eed8ac 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #f6e4d2 0%, #eed8ac 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #f6e4d2 0%, #eed8ac 100%);
  /* IE10+ */
  background: linear-gradient(-45deg, #f6e4d2 0%, #eed8ac 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=0);
  /* IE6-9 */
}

.wf-bg-pur {
  background: #e9e1f6;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #e9e1f6 0%, #d0c5ee 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e1f6), color-stop(100%, #d0c5ee));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #e9e1f6 0%, #d0c5ee 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #e9e1f6 0%, #d0c5ee 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #e9e1f6 0%, #d0c5ee 100%);
  /* IE10+ */
  background: linear-gradient(-45deg, #e9e1f6 0%, #d0c5ee 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=0);
  /* IE6-9 */
}

.wf-bg-yellow {
  background: #f6f3cd;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #f6f3cd 0%, #eaeea5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f3cd), color-stop(100%, #eaeea5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #f6f3cd 0%, #eaeea5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #f6f3cd 0%, #eaeea5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #f6f3cd 0%, #eaeea5 100%);
  /* IE10+ */
  background: linear-gradient(-45deg, #f6f3cd 0%, #eaeea5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=0);
  /* IE6-9 */
}

.wf-bg-green {
  background: #def6da;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #def6da 0%, #abeeac 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #def6da), color-stop(100%, #abeeac));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #def6da 0%, #abeeac 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #def6da 0%, #abeeac 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #def6da 0%, #abeeac 100%);
  /* IE10+ */
  background: linear-gradient(-45deg, #def6da 0%, #abeeac 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=0);
  /* IE6-9 */
}

.wf-bg-silver {
  background: #efeee8;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #efeee8 0%, #b8ced2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efeee8), color-stop(100%, #b8ced2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #efeee8 0%, #b8ced2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #efeee8 0%, #b8ced2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #efeee8 0%, #b8ced2 100%);
  /* IE10+ */
  background: linear-gradient(-45deg, #efeee8 0%, #b8ced2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=0);
  /* IE6-9 */
}

.wf-bg-blue {
  background: #cdf0f6;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #cdf0f6 0%, #a5ccee 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdf0f6), color-stop(100%, #a5ccee));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #cdf0f6 0%, #a5ccee 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #cdf0f6 0%, #a5ccee 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #cdf0f6 0%, #a5ccee 100%);
  /* IE10+ */
  background: linear-gradient(-45deg, #cdf0f6 0%, #a5ccee 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=0);
  /* IE6-9 */
}

.wf-bg-red {
  background: #f6f3cd;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #f6f3cd 0%, #eebda5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f3cd), color-stop(100%, #eebda5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #f6f3cd 0%, #eebda5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #f6f3cd 0%, #eebda5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #f6f3cd 0%, #eebda5 100%);
  /* IE10+ */
  background: linear-gradient(-45deg, #f6f3cd 0%, #eebda5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=0);
  /* IE6-9 */
}

.wf-target-small {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  font-size: medium;
  text-transform: capitalize;
}

.ex-progress-bar {
  position: relative;
  line-height: 15px;
  border: 1px solid rgb(146, 146, 146);
  background: rgb(243, 243, 243);
  border-radius: 4px;
  overflow: hidden;
  height: 16px;
}
.ex-progress-bar .ex-progress-bar-line {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 50%;
  top: 0;
  background: rgb(106, 206, 170);
}
.ex-progress-bar .ex-progress-bar-value {
  width: 100%;
  text-align: center;
  position: absolute;
}

.ex-odu-document {
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px;
}
.ex-odu-document .ex-odu-filename {
  font-weight: 700;
  font-size: small;
}
.ex-odu-document .button-component {
  margin: 5px;
  background: rgba(0, 128, 0, 0.28);
  font-size: small;
}

.quiz-empty-space {
  display: inline-block;
  width: 100px !important;
  background: rgba(255, 255, 0, 0.16) !important;
  padding: 0 !important;
  margin: 0 5px !important;
  line-height: 20px !important;
  height: 20px !important;
}

.matching-select {
  display: inline-block;
  width: 20px !important;
  background: rgba(255, 255, 0, 0.16) !important;
  padding: 0 5px !important;
  margin: 0 5px !important;
  line-height: 20px !important;
  height: 20px !important;
}

.ptest {
  width: 700px;
  margin: auto;
  border: 1px solid #ddd;
  box-shadow: 1px -1px 13px 0px;
  padding: 20px 25px;
}
.ptest .wf-pt-description-content {
  border-top: 1px solid #ededed;
  margin: 5px 0px;
  padding: 5px 0;
  color: #3695df;
}
.ptest .ptest-group {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ededed;
  margin-top: 10px;
}
.ptest .ptest-group .ptest-group-name {
  font-size: medium;
}
.ptest .ptest-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  line-height: 13px;
  margin-top: 5px;
}
.ptest .r-radio-group-horizontal {
  flex-wrap: nowrap !important;
}
.ptest .r-radio-group-horizontal .r-radio-button {
  width: 20px;
  margin: 0 10px !important;
}
.ptest .ptest-option, .ptest .ptest-ranks .r-radio-button {
  margin: 0 2px !important;
  width: 45px;
  display: inline-block !important;
  text-align: center;
  min-width: 20px;
  line-height: 12px;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}
.tl-content-table {
  width: 100%;
}
.tl-content-table .tl-header {
  text-align: center;
  font-size: medium;
}
.tl-content-table .tl-list {
  list-style: none;
  padding: 5px 0 5px 10px;
  margin-right: -1px;
}
.tl-content-table .tl-list li {
  transition: all ease-in 0.1s;
  margin: 5px 0;
  border: 1px solid #ddd;
  padding: 5px;
  background: whitesmoke;
  margin-right: 5px;
  cursor: pointer;
}
.tl-content-table .tl-list li.selected {
  border-right: 0;
  margin-right: 0;
  background: white;
}
.tl-content-table .tl-list li:not(.selected):hover {
  border-color: darkseagreen;
}

.lt-preview-modal .ex-react-view-header-title {
  flex-direction: row !important;
}

.tl-content {
  padding: 0 10px;
  width: 100%;
}
.tl-content .tl-header {
  text-align: center;
  font-size: large;
}
.tl-content .tl-sub-header {
  text-align: center;
  font-size: medium;
  margin-top: 10px;
  border-bottom: 1px solid #ddd;
}
.tl-content .tl-item-group {
  display: flex;
  flex-wrap: wrap;
}
.tl-content .tl-item {
  display: flex;
  width: 50%;
  padding: 5px;
}
.tl-content .tl-block {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  border: 1px solid #ddd;
  border-radius: 4px;
  justify-content: space-between;
  box-shadow: 2px 2px 2px 0px #a7a5a5;
}
.tl-content .tl-block .tl-text {
  padding: 10px;
  font-size: small;
  justify-content: space-between;
  display: flex;
}
.tl-content .tl-block .lock-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  color: rgb(224, 109, 109);
  text-shadow: black 0px 0px 1px;
}
.tl-content .tl-block .locked {
  opacity: 0.6;
  pointer-events: none;
}
.tl-content .tl-block .check-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tl-content .tl-block .check-list .check-item {
  border-top: 1px solid #ddd;
  color: white;
  text-shadow: 0 0 1px black;
  display: flex;
  justify-content: space-around;
}
.tl-content .tl-block .check-list .check-item .tl-chk-simple {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  background: #9cc7be;
  cursor: pointer;
}
.tl-content .tl-block .check-list .check-item .tl-chk-simple.checked {
  background-color: darkseagreen;
}
.tl-content .tl-block .check-list .check-item .tl-chk-simple.permission {
  background-color: #b8c365;
}
.tl-content .tl-block .check-list .check-item .tl-chk-simple:not(:last-child) {
  border-right: 1px solid #ddd;
}
.tl-content .tl-block .check-list .check-item .tl-chk-simple .check-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tl-content .tl-block .check-list .check-item .tl-chk-simple .check-list .check-item {
  border-top: 1px solid #ddd;
  color: white;
  text-shadow: 0 0 1px black;
  display: flex;
  justify-content: space-around;
}
.tl-content .tl-block .check-list .check-item .tl-chk-simple .check-list .check-item .tl-chk-simple {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  background: #9cc7be;
  cursor: pointer;
}
.tl-content .tl-block .check-list .check-item .tl-chk-simple .check-list .check-item .tl-chk-simple.checked {
  background-color: darkseagreen;
}
.tl-content .tl-block .check-list .check-item .tl-chk-simple .check-list .check-item .tl-chk-simple.permission {
  background-color: #b8c365;
}
.tl-content .tl-block .check-list .check-item .tl-chk-simple .check-list .check-item .tl-chk-simple:not(:last-child) {
  border-right: 1px solid #ddd;
}
.tl-content .ex-react-tooltip {
  display: inline-block;
}

.w-side-bar {
  width: 100%;
  padding: 0 5px;
  box-shadow: -6px 0 9px -4px #ddd;
}

.wi-button {
  border: 1px solid #333;
  border-radius: 4px;
  padding: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
}
.wi-button.wi-red-button {
  background: #de4c4c;
  color: white;
  text-shadow: 0 0 1px black;
}
.wi-button .we-button-title {
  font-size: medium;
}

.select-survey-type {
  width: 90%;
  float: left;
  margin-right: 5px;
}
.select-survey-type > label {
  width: 54% !important;
}

.setting-survey-type {
  border: 1px solid rgb(221, 221, 221);
  border-radius: 3px;
  padding: 2px 6px;
  margin-top: 3px;
  float: right;
  cursor: pointer;
}

.wf-tmpl-changed {
  background-color: var(--active) !important;
}

.wf-tmpl-certificate-disabled .r-input-label {
  opacity: 0.5;
}

.ex-wf-quiz-question-type {
  position: relative;
  border-bottom: 1px solid #cfcfcf;
  margin: 8px;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-no {
  margin: 0 5px;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-not-supported-type {
  justify-content: center;
  align-self: stretch;
  align-items: center;
}
.ex-wf-quiz-question-type .addAnswerBtnContainer {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.ex-wf-quiz-question-type .addAnswerBtnContainer .addAnswerBtn {
  padding: 4px;
  cursor: pointer;
}
.ex-wf-quiz-question-type .addAnswerBtnContainer .addAnswerBtn:hover {
  text-decoration: none;
}
.ex-wf-quiz-question-type.not-valid {
  box-shadow: inset -2px 1px 13px 0px red !important;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers {
  padding: 2px 15px;
  width: 50%;
  flex-grow: 1;
  justify-content: center;
  border-left: 1px solid #ccc;
  min-height: 90px;
  margin: 0px 0 10px 10px;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers .ex-wf-quiz-question-answer {
  justify-content: center;
  align-self: center;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers .ex-wf-quiz-question-answer .r-select {
  border: 0;
  margin-top: 1px;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers .ex-wf-quiz-question-answer.r-radio-button .fa-square-o,
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers .ex-wf-quiz-question-answer.r-radio-button .fa-check-square-o,
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers .ex-wf-quiz-question-answer.r-radio-button .fa-dot-circle-o,
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers .ex-wf-quiz-question-answer.r-radio-button .fa-circle-o {
  overflow: hidden;
  margin-bottom: 0 !important;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers .ex-wf-quiz-question-answer input {
  min-width: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #000000;
  outline: none;
  width: 50%;
  font-size: inherit;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers .ex-wf-quiz-question-answer .ex-wf-quiz-question-number-answer {
  padding: 0 8px 0 6px;
  width: 25px;
  font-size: 1.56em;
  margin-top: 8px;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers .ex-wf-quiz-question-answer .button-component {
  border: none;
  text-transform: capitalize;
  color: #6c6b62;
  padding: 3px 0px 3px 1px;
  text-shadow: 0 0 2px rgb(255, 255, 255);
  margin-top: 6px;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers .ex-wf-quiz-question-answer .button-component .fa-angle-double-up,
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers .ex-wf-quiz-question-answer .button-component .fa-angle-double-down {
  overflow: hidden;
  margin-bottom: -10px;
  padding: 1px;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers .ex-wf-quiz-question-answer .fa-square-o,
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers .ex-wf-quiz-question-answer .fa-check-square-o,
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers .ex-wf-quiz-question-answer .fa-dot-circle-o,
.ex-wf-quiz-question-type .ex-wf-quiz-question-answers .ex-wf-quiz-question-answer .fa-circle-o {
  overflow: hidden;
  margin-bottom: -10px;
  padding: 1px;
}
.ex-wf-quiz-question-type .ex-wf-quiz-fill-in-the-blanks-text {
  position: relative;
  border: 1px solid #dddddd;
  background-color: white;
  padding: 3px 5px;
  border-radius: 3px;
  display: flex;
  white-space: pre-wrap;
  flex-grow: 1;
  margin: 0px 0px 0 10px;
  min-height: 70px;
  font-size: 13px;
  flex-wrap: wrap;
  text-rendering: auto;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  text-align: start;
  font-family: sans-serif;
  font-style: normal;
  font-weight: 100;
}
.ex-wf-quiz-question-type .ex-wf-quiz-fill-in-the-blanks-textarea {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.ex-wf-quiz-question-type .ex-wf-quiz-fill-in-the-blanks-textarea textarea {
  width: 100%;
  height: 70px;
  padding: 3px 5px;
  font-size: 13px;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-text {
  flex-direction: column;
  align-self: baseline;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-text .valid-message {
  color: red;
  font-size: 12px;
  padding-left: 10px;
  font-weight: normal;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-text .r-textarea {
  margin-left: 10px;
  border: none;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-text .r-textarea .r-input textarea {
  resize: vertical;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-text .r-textarea .r-input textarea:focus {
  box-shadow: inset 0px 0px 5px #79c4ff;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-actions {
  min-width: 155px;
  padding: 3px 15px;
  color: black;
  text-shadow: 0 0 2px rgba(220, 220, 220, 0.79);
  font-size: 1em;
  text-align: center;
  align-items: left;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-actions div {
  cursor: pointer;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-actions div:hover {
  text-decoration: none;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-actions .ex-wf-question-randomize {
  border-top: 1px solid #ccc;
  padding: 2px 0;
  margin-top: 5px;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-number {
  padding: 5px;
  text-transform: capitalize;
  color: black;
  text-shadow: 0 0 2px rgba(241, 241, 241, 0.79);
  font-size: 1.56em;
  text-align: center;
  cursor: pointer;
  justify-content: flex-start;
  flex-direction: row;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-number .iconUI {
  width: 65px;
  padding: 4px;
  max-height: 60px;
  margin-left: 25px;
}
.ex-wf-quiz-question-type .ex-wf-quiz-question-number .fa-arrow-left {
  color: #1683da;
}

.ex-wf-quiz-question-fill-in-the-blanks {
  min-height: 129px;
}
.ex-wf-quiz-question-fill-in-the-blanks .ex-wf-quiz-question-answer {
  align-items: center;
}
.ex-wf-quiz-question-fill-in-the-blanks .ex-wf-quiz-fill-in-the-blanks-add-button {
  background-color: #4f9fde;
  color: white;
  text-shadow: 0 0 1px black;
  border: 1px solid #fdfdfd;
  border-radius: 4px;
  padding: 6px 10px 5px 6px;
  margin-left: 10px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 1.1em;
}
.ex-wf-quiz-question-fill-in-the-blanks .ex-wf-quiz-fill-in-the-blanks-add-button:hover {
  background-color: #63aee8;
}
.ex-wf-quiz-question-fill-in-the-blanks span.blank-place {
  background: #efefef;
  box-shadow: 1px 1px 2px #a7a7a7;
  min-width: 12px;
  display: inline-block;
  text-align: center;
  height: 17px;
  line-height: 19px;
  margin: 0 2px;
}

.ex-wf-quiz-question-truefalse .ex-wf-quiz-question-answers .r-radio-group {
  border: none !important;
}
.ex-wf-quiz-question-truefalse .ex-wf-quiz-question-answers .r-radio-group .r-radio-group-horizontal {
  justify-content: center;
}
.ex-wf-quiz-question-truefalse .ex-wf-quiz-question-answers .r-textarea {
  margin-left: 10px;
  border: none;
}
.ex-wf-quiz-question-truefalse .ex-wf-quiz-question-answers .r-textarea .r-input textarea {
  resize: vertical;
}
.ex-wf-quiz-question-truefalse .ex-wf-quiz-question-answers .r-textarea .r-input textarea:focus {
  box-shadow: inset 0px 0px 5px #79c4ff;
}

.ex-quiz-admin .ex-quiz-admin-list-quizzes .ex-listitem-wrapper .listitem {
  min-height: 50px;
}
.ex-quiz-admin .quiz-needs-save {
  background-color: var(--active) !important;
}

.match-left-group {
  display: flex;
  flex-direction: column;
  width: 200px;
  margin-right: 10px;
}

.question-answers {
  display: flex;
}

.match-right-group {
  text-indent: -12px;
  margin-left: 10px;
  line-height: 12px;
  margin-top: 5px;
}

.question-answer {
  margin-bottom: 5px;
}

.match-left-group {
  margin-left: 30px;
  margin-top: 5px;
  width: 200px;
  line-height: 12px;
}

.ex-wf-quizzes-pool-of-questions .ex-pool-search {
  width: 100%;
  display: block;
  padding: 0 5px;
  margin: 0;
}
.ex-wf-quizzes-pool-of-questions .ex-listview-search {
  margin: 0 0 2px 0;
  padding: 0;
  font-size: 13px;
}
.ex-wf-quizzes-pool-of-questions .ex-listview-search input {
  min-height: 35px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.ex-wf-quizzes-pool-of-questions .ex-wf-quiz-question-text {
  text-overflow: ellipsis;
}
.ex-wf-quizzes-pool-of-questions .ex-pool-folder {
  flex-direction: column;
}
.ex-wf-quizzes-pool-of-questions .ex-pool-folder .pool-folder-actions {
  position: absolute;
  right: 10px;
}
.ex-wf-quizzes-pool-of-questions .ex-pool-folder .pool-folder-actions i {
  color: #5f9ea0;
}
.ex-wf-quizzes-pool-of-questions .ex-pool-folder .listitem {
  background: none;
  flex-direction: column;
}
.ex-wf-quizzes-pool-of-questions .ex-pool-folder .listitem:first-child {
  background-color: #dedede;
}
.ex-wf-quizzes-pool-of-questions .ex-pool-folder .ex-pool-folder-name {
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 600;
}
.ex-wf-quizzes-pool-of-questions .ex-pool-folder .ex-pool-question {
  display: flex;
  flex-direction: row;
}
.ex-wf-quizzes-pool-of-questions .ex-pool-folder .ex-pool-question .listitem {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
}
.ex-wf-quizzes-pool-of-questions .ex-pool-folder .ex-pool-question .listitem div {
  flex-direction: column;
  flex-grow: 1;
}
.ex-wf-quizzes-pool-of-questions .ex-pool-folder .ex-pool-question .listitem div .question-text-wrap {
  line-height: 18px;
}
.ex-wf-quizzes-pool-of-questions .ex-pool-folder .ex-pool-question .listitem div.listitem-actions {
  justify-content: flex-end;
  flex-direction: inherit;
}

.ex-choose-pool-folder .listitem-actions {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.ex-choose-pool-folder .listitem-actions i.fa-trash {
  color: cadetblue;
}

.wiz {
  background-color: #e5e6e8 !important;
}
.wiz-progress-side-block-right {
  position: absolute;
  top: -100%;
  bottom: 0;
  background-color: #e5e6e8;
  left: 50%;
  right: 0;
}
.wiz-progress-side-block-left {
  position: absolute;
  top: -100%;
  bottom: 0;
  background-color: #e5e6e8;
  left: 0;
  right: 50%;
}
.wiz-progress-icon {
  padding: 3px;
  border-radius: 50%;
  background-color: #a4a8ab;
  margin-top: -18px;
  position: relative;
}
.wiz-progress-icon.passed {
  background-color: #57b949;
  color: #fff;
}
.wiz-progress-icon.active, .ex-misc-prompt.miscPrompts .active h6.wiz-progress-icon {
  background-color: #346eb7;
  color: #fff;
}
.wiz-progress-icon i {
  line-height: normal;
  vertical-align: 0;
}
.wiz-progress-text {
  position: relative;
  font-weight: bold;
}
.wiz-progress-point {
  align-items: center;
  width: 100px;
  border-top: 3px solid #a4a8ab;
  margin-top: 22px;
  position: relative;
}
.wiz-progress-point.passed {
  border-color: #57b949;
}
.wiz-progress-point.active, .ex-misc-prompt.miscPrompts .active h6.wiz-progress-point {
  border-color: #346eb7;
}
.wiz-step-body {
  box-shadow: 0px 1px 2px 0px #565656;
  border-radius: 3px;
  background-color: #fff;
  margin: 5px 0;
  padding: 5px;
}
.wiz-step-head {
  box-shadow: 0px 1px 2px 0px #565656;
  border-radius: 3px;
  background-color: #fff;
  padding: 3px 6px;
  margin: 5px 0;
  justify-content: space-between;
  font-size: medium;
}

.wiz-button-item {
  justify-content: center;
  font-size: 15px;
  background-color: #dcebd4;
  margin: 20px 15px;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0 0 1px 0px;
  opacity: 0.9;
}
.wiz-button-item:active {
  opacity: 0.9;
}
.wiz-button-item:hover {
  opacity: 1;
}

.quiz {
  width: 600px;
  margin: auto;
  border: 1px solid #ddd;
  box-shadow: 1px -1px 13px 0px;
  padding: 20px 40px;
  margin-bottom: 15px;
}
.quiz:last-child {
  margin-bottom: auto !important;
}
.quiz .quiz-description:not(:empty) {
  white-space: pre-wrap;
  font-size: 1.12em;
  font-weight: bold;
  margin-bottom: 6px;
}
.quiz .question {
  border-bottom: 1px solid #ddd;
}
.quiz .question .tips {
  color: green;
  border-radius: 5px 5px;
  -webkit-box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.1);
  z-index: 99;
  background: rgba(220, 240, 217, 0.6);
  border: 1px solid #ccd6dd;
  padding: 0.2em 0.4em 0.2em 0.4em;
  outline: none;
  cursor: help;
  position: relative;
  margin-bottom: 5px;
  margin-right: 15px;
}
.quiz .question .tips .tips-icon {
  font-size: 1.5em;
}
.quiz .question-yesno li {
  list-style: none;
}
.quiz .question-text {
  white-space: pre-wrap;
}
.quiz .question-text span {
  font-weight: 700;
  margin-right: 10px;
}
.quiz .question-number {
  font-size: x-large;
  margin-right: 7px;
}
.quiz .question-type-description {
  font-size: smaller;
  line-height: 8px;
  color: #848383;
  margin-bottom: 6px;
}
.quiz .question-order ul {
  list-style: none;
  padding: 0 30px;
}
.quiz .question-order .r-select,
.quiz .question-matching .r-select {
  width: 30px;
  display: inline-block;
  background: #f3f3aa;
  border: none;
}
.quiz .question-order .r-select .r-select-action,
.quiz .question-matching .r-select .r-select-action {
  display: none;
}
.quiz .question-order .r-select .r-select-value-icon,
.quiz .question-matching .r-select .r-select-value-icon {
  display: none !important;
}
.quiz .question-order .r-select .r-fake-input,
.quiz .question-matching .r-select .r-fake-input {
  background: transparent;
}
.quiz .question-order .r-select input,
.quiz .question-matching .r-select input {
  width: 13px;
  background: transparent;
  padding: 0 !important;
  text-align: right;
  line-height: 15px !important;
  height: 15px !important;
}
.quiz .question-matching .left-group-text {
  width: 200px;
}
.quiz .question-matching .question-answer {
  display: flex;
}
.quiz .question-answer.q-a-incorrent {
  color: red !important;
  background: white !important;
}
.quiz .question-answer.q-a-corrent {
  color: green !important;
  background: white !important;
}
.quiz .question-fill-blanks .r-input-wrap {
  display: inline-block;
}
.quiz .question-fill-blanks .r-input {
  background: #f3f3aa;
  border: 1px solid #bfb5b5;
  line-height: 13px;
  height: 18px !important;
}
.quiz .question-fill-blanks .question-text {
  line-height: 19px;
}
.quiz .question-fill-blanks .question-text span {
  font-weight: 300;
}
.quiz .question-fill-blanks .enter-place {
  margin: 0;
  cursor: pointer;
  font-weight: bold;
  font-size: small;
  color: #4d4d4e;
  background: #f3f3aa;
  padding: 0 3px;
}
.quiz .quiz-completed .question-answer {
  pointer-events: none;
}

.item-options {
  display: flex;
  height: 30px;
  width: 30px;
  min-width: 30px;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 6px;
  box-shadow: 0 0 1px 1px #525252;
  text-shadow: 0 0 1px black;
  align-self: center;
  cursor: pointer;
  font-size: 0.7em;
}
.item-options.with-blue-style {
  background: #1d73da;
  border: 2px solid #3695df;
}
.item-options.with-green-style {
  background: #81af71;
  border: 2px solid #00b727;
}

.workflowTasks .ex-react-view-host {
  z-index: 30 !important;
}
.workflowTasks .workflow-item {
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 2px solid transparent;
  padding: 15px 5px;
  box-shadow: 0px 0px 5px 0px;
  margin-bottom: 10px;
  transition: all 0.4s ease-in;
}
.workflowTasks .workflow-item.disabled-item {
  border: 1px solid rgb(204, 204, 204);
  background: rgb(217, 222, 217);
  opacity: 0.8;
}
.workflowTasks .workflow-item.completed-item {
  background: rgb(207, 245, 207);
}
.workflowTasks .workflow-item .wi-center {
  padding: 0 10px;
  flex-grow: 1;
}
.workflowTasks .workflow-item .item-requirements {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.workflowTasks .workflow-item .item-requirements .item-req-step {
  white-space: nowrap;
}
.workflowTasks .workflow-item .item-name {
  font-size: 18px;
}
.workflowTasks .workflow-item .wi-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  transition: all 0.4s ease-in;
}
.workflowTasks .workflow-item .wi-row:not(:last-child) {
  margin-bottom: 10px;
}
.workflowTasks .workflow-item .wi-row.disabled-item {
  border: 1px solid rgb(204, 204, 204);
  background: rgb(217, 222, 217);
  opacity: 0.8;
}
.workflowTasks .workflow-item .wi-row.completed-item {
  background: rgb(207, 245, 207);
}
.workflowTasks .workflow-item .wi-row .wi-center {
  padding: 0 10px;
  flex-grow: 1;
}
.workflowTasks .workflow-item .wi-row .item-requirements {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.workflowTasks .workflow-item .wi-row .item-requirements .item-req-step {
  white-space: nowrap;
}
.workflowTasks .workflow-item .wi-row .item-name {
  font-size: 18px;
}
.workflowTasks .workflow-item .wi-row .wi-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.workflowTasks .workflow-item .wi-row .wi-row:not(:last-child) {
  margin-bottom: 10px;
}
.workflowTasks .workflow-item .wi-row .wi-path {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 13px;
}
.workflowTasks .workflow-item .wi-row .wi-path-step {
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
  padding: 0 5px;
  justify-content: center;
  align-items: center;
}
.workflowTasks .workflow-item .wi-path {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 13px;
}
.workflowTasks .workflow-item .wi-path-step {
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
  padding: 0 5px;
  justify-content: center;
  align-items: center;
}
.workflowTasks .wf-item-target-icon {
  border: 1px solid #989898;
  border-radius: 4px;
  line-height: 16px;
  padding: 0 4px;
  background: darkseagreen;
  color: white;
  text-shadow: 0 0 1px black;
  width: 70px;
  text-align: center;
}
.workflowTasks .wi-status {
  height: 40px;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.workflowTasks .wi-status-line {
  border: 1px solid #bdbdbd;
  position: absolute;
  width: 100%;
  display: flex;
  align-self: center;
  z-index: 10;
  background: #ddd;
  top: 8px;
  height: 4px;
}
.workflowTasks .wi-status-circle {
  position: relative;
  margin: 0 10px;
  background: #ddd;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #bdbdbd;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7b7b7b;
}
.workflowTasks .wi-status-circle.wi-status-done {
  background: darkseagreen;
  color: white;
  text-shadow: 0 0 1px black;
}
.workflowTasks .wi-status-circle.wi-status-current {
  border: 2px solid #3594df !important;
  background: #f9f9f9;
  transform: scale(1.3);
}
.workflowTasks .wi-status-circle .wi-status-name {
  position: absolute;
  top: 100%;
  color: black;
  text-shadow: none;
  margin: 0 auto;
  left: -50%;
  white-space: nowrap;
}
.workflowTasks .wi-button {
  display: flex;
  width: 100%;
  border: 1px solid #8a8a8a;
  margin: 0 10px;
  justify-content: center;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(195, 191, 191, 0.08);
  background: darkseagreen;
  color: white;
  text-shadow: 0 0 1px black;
  cursor: pointer;
}
.workflowTasks .wi-button:hover {
  background: rgba(0, 128, 0, 0.75);
}
.workflowTasks .wi-button:active {
  background: rgb(0, 128, 0);
}

.wf-doc-pdf-scene {
  background-color: #525659;
  justify-content: center;
  align-items: center;
}
.wf-doc-pdf-scene .wf-doc-loading {
  display: none;
}
.wf-doc-pdf-scene i {
  height: 1em;
  color: #939c8c;
  position: absolute;
}

.query-result {
  max-height: 300px;
  min-height: 300px;
  min-width: 200px;
}

.creation-process {
  height: 200px;
  overflow: auto;
  width: 300px;
}

.ex-wf-progress-bar {
  background: whitesmoke;
  border: 1px solid #ada9a9;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 16px;
  overflow: hidden;
  flex-grow: 1;
}
.ex-wf-progress-bar .ex-pb-back {
  position: absolute;
  width: 50%;
  height: 100%;
  background: #8bc34a;
  left: 0;
  top: 0;
}
.ex-wf-progress-bar .ex-pb-text {
  z-index: 10;
}

.log-record {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  border: 1px solid #989797;
  background: white;
  box-shadow: 2px 2px 10px -4px;
}
.log-record .lr-main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 5px;
}
.log-record .lr-time {
  line-height: 10px;
}
.log-record .lr-date {
  line-height: 10px;
}
.log-record .lr-createdby {
  font-size: medium;
  margin: 10px;
}
.log-record .lr-left {
  display: flex;
  flex-direction: column;
  width: 100px;
  justify-content: center;
  align-content: center;
  background: darkseagreen;
  text-align: center;
  color: white;
  text-shadow: 0 0 1px black;
}
.log-record .workflow-log {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: inherit;
  padding: 10px;
}
.log-record .lr-header {
  display: flex;
  font-weight: bold;
}
.log-record .lr-message {
  display: flex;
}

.ex-send-log-modal {
  z-index: 21;
}

.wf-frame-content {
  display: flex;
  flex-grow: 1;
  width: 100%;
}

.ex-wf-log-properties {
  background-color: #3695df;
  margin-bottom: 5px;
  color: white;
}
.ex-wf-log-properties .ex-wf-log-properties-content {
  background-color: white;
  color: black;
}

.ex-wf-log-history {
  background-color: #3695df;
  color: white;
}
.ex-wf-log-history .ex-wf-log-history-content {
  background-color: white;
  color: black;
}

.wf-log-record {
  background: whitesmoke;
  margin: 5px;
  padding: 5px;
  box-shadow: 0px 1px 4px 0px #9c9c9c;
}
.wf-log-record .wf-log-info {
  justify-content: space-between;
}
.wf-log-record .wf-log-info .wf-log-user {
  margin-left: 5px;
}

.wf-advanced-section {
  border-right: 1px solid #ddd;
}
.wf-advanced-section h3 {
  text-align: center;
}
.wf-advanced-section:last-child {
  border: none;
}
.wf-advanced-section .wf-advanced-item {
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 4px;
  border-radius: 0px;
  background-color: #fff;
  cursor: pointer;
  box-shadow: rgba(109, 109, 109, 0.3215686275) 0px 3px 4px 1px;
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
}
.wf-advanced-section .wf-advanced-item h5 {
  font-size: 14px;
  font-weight: normal;
  margin: 20px 16px 0px 16px;
}
.wf-advanced-section .wf-advanced-item.selected {
  background-color: darkseagreen;
  color: #fff;
}
.wf-advanced-section .wf-advanced-item.selected .wf-item-late {
  color: #fff;
}
.wf-advanced-section .wf-advanced-item .wf-advanced-item-align {
  width: 100%;
  align-items: center;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
}
.wf-advanced-section .wf-advanced-item .wf-item-late {
  color: red;
  text-decoration: underline;
}
.wf-advanced-section .wf-advanced-item .wf-item-total {
  font-weight: bold;
}
.wf-advanced-section .wf-advanced-status {
  font-size: medium;
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 5px;
  border-radius: 5px;
  background-color: #fff;
  cursor: pointer;
  box-shadow: #ddd -1px -1px inset;
  height: 75px;
  justify-content: center;
}
.wf-advanced-section .wf-advanced-status.selected {
  background-color: darkseagreen;
  color: #fff;
  text-shadow: 0px 0px 1px black;
}

.workflow-interactive-laucher .wf-completed {
  display: flex;
  background-color: #81af71;
  border-radius: 5px;
  padding: 0.6em;
  color: white;
  text-shadow: 0 0 1px #b6b6b6;
  text-transform: uppercase;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.31);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.31);
  font-size: 1.8em;
  letter-spacing: 2px;
  font-weight: 500;
  margin-right: 0px;
  min-width: 120px;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.workflow-interactive-laucher .wf-activity-list-item {
  background-color: #eaeaea;
  width: 100%;
  margin-bottom: -2px;
}
.workflow-interactive-laucher .wf-activity-list-item.selected .button-component {
  border: 1px solid rgba(30, 197, 73, 0.75);
  background: #cdf5cb;
}
.workflow-interactive-laucher .wf-activity-list-item .button-component {
  line-height: 15px;
  padding: 6px 5px;
  border-top: 1px solid transparent;
  cursor: pointer;
  background: white;
  margin: 4px 3px 0px;
  border-bottom: 1px solid #ddd;
  border-radius: 3px;
  overflow: hidden;
  width: 100%;
  z-index: 2;
}
.workflow-interactive-laucher .wf-activity-list-item .button-component:hover {
  background-color: #e4f3e1;
}
.workflow-interactive-laucher .ex-react-view-content .wf-log-messager {
  min-height: 40px;
}
.workflow-interactive-laucher .ex-react-view-content .wf-log-messager .wf-log-message-send {
  margin: 0 5px !important;
}
.workflow-interactive-laucher .ex-react-view-content .wf-log-messager .wf-log-btn-send .button-component {
  color: #0dc304;
  font-size: 19px;
  margin-right: 10px;
  text-shadow: 0 0 1px #585858;
  border-radius: 50%;
  height: 39px;
  width: 39px;
  display: flex;
  align-items: center;
}
.workflow-interactive-laucher .ex-react-view-content .wf-log-messager .wf-log-btn-send .button-component:hover {
  color: #71ce1d;
}
.workflow-interactive-laucher .btn-course-mask-as-completed {
  background-color: #56c553;
  border-radius: 5px;
  color: white;
  text-shadow: 0 0 1px #b6b6b6;
  text-transform: uppercase;
  box-shadow: 1px 1px 6px -3px black;
}
.workflow-interactive-laucher .wf-item-container {
  border-bottom: 1px solid #ddd;
  padding: 3px 0;
}
.workflow-interactive-laucher .wf-item-container .wf-workflow-item {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  align-items: center;
  cursor: pointer;
}
.workflow-interactive-laucher .wf-item-container .wf-workflow-item .wf-completed-color {
  color: #5eff00;
}
.workflow-interactive-laucher .wf-item-container .wf-workflow-item:hover {
  background: #ffe4b9;
}
.workflow-interactive-laucher .wf-workflow:not(:first-child) {
  padding-left: 20px;
}
.workflow-interactive-laucher .wf-item-list .wf-item {
  border-bottom: 1px solid #ddd;
  margin: 5px;
  padding: 0 5px;
  justify-content: space-between;
  cursor: pointer;
}
.workflow-interactive-laucher .wi-status-locked {
  opacity: 0.4;
}
.workflow-interactive-laucher .wi-status-completed {
  background: rgba(0, 128, 0, 0.15);
  opacity: 0.8;
}
.workflow-interactive-laucher .log-history-groups {
  margin: 2px 1px !important;
}
.workflow-interactive-laucher .log-history {
  background-color: rgb(170, 186, 218) !important;
  margin: 2px 1px !important;
  border-radius: 0px;
}
.workflow-interactive-laucher .log-history .wf-log-entry {
  margin: 0 10px;
  padding: 10px 10px 0;
  min-height: 90px;
}
.workflow-interactive-laucher .log-history .wf-log-entry:last-child {
  margin-bottom: 10px;
}
.workflow-interactive-laucher .log-history .wf-log-entry.wf-log-entry-reverse {
  flex-direction: row-reverse;
  /*.log-entry-icon-wrap {
      display: none;
  }*/
}
.workflow-interactive-laucher .log-history .wf-log-entry.wf-log-entry-reverse .wf-log-entry-arrow {
  border-left: 15px solid #fff;
  border-right: 0;
}
.workflow-interactive-laucher .log-history .wf-log-entry.wf-log-entry-reverse .wf-log-entry-content {
  border-radius: 25px 0px 25px 25px;
}
.workflow-interactive-laucher .log-history .wf-log-entry .wf-log-entry-arrow {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  flex-grow: 1;
  width: 0;
  height: 0;
  border-right: 15px solid #fff;
  margin-top: 10px;
}
.workflow-interactive-laucher .log-history .wf-log-entry .wf-log-entry-content {
  background: white;
  border-radius: 0px 25px 25px 25px;
  padding: 10px;
  font-size: 1.3em;
}
.workflow-interactive-laucher .log-history .log-entry-icon {
  padding: 0 30px;
  min-height: 60px;
}
.workflow-interactive-laucher .log-history .wf-log-entry-author {
  font-size: medium;
  color: #000;
}
.workflow-interactive-laucher .log-history .log-entry-header {
  font-size: small;
  font-weight: bold;
}
.workflow-interactive-laucher .log-history .wf-advanced-item-edit {
  min-width: 35px;
}
.workflow-interactive-laucher .log-history .wf-advanced-item {
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 5px;
  border-radius: 5px;
  background-color: #fff;
  cursor: pointer;
  box-shadow: #ddd -1px -1px inset;
}
.workflow-interactive-laucher .log-history .wf-advanced-item.selected {
  background-color: darkseagreen;
  color: #fff;
  text-shadow: 0px 0px 1px black;
}
.workflow-interactive-laucher .log-history .wf-advanced-item.selected .wf-item-late {
  color: #fff;
}
.workflow-interactive-laucher .log-history .log-entry-body {
  padding: 10px;
}
.workflow-interactive-laucher .log-history .log-entry-body span {
  padding: 0 2px;
}
.workflow-interactive-laucher .log-history .log-entry-footer {
  padding: 0 10px;
}
.workflow-interactive-laucher .log-history .log-entry-by {
  text-transform: capitalize;
  padding: 0 10px;
}
.workflow-interactive-laucher .wf-item-focused {
  color: black;
  outline: 1px solid #2c924b;
  background: #efffef !important;
}
.workflow-interactive-laucher .launchers {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: auto;
}
.workflow-interactive-laucher .launchers .workflow-item-layout:last-child {
  margin-bottom: 8px !important;
  margin-top: 2px;
}
.workflow-interactive-laucher .launchers .workflow-item-layout .workflow-children:not(:empty) {
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 0px;
  margin-left: 20px;
  border-left: 2px solid #ffffff;
}
.workflow-interactive-laucher .launchers .workflow-item-layout .workflow-children:not(:empty) .item-launcher:after {
  content: " ";
  width: 22px;
  height: 0px;
  border-bottom: 2px solid #ffffff;
  position: absolute;
  left: -23px;
  bottom: 50%;
  display: flex;
}
.workflow-interactive-laucher .launchers .item-launcher {
  margin: 0px 5px 0px 2px;
  padding: 0px 10px 0px 10px;
  background: white;
  position: relative;
  cursor: pointer;
}
.workflow-interactive-laucher .launchers .item-launcher.item-type-workflow {
  padding: 0px 10px 0px 0px !important;
  background: #e9ffe1;
}
.workflow-interactive-laucher .launchers .item-launcher.item-type-workflow .item-launcher-marker {
  flex-direction: column;
  align-items: stretch;
  align-content: stretch;
  align-self: stretch;
  overflow: hidden;
}
.workflow-interactive-laucher .launchers .item-launcher.item-type-workflow .item-launcher-marker .workflow-marker {
  background-color: #81af71;
  color: #fff;
  flex-grow: 1;
  align-self: center;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: 0px;
  justify-content: center;
  right: 10px;
}
.workflow-interactive-laucher .launchers .item-launcher.item-type-workflow .item-launcher-marker .workflow-marker .marker-expand {
  font-size: 3em;
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  text-align: center;
  flex-grow: 1;
  align-items: center;
  align-self: center;
  justify-content: center;
  flex-direction: column;
  display: flex;
}
.workflow-interactive-laucher .launchers .item-launcher.item-type-workflow .item-launcher-marker .workflow-marker .marker-label {
  font-size: 1.25em;
  transform-origin: 0 50%;
  transform: rotate(-90deg) translate(-50%, 15px);
  position: absolute;
  top: 0px;
  bottom: 0;
  height: 2em;
  margin: auto;
  font-weight: bold;
  line-height: 2em;
  text-transform: uppercase;
}
.workflow-interactive-laucher .launchers .item-launcher:hover {
  background: aliceblue;
}
.workflow-interactive-laucher .launchers .item-launcher:last-child .item-launcher-content, .workflow-interactive-laucher .launchers .item-launcher.wf-item-no-border-bottom .item-launcher-content {
  border-bottom: none;
  padding-bottom: 0;
}
.workflow-interactive-laucher .launchers .item-launcher .item-launcher-content {
  border-bottom: 2px solid #cfcfcf;
}
.workflow-interactive-laucher .launchers .item-launcher .item-launcher-content .launcher-image {
  justify-content: center;
  margin: 0 10px 0 5px;
}
.workflow-interactive-laucher .launchers .item-launcher .item-launcher-content .launcher-text {
  padding: 15px 20px;
}
.workflow-interactive-laucher .launchers .item-launcher .item-launcher-content .launcher-button {
  align-items: center;
  color: #565656;
  justify-content: space-between;
}
.workflow-interactive-laucher .launchers .item-launcher .item-launcher-content .item-badges {
  min-width: 210px;
}
.workflow-interactive-laucher .launchers .item-launcher .item-launcher-content .item-badges .button-component {
  margin: 0 5px;
}
.workflow-interactive-laucher .launchers .item-launcher .item-bookmark {
  position: absolute;
  z-index: 1;
  right: 210px;
  font-size: 3em;
  margin-top: -2px;
  text-shadow: 1px 0px 3px #000;
}
.workflow-interactive-laucher .launchers .item-launcher .name {
  border-bottom: 2px solid #cfcfcf;
  padding-bottom: 3px;
  margin-bottom: 0px;
  font-size: 1.3em;
}
.workflow-interactive-laucher .launchers .item-launcher .description {
  font-size: 1em;
}
.workflow-interactive-laucher .launchers .item-launcher .progress-bar {
  padding-top: 5px;
}
.workflow-interactive-laucher .launchers .item-launcher .progress-bar text {
  font-size: 1em;
}
.workflow-interactive-laucher .launchers .item-launcher .completed {
  display: flex;
  background-color: #81af71;
  border-radius: 5px;
  padding: 0.2em;
  color: white;
  text-shadow: 0 0 1px #b6b6b6;
  text-transform: uppercase;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.31);
  font-size: 1.2em;
  letter-spacing: 1px;
  font-weight: 500;
  margin-right: 35px;
  min-width: 120px;
  text-align: center;
  justify-content: center;
}
.workflow-interactive-laucher .launchers .item-launcher .tostart {
  display: flex;
  background-color: #fbaf70;
  border-radius: 5px;
  padding: 0.2em;
  color: white;
  text-shadow: 0 0 1px #b6b6b6;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.31);
  font-size: 1.2em;
  letter-spacing: 2px;
  font-weight: 500;
  margin-right: 35px;
  min-width: 120px;
  text-align: center;
  justify-content: center;
}
.workflow-interactive-laucher .launchers .item-launcher .tostart:hover {
  background-color: #e4a16a;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.31);
}
.workflow-interactive-laucher .launchers .item-launcher .tostart.pending {
  max-height: 28px;
  background-color: #529f39;
  position: absolute;
  right: 20px;
}
.workflow-interactive-laucher .launchers .item-launcher .tostart.pending:hover {
  background-color: #397127;
}
.workflow-interactive-laucher .launchers .item-launcher:first-child {
  margin-top: 0;
}
.workflow-interactive-laucher .launchers .wmi-steps {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 15px 50px;
}
.workflow-interactive-laucher .launchers .wmi-steps::before {
  height: 2px;
  content: " ";
  border: 1px solid #ddd;
  position: absolute;
  background: whitesmoke;
  top: 8px;
  z-index: 10;
  left: 0;
  right: 0;
}
.workflow-interactive-laucher .launchers .wmi-steps .wmi-step {
  z-index: 20;
  border: 1px solid #ddd;
  border-radius: 100%;
  padding: 5px;
  background: white;
  line-height: 10px;
  width: 23px;
  height: 20px;
  text-align: center;
  position: relative;
}
.workflow-interactive-laucher .launchers .wmi-steps .wmi-step-notes {
  position: absolute;
  text-align: center;
  top: 25px;
  left: -30px;
  right: -30px;
  overflow: hidden;
}
.workflow-interactive-laucher .launchers .launch-btn {
  color: #565656;
  font-size: 2.1em;
  cursor: pointer;
}
.workflow-interactive-laucher .launchers .launch-btn:active {
  opacity: 0.8 !important;
}
.workflow-interactive-laucher .launchers .launch-btn:hover {
  opacity: 1;
}
.workflow-interactive-laucher ul.wf-stat-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.workflow-interactive-laucher li.wf-stat-list-item {
  margin-right: 20px;
}
.workflow-interactive-laucher li.wf-stat-list-item span.wf-stat-name {
  font-weight: bold;
  font-size: 1.5em;
  width: 10em;
  display: inline-block;
  margin-left: 2em;
}

.workflow-content .store-tab-panel-item {
  background: white;
  padding: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  box-shadow: 0 0 5px;
  border: 1px solid #8e8e8e;
}
.workflow-content .store-tab-panel {
  position: absolute;
  top: 36px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.workflow-content .ex-tv-view {
  background: white;
  padding: 5px;
}

.wf-locked-icon:after {
  content: "";
  display: block;
  height: 20px;
  width: 15px;
  background: url("../../../../images/locked.png") no-repeat;
  background-size: 15px 20px;
}

.workflow-career-laucher .ex-react-scroll-wrapper.sw-mode-full {
  background-color: #EFF8FF;
}
.workflow-career-laucher .wf-career-info {
  min-height: 24px;
  padding: 5px;
  border-bottom: 1px solid #7e7e7e;
  font-size: 1.1em;
  font-weight: bold;
}
.workflow-career-laucher .wf-career-workflow {
  background-color: #EFF8FF;
  justify-content: space-around;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container {
  margin: 10px;
  align-self: flex-end;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-item-level-1 .wf-career-workflow-item-content {
  border-width: 1px !important;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-item-level-2 .wf-career-workflow-item-content {
  border-width: 2px !important;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-item-level-3 .wf-career-workflow-item-content {
  border-width: 3px !important;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-item-level-4 .wf-career-workflow-item-content {
  border-width: 4px !important;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item {
  justify-content: center;
  align-items: center;
  align-self: center;
  max-width: 100px;
  text-align: center;
  line-height: 15px;
  cursor: pointer;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item .wf-career-item-title {
  font-size: 1.02em;
  font-weight: bold;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item .wf-career-item-context-menu {
  display: flex;
  position: absolute;
  right: 0px;
  top: 15px;
  border: 2px solid #f8deb2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #0070d6;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item .wf-career-item-context-menu i {
  display: flex;
  color: #ffffff;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item.wf-career-item-locked .wf-career-item-title {
  font-size: 1.02em;
  font-weight: bold;
  color: #4a4a4a;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item.wf-career-item-locked .wf-career-workflow-item-content {
  background-color: #ffffff;
  border: 1px solid #c9c9c9;
  opacity: 0.4;
  cursor: not-allowed;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item.wf-career-item-locked .wf-career-workflow-item-content .wf-locked-color {
  width: 30px;
  height: 30px;
  background-color: #4a4a4a;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c9c9c9;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item.wf-career-item-locked .wf-career-workflow-item-status {
  color: #2b2a2a;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item.wf-career-item-completed .wf-career-item-title {
  font-size: 1.02em;
  font-weight: bold;
  color: #57c554;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item.wf-career-item-completed .wf-career-workflow-item-content {
  background-color: #ffffff;
  border: 2px solid #57c554;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item.wf-career-item-completed .wf-career-workflow-item-content .wf-completed-color {
  width: 30px;
  height: 30px;
  background-color: #57c554;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: smaller;
  color: #fff;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item.wf-career-item-completed .wf-career-workflow-item-status {
  color: #57C554;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item.wf-career-item-in-process .wf-career-item-title {
  font-size: 1.02em;
  font-weight: bold;
  color: #0070D6;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item.wf-career-item-in-process .wf-career-workflow-item-content {
  background-color: white;
  border: 2px solid #F8DAA6;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item.wf-career-item-in-process .wf-career-workflow-item-status {
  color: #ecb048;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item.wf-career-item-failure .wf-career-item-title {
  font-size: 1.02em;
  font-weight: bold;
  color: #fb5858;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item.wf-career-item-failure .wf-career-workflow-item-content {
  background-color: #fb5858;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item.wf-career-item-failure .wf-career-workflow-item-status {
  color: #fb5858;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item .wf-career-workflow-item-status {
  margin-top: 3px;
  text-shadow: 0 0 1px #fff;
  font-weight: bold;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item .wf-career-workflow-item-content {
  width: 100px;
  height: 100px;
  border: 1px solid #cfcfcf;
  border-radius: 50%;
  align-items: center;
  align-self: center;
  justify-content: center;
  margin: 0 10px;
}
.workflow-career-laucher .wf-career-workflow .wf-career-item-container .wf-career-workflow-item .wf-career-workflow-item-content img {
  width: 110px;
}

.t-datepicker {
  position: relative;
  display: block;
  max-width: 265px;
  min-height: 34px;
}
.t-datepicker input {
  cursor: pointer;
  border-color: #ddd;
  width: 100% !important;
}
.t-datepicker .dp-button {
  position: absolute;
  right: 0;
  top: 5px;
  bottom: 5px;
  padding: 0px 5px;
  width: 22px;
}
.t-datepicker .dp-button.dp-b-second {
  right: 20px;
}

.tGrid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}
.tGrid .disabled, .tGrid .tg-content .grouping-vertical.hide-empty-groups .li-group.empty-group, .tGrid .tg-content .grouping-vertical .li-group.empty-group, .tGrid .tg-grouping.hide-empty-groups .tg-group.empty-group, .tGrid .tg-grouping .tg-group.empty-group {
  opacity: 0.48;
  pointer-events: none;
}
.tGrid.no-scrolling {
  width: 100%;
  position: relative !important;
  overflow: hidden;
}
.tGrid.no-scrolling .tg-grouping {
  border-spacing: 0;
}
.tGrid.no-scrolling .tg-content {
  position: static;
  overflow: auto;
}
.tGrid.no-scrolling .tg-content [data-grid-role=table] {
  position: static;
}
.tGrid .tg-searching {
  padding: 5px;
  /*.search-advanced {
      @include absolute(0, 0, 0, 200px);
  }*/ /*.filter-items {
    @include absolute(0, 2px, 0, null);
    z-index: 1;
    padding: 2px;

    .filter-item {
        border: 1px solid #3594DF;
        border-radius: 7px;
        background-color: rgb(233, 244, 246);
        display: inline-block;
        font-size: 13px;
        @include whmp(null, 100%, null, 4px);
    }
}*/ /*.field-list {
    @include absolute(0, null, 0, 0);
    @include whmp(200px, null, null, null);

    section[data-widget="jselect"] { height: 100%; display: table;
        [data-part="ValueTemplate"] { display: table-cell; vertical-align: middle; background-color: #FFF; }
    }
}*/ /*}*/
}
.tGrid .tg-searching .tg-searching-table {
  width: 100%;
}
.tGrid .tg-searching .tg-searching-table td {
  vertical-align: top;
}
.tGrid .tg-searching .tg-searching-table td.tg-grid-searhing-button {
  width: 45px;
  font-size: 15px;
}
.tGrid .tg-searching .tg-searching-table td.tg-grid-searhing-button i {
  color: white;
}
.tGrid .tg-searching .searching-field {
  padding-right: 10px;
  position: relative;
}
.tGrid .tg-searching .searching-field .phrase-box {
  position: absolute;
  right: 10px;
  font-size: larger;
  max-width: 75%;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  overflow-x: hidden;
  height: 35px;
  text-overflow: ellipsis;
  padding: 0 2px 2px 3px;
}
.tGrid .tg-searching .searching-field .phrase-box .phrase-item {
  padding: 6px;
  border: 1px solid #ddd;
  border-radius: 15px;
  box-shadow: 0px 1px 1px #000;
}
.tGrid .tg-searching .searching-field .phrase-box .phrase-item .phrase-filter {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: 150px;
}
.tGrid .tg-searching .searching-field .phrase-box .phrase-item i.fa.fa-times.fa-lg {
  position: relative;
  top: -7px;
  left: 3px;
}
.tGrid .tg-searching .searching-field input {
  margin-bottom: 0;
}
.tGrid .tg-searching .column-selector {
  width: 200px;
}
.tGrid .tg-searching .column-selector .t-select-input {
  border: 1px solid #ddd;
  box-shadow: none;
  font-size: 14px;
  line-height: 33px;
  padding: 0 10px;
}
.tGrid .tg-grouping {
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px 5px;
}
.tGrid .tg-grouping .tg-group {
  display: table-cell;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 0 1px 0px #4C4C4C;
  color: #656B6B;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.tGrid .tg-grouping .tg-group.primary {
  background: #3393DF;
  color: #fff;
}
.tGrid .tg-grouping .tg-group.primary i {
  color: white;
}
.tGrid .tg-grouping .tg-group:hover:not(.primary) {
  background: rgba(51, 147, 223, 0.17);
}
.tGrid .tg-grouping.hide-empty-groups .tg-group.empty-group {
  display: none;
}
.tGrid .sk-cube-grid {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -130px -25px;
  z-index: 10;
}
.tGrid .sk-cube-grid .sk-cube {
  width: 20px;
  height: 20px;
  background-color: rgba(53, 148, 224, 0.54);
  box-shadow: 0 0 2px 2px #527896;
  margin: 2px;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.tGrid .sk-cube-grid .sk-cube.sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.tGrid .sk-cube-grid .sk-cube.sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.tGrid .sk-cube-grid .sk-cube.sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.tGrid .sk-cube-grid .sk-cube.sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.tGrid .sk-cube-grid .sk-cube.sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.tGrid .sk-cube-grid .sk-cube.sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.tGrid .sk-cube-grid .sk-cube.sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.tGrid .sk-cube-grid .sk-cube.sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.tGrid .sk-cube-grid .sk-cube.sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
.tGrid .tg-content {
  padding: 0 5px;
  display: flex;
  flex-grow: 1;
}
.tGrid .tg-content .tg-datacontent:not(.tg-frozen-datacontent) {
  flex-grow: 1;
}
.tGrid .tg-content .tg-datacontent {
  position: relative;
  display: flex;
  background: white; /*overflow-x: auto;*/
}
.tGrid .tg-content .tg-datacontent .resize-handler {
  position: absolute;
  top: 0;
}
.tGrid .tg-content .tg-datacontent .resize-place {
  position: absolute;
  top: 0;
  width: 20px;
  margin: 0 0 0 -10px;
  cursor: col-resize;
}
.tGrid .tg-content .tg-datacontent .tDatepicker {
  min-height: 22px;
}
.tGrid .tg-content .tg-datacontent .tDatepicker input {
  height: 18px;
  padding: 0 4px;
  border: 1px solid #929292;
  border-radius: 4px;
  background: white;
  line-height: 17px;
  box-shadow: 1px 1px 3px -2px black inset;
}
.tGrid .tg-content .grouping-vertical {
  list-style: none;
  overflow: auto;
  padding: 2px;
  margin: 0;
  display: flex;
  border: 1px solid #ddd;
  flex-direction: column;
  width: 250px;
}
.tGrid .tg-content .grouping-vertical .li-group {
  border-bottom: 1px solid #ddd;
  padding: 2px 4px;
}
.tGrid .tg-content .grouping-vertical .li-group.group-not-valid {
  color: red;
}
.tGrid .tg-content .grouping-vertical .li-group:hover {
  background: rgba(51, 147, 223, 0.17);
  cursor: pointer;
}
.tGrid .tg-content .grouping-vertical .li-group.primary {
  font-weight: bold;
}
.tGrid .tg-content .grouping-vertical.hide-empty-groups .li-group.empty-group {
  display: none;
}
.tGrid .tg-content [data-grid-role=table] {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid #ddd;
  border-bottom: 0;
  /*width:100%;*/
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.tGrid .tg-content [data-grid-role=table] i {
  color: #428bca;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=row] {
  display: flex;
  flex-direction: row;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=scroll-equalizer] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=scroll-equalizer] > [data-grid-role=row] {
  flex-grow: 1;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=col] {
  text-align: left;
  border-right: 1px solid #ddd;
  padding: 0 3px;
  font-size: 1em;
  color: #565656;
  justify-content: center;
  position: relative;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=col][data-has-click=true] {
  cursor: pointer;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=col][data-has-click=true]:hover {
  background: rgb(224, 236, 224);
  outline: 1px solid darkseagreen;
  z-index: 1;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=col][data-type=bool], .tGrid .tg-content [data-grid-role=table] [data-grid-role=col][data-type=button], .tGrid .tg-content [data-grid-role=table] [data-grid-role=col][data-type=row-select], .tGrid .tg-content [data-grid-role=table] [data-grid-role=col][data-type=row-menu] {
  text-align: center;
  cursor: pointer;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=col][data-type=bool]:hover, .tGrid .tg-content [data-grid-role=table] [data-grid-role=col][data-type=button]:hover, .tGrid .tg-content [data-grid-role=table] [data-grid-role=col][data-type=row-select]:hover, .tGrid .tg-content [data-grid-role=table] [data-grid-role=col][data-type=row-menu]:hover {
  background-color: #6FB4EC;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=col][data-type=bool]:hover > i, .tGrid .tg-content [data-grid-role=table] [data-grid-role=col][data-type=button]:hover > i, .tGrid .tg-content [data-grid-role=table] [data-grid-role=col][data-type=row-select]:hover > i, .tGrid .tg-content [data-grid-role=table] [data-grid-role=col][data-type=row-menu]:hover > i {
  color: white;
  text-shadow: 0 0 1px black;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=col]:first-child {
  border-left: 0;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=head] {
  display: flex;
  flex-direction: column;
  min-height: 35px;
  line-height: 35px;
  overflow: hidden;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=head] [data-grid-role=col] {
  font-size: 1.1em;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=head] [data-grid-role=col][data-direction=desc] i {
  transform: rotate(180deg);
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=head] [data-grid-role=col] a {
  display: block;
  position: relative;
  padding-right: 20px;
  overflow: hidden;
  line-height: 1em;
  vertical-align: middle;
  font-weight: 700;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=head] [data-grid-role=col] a i {
  position: absolute;
  top: 50%;
  right: 2px;
  margin-top: -6px;
  transition: all ease-in-out 0.2s;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=head] [data-field] {
  background: white;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=head] [data-field]:hover {
  background-color: rgba(91, 154, 209, 0.2);
  cursor: pointer;
  text-decoration: underline;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] {
  overflow-y: scroll;
  overflow-x: auto;
  -webkit-overflow-scrolling: auto !important;
  display: flex;
  flex-grow: 1;
  border-top: 1px solid #ddd;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] {
  box-sizing: border-box;
  flex-grow: 1;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container].tg-zebra [data-grid-role=row].row-alt {
  background-color: rgba(229, 242, 245, 0.84);
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row] {
  border-bottom: 1px solid #ddd;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row]:hover {
  background-color: rgba(53, 148, 224, 0.22) !important;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row][data-selected=true] {
  background: rgba(144, 214, 226, 0.45) !important;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row][data-edittable=true] {
  cursor: text;
  background: rgba(160, 228, 148, 0.26);
  border: 1px solid rgb(173, 187, 171) !important;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row] [data-grid-role=col][data-nofity=warning]:before {
  content: "!";
  color: red;
  margin-right: 3px;
  font-size: 14px;
  text-shadow: 0 0 1px #4E4E4E;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row] [data-grid-role=col][data-type=text], .tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row] [data-grid-role=col][data-type=select] {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row] [data-grid-role=col] i.changeLabel {
  float: right;
  transform: rotate(45deg);
  margin: -4px -3px;
  font-size: 18px;
  color: #3799B1;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row] [data-grid-role=col][data-selected=true] {
  outline: 1px solid #3594DF;
  z-index: 1;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row] [data-grid-role=col][data-selected=true] .data-input {
  margin-top: 2px;
  height: 18px;
  padding: 0 4px;
  border: 1px solid #929292;
  border-radius: 4px;
  background: white;
  line-height: 17px;
  box-shadow: 1px 1px 3px -2px black inset;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row] [data-grid-role=col][data-selected=true] .data-input .data-value.invalid {
  color: red;
  font-weight: 700;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row] [data-grid-role=col][data-selected=true] .data-input .value-selected {
  background-color: #3594DF;
  color: white;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row] [data-grid-role=col][data-edittable=true] {
  background: rgba(0, 255, 20, 0.13);
  border-left: 1px solid #B1D4BA !important; /*transition: all ease-in-out 0.1s;*/
  /*&[data-selected="true"] { background: rgba(245, 245, 245, 0.8) !important; box-shadow: 0 0 4px -1px #3594DF; transform: scale(1.05); }*/
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row] [data-grid-role=col][data-edittable=true]:last-child {
  border-right: 1px solid #B1D4BA !important;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row] [data-grid-role=col][data-edittable=true][data-selected=true]:before {
  content: none !important;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row] [data-editable=true] {
  padding: 4px !important;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row] [data-editable=true] > div {
  position: relative;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=body-scroll-wrap] [data-grid-role=body-container] [data-grid-role=row] [data-editable=true]:not([data-type=bool]) > div {
  border: 1px solid rgb(91, 154, 209);
  line-height: 16px;
  padding: 0 4px;
  border-radius: 2px;
  height: 17px;
}
.tGrid .tg-content [data-grid-role=table] [data-grid-role=table-footer] {
  font-weight: 700;
  border-top: 1px solid #ddd;
}
.tGrid .tg-pagging {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 5px;
  display: table;
  border-top: 1px solid #a8a8a8;
}
.tGrid .tg-pagging > div {
  display: table-cell;
  vertical-align: middle;
}
.tGrid .tg-pagging-buttons > span {
  padding: 8px 13px;
  font-size: 14px;
  border: 1px solid #A4C2C7;
  border-radius: 4px;
  transition: all ease-in 0.2s;
}
.tGrid .tg-pagging-buttons > span:hover {
  background: rgba(91, 154, 209, 0.2);
  font-weight: 700;
  cursor: pointer;
}
.tGrid .tg-pagging-total {
  width: 200px;
  text-align: right;
  font-size: medium;
  font-weight: 700;
}
.tGrid .tg-footer {
  margin: 0 5px;
  border-top: 1px solid #ddd;
}
.tGrid .tg-footer div {
  padding: 0 25px 0 15px;
  line-height: 42px;
  font-size: 1.1em;
  font-weight: bold;
}

.t-select .t-select-input {
  background: white;
  line-height: 15px;
  padding: 0 4px;
  border-radius: 3px;
  position: relative;
  box-shadow: 1px 1px 5px -2px black inset;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.t-select .t-select-input .t-select-caret {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 5px;
}
.t-select .t-select-blackout {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.2);
}
.t-select .t-select-options ul {
  margin: 0;
  position: fixed;
  z-index: 1020;
  list-style: none;
  border: 1px solid white;
  box-shadow: 0 0 10px 0px;
  background-color: #3393DF;
  padding: 4px;
  overflow: hidden;
  text-align: left;
  border-radius: 4px;
  overflow-y: auto;
}
.t-select .t-select-options ul .t-select-item {
  border-bottom: 1px solid #ddd;
  background-color: white;
  padding-top: 1px;
  transition: all ease-in 0.1s;
  cursor: pointer;
  white-space: nowrap;
}
.t-select .t-select-options ul .t-select-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.t-select .t-select-options ul .t-select-item:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.t-select .t-select-options ul .t-select-item:hover, .t-select .t-select-options ul .t-select-item.t-selected {
  background-color: #6FB4EC;
  color: white;
  text-shadow: 0 0 1px black;
}
.t-select .t-select-options ul .t-select-item:hover i, .t-select .t-select-options ul .t-select-item.t-selected i {
  color: white;
}
.t-select .t-select-options ul .t-select-item .t-select-item-text {
  padding: 0 4px;
  font-size: 110%;
}

.t-flex-grid { /*[data-grid-role="table"] { display: flex; flex-direction: column; border: 1px solid #ddd; height: 100%;*/ /*[data-grid-role="head"] { display: flex; flex-direction: column; min-height: 35px; line-height: 35px; }*/
  /*[data-grid-role="body"] { display: flex; flex-direction: column; position: relative; }*/ /*[data-grid-role="row"] { display: flex; flex-direction: row; border-bottom: 1px solid #ddd; }*/ /*[data-grid-role="col"] { display: flex; flex-direction: column; border-right: 1px solid #ddd; width: 95px; }*/ /*}*/
}
.t-flex-grid [data-grid-role=body-scroll-wrap] {
  overflow: auto;
}

[data-style=d3widget] {
  /*Chart*/
}
[data-style=d3widget].uic-container {
  width: 100%;
  height: 100%;
  position: relative;
}
[data-style=d3widget].uic-container g, [data-style=d3widget] circle {
  pointer-events: all;
}
[data-style=d3widget] .io-container:hover {
  opacity: 1;
}
[data-style=d3widget] svg.uic-chart {
  width: inherit;
  height: inherit;
}
[data-style=d3widget] svg.uic-chart path.domain {
  stroke: rgb(111, 111, 111);
  fill: rgb(111, 111, 111);
}
[data-style=d3widget] svg.uic-chart .tick line {
  stroke: lightgrey;
  opacity: 0.7;
}
[data-style=d3widget] svg.uic-chart *:not(.io-container) text {
  stroke: rgb(107, 107, 107);
  stroke-width: 0.4px;
  fill: rgb(82, 82, 82);
}
[data-style=d3widget] svg.uic-chart .chart-lines {
  fill: transparent;
  stroke: black;
  stroke-width: 2px;
  stroke-opacity: 0.9;
}
[data-style=d3widget] svg.uic-chart .chart-bars rect {
  opacity: 0.66;
  stroke: rgba(0, 0, 0, 0.82);
}

.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
  pointer-events: none;
  z-index: 100000;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  position: absolute;
  pointer-events: none;
}

/* Northward tooltips */
.d3-tip.n:after {
  content: "▼";
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
  text-align: center;
}

/* Eastward tooltips */
.d3-tip.e:after {
  content: "◀";
  margin: -4px 0 0 0;
  top: 50%;
  left: -8px;
}

/* Southward tooltips */
.d3-tip.s:after {
  content: "▲";
  margin: 0 0 1px 0;
  top: -8px;
  left: 0;
  text-align: center;
}

/* Westward tooltips */
.d3-tip.w:after {
  content: "▶";
  margin: -4px 0 0 -1px;
  top: 50%;
  left: 100%;
}

[data-style=d3widget] {
  /*Chart*/
}
[data-style=d3widget].uic-container {
  width: 100%;
  height: 100%;
  position: relative;
}
[data-style=d3widget].uic-container g, [data-style=d3widget] circle {
  pointer-events: all;
}
[data-style=d3widget] .io-container:hover {
  opacity: 1;
}
[data-style=d3widget] svg.uic-chart {
  width: inherit;
  height: inherit;
}
[data-style=d3widget] svg.uic-chart path.domain {
  stroke: rgb(111, 111, 111);
  fill: rgb(111, 111, 111);
}
[data-style=d3widget] svg.uic-chart .tick line {
  stroke: lightgrey;
  opacity: 0.7;
}
[data-style=d3widget] svg.uic-chart *:not(.io-container) text {
  stroke: rgb(107, 107, 107);
  stroke-width: 0.4px;
  fill: rgb(82, 82, 82);
}
[data-style=d3widget] svg.uic-chart .chart-lines {
  fill: transparent;
  stroke: black;
  stroke-width: 2px;
  stroke-opacity: 0.9;
}
[data-style=d3widget] svg.uic-chart .chart-bars rect {
  opacity: 0.66;
  stroke: rgba(0, 0, 0, 0.82);
}

.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
  pointer-events: none;
  z-index: 100000;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  position: absolute;
  pointer-events: none;
}

/* Northward tooltips */
.d3-tip.n:after {
  content: "▼";
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
  text-align: center;
}

/* Eastward tooltips */
.d3-tip.e:after {
  content: "◀";
  margin: -4px 0 0 0;
  top: 50%;
  left: -8px;
}

/* Southward tooltips */
.d3-tip.s:after {
  content: "▲";
  margin: 0 0 1px 0;
  top: -8px;
  left: 0;
  text-align: center;
}

/* Westward tooltips */
.d3-tip.w:after {
  content: "▶";
  margin: -4px 0 0 -1px;
  top: 50%;
  left: 100%;
}

.d3-dashboard-tip.d3-tip {
  color: #000;
}

.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  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;
  /*overrides*/
}

#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 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.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-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-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: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.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: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.tracks-employee-details .ex-tv-tab .fa-exclamation-triangle {
  color: red;
}
.tracks-employee-details .has-issue-notes .notes-detail {
  color: red !important;
}

.emp-lock-modal {
  width: 460px;
}
.emp-lock-modal .emp-lock-modal-name {
  padding: 4px 6px;
  font-weight: 700;
}
.emp-lock-modal .emp-lock-modal-issue {
  padding: 4px 6px;
  color: var(--color-alert);
}
.emp-lock-modal .emp-lock-modal-grid-summary {
  padding: 4px;
  font-weight: 700;
}

.my-team-tab {
  min-width: 395px;
}
.my-team-tab .ex-tv-tab {
  display: flex;
  flex-direction: row;
}
.my-team-tab .ex-tv-tab .ex-tab-name {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.my-team-tab .ex-tv-tab .has-waiting {
  display: flex;
  flex-direction: column;
  margin-right: 14px;
}

.action-details {
  display: flex;
  flex-direction: column;
}
.action-details ul {
  list-style-type: none;
  margin: 0;
  padding: 4px 2px;
}
.action-details .action-detail {
  display: flex;
  flex-direction: row;
}
.action-details .action-detail .detail-column {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 50%;
}
.action-details .action-detail .detail-column__title {
  display: flex;
  flex-direction: row;
  text-transform: capitalize;
}
.action-details .action-detail .detail-column__value {
  font-weight: 600;
  display: flex;
  flex-direction: row;
}
.action-details .action-stores {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.action-details .action-stores__title {
  font-size: 1.2em;
  padding: 2px 10px;
}
.action-details .action-stores__row {
  display: flex;
  flex-direction: row;
  padding: 10px;
}
.action-details .action-stores__row--item {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.action-details .action-stores__row--item .stores-value {
  font-weight: 600;
}
.action-details .action-jobcodes {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.action-details .action-jobcodes__title {
  font-size: 1.2em;
  padding: 2px 10px;
}
.action-details .action-jobcodes__row {
  display: flex;
  flex-direction: row;
  padding: 10px;
}
.action-details .action-jobcodes__row--item {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.action-details .action-jobcodes__row--item .jobcodes-value {
  font-weight: 600;
}
.action-details .action-donations {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.action-details .action-donations__row {
  display: flex;
  flex-direction: row;
  padding: 10px;
}
.action-details .action-donations__row--item {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.action-details .action-donations__row--item .donations-value {
  font-weight: 600;
}

.ead-utw {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ead-utw__text {
  display: flex;
  width: 50%;
  padding: 0 8px;
  line-height: 12px;
}

.ead__time_disabled {
  opacity: 0.6;
  pointer-events: none;
}

.availability-exception {
  display: flex;
  height: 72px;
  box-shadow: 0 3px 11px RGBA(87, 97, 103, 0.33);
  margin: 8px;
  border-radius: 4px;
}
.availability-exception__icon {
  display: flex;
  width: 56px;
  justify-content: center;
}
.availability-exception__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
.availability-exception__text_bold {
  font-weight: 500;
}
.availability-exception__text_alert {
  color: RGB(181, 37, 46);
}
.availability-exception__buttons {
  display: flex;
  width: 80px;
  justify-content: center;
}

.ea-tooltip-wrapper {
  position: relative !important;
}
.ea-tooltip-wrapper:not(:hover) .ea-tooltip {
  display: none;
}

.ea-tooltip {
  position: absolute;
  bottom: 100%;
  background: #ffec00;
  z-index: 20;
  width: 140px;
  display: flex;
  flex-direction: column;
  left: -20px;
  margin-bottom: 8px;
  align-items: center;
  border-radius: 4px;
  box-shadow: 2px 2px 12px;
  font-size: 11px;
  line-height: 13px;
  padding: 8px;
}
.ea-tooltip::before {
  content: " ";
  position: absolute;
  top: 100%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffec00;
  border-bottom: 10px solid transparent;
}

.employee-availability {
  display: flex;
  gap: 10px;
  padding: 24px 32px;
  margin-bottom: 32px;
}

.employee-availability-meta {
  margin: 0 32px;
  padding-top: 16px;
  font-size: 16px;
  font-weight: 500;
}

.ead {
  display: flex;
  flex-direction: column;
  box-shadow: 0 6px 12px 0px RGBA(136, 136, 136, 0.37);
  text-align: center;
  border-radius: 8px;
  position: relative;
  width: 124px;
  height: 134px;
  padding: 12px 0;
}
.ead .r-datetime-picker {
  justify-content: center;
}
.ead .ead-utw {
  margin-top: 8px;
}
.ead_not-available .ead__title {
  opacity: 0.6;
}
.ead_not-available .ead__time {
  opacity: 0.6;
}
.ead_not-available .ead__status {
  opacity: 1;
}
.ead__time {
  line-height: 16px;
}
.ead__title {
  font-weight: 600;
  margin-bottom: 10px;
}
.ead__title_active {
  color: var(--button-color);
}
.ead__status {
  opacity: 0;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: var(--button-color);
  margin-top: 8px;
}
.ead .ae-icon {
  width: 16px;
}
.ead_invalid {
  box-shadow: 0 6px 12px 0px red;
}

.dropdown-with-side-template-label {
  border-bottom: 1px solid #ededed;
}
.dropdown-with-side-template-label .label-with-side-template .r-input-label {
  width: auto !important;
  min-width: auto !important;
}
.dropdown-with-side-template-label .label-with-side-template .r-input .ex-input-wrapper {
  flex-grow: 0;
  width: auto;
}

.action-selector .edit-action {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.action-selector .edit-action.pending {
  color: #c0c0c0;
}
.action-selector .edit-action.pending span {
  color: var(--color-menu-icon-color);
}
.action-selector .edit-action__title {
  display: flex;
  flex-grow: 1;
  text-transform: uppercase;
}

.edit-action-list .ex-react-scroll-wrapper {
  position: inherit;
}
.edit-action-list .ex-react-scroll-wrapper .ex-listview-scrollable {
  position: relative;
  width: 100%;
}

.employee-edit-content {
  padding: 2px !important;
}
.employee-edit-content .ex-tab-view {
  background: none !important;
}
.employee-edit-content .ex-tab-view > .r-direction-column:first-child {
  padding-top: 0px !important;
  min-width: 265px;
  margin-right: 2px;
  height: 100%;
  border: 1px solid var(--color-default-2);
}
.employee-edit-content .ex-tab-view > .r-direction-column:first-child .tab-vertical {
  flex-direction: row;
  flex-grow: 0 !important;
  height: auto;
  margin: 6px 2px 8px 4px;
  width: 254px !important;
  border: none;
  box-shadow: 0 1px 8px 2px #ccc;
  border-radius: 8px;
  min-height: 40px;
}
.employee-edit-content .ex-tab-view > .r-direction-column:first-child .tab-vertical:hover .ex-tv-tab {
  background-color: var(--color-default-3) !important;
}
.employee-edit-content .ex-tab-view > .r-direction-column:first-child .tab-vertical.tabActive {
  font-weight: bold !important;
  background-color: var(--button-color);
}
.employee-edit-content .ex-tab-view > .r-direction-column:first-child .tab-vertical.tabActive i.fa {
  color: var(--color-default-3);
}
.employee-edit-content .ex-tab-view > .r-direction-column:first-child .tab-vertical.tabActive .ex-tv-tab {
  height: auto;
  background-color: rgba(255, 255, 255, 0) !important;
}
.employee-edit-content .ex-tab-view > .r-direction-column:first-child .tab-vertical.tabActive .ex-tv-tab .ex-tab-name {
  color: var(--color-dafault-4);
}
.employee-edit-content .ex-tab-view > .r-direction-column:first-child .tab-vertical.tabActive:hover .ex-tv-tab {
  background-color: var(--button-color) !important;
}
.employee-edit-content .ex-tab-view > .r-direction-column:first-child .tab-vertical .ex-tv-tab {
  border: none;
  background: none;
  padding: 10px;
  border-radius: 8px;
}
.employee-edit-content .ex-tab-view > .r-direction-column:first-child .tab-vertical .ex-tv-tab .ex-tab-name {
  font-size: 1em;
}
.employee-edit-content .ex-tab-view .ex-tv-view {
  margin: 0px !important;
}
.employee-edit-content .ex-tab-view .ex-tv-view .ex-tv-tab-content {
  border-top: 1px solid var(--color-default-2) !important;
}
.employee-edit-content .emp-jobRates-list {
  min-width: 200px;
  flex-grow: 1;
  margin-bottom: 2px;
}
.employee-edit-content .emp-jobRates-list__item {
  padding: 0 10px;
  margin-bottom: 6px;
  cursor: pointer;
}
.employee-edit-content .emp-jobRates-list__item:first-child {
  margin-top: 20px;
}
.employee-edit-content .emp-jobRates-list__item.active, .employee-edit-content .ex-misc-prompt.miscPrompts .active h6.emp-jobRates-list__item, .ex-misc-prompt.miscPrompts .active .employee-edit-content h6.emp-jobRates-list__item {
  background-color: var(--button-mini-bg);
}
.employee-edit-content .emp-jobRates-list .ex-form-group-content {
  padding: 0;
}
.employee-edit-content .emp-jobRates-details {
  min-width: 200px;
}
.employee-edit-content .secret-question-answer .ex-input:last-child:not(.r-button) {
  border-bottom: 1px solid #ededed !important;
}
.employee-edit-content .secret-question-answer__status {
  margin-top: 10px;
  color: #038603;
}
.employee-edit-content .secret-question-answer__action {
  margin-top: 10px;
}
.employee-edit-content .secret-question-answer__not_selected input {
  color: rgb(130, 130, 130);
}
.employee-edit-content .emp-password span.r-label {
  margin-left: 10px;
}
.employee-edit-content .datepicker-readonly .r-input-picker {
  border: none;
}
.employee-edit-content .datepicker-readonly .r-input-picker i.fa {
  display: none;
}
.employee-edit-content .pass-readonly i {
  display: none;
}
.employee-edit-content .employee-section {
  padding: 8px !important;
  gap: 8px;
}
.employee-edit-content .employee-section .employee-ssn-info {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.employee-edit-content .employee-section .employee-ssn-info__label {
  margin-left: 6px;
  margin-right: 12px;
  font-weight: 600;
  font-size: 13px;
  line-height: 17px;
  color: rgb(237, 28, 37);
  text-transform: uppercase;
}
.employee-edit-content.is-transactional-edit .r-textbox input.r-input-text {
  padding: 0 !important;
}
.employee-edit-content .edit-warning {
  color: var(--color-menu-icon-color);
  font-weight: 600;
  padding: 0px 10px;
}

.add-certificate-list {
  min-height: 300px;
}
.add-certificate-list .ex-listview-scroll-wrapper .ex-listitem-wrapper .r-direction-row {
  line-height: 24px;
}

.employee-edit-is-modified {
  background-color: var(--button-component-hover-bg) !important;
}

.disabled-effective-date .ex-datepicker {
  opacity: 0.5;
  pointer-events: none;
}

.employee-transfer-effective-date-label {
  padding: 0 8px;
  font-style: italic;
  font-size: 1em;
}

.change-salary__max-adjustment-info {
  padding: 4px 0 0 8px;
}
.change-salary__max-adjustment-info .delta {
  font-size: 1.2em;
  font-weight: 600;
}
.change-salary__max-adjustment-info .delta.invalid {
  color: #ef5350;
}
.change-salary__max-adjustment-info .description {
  font-style: italic;
  max-width: 320px;
  margin-top: 10px;
}

.term-manual-future p.desc {
  color: var(--color-font-color);
  font-size: 1em;
  padding: 0 8px;
  font-style: italic;
  font-weight: 600;
}
.term-manual-future p.desc:first-child {
  padding-top: 10px;
  margin-bottom: 0;
}

.term-manual-summary .nav-back {
  right: 20px;
  color: #b5252e;
  font-weight: 500;
  cursor: pointer;
  position: absolute;
  text-decoration: underline;
}
.term-manual-summary .final-pay-details-desc {
  font-style: italic;
  font-weight: 600;
}
.term-manual-summary .final-pay-details-desc p {
  color: var(--color-font-color);
  font-size: 1em;
  padding: 10px 26px 0;
}
.term-manual-summary p.future-termination-details {
  font-style: italic;
  font-weight: 600;
  color: var(--color-font-color);
  font-size: 1em;
  padding: 20px 8px 0;
}

.info-outlined {
  display: flex;
  cursor: pointer;
}

.pay-type-override {
  display: flex;
  margin-top: 6px;
  padding-right: 6px;
}

.license-app {
  border: none !important;
}
.license-app .sidebar {
  border-right: 1px solid #ddd;
}
.license-app .sidebar .license-app-list {
  width: 270px;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.license-app .sidebar .license-app-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 100%;
}
.license-app .sidebar .license-app-list ul li {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  padding: 10px 20px;
  margin: 0 10px 10px;
  border-radius: 10px;
  box-shadow: 0 2px 5px 1px #ddd;
  cursor: pointer;
}
.license-app .sidebar .license-app-list ul li span {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.license-app .sidebar .license-app-list ul li.active {
  font-weight: bold !important;
  background-color: var(--color-menu-icon-color);
  color: var(--color-default-bg);
}
.license-app .certificate-list {
  display: grid;
  grid-template-columns: 50% 50%;
}
.license-app .certificate-list__item {
  box-shadow: 0 0px 14px 0px #ddd;
  padding: 15px 0;
  margin: 10px;
  border-radius: 8px;
}
.license-app .certificate-list__item.expired {
  background-color: #f9f9f9;
}
.license-app .certificate-list__item-header {
  border-bottom: 1px solid #333333;
  padding: 0 20px 15px 20px;
}
.license-app .certificate-list__item-title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  margin-right: 12px;
  margin-bottom: 0;
}
.license-app .certificate-list__item-preview-icon {
  display: flex;
  margin-top: -2px;
  margin-right: 5px;
  cursor: pointer;
}
.license-app .certificate-list__item-documentNo {
  font-weight: 500;
  font-size: 16px;
}
.license-app .certificate-list__item-documentNo .menu {
  margin-left: 15px;
  margin-top: 4px;
}
.license-app .certificate-list__item-footer {
  padding-top: 20px;
  margin: 0 5px;
}
.license-app .certificate-list__item-footer-record {
  margin: 0 15px;
}
.license-app .certificate-list__item-footer-record.value {
  font-weight: 500;
  justify-content: flex-end;
}
.license-app .certificate-list__item-footer-record.alert {
  color: var(--color-coral);
  font-style: italic;
}

.add-certificate-list {
  min-height: 250px;
  padding: 0px 10px 10px !important;
  border: none !important;
}
.add-certificate-list__hint {
  font-style: italic;
  font-size: 0.9em;
  font-weight: 600;
  padding: 4px;
}
.add-certificate-list .ex-listview-search .ex-input.r-textbox {
  padding: 0 !important;
  border-bottom: none;
}

.add-certificate-footer {
  padding: 4px 7px 8px 7px;
}

.certificate-form .ex-input.r-invalid-validation .r-input-label {
  color: var(--color-font-color);
}
.certificate-form .ex-input .ex-file-input .ex-file-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 210px;
}

.evaluation-status-item {
  font-size: 10px;
  text-align: center;
  width: 67px;
  padding: 2px 4px 1px;
  border: 1px solid #000;
  border-radius: 100px;
  margin-left: 1px;
}

.pay-type-info {
  position: absolute;
  background-color: rgba(97, 97, 97, 0.9);
  border-radius: 4px;
  color: #fff;
  padding: 4px 8px;
  font-size: 10px;
  font-family: "Roboto";
  font-weight: 500;
  line-height: 14px;
  word-wrap: break-word;
}
.pay-type-info ul {
  margin: 0;
  padding: 0 15px;
}
.pay-type-info ul li {
  padding-left: 0;
}
.pay-type-info .arrow {
  position: absolute;
  top: -6px;
  left: 76px;
}

.disable-value .r-input {
  opacity: 0.7;
  pointer-events: none;
}

.pos-number-generate-info-modal__notification {
  margin: 5px 0;
  border: 1px solid var(--button-mini-color);
  background-color: var(--button-mini-bg);
  padding: 5px 10px;
}
.pos-number-generate-info-modal__notification--text {
  color: var(--button-mini-color);
}
.pos-number-generate-info-modal__header {
  font-weight: 600;
  border: 1px solid rgb(178, 178, 178);
  border-left: none;
  border-right: none;
}

.manual-termination-details p.future-termination-desc {
  font-style: italic;
  font-weight: 600;
  color: var(--color-font-color);
  font-size: 1em;
  padding: 20px 8px 0;
}
.manual-termination-details .final-pay-details-desc {
  font-style: italic;
  font-weight: 600;
}
.manual-termination-details .final-pay-details-desc p {
  color: var(--color-font-color);
  font-size: 1em;
  padding: 10px 26px 0;
}

.time-off__section {
  padding: 20px;
}
.time-off__section--bottom-border {
  border-bottom: 1px solid #d8d8d8;
}
.time-off__section-title {
  font-size: 18px;
  font-weight: 500;
}
.time-off__section-items {
  display: flex;
  padding: 8px 0;
  flex-wrap: wrap;
  flex-direction: row;
}
.time-off__item {
  flex: 1;
  margin: 8px;
  border-radius: 10px;
  box-shadow: 0 2px 9px 0 rgba(58, 74, 88, 0.1882352941);
}
.time-off__item-section {
  display: flex;
  padding: 16px;
  flex-direction: row;
  justify-content: space-between;
}
.time-off__item-section--bottom-border {
  border-bottom: 1px solid #d8d8d8;
}
.time-off__item-section .jicon {
  margin-right: 10px;
}

.styled-tracks .ex-react-view .ex-react-view-content.update-time-off {
  padding: 20px;
}
.styled-tracks .ex-react-view .ex-react-view-content.update-time-off .update-time-off__calculations .ex-form-group-content {
  padding-bottom: 0 !important;
}
.styled-tracks .ex-react-view .ex-react-view-content.update-time-off .update-time-off__calculations .ex-form-group-content .error_message {
  margin-top: 5px;
  font-size: 10px;
  font-weight: 500;
  color: #ED0303;
  line-height: 1.3;
  align-items: flex-end;
  text-align: end;
}
.styled-tracks .ex-react-view .ex-react-view-content.update-time-off .ex-form-group fieldset {
  border-radius: 7px;
}
.styled-tracks .ex-react-view .ex-react-view-content.update-time-off .ex-form-group fieldset .ex-form-group-content {
  padding: 0 15px 15px 15px;
}
.styled-tracks .ex-react-view .ex-react-view-content.update-time-off .ex-input-hint {
  font-weight: 600;
  color: #00648d;
}
.styled-tracks .ex-react-view .ex-react-view-content.update-time-off .crossing-error-message {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: 500;
  color: #ED0303;
  line-height: 1.3;
  justify-content: flex-end;
}

.crossing-tooltip {
  background-color: #fff;
  min-height: 20px;
  padding: 6px 12px;
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid red;
  box-shadow: 0 0 3px 0 #000;
}
.crossing-tooltip .crossing-tooltip-label {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}

.my-team .edit-actions-list {
  width: 270px;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.my-team .edit-actions-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 100%;
}
.my-team .edit-actions-list ul li {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  padding: 10px 20px;
  margin: 0 10px 10px;
  border-radius: 10px;
  box-shadow: 0 2px 5px 1px #ddd;
  cursor: pointer;
}
.my-team .edit-actions-list ul li .item-title {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-transform: capitalize;
}
.my-team .edit-actions-list ul li.active {
  background-color: var(--color-menu-icon-color);
  color: var(--color-default-bg);
}
.my-team .edit-actions-list .total-pending {
  font-weight: bold;
  padding: 0 8px;
  text-align: right;
}

.my-team .my-team-table .percentage-difference {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  width: calc(100% - 5px);
}
.my-team .my-team-table .approved {
  color: #00ce77;
  font-weight: bold;
}
.my-team .my-team-table .declined {
  color: #e00;
  font-weight: bold;
}
.my-team .my-team-table .cancelled {
  color: #e00;
  font-weight: bold;
}
.my-team .my-team-table .expired {
  color: #e00;
  font-weight: bold;
}
.my-team .my-team-table .pending {
  opacity: 0.5;
}
.my-team .my-team-table .approvement-status {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
}
.my-team .my-team-table .approvement-status span {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.my-team .my-team-table .approvement-status .status-icon {
  display: flex;
  flex-direction: column;
}
.my-team .my-team-table .approvement-status__pending {
  width: 100%;
  justify-content: space-between;
}
.my-team .my-team-table .approvement-status__pending span {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  width: calc(100% - 20px);
}

.approved-tooltip {
  background-color: #fff;
  min-height: 20px;
  padding: 4px;
  margin-top: 10px;
  border-radius: 4px;
  box-shadow: 0 0 3px 0 #000;
}

.my-team .sidebar {
  border-right: 1px solid #ddd;
}

.my-team .action-types-list {
  width: 270px;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.my-team .action-types-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 100%;
}
.my-team .action-types-list__item {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  padding: 10px 20px;
  margin: 0 10px 10px;
  border-radius: 10px;
  box-shadow: 0 2px 5px 1px #ddd;
  cursor: pointer;
}
.my-team .action-types-list__item .item-title {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.my-team .action-types-list__item.active, .my-team .ex-misc-prompt.miscPrompts .active h6.action-types-list__item, .ex-misc-prompt.miscPrompts .active .my-team h6.action-types-list__item {
  background-color: var(--color-menu-icon-color);
  color: var(--color-default-bg);
}
.my-team .action-types-list .total-pending {
  font-weight: bold;
  padding: 0 8px;
  text-align: right;
}

.decline-confirm-message {
  justify-content: center;
  padding: 4px 0;
}

.availability-details {
  padding: 8px 8px 0 8px;
}
.availability-details__header {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 166%;
  letter-spacing: 0.4px;
  color: rgba(0, 0, 0, 0.87);
}
.availability-details__days {
  display: flex;
  flex-direction: row;
  background-color: #fafafa;
  border-radius: 4px;
  padding: 4px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.availability-details__days .availability-details-day {
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}
.availability-details__days .availability-details-day__name {
  text-transform: uppercase;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 11;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.6);
}
.availability-details__days .availability-details-day__time-frames {
  display: flex;
  flex-direction: column;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 166%;
  letter-spacing: 0.4px;
  color: rgba(0, 0, 0, 0.87);
}
.availability-details__comments {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #ededed;
}
.availability-details__comments label, .availability-details__comments span {
  display: flex;
  flex-direction: row;
}
.availability-details__comments label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 11;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.6);
}

.my-team-request .request-details {
  text-decoration: underline;
  color: #af4843;
  cursor: pointer;
}
.my-team-request .request-details:hover {
  text-decoration: none;
}

.my-team-request-approval {
  border-bottom: 1px solid #ededed;
  padding: 10px 10px 0;
}
.my-team-request-approval .my-team-request__status {
  width: 45%;
}
.my-team-request-approval .my-team-request__status .approval-status {
  text-transform: uppercase;
  font-weight: bold;
}
.my-team-request-approval .my-team-request__status .approval-status.approved {
  color: #00ce77;
}
.my-team-request-approval .my-team-request__status .approval-status.declined {
  color: #e00;
}
.my-team-request-approval .my-team-request__buttons .button-component {
  width: 110px;
  height: 30px;
  margin: 0 10px 0 0;
  border-radius: 10px !important;
  text-align: center;
  box-shadow: 0 2px 5px 1px #ddd !important;
  border: none !important;
}
.my-team-request-approval .my-team-request__buttons .button-component.decline {
  background-color: #e00;
  color: var(--color-default-bg);
}
.my-team-request-approval .my-team-request__buttons .button-component.decline:hover {
  background-color: #ff3e35;
  color: var(--color-default-bg);
}
.my-team-request-approval .my-team-request__buttons .button-component.approve {
  background-color: #00ce77;
  color: var(--color-default-bg);
}
.my-team-request-approval .my-team-request__buttons .button-component.approve:hover {
  background-color: #00eb88;
  color: var(--color-default-bg);
}

.my-team-request .shift {
  padding: 8px 8px 10px 8px;
  border-bottom: 1px solid #ededed;
}
.my-team-request .shift__type {
  font-weight: 600;
}
.my-team-request .shift .request-comment {
  padding-top: 4px;
}
.my-team-request .shift .request-comment__label {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.my-team-request .shift .request-comment__text {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 12px;
  line-height: 19.92px;
  letter-spacing: 0.4px;
}

.shift-wrap {
  display: flex;
  flex-direction: row;
  background-color: #fafafa;
}
.shift-wrap .shift-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 8px 2px;
}
.shift-wrap .shift-info.swap-icon-section {
  align-self: center;
}
.shift-wrap .shift-info__owner {
  font-weight: 500;
  font-size: 11px;
  line-height: 24px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  font-family: "Roboto";
}
.shift-wrap .shift-info__date {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: 0.17px;
  color: rgba(0, 0, 0, 0.87);
}
.shift-wrap .shift-info__time-range {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 12px;
  line-height: 166%;
  letter-spacing: 0.4px;
  color: rgba(0, 0, 0, 0.87);
}
.shift-wrap .shift-info__job-and-store {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 12px;
  line-height: 166%;
  letter-spacing: 0.4px;
  color: rgba(0, 0, 0, 0.6);
}
.shift-wrap .shift-info__job-and-store .store-icon {
  margin: 0 4px 0 12px;
}

.bus-meal-info .meal-people-wrap {
  overflow-y: auto;
  height: 284px;
}
.bus-meal-info .meal-people-wrap .button-component {
  margin: 5px 5px;
  display: flex;
  width: 70px;
  padding: 2px 4px;
}
.bus-meal-info .meal-people-wrap .meal-people-list {
  border: 1px solid #ccc;
  margin: 0 5px;
  border-radius: 4px;
  padding: 10px 5px;
}
.bus-meal-info .meal-people-wrap .meal-people-list .meal-people-item {
  width: 100%;
  margin-bottom: 10px;
}
.bus-meal-info .meal-people-wrap .meal-people-list .meal-people-item .meal-person-icon {
  padding: 5px 4px 0px 0px;
  cursor: auto;
  color: #4f9fde;
  font-size: 1.8em;
}
.bus-meal-info .meal-people-wrap .meal-people-list .meal-people-item .remove-meal-person-icon {
  padding: 0px 0px 0px 4px;
  color: #a50202;
}

.bus-mileage-info .destination-limit-error {
  position: absolute;
  top: 32px;
  color: #b72525;
  left: 80px;
}
.bus-mileage-info .button-component.disabled, .bus-mileage-info .tGrid .tg-grouping .button-component.tg-group.empty-group, .tGrid .tg-grouping .bus-mileage-info .button-component.tg-group.empty-group, .bus-mileage-info .tGrid .tg-content .grouping-vertical .button-component.li-group.empty-group, .tGrid .tg-content .grouping-vertical .bus-mileage-info .button-component.li-group.empty-group {
  opacity: 0.5;
}
.bus-mileage-info .way-points-list {
  height: 402px;
  display: block;
  overflow: auto;
  border-top: 1px inset #60b9ff;
  padding-top: 5px;
}
.bus-mileage-info .way-points-list .directions-panel {
  display: flex;
  color: #8a8a8a;
  justify-content: center;
  margin-top: -3px;
}
.bus-mileage-info .way-points-list .round-trip-marker {
  line-height: 20px;
  color: #3695df;
}
.bus-mileage-info .way-points-list .way-point {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px;
  margin: 2px 0px;
  min-height: 63px;
}
.bus-mileage-info .way-points-list .way-point.with-error {
  border: 1px solid rgb(183, 37, 37);
}
.bus-mileage-info .way-points-list .way-point textarea {
  height: 45px !important;
  padding-left: 33px !important;
  resize: none;
}
.bus-mileage-info .way-points-list .way-point .way-point-error {
  position: absolute;
  top: 21px;
  color: rgb(183, 37, 37);
  left: 10px;
}
.bus-mileage-info .way-points-list .way-point .way-point-marker {
  position: absolute;
  border: 1px solid #3795E0;
  border-radius: 54%;
  padding: 0px 7px;
  background: #77BF3B;
  top: 15px;
  text-transform: capitalize;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.79);
  left: 10px;
}
.bus-mileage-info .way-points-list .way-point .way-point-marker.last-marker {
  background: #F76053;
}
.bus-mileage-info .way-points-list .way-point .way-point-controls {
  display: flex;
  flex-direction: column;
  width: 30px;
  align-items: center;
  padding: 5px;
}
.bus-mileage-info .way-points-list .way-point .way-point-controls span {
  margin-bottom: 5px;
}
.bus-mileage-info .way-points-list .way-point .way-point-controls span.changePoint {
  color: #2f84c5;
}
.bus-mileage-info .way-points-list .way-point .way-point-controls span.removePoint {
  color: #a50202;
}

.expense-details-grid .expense-details-grid-row {
  padding: 2px 0;
}
.expense-details-grid .expense-details-grid-row span {
  color: #1565a9;
  font-size: 1.1em;
  margin-right: 5px;
  letter-spacing: 1px;
  text-shadow: 0 0 1px #c1c1c1;
}

.r-multi-select i.plus-button {
  min-width: 30px;
  height: 30px;
  padding: 8px 0;
  background-color: #3393df;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #fff;
  box-shadow: 0 0 1px 0 #000;
  color: #fff;
  text-shadow: 0 0 1px #000;
  border-radius: 4px;
  margin: auto;
  margin-left: 10px;
}
.r-multi-select .ex-input-wrapper-content {
  justify-content: space-between;
}
.r-multi-select .r-input-error-message {
  color: red;
  font-weight: bold;
  padding-left: 5px;
}

.r-input-error-label {
  color: red;
}

.cost-matrix .cost-matrix-item {
  border: 1px solid #ddd;
  margin-bottom: 2px;
  margin-right: 2px;
  padding: 0 3px;
  cursor: pointer;
}
.cost-matrix .cost-matrix-item:hover {
  border: 1px solid #508a50;
  box-shadow: 0 0 1px #508a50;
}

.uom-grid {
  border: 2px solid white;
}
.uom-grid.ug-invalid {
  margin: 0 2px;
  border-color: red;
}

.mini-items .listitem {
  height: 24px;
}

.inventory-uom-panel {
  min-height: 300px;
}
.inventory-uom-panel__table-description.r-stack-panel.r-direction-row {
  display: flex;
  flex: 1;
  justify-content: space-between;
  min-width: 250px;
  padding: 0px 5px;
}

.fab-item-tolerance-range-value-label {
  border-bottom: 1px solid #ededed;
}
.fab-item-tolerance-range-value-label .r-stack-item:first-child .r-textbox.ex-input {
  padding-left: 2px !important;
}
.fab-item-tolerance-range-value-label .r-stack-item .r-textbox.ex-input .r-input-label {
  width: 25% !important;
  min-width: 40px !important;
}
.fab-item-tolerance-range-value-label .r-stack-item .r-textbox.ex-input .r-input {
  min-width: 40px !important;
  max-width: 60px !important;
}

.fab-item-cycle-count__checkbox {
  margin-right: 10px;
}
.fab-item-cycle-count__container {
  display: flex;
  align-items: center;
}
.fab-item-cycle-count__type {
  margin-top: 15px;
}
.fab-item-cycle-count__type .fab-item-cycle-count__form.ex-input {
  line-height: 21px !important;
  min-height: 21px !important;
  padding: 0px !important;
  margin: 0px !important;
}
.fab-item-cycle-count__type .fab-item-cycle-count__form.ex-input .fa-check-square-o,
.fab-item-cycle-count__type .fab-item-cycle-count__form.ex-input .fa-square-o {
  font-size: 16px;
}

.ex-tab-header .item-dist-issue {
  color: #d62424;
}

.fab-item-tabs .ex-tv-view {
  background: white;
  padding: 5px;
}

.fab-item-properties-category .r-select-text span {
  position: absolute;
  left: 0;
  right: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fab-items-group-name {
  overflow: hidden;
  text-overflow: ellipsis;
}

.item-status-bar.in-process {
  position: relative;
  background: #ffffad;
  margin: 5px 5px 0 5px;
  padding: 2px;
  border-radius: 4px;
  text-align: center;
  font-size: large;
}
.item-status-bar i {
  position: absolute;
  right: 3px;
  padding: 2px;
}

.inventory-actual-vs-theo .level-0 {
  pointer-events: none;
  font-weight: bold;
}
.inventory-actual-vs-theo .level-0 .rt-cell {
  background: #c4def5;
}
.inventory-actual-vs-theo .level-1 {
  pointer-events: none;
  font-weight: bold;
}
.inventory-actual-vs-theo .level-1 .rt-cell {
  background: #e0edfa;
}
.inventory-actual-vs-theo .outOfVarRange {
  color: red;
  font-weight: bold;
}

.oboarding-warning {
  padding: 4px;
  color: var(--color-alert);
  font-weight: 700;
}

.modalHost .modal-content .modal-body .message {
  text-align: center;
}

.payroll-single-record .ex-react-view-header {
  height: auto !important;
  padding: 5px 5px !important;
}

.headerPanelComponent {
  margin: 5px 5px 0;
  padding: 3px 10px;
}
.headerPanelComponent .store-id-label {
  flex-grow: 1;
  justify-content: flex-end;
}
.headerPanelComponent .store-id-label span {
  color: #fff;
  font-size: 1.7em;
}
.headerPanelComponent .headerPanelInput {
  width: 250px;
  border: none;
}
.headerPanelComponent .headerPanelInput label {
  width: 35%;
  min-width: 35%;
  color: #fff;
}
.headerPanelComponent .headerPanelInput .ex-datepicker .r-input-picker {
  background-color: #fff;
}
.headerPanelComponent .headerPanelInput .ex-input-wrapper-content {
  width: 200px;
}
.headerPanelComponent .headerPanelInput__pay-period--dropdown {
  width: 220px;
}
.headerPanelComponent .headerPanelInput__pay-period--dropdown .ex-input-wrapper-content {
  width: 220px;
}
.headerPanelComponent .button-component {
  width: 200px;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  margin-left: 100px;
  margin-top: 4px;
  padding: 4px 3px;
  height: 27px;
  background-color: #73abf6;
  color: #fff;
  border-radius: 3px;
}
.headerPanelComponent .button-component i.fa {
  font-size: 1em;
  margin-top: 4px;
  margin-right: 5px;
}

.payrollSummary .employee-records-button-panel,
.payrollEmployee .employee-records-button-panel,
.payroll-approvals .employee-records-button-panel {
  margin-top: 5px;
}
.payrollSummary .employee-records-button-panel .button-component,
.payrollEmployee .employee-records-button-panel .button-component,
.payroll-approvals .employee-records-button-panel .button-component {
  margin-right: 5px;
}
.payrollSummary .employee-records-button-panel .button-component.disabled, .payrollSummary .employee-records-button-panel .tGrid .tg-grouping .button-component.tg-group.empty-group, .tGrid .tg-grouping .payrollSummary .employee-records-button-panel .button-component.tg-group.empty-group, .payrollSummary .employee-records-button-panel .tGrid .tg-content .grouping-vertical .button-component.li-group.empty-group, .tGrid .tg-content .grouping-vertical .payrollSummary .employee-records-button-panel .button-component.li-group.empty-group,
.payrollEmployee .employee-records-button-panel .button-component.disabled,
.payrollEmployee .employee-records-button-panel .tGrid .tg-grouping .button-component.tg-group.empty-group,
.tGrid .tg-grouping .payrollEmployee .employee-records-button-panel .button-component.tg-group.empty-group,
.payrollEmployee .employee-records-button-panel .tGrid .tg-content .grouping-vertical .button-component.li-group.empty-group,
.tGrid .tg-content .grouping-vertical .payrollEmployee .employee-records-button-panel .button-component.li-group.empty-group,
.payroll-approvals .employee-records-button-panel .button-component.disabled,
.payroll-approvals .employee-records-button-panel .tGrid .tg-grouping .button-component.tg-group.empty-group,
.tGrid .tg-grouping .payroll-approvals .employee-records-button-panel .button-component.tg-group.empty-group,
.payroll-approvals .employee-records-button-panel .tGrid .tg-content .grouping-vertical .button-component.li-group.empty-group,
.tGrid .tg-content .grouping-vertical .payroll-approvals .employee-records-button-panel .button-component.li-group.empty-group {
  opacity: 0.6;
}
.payrollSummary .payroll-screen.error-icons,
.payrollEmployee .payroll-screen.error-icons,
.payroll-approvals .payroll-screen.error-icons {
  white-space: nowrap;
}
.payrollSummary .payroll-screen.error-icons .ex-react-tooltip,
.payrollEmployee .payroll-screen.error-icons .ex-react-tooltip,
.payroll-approvals .payroll-screen.error-icons .ex-react-tooltip {
  display: inline-block;
}
.payrollSummary .payroll-screen.error-icons .link,
.payrollEmployee .payroll-screen.error-icons .link,
.payroll-approvals .payroll-screen.error-icons .link {
  margin-right: 3px;
}
.payrollSummary .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-non-standard-hours,
.payrollEmployee .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-non-standard-hours,
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-non-standard-hours {
  background-color: #ed9efe !important;
}
.payrollSummary .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-non-standard-hours .rt-cell, .payrollSummary .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-non-standard-hours.rt-line-hover, .payrollSummary .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-non-standard-hours.rt-line-hover .rt-cell,
.payrollEmployee .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-non-standard-hours .rt-cell,
.payrollEmployee .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-non-standard-hours.rt-line-hover,
.payrollEmployee .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-non-standard-hours.rt-line-hover .rt-cell,
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-non-standard-hours .rt-cell,
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-non-standard-hours.rt-line-hover,
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-non-standard-hours.rt-line-hover .rt-cell {
  background-color: #ed9efe !important;
}
.payrollSummary .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-on-clock,
.payrollEmployee .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-on-clock,
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-on-clock {
  background-color: #8fe0ff !important;
}
.payrollSummary .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-on-clock .rt-cell, .payrollSummary .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-on-clock.rt-line-hover, .payrollSummary .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-on-clock.rt-line-hover .rt-cell,
.payrollEmployee .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-on-clock .rt-cell,
.payrollEmployee .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-on-clock.rt-line-hover,
.payrollEmployee .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-on-clock.rt-line-hover .rt-cell,
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-on-clock .rt-cell,
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-on-clock.rt-line-hover,
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.payroll-record-on-clock.rt-line-hover .rt-cell {
  background-color: #8fe0ff !important;
}
.payrollSummary .ex-table-wrapper .react-table .rt-cell,
.payrollEmployee .ex-table-wrapper .react-table .rt-cell,
.payroll-approvals .ex-table-wrapper .react-table .rt-cell {
  overflow: hidden;
}
.payrollSummary .rt-line.group-row,
.payrollEmployee .rt-line.group-row,
.payroll-approvals .rt-line.group-row {
  background-color: #b0dbfd;
  color: rgb(19, 19, 19);
  font-weight: bold;
}
.payrollSummary .rt-line.group-row.rt-line-hover,
.payrollEmployee .rt-line.group-row.rt-line-hover,
.payroll-approvals .rt-line.group-row.rt-line-hover {
  background-color: #b0dbfd !important;
}
.payrollSummary .rt-line.group-row .rt-cell,
.payrollEmployee .rt-line.group-row .rt-cell,
.payroll-approvals .rt-line.group-row .rt-cell {
  background: none !important;
}

.reportListItem i {
  color: #0075d6;
  margin: 0 3px;
}

.payroll-warning {
  color: red;
}

.payrollSummary .ex-table-wrapper .table-footer .tf-right,
.payroll-approvals .ex-table-wrapper .table-footer .tf-right {
  display: none;
}
.payrollSummary .ex-table-wrapper .table-footer > div,
.payroll-approvals .ex-table-wrapper .table-footer > div {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.payrollSummary .ex-table-wrapper .table-footer > div .footer-labels,
.payroll-approvals .ex-table-wrapper .table-footer > div .footer-labels {
  justify-content: flex-end;
}
.payrollSummary .ex-table-wrapper .table-footer > div .footer-labels .footer-label,
.payroll-approvals .ex-table-wrapper .table-footer > div .footer-labels .footer-label {
  margin-right: 0px;
}
.payrollSummary .ex-table-wrapper .table-footer > div .footer-labels .footer-label .fl-title,
.payrollSummary .ex-table-wrapper .table-footer > div .footer-labels .footer-label .fl-value,
.payroll-approvals .ex-table-wrapper .table-footer > div .footer-labels .footer-label .fl-title,
.payroll-approvals .ex-table-wrapper .table-footer > div .footer-labels .footer-label .fl-value {
  font-weight: bold;
  font-size: 14px;
}

.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.payroll-no-approval {
  background-color: #fddada !important;
}
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.payroll-no-approval .rt-cell, .payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.payroll-no-approval.rt-line-hover, .payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.payroll-no-approval.rt-line-hover .rt-cell {
  background-color: #fddada !important;
}
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.group-row.no-approval,
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.group-row.no-approval .rt-cell {
  background-color: #fc9292 !important;
}
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.group-row.no-approval.rt-line-hover, .payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.group-row.no-approval.rt-line-hover .rt-cell {
  background-color: #fc9292 !important;
}
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.group-row.approved,
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.group-row.approved .rt-cell {
  background-color: var(--active) !important;
}
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.group-row.approved.rt-line-hover, .payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.group-row.approved.rt-line-hover .rt-cell {
  background-color: var(--active) !important;
}
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.group-row,
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.group-row .rt-cell {
  color: rgb(19, 19, 19);
  font-weight: bold;
}
.payroll-approvals .ex-table-wrapper .react-table .rt-body .rt-line.group-row .grand-total {
  text-decoration: underline;
}

.salesCount-details {
  /*.stackPanel-border {
      margin: 4px 0px 0px 10px;
      overflow-y: auto;
      height: auto;
  }*/
}
.salesCount-details .total-label {
  /*margin-left: 10px;
  margin-right: 10px;*/
  /*.r-input-label {
      font-size: 18px;
  }*/
  /*.r-label {
      font-size: 18px;
  }

  .r-input {
      font-size: 18px;
  }*/
}
.salesCount-details .total-label .ex-input-wrapper-content {
  flex-direction: row-reverse;
}
.salesCount-details .total-label .ex-input-wrapper-content .r-label {
  margin-right: 5px;
}
.salesCount-details .total-label input {
  direction: rtl;
}

.salesDatail_topLabel {
  font-size: 16px;
  padding: 5px 0px;
}
.salesDatail_topLabel span {
  padding-left: 15px;
}

.editSalesDetails .center {
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 48%;
  margin: 10px auto;
  cursor: pointer;
}

.editSalesDetails .deposits-block {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 5px;
  border: 1px solid #808080;
}

.editSalesDetails .deposits-block .deposit {
  width: 65%;
  background-color: rgba(143, 188, 143, 0.77);
  color: #000;
}

.editSalesDetails .deposits-block .total {
  background-color: darkseagreen;
  font-weight: bold;
  width: 35%;
  line-height: 40px;
}

.breadcrumbs {
  font-size: x-large;
  color: white;
  line-height: 30px;
  padding-top: 5px;
}
.breadcrumbs .crumb {
  opacity: 0.8;
}
.breadcrumbs .crumb.crumb-last {
  opacity: 1;
  pointer-events: none;
}
.breadcrumbs .crumb:hover {
  cursor: pointer;
  opacity: 9;
}
.breadcrumbs .crumb:hover a {
  text-decoration: underline;
}
.breadcrumbs .crumb a {
  color: white;
  text-transform: capitalize;
  padding: 0 5px;
}
.translation-children .translation-item {
  padding-bottom: 0;
}
.translation-children .translation-item-wrapper::before {
  position: absolute;
  content: " ";
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  bottom: 50%;
  left: -17px;
  width: 15px;
  height: 2000px;
  z-index: 10;
}
.translation-children .translation-item-wrapper {
  margin-top: 15px;
}

.translation-item {
  position: relative;
  z-index: 20;
  margin-left: 5px;
  padding-bottom: 20px;
}
.translation-item .ti-header {
  background: darkseagreen;
  color: white;
  padding: 5px;
  font-size: medium;
  text-shadow: 0 0 1px black;
  text-transform: capitalize;
}
.translation-item .translation-item-wrapper {
  box-shadow: 2px 2px 10px 0 #717171;
  border-radius: 4px;
  background: white;
  position: relative;
}
.translation-item .translation-props {
  width: 100%;
  table-layout: fixed;
}
.translation-item .translation-props thead {
  border-bottom: 1px solid #ddd;
  background: rgba(184, 234, 184, 0.2196078431);
  text-shadow: 0 0 1px white;
  color: black;
  font-weight: bold;
}
.translation-item .translation-props td {
  padding: 5px;
  border-bottom: 1px solid #ddd;
}
.translation-item .translation-props tr:last-child td {
  border-bottom: 0;
}
.translation-item .translation-props a:hover {
  cursor: pointer;
  text-decoration: underline;
}
.translation-item .translation-children {
  padding-left: 30px;
  overflow: hidden;
}

.form-attachment-config .mapping-list-empty {
  padding: 6px;
}
.form-attachment-config .mappings-list__item .mappings-list__object-mapping .r-select {
  width: 140px;
}

.i9-config .mappings .ex-input {
  border-bottom: 0;
}

.bank-account .ex-input {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  border-bottom: none;
  margin-bottom: 10px !important;
}
.bank-account .ex-input label {
  width: 100%;
}
.bank-account .ex-input .r-input {
  width: 100%;
}
.bank-account .amount {
  display: flex;
  flex-direction: column;
}
.bank-account .amount__label, .bank-account .amount__value {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.bank-account .amount__label .r-textarea {
  min-height: 24px;
  margin-bottom: 0 !important;
}

.submit-bank-account {
  color: #fff !important;
  background-color: var(--button-color) !important;
}

.select-payment-type.ex-input.r-dropdown .r-readonly .r-select {
  padding-left: 0;
  border-left: none;
  border-right: none;
}

.form-bank-accounts__header {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 1.1em;
}
.form-bank-accounts__header .button-component {
  color: #fff !important;
  background-color: var(--button-color) !important;
}
.form-bank-accounts__header .button-component i {
  font-size: 0.9em;
}
.form-bank-accounts .validation-errors-list {
  border: 1px solid var(--boh-mit-item-border);
  background-color: #ffe0e2;
  border-radius: 4px;
  padding: 6px 10px;
  margin-bottom: 10px;
}
.form-bank-accounts .validation-errors-list p {
  color: var(--color-font-color);
}
.form-bank-accounts .validation-errors-list p:last-child {
  margin-bottom: 0;
}
.form-bank-accounts .validation-errors-list p i {
  color: var(--color-icon-color-hover);
  font-size: 1.2em;
  margin-right: 2px;
}
.form-bank-accounts .ex-input {
  border-bottom: none;
}
.form-bank-accounts .amount__label {
  width: 45%;
}
.form-bank-accounts .account {
  border-bottom: 1px solid var(--color-default-2);
  margin-bottom: 10px;
}
.form-bank-accounts .account__action {
  border: none !important;
  box-shadow: none !important;
  justify-content: end;
  display: flex;
  align-self: flex-end;
}
.form-bank-accounts .account__action:hover {
  background: none !important;
}
.form-bank-accounts .account__action i {
  margin-top: 5px;
  font-size: 1.1em;
}
.form-bank-accounts .account:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.form-bank-accounts .bank-accounts-item {
  border: 1px solid var(--color-default-2);
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px;
}
.form-bank-accounts .bank-accounts-item__data .r-direction-row {
  height: 30px;
  padding-top: 4px;
}
.form-bank-accounts .bank-accounts-item__data .r-direction-row .r-dropdown {
  min-height: 22px;
}
.form-bank-accounts .bank-accounts-item__data .r-direction-row .r-dropdown .r-select-text span {
  font-size: 12px;
}
.form-bank-accounts .bank-accounts-item .r-select {
  padding: 0;
}
.form-bank-accounts .bank-accounts-item .payment-amount-type {
  width: 100px;
  margin-right: 10px;
}
.form-bank-accounts .bank-accounts-item .payment-amount-type .r-select-text {
  padding-left: 4px;
}
.form-bank-accounts .bank-accounts-item .payment-amount {
  min-height: 22px;
}
.form-bank-accounts .bank-accounts-item .payment-amount .r-input-wrap {
  padding-top: 0;
}
.form-bank-accounts .bank-accounts-item .account-actions__item {
  justify-content: end;
}
.form-bank-accounts .bank-accounts-item .account-actions__item:last-child {
  flex-grow: 1;
}
.form-bank-accounts .bank-accounts-item .payment-method-name span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wf-form-page__row-label_disabled .r-input-label {
  opacity: 0.5;
}

.form-save-button.is-modified {
  background-color: var(--hover) !important;
}

.pdf-documents-section {
  min-height: 58px;
}
.pdf-documents-section .add-documents-button,
.pdf-documents-section .sign-methods-button,
.pdf-documents-section .configure-i9-button {
  width: 140px;
  margin: 10px 8px 0;
}
.pdf-documents-section .add-documents-button-error,
.pdf-documents-section .sign-methods-button-error,
.pdf-documents-section .configure-i9-button-error {
  background-color: pink !important;
}
.pdf-documents-section .button-validation {
  color: red;
  font-size: 1.5rem;
  margin-top: 8px;
}
.pdf-documents-section .button-validation-message {
  color: red;
  margin-left: 8px;
  font-size: 0.7rem;
  line-height: 1.5;
}

.form-sign-options .r-radio-group-vertical {
  flex-direction: row !important;
  flex-wrap: wrap;
  margin-top: 0px !important;
}

.certificate-row-preview {
  padding: 8px 0;
}
.certificate-row-preview h3 {
  font-size: 14px;
}
.certificate-row-preview__details {
  border: 1px solid #ccc;
  padding: 6px;
}
.certificate-row-preview__details .ex-input {
  border: none;
}

.course-version-dialog .search-button {
  width: 70px;
  padding: 4px 0;
}
.course-version-dialog .search-button .fa-search {
  margin: 2px;
}
.course-version-dialog .scorm-warning {
  text-align: center;
  padding: 4px;
  color: var(--color-default-1);
}
.course-version-dialog .course-id-input .r-input-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  border: none;
  pointer-events: none;
}

.wf-store-selector {
  display: flex;
  flex-grow: 1;
}

.wf-item-color-control .ex-input.r-textbox {
  float: left;
  width: 90%;
}
.wf-item-color-control .ex-input.r-textbox label {
  width: 53%;
}
.wf-item-color-control .ex-input.r-textbox .r-input {
  width: 50%;
}
.wf-item-color-control .color-example {
  height: 15px;
  width: 10%;
  display: block;
  float: right;
  margin: 9px 0;
  box-shadow: 0 0 1px 0px #000;
}

.busy-indicator-background {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.5);
}
.busy-indicator-background .busy-indicator-spinner {
  align-items: center;
  display: inline-flex;
}
.busy-indicator-background .busy-indicator-spinner .busy-indicator-icon {
  margin: 30%;
}
.busy-indicator-background .busy-indicator-spinner img {
  max-width: 300px;
}
.busy-indicator-background .busy-indicator-spinner .busy-indicator-text {
  font-size: 2.5em;
  padding: 25% 30%;
}

.global-quick-search {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.7411764706);
}
.global-quick-search .jicon {
  display: flex;
  align-items: center;
}
.global-quick-search .global-qs-wrapper {
  box-shadow: 0 0 20px 10px rgba(56, 56, 56, 0.7294117647);
  width: 500px;
  margin: auto;
  margin-top: 10%;
  background: white;
  border-radius: 4px;
  padding: 4px 16px;
}
.global-quick-search .global-qs-wrapper input {
  font-size: medium;
  height: 40px !important;
}
.global-quick-search .global-qs-wrapper input,
.global-quick-search .global-qs-wrapper input:focus {
  border: none !important;
  outline: none;
}
.global-quick-search .global-qs-search-box {
  display: flex;
}
.global-quick-search .global-qs-search-result {
  border-top: 1px solid #ddd;
  padding: 8px 0;
}
.global-quick-search .global-qs-search-result ul {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 400px;
  overflow: auto;
}
.global-quick-search .global-qs-search-result ul li {
  padding: 8px 16px;
  border-bottom: 1px solid #ddd;
  background: rgba(255, 255, 255, 0.2901960784);
  font-size: 14px;
}
.global-quick-search .global-qs-search-result ul li .search-list-item-active {
  font-weight: 700;
}
.global-quick-search .global-qs-search-result ul li.global-qs-cursor {
  color: #484848;
  font-weight: 400;
  border-radius: 6px;
  box-shadow: 0px 2px 5px 1px rgba(47, 47, 47, 0.3607843137);
  border-bottom: 0px;
  border: 1px solid var(--text-button-color);
}

.leveled-list {
  display: flex;
  flex-grow: 1;
  position: relative;
  flex-direction: column;
  padding: 5px;
  margin: 5px;
  overflow: auto;
}
.leveled-list .r-stack-panel.r-direction-row:first-child {
  overflow: auto;
}
.leveled-list .leveled-list-search-icon {
  color: #2d818d;
  margin-top: 16px;
  cursor: default;
}
.leveled-list .leveled-list-search-icon.clean-search {
  cursor: pointer;
}
.leveled-list .leveled-list-item {
  border-radius: 4px;
  background-color: #f0f8ff;
  box-shadow: 0 0 2px 0px #696969;
  cursor: pointer;
  padding: 3px 3px 3px 7px;
  margin: 3px;
  align-items: center;
  min-height: 30px;
}
.leveled-list .leveled-list-item .leveled-list-item-title {
  padding-left: 4px;
}
.leveled-list .leveled-list-item.active, .leveled-list .ex-misc-prompt.miscPrompts .active h6.leveled-list-item, .ex-misc-prompt.miscPrompts .active .leveled-list h6.leveled-list-item {
  background-color: #d1f2ff;
}
.leveled-list .leveled-list-item i.fa {
  margin: 4px 0;
  color: #428bca;
}
.leveled-list .leveled-list-children {
  margin-left: 20px;
}
.leveled-list .lvl-list, .leveled-list .lvl-item {
  margin: 0;
  padding: 0;
}
.leveled-list .lvl-list {
  padding-left: 1em;
}
.leveled-list .lvl-item {
  padding-left: 1em;
  border: 1px solid var(--color-blue-green);
  border-width: 0 0 0px 1px;
  margin-right: 10px;
  margin-top: -3px;
}
.leveled-list .lvl-item .leveled-list-item {
  top: 1.9em;
  z-index: 1;
  margin-bottom: 8px;
  right: -4px;
}
.leveled-list .lvl-item .lvl-list {
  border-top: 1px solid var(--color-blue-green);
  margin-left: -1em;
  padding-left: 2em;
}
.leveled-list .lvl-list .lvl-item:last-child > .lvl-list {
  border-left: 1px solid var(--color-white);
  left: -1px;
}
.leveled-list.hide-lines .lvl-item, .leveled-list.hide-lines .lvl-list {
  border: none;
  padding-left: 0;
}

.table-column.column-changed:after {
  content: " ";
  border-top: solid rgba(0, 128, 0, 0.68);
  border-left: solid rgba(0, 128, 0, 0);
  border-bottom: solid rgba(0, 128, 0, 0);
  border-right: solid rgba(0, 128, 0, 0.68);
  border-width: 4px;
  position: absolute;
  top: -2px;
  right: -1px;
}

.table-column.column-changed {
  position: relative;
}

.select-prev-result {
  width: 500px;
  min-height: 300px;
}
.select-prev-result .ex-listview-scroll-wrapper {
  border: none !important;
}
.select-prev-result .ex-listview .listitem {
  border-bottom: none !important;
  padding: 0;
  cursor: auto;
}
.select-prev-result .prev-result-list-item {
  margin: 8px;
  box-shadow: 0px 3px 7px 0px rgba(115, 115, 115, 0.7019607843);
  border-radius: 4px;
  padding: 12px 8px;
}
.select-prev-result .prev-result-list-item .prev-result-icon {
  padding: 0 8px;
}
.select-prev-result .prev-result-list-item .prev-result-info .prev-result-name {
  font-weight: normal;
  font-size: 14px;
  color: #333;
}
.select-prev-result .prev-result-list-item .prev-result-info .prev-result-date {
  font-size: 12px;
  font-weight: 300;
  color: #595959;
  margin-top: 2px;
}
.select-prev-result .prev-result-list-item .prev-result-score-section {
  justify-content: center;
}
.select-prev-result .prev-result-list-item .prev-result-score-section .prev-result-score {
  padding: 4px 8px;
  width: fit-content;
  border-radius: 4px;
  align-self: flex-end;
  color: var(--color-default-3);
  font-weight: normal;
}
.select-prev-result .prev-result-list-item .prev-result-score-section .prev-result-score.low {
  background-color: #ff0d1d;
}
.select-prev-result .prev-result-list-item .prev-result-score-section .prev-result-score.medium {
  background-color: #fbaf3f;
}
.select-prev-result .prev-result-list-item .prev-result-score-section .prev-result-score.high {
  background-color: #8dcd45;
}
.select-prev-result .prev-result-list-item .prev-result-control-panel {
  border-top: var(--default-border);
  margin-top: 8px;
  padding: 12px 0px 4px 0px;
}
.select-prev-result .prev-result-list-item .prev-result-control-panel .r-stack-panel {
  cursor: pointer;
  justify-content: center;
  color: var(--color-default-1);
}

.bank-account .ex-input {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  border-bottom: none;
  margin-bottom: 10px !important;
}
.bank-account .ex-input label {
  width: 100%;
}
.bank-account .ex-input .r-input {
  width: 100%;
}
.bank-account .amount {
  display: flex;
  flex-direction: column;
}
.bank-account .amount__label, .bank-account .amount__value {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.bank-account .amount__label .r-textarea {
  min-height: 24px;
  margin-bottom: 0 !important;
}

.submit-bank-account {
  color: #fff !important;
  background-color: var(--button-color) !important;
}

.select-payment-type.ex-input.r-dropdown .r-readonly .r-select {
  padding-left: 0;
  border-left: none;
  border-right: none;
}

.select-payment-type.ex-input.r-dropdown .r-readonly .r-select {
  padding-left: 0;
  border-left: none;
  border-right: none;
}

.sign-form-label {
  font-size: 1.2em;
  color: #303030;
  margin: 5px 10px;
}

.form-address__row-label_disabled .r-input-label {
  opacity: 0.5;
}

.form-bank-accounts__header {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 1.1em;
}
.form-bank-accounts__header .button-component {
  color: #fff !important;
  background-color: var(--button-color) !important;
}
.form-bank-accounts__header .button-component i {
  font-size: 0.9em;
}
.form-bank-accounts .validation-errors-list {
  border: 1px solid var(--boh-mit-item-border);
  background-color: #ffe0e2;
  border-radius: 4px;
  padding: 6px 10px;
  margin-bottom: 10px;
}
.form-bank-accounts .validation-errors-list p {
  color: var(--color-font-color);
}
.form-bank-accounts .validation-errors-list p:last-child {
  margin-bottom: 0;
}
.form-bank-accounts .validation-errors-list p i {
  color: var(--color-icon-color-hover);
  font-size: 1.2em;
  margin-right: 2px;
}
.form-bank-accounts .ex-input {
  border-bottom: none;
}
.form-bank-accounts .amount__label {
  width: 45%;
}
.form-bank-accounts .account {
  border-bottom: 1px solid var(--color-default-2);
  margin-bottom: 10px;
}
.form-bank-accounts .account__action {
  border: none !important;
  box-shadow: none !important;
  justify-content: end;
  display: flex;
  align-self: flex-end;
}
.form-bank-accounts .account__action:hover {
  background: none !important;
}
.form-bank-accounts .account__action i {
  margin-top: 5px;
  font-size: 1.1em;
}
.form-bank-accounts .account:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.form-bank-accounts .bank-accounts-item {
  border: 1px solid var(--color-default-2);
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px;
}
.form-bank-accounts .bank-accounts-item__data .r-direction-row {
  height: 30px;
  padding-top: 4px;
}
.form-bank-accounts .bank-accounts-item__data .r-direction-row .r-dropdown {
  min-height: 22px;
}
.form-bank-accounts .bank-accounts-item__data .r-direction-row .r-dropdown .r-select-text span {
  font-size: 12px;
}
.form-bank-accounts .bank-accounts-item .r-select {
  padding: 0;
}
.form-bank-accounts .bank-accounts-item .payment-amount-type {
  width: 100px;
  margin-right: 10px;
}
.form-bank-accounts .bank-accounts-item .payment-amount-type .r-select-text {
  padding-left: 4px;
}
.form-bank-accounts .bank-accounts-item .payment-amount {
  min-height: 22px;
}
.form-bank-accounts .bank-accounts-item .payment-amount .r-input-wrap {
  padding-top: 0;
}
.form-bank-accounts .bank-accounts-item .account-actions__item {
  justify-content: end;
}
.form-bank-accounts .bank-accounts-item .account-actions__item:last-child {
  flex-grow: 1;
}
.form-bank-accounts .bank-accounts-item .payment-method-name span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.certificate-row {
  padding: 8px 0;
}
.certificate-row h3 {
  font-size: 14px;
}
.certificate-row__details {
  border: 1px solid #ccc;
  padding: 6px;
}
.certificate-row__details .ex-input {
  border: none;
}

.bankAccounts-summary {
  margin-top: 6px;
}
.bankAccounts-summary__item {
  margin-top: 10px;
}
.bankAccounts-summary__item h3 {
  font-size: 1.3em;
}
.bankAccounts-summary__item:not(:first-of-type) {
  padding-top: 10px;
}
.bankAccounts-summary__item p {
  border-bottom: 1px solid #ededed;
  font-size: 12px;
  color: var(--color-font-color);
  display: flex;
}
.bankAccounts-summary__item p:last-child {
  border-bottom: 2px solid #ccc;
  padding-bottom: 10px;
}
.bankAccounts-summary__item p label {
  width: 45%;
}

.certificate-summary-attachment .r-label {
  font-weight: 600;
}
.certificate-summary-attachment.has-value {
  cursor: pointer;
}

.wf-form .wf-form-content {
  width: 80%;
  margin: 0 auto;
  height: 100%;
}
.wf-form .wf-form-content.wf-form-content_locked {
  opacity: 0.8 !important;
  pointer-events: none;
}
.wf-form .wf-form-sidebar {
  width: 20%;
  border-right: 1px solid #ccc;
}
.wf-form .wf-form-wrap {
  background-color: #6b6b6b;
  padding-top: 40px;
  width: 80%;
  overflow: auto;
}
.wf-form .wf-form-wrap.wf-form-pdf {
  padding: 0;
}
.wf-form .wf-form-wrap.wf-form-pdf .wf-form-content {
  width: 100%;
}
.wf-form .wf-form-wrap .wf-form-content {
  background-color: #fff;
}
.wf-form .wf-form-wrap .wf-form-page {
  padding: 40px 80px 20px;
  background-color: #fff;
  min-height: 100%;
}
.wf-form .wf-form-wrap .wf-form-page.wf-form-page-disabled .wf-form-row,
.wf-form .wf-form-wrap .wf-form-page.wf-form-page-disabled .wf-form-row-hint,
.wf-form .wf-form-wrap .wf-form-page.wf-form-page-disabled .wf-form-row-file .button-component,
.wf-form .wf-form-wrap .wf-form-page.wf-form-page-disabled .wf-form-row-file .ex-file-remove,
.wf-form .wf-form-wrap .wf-form-page.wf-form-page-disabled .wf-form-row-dropdown {
  opacity: 0.5 !important;
  pointer-events: none;
}
.wf-form .wf-form-wrap .wf-form-page__title {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 600;
  padding: 16px 0;
  border-bottom: 3px solid #ccc;
  margin-bottom: 6px;
}
.wf-form .wf-form-wrap .wf-form-page__title_summary {
  display: flex;
  justify-content: space-between;
}
.wf-form .wf-form-wrap .wf-form-page__print {
  color: var(--button-color);
  cursor: pointer;
  text-decoration: underline;
}
.wf-form .wf-form-wrap .wf-form-page .page-rows-group .ex-form-group-content {
  padding: 10px;
}
.wf-form .wf-form-wrap .wf-form-page .page-rows-group__control {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0 0;
}
.wf-form .wf-form-wrap .wf-form-page .page-rows-group__control span {
  color: var(--button-mini-color);
  padding-left: 4px;
  font-size: 1.2em;
  cursor: pointer;
}
.wf-form .wf-form-wrap .wf-form-page .page-rows-group__control span:hover {
  text-decoration: underline;
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-row-select {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
  padding: 2px 0 3px;
  margin: 1px 0;
  border-bottom: 1px solid #ededed;
  min-height: 33px;
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-row-select .isDependent {
  font-style: italic;
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-row-select .wf-form-row-select-options .r-radio-button {
  align-items: flex-start;
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-row-select .wf-form-row-select-options .ex-input .r-input i {
  display: flex;
  padding-right: 6px;
  padding-top: 7px;
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-row-select .wf-form-row-select-options span {
  margin-right: 5px;
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-row-select .wf-form-row-select-options .r-radio-group {
  border-bottom: none;
}
.wf-form .wf-form-wrap .wf-form-page .ex-input {
  padding: 0 !important;
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-row-hint {
  margin-left: 45%;
  font-style: italic;
  margin-bottom: 8px;
  display: block;
}
.wf-form .wf-form-wrap .wf-form-page .i9-info {
  font-size: 1.2em;
}
.wf-form .wf-form-wrap .wf-form-page .i9-info.e-verify-section {
  border-top: 1px dashed #ccc;
  margin-top: 20px;
  padding-top: 8px;
}
.wf-form .wf-form-wrap .wf-form-page .i9-button {
  display: inline-block;
  text-transform: uppercase;
  padding: 10px 67px;
  border: none;
  box-shadow: 0 0 2px 0px #545454;
  border-radius: 6px;
  font-weight: 400;
  font-size: 1.2em;
  margin-top: 20px;
  letter-spacing: 1px;
}
.wf-form .wf-form-wrap .wf-form-page .i9-button.start-i9 {
  color: #fff;
  background: linear-gradient(#61bf00, #458a00);
}
.wf-form .wf-form-wrap .wf-form-page .i9-button.start-i9:hover {
  background: linear-gradient(#75eb00, #4f9e00);
}
.wf-form .wf-form-wrap .wf-form-page .i9-button.open-i9-section {
  color: #fff;
  background: linear-gradient(#61bf00, #458a00);
  padding: 10px;
}
.wf-form .wf-form-wrap .wf-form-page .i9-button.open-i9-section:hover {
  background: linear-gradient(#75eb00, #4f9e00);
}
.wf-form .wf-form-wrap .wf-form-page .i9-button.check-i9 {
  color: #fff;
  background: linear-gradient(#c92934, #8b1c23);
}
.wf-form .wf-form-wrap .wf-form-page .i9-button.check-i9:hover {
  background: linear-gradient(#ff0000, #a91616);
}
.wf-form .wf-form-wrap .wf-form-page .i9-completed-section {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}
.wf-form .wf-form-wrap .wf-form-page .i9-completed-section__icon {
  display: flex;
  flex-direction: column;
}
.wf-form .wf-form-wrap .wf-form-page .i9-completed-section__text {
  display: flex;
  flex-direction: column;
  color: var(--color-completed);
  font-size: 1.3em;
  padding: 4px 10px;
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-doc-info {
  margin-top: 20px;
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-doc-info h4 {
  font-size: 1.2em;
  margin: 8px 0 16px;
  color: var(--color-font-color);
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-doc-info p {
  font-size: 1.2em;
  margin-bottom: 2px;
  color: #303030;
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-doc-info__radio {
  border-bottom: none;
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-doc-info__radio .r-radio-button {
  font-size: 1.2em;
  margin-bottom: 10px;
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-doc-info__radio .r-radio-button i.fa {
  transform: scale(1.7);
  margin-right: 12px;
  color: #b7b7b7;
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-doc-info__radio .r-radio-button i.fa.fa-dot-circle-o {
  color: var(--button-color);
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-doc-info__button {
  display: inline-block;
  text-transform: uppercase;
  padding: 10px 60px;
  border: none;
  box-shadow: 0 0 2px 0px #545454;
  border-radius: 6px;
  font-weight: 400;
  font-size: 1.2em;
  color: #fff;
  background: linear-gradient(#ff0000, #a91616);
  margin-top: 10px;
  letter-spacing: 1px;
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-doc-info__button.locked {
  color: #ccc;
  background: linear-gradient(#bbbaba, #909090);
}
.wf-form .wf-form-wrap .wf-form-page .wf-form-doc-info__warning {
  color: #929292 !important;
  font-size: 1em !important;
  margin-top: 4px;
}
.wf-form .wf-form-wrap .wf-form-page .doc-list {
  margin-top: 24px;
}
.wf-form .wf-form-wrap .wf-form-page .doc-list h4 {
  font-size: 1.2em;
  margin: 8px 0 16px;
  color: var(--color-font-color);
}
.wf-form .wf-form-wrap .wf-form-page .doc-list ul,
.wf-form .wf-form-wrap .wf-form-page .doc-list .form-sign-result {
  padding: 0;
}
.wf-form .wf-form-wrap .wf-form-page .doc-list ul .doc-list__item,
.wf-form .wf-form-wrap .wf-form-page .doc-list .form-sign-result .doc-list__item {
  list-style: none;
  display: block;
  padding: 16px 20px;
  width: 400px;
  border-radius: 10px;
  color: var(--color-font-color);
  box-shadow: 0px 1px 11px 1px rgba(86, 86, 86, 0.2196078431);
  margin: 16px 0;
  cursor: pointer;
}
.wf-form .wf-form-wrap .wf-form-page .doc-list ul .doc-list__item:hover,
.wf-form .wf-form-wrap .wf-form-page .doc-list .form-sign-result .doc-list__item:hover {
  background: #fff1d7;
}
.wf-form .wf-form-wrap .wf-form-page .doc-list ul .doc-list__item-title,
.wf-form .wf-form-wrap .wf-form-page .doc-list .form-sign-result .doc-list__item-title {
  font-size: 16px;
  margin-left: 16px;
  align-self: center;
  max-width: 180px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wf-form .wf-form-wrap .wf-form-page .doc-list ul .doc-list__item-status,
.wf-form .wf-form-wrap .wf-form-page .doc-list .form-sign-result .doc-list__item-status {
  align-self: center;
  font-size: 14px;
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.wf-form .wf-form-wrap .wf-form-page .doc-list ul .doc-list__item-sign-error,
.wf-form .wf-form-wrap .wf-form-page .doc-list .form-sign-result .doc-list__item-sign-error {
  color: #ff0000;
  justify-content: flex-start;
}
.wf-form .wf-form-wrap .wf-form-page .doc-list ul .doc-list__item-completed,
.wf-form .wf-form-wrap .wf-form-page .doc-list .form-sign-result .doc-list__item-completed {
  color: #059c50;
}
.wf-form .wf-form-wrap .wf-form-page .doc-list ul .doc-list__item-sign-required,
.wf-form .wf-form-wrap .wf-form-page .doc-list .form-sign-result .doc-list__item-sign-required {
  color: #ff0000;
}
.wf-form .pages-list {
  width: 100%;
}
.wf-form .pages-list__title {
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  padding: 10px 14px;
  margin-bottom: 5px;
}
.wf-form .pages-list .list-items {
  overflow: auto;
}
.wf-form .pages-list .list-items__item {
  box-shadow: 0px 2px 12px 0px rgba(80, 80, 80, 0.368627451);
  margin: 10px 12px;
  border-radius: 6px;
  padding: 8px 12px 8px 6px;
  cursor: pointer;
  min-height: 50px;
}
.wf-form .pages-list .list-items__item.active, .wf-form .pages-list .ex-misc-prompt.miscPrompts .active h6.list-items__item, .ex-misc-prompt.miscPrompts .active .wf-form .pages-list h6.list-items__item {
  background-color: var(--button-color);
  color: var(--color-default-3);
  box-shadow: 0px 2px 12px 0px #3e3e3e;
}
.wf-form .pages-list .list-items__item.active .item-side-icon__icon g, .wf-form .pages-list .ex-misc-prompt.miscPrompts .active h6.list-items__item .item-side-icon__icon g, .ex-misc-prompt.miscPrompts .active .wf-form .pages-list h6.list-items__item .item-side-icon__icon g {
  fill: #ffffff;
}
.wf-form .pages-list .list-items__item-no {
  font-size: 0.9em;
  line-height: 12px;
}
.wf-form .pages-list .list-items__item-title {
  font-weight: 500;
  margin: auto 0;
  font-size: 12px;
  line-height: 16px;
}
.wf-form .pages-list .list-items .item-side-icon {
  padding: 10px;
}
.wf-form .isDependent label {
  font-style: italic;
}
.wf-form .wf-form-pdf-loading {
  width: 100%;
  padding-top: 4px;
  text-align: center;
}
.wf-form .wf-form-pdf-loading i.fa {
  color: var(--color-menu-icon-color);
}
.wf-form .wf-form-pdf-loading span {
  font-size: 2em;
  margin-left: 4px;
}

.forecast-processing-alert {
  font-size: 14px;
  padding: 8px;
  font-weight: 500;
  width: 100%;
}
.forecast-processing-alert.forecast-processing-alert-red {
  color: #8b3a3a;
  background: #ffe7e7;
}
.forecast-processing-alert.forecast-processing-alert-red i {
  color: #8b3a3a !important;
}
.forecast-processing-alert.forecast-processing-alert-green {
  background: #e6f3fa;
  color: #013654;
}
.forecast-processing-alert.forecast-processing-alert-green i {
  color: #013654 !important;
}
.forecast-processing-alert-retry {
  font-weight: bold;
  text-decoration: underline;
  margin-right: 8px;
  cursor: pointer;
}

.chart-container {
  display: inline-table;
  width: 100%;
}

.chart-with-bottom-bar {
  height: calc(100% - 24px);
}

.full-height {
  height: 100%;
}

.bar-group {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
}

.barchart-col {
  background-color: #f4f4f4;
  position: relative;
  margin-left: 1px;
  vertical-align: bottom;
  display: table-cell;
  height: 100%;
}

.odd {
  background-color: #fbfbfb;
}

.bar-service {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.bar-column {
  line-height: 16px;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  position: absolute;
  bottom: 43px;
  width: 100%;
}

.non-service {
  background-color: #ff7900;
}

.scheduled-connector {
  margin-left: -1px;
  background-color: #7bc1f9;
}

.scheduled {
  box-sizing: border-box;
  border-top: 4px #7bc1f9 solid;
}

.service {
  border-top: 1px white solid;
  border-bottom: 1px white solid;
  background-color: #ffa62b;
}

.legend {
  border-bottom: 1px #E6E1E1 solid;
  border-top: 1px #E6E1E1 solid;
  border-left: 1px #E6E1E1 solid;
  box-sizing: border-box;
  font-family: Roboto;
  font-size: 9px;
  font-weight: 500;
  line-height: 10.55px;
  letter-spacing: 0.1000000015px;
  text-align: center;
}

.labor-day-chkbox {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.labor-day-chkbox__date {
  text-align: center;
  line-height: 15px;
  padding-bottom: 6px;
}

.labor-fs {
  border-top: 1px solid var(--form-group-legend-border);
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  margin-top: 8px;
  padding: 0 12px;
}
.labor-fs legend {
  background-color: var(--form-group-legend-bg);
  color: var(--color-font-color);
  text-shadow: none;
  line-height: 18px;
  box-shadow: 0 2px 4px 1px hsla(0, 0%, 39.6%, 0.4588235294);
  padding: 0 10px;
  margin-bottom: 8px;
}

.ex-vf-button .labor-popup-btn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.labor-popup-btn__shadow {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3411764706);
  z-index: 10;
}
.labor-popup-btn__content {
  z-index: 20;
  position: fixed;
  width: 275px;
  border: 4px solid var(--color-default-1);
  overflow: auto;
  color: initial;
  background: white;
}

.labor-day-copy__days {
  display: flex;
  justify-content: space-between;
}
.labor-day-copy__wrapper {
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 10px;
}
.labor-day-copy__notes {
  padding-bottom: 8px;
  font-size: 12px;
}

.multi-day-edit-layout {
  display: grid;
  grid-template-columns: 1fr 250px;
  height: 450px;
}
.multi-day-edit-layout__left {
  display: grid;
  grid-template-rows: 1fr 160px;
}
.multi-day-edit-layout__right {
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.multi-day-edit-shits {
  height: 100%;
}

.lbr-mgmt-emp-edit-day__availability-record {
  border-bottom: 1px solid #ddd;
}
.lbr-mgmt-emp-edit-day__availability-record_title {
  font-weight: bold;
  text-decoration: underline;
}

.lbr-mgmt-emp-edit-day__availability-badge {
  margin-right: 8px;
  padding: 0px 2px 0px 2px;
  border-radius: 4px;
  background: #f5f5f5;
  display: inline-block;
  height: 20px;
}

.lbr-mgmt-emp-edit-day__availability-footer {
  color: #004c97;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1400000006px;
  text-align: left;
}
.lbr-mgmt-emp-edit-day__availability-footer div {
  cursor: pointer;
}

.sec-subshift {
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4px;
  border-top: 1px solid #ddd;
}
.sec-subshift .sec-subshift-jobcode {
  width: 200px;
}
.sec-subshift .sec-subshift-time .r-select {
  width: 100%;
}

.ec-shift-header-add-subshift {
  cursor: pointer;
}

.sec-shift {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 6px 0;
}
.sec-shift .sec-shift-header {
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4px;
  align-items: center;
}
.sec-shift.sec-shift-error {
  border: 2px solid red;
  background: #ffeaea;
}
.sec-shift.sec-shift-disabled {
  opacity: 0.7;
  pointer-events: none;
}

.disabled-time-selector {
  pointer-events: none;
  cursor: pointer;
  opacity: 0.6;
}

.hidden-checkbox {
  visibility: hidden;
}

.sec-break__time__length {
  width: 120px;
  align-content: center;
  padding-left: 5px;
}

.sec-break__enabled {
  width: 20px;
}

.sec-break {
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4px;
  border-top: 1px solid #ddd;
}
.sec-break__label {
  width: 200px;
}
.sec-break__content {
  display: flex;
  width: 255px;
  gap: 10px;
}
.sec-break__time {
  width: 120px;
  align-content: center;
}

.chip {
  border: 1px solid #ccc;
  border-radius: 50px;
  padding: 1px;
}