/** -------------------------------------
 **  Processware Desktop Web Navigator
 **  DEFAULT THEME
 **  Last Updated: N/A
 **  Release History
 **  VERSION       DESCRIPTION
 **  1.0           Implemented for 2019 Release
 ----------------------------------------*/
/* --------- Start of Variables --------- */
/* Metrics */
/* COLOURS */
/* Page Header Colouring Configuration (useful if the header is a light colour vs dark colour) */
/* Hyperlink Colors */
/* Sign In Background Image */
/* Logo */
/* Typography */
/* ------ jqueryUI ------- */
/* Icon Sets */
/* --------- End of Variables --------- */
/* CORE VARIABLES - NOT FOR EDITING */
/* --------- Start of Styles --------- */
/* MIXINS */
.hidden {
  display: none;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.lowercase-important {
  text-transform: lowercase !important;
}
.uppercase-important {
  text-transform: uppercase !important;
}
.float-left {
  float: left;
}
[dir="rtl"] .float-left {
  float: right;
}
.no-corner-radius {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}
.important-float-left {
  float: left !important;
}
[dir="rtl"] .important-float-left {
  float: right !important;
}
.float-right {
  float: right;
}
[dir="rtl"] .float-right {
  float: left;
}
.important-float-right {
  float: right !important;
}
[dir="rtl"] .important-float-right {
  float: left !important;
}
[dir="rtl"] .pull-left {
  float: right;
}
[dir="rtl"] .pull-right {
  float: left;
}
.textAlign-left {
  text-align: left;
}
[dir="rtl"] .textAlign-left {
  text-align: right;
}
.textAlign-right {
  text-align: right;
}
[dir="rtl"] .textAlign-right {
  text-align: left;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.normalcase {
  text-transform: none;
}
.no-decoration {
  text-decoration: none;
}
.underline {
  text-decoration: underline;
}
.centred {
  margin: 0 auto;
}
.green {
  color: #51a351;
}
.subscript {
  font-size: 1.2rem;
  font-weight: 700;
}
sub.subscript {
  font-size: 11px;
  font-weight: 700;
}
label.status {
  display: inline-block;
  margin-left: 0.5rem;
  color: #fff;
  font-size: 11px;
  padding: 0.1rem 0.3rem;
  font-weight: 700;
  min-width: 2rem;
  padding: 0.3rem;
  text-align: center;
  vertical-align: middle;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
[dir="rtl"] label.status {
  margin-left: 0;
  margin-right: 0.5rem;
}
label.new {
  background-color: #3376ad;
}
label.duetoday {
  background-color: #6a6a6a;
}
label.overdue {
  background-color: #CC0000;
}
label.escalated {
  background-color: #ff6a00;
}
label.routed {
  background-color: #FFA500;
}
label.group {
  background-color: hsl(207, 100%, 30%);
}
a.control {
  text-transform: lowercase !important;
}
.clear {
  clear: both;
}
/* ------ */
:root {
  font-size: 62.5%;
}
:root body {
  margin: 0;
  font-size: 1.6rem;
  color: #333;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,
body {
  height: 100%;
}
img {
  max-width: 100%;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
#wrap {
  background: #fff;
}
/* Start of body */
body {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  margin: 0;
  padding: 0;
}
body div,
body p,
body td,
body th,
body span {
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
  font-weight: 400;
}
body p {
  font-size: 13px;
  color: #333;
}
body h1,
body h2,
body h3,
body h4 {
  font-weight: 300;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
}
body#sign-in {
  background: url(images/signInBackground.png) hsl(207, 100%, 30%);
  background-repeat: repeat-x, no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
body#sign-in .loginForm,
body#sign-in .expiredForm {
  border-radius: 0.5rem;
  flex-direction: column;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-content: space-between;
  align-items: flex-start;
  align-self: center;
  justify-self: center;
  grid-area: loginForm;
  -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  background-color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
body#sign-in .loginForm {
  display: flex;
  flex-wrap: nowrap;
  min-width: 32rem;
  width: 100%;
  max-width: 44rem;
}
body#sign-in .expiredForm {
  display: grid;
  grid-gap: 0.5rem;
  flex-wrap: wrap;
  grid-template-areas: "header header" ". passwordRules" "expiredPasswordForm passwordRules" "expiredPasswordForm passwordRules";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
}
body#sign-in .expiredForm h2 {
  grid-area: header;
}
body#sign-in footer.login-footer {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  font-size: 0.7em;
  text-align: center;
  color: hsl(207, 100%, 80%);
  grid-area: footer;
  justify-self: center;
  align-self: flex-start;
  width: 100%;
}
body select#LanguageId {
  max-width: 24.2rem;
}
body header#page-header {
  display: block;
  padding: 0 2rem;
  background: url(images/signInBackground.png) hsl(207, 100%, 30%);
  background-repeat: repeat-x, no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
body header#page-header div#page-header-wrap > .page-header-content2 {
  margin-top: 0;
}
body header#page-header div#page-header-wrap > div {
  color: hsl(207, 100%, 80%);
}
body header#page-header div#page-header-wrap > div .poweredby-wrap {
  -ms-grid-row: 2;
}
body header#page-header div#page-header-wrap > div #poweredby {
  font-size: 0.5em;
  color: hsl(207, 100%, 85%);
}
body header#page-header div#page-header-wrap > div #poweredby strong {
  text-transform: none;
  font-size: 1.4em;
  margin-left: 0.3rem;
  font-weight: 700;
}
[dir="rtl"] body header#page-header div#page-header-wrap > div #poweredby strong {
  margin-left: 0;
  margin-right: 0.3rem;
}
body header#page-header div#page-header-wrap > div #poweredby:hover strong {
  color: hsl(0, 0%, 100%);
}
body header#page-header div#page-header-wrap h1 {
  margin-top: 4rem;
  color: #fff;
  font-weight: 300;
  font-size: 36px;
  margin: 0;
  padding: 0;
}
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0;
  padding: 0;
}
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item {
  font-size: 13px;
  color: hsl(207, 100%, 80%);
  display: inline-block;
}
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item .userIdentity {
  font-weight: 700;
}
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item .loginMenu-item-icon {
  font-size: 26px;
}
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item .loginMenu-item-icon:hover,
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item .loginMenu-item-icon:active {
  color: #ffffff;
}
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item:not(:last-of-type) {
  margin-right: 1.5rem;
}
[dir="rtl"] body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item:not(:last-of-type) {
  margin-right: 0;
  margin-left: 1.5rem;
}
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item > a {
  text-decoration: none;
  color: hsl(207, 100%, 80%);
  font-weight: 700;
  width: 100%;
  height: 100%;
  display: block;
}
body a,
body a:visited {
  text-decoration: none;
  color: #006080;
  font-weight: 400;
}
body a:hover,
body a:visited:hover,
body a:active,
body a:visited:active {
  color: #5d9ccf;
}
body a:not([href]),
body a:visited:not([href]) {
  color: #333;
}
body a:disabled,
body a:visited:disabled,
body a[disabled],
body a:visited[disabled] {
  color: #DDD;
  cursor: default;
  pointer-events: none;
}
body button.ui-datepicker-trigger {
  background-color: transparent;
  color: transparent;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border: 0;
  height: 1.9rem;
  overflow: hidden;
}
body button.ui-datepicker-trigger:disabled,
body button.ui-datepicker-trigger[disabled] {
  cursor: default;
  pointer-events: none;
}
body button.ui-datepicker-trigger:disabled:before,
body button.ui-datepicker-trigger[disabled]:before {
  color: #DDD;
}
body button.ui-datepicker-trigger:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-size: 13px;
  font-weight: 400;
  color: #333;
  background-color: transparent;
  content: "\F073";
  cursor: pointer;
  text-align: center;
}
body button.ui-datepicker-trigger :active,
body button.ui-datepicker-trigger :focus {
  width: 2.1rem;
  height: 2.1rem;
  margin: 0 0 0 0.5rem;
  padding: 0;
  border: 0;
  color: transparent;
}
[dir="rtl"] body button.ui-datepicker-trigger :active,
[dir="rtl"] body button.ui-datepicker-trigger :focus {
  margin: 0 0.5rem 0 0;
}
body div.ui-chart-tooltip {
  font-size: 13px;
}
body nav.breadcrumb {
  font-size: 11px;
  color: #333;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: space-between;
}
body nav.breadcrumb ul {
  display: flex;
  flex-direction: row;
  max-width: 84%;
}
body nav.breadcrumb li {
  font-weight: 700;
  list-style: none;
  max-width: 100%;
  word-wrap: break-word;
}
body nav.breadcrumb a {
  text-decoration: none;
  font-weight: 500;
}
body nav.breadcrumb a:hover {
  color: #5d9ccf;
}
body .back-action a {
  font-weight: 700;
  font-size: 1em;
  color: #224e72;
}
body .back-action a:hover {
  color: #3376ad !important;
}
body .return-link {
  text-transform: lowercase;
  line-height: 1.3em;
  margin-bottom: 1.5rem;
  font-size: 12px;
}
body .sidebar-left {
  padding: 0;
  display: block;
  grid-area: sideBar;
}
body .sidebar-left .sidebarFilters {
  background: #f6f6f6;
  margin-top: 0;
  padding: 2rem;
  padding-top: 0;
  padding-bottom: 0.5rem;
  border-radius: 0.3rem;
}
body .sidebar-left .sidebarFilters form {
  display: grid;
  grid-gap: 0.4rem;
}
body .sidebar-left .sidebarFilters header {
  font-size: 13px;
  padding-top: 1rem;
}
body .sidebar-left .sidebarFilters header h3 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: #666666;
  overflow: hidden;
  font-weight: 500;
  font-size: 13px;
  padding: 0;
}
body .sidebar-left .sidebarFilters div header {
  padding-top: 0 !important;
}
body .sidebar-left .sidebarFilters div p {
  font-size: 11px;
}
body .sidebar-left .sidebarFilters label {
  margin-top: 1rem;
  margin-bottom: 0.3rem;
}
body .sidebar-left .sidebarFilters label.small {
  margin-top: 0.5rem;
  font-size: 11px;
  color: #666666;
}
body .sidebar-left .sidebarFilters label .fa-question-circle {
  color: #838383;
}
body .sidebar-left .sidebarFilters label.descriptor {
  text-transform: none;
}
body .sidebar-left .sidebarFilters input[type=text],
body .sidebar-left .sidebarFilters input[type=number],
body .sidebar-left .sidebarFilters select {
  font-size: 11px !important;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
  padding: 0.5rem;
  width: 95%;
}
body .sidebar-left .sidebarFilters input[type=text]:focus,
body .sidebar-left .sidebarFilters input[type=number]:focus,
body .sidebar-left .sidebarFilters select:focus {
  -moz-box-shadow: 0 0 0.5rem #3376ad;
  -webkit-box-shadow: 0 0 0.5rem #3376ad;
  box-shadow: 0 0 0.5rem #3376ad;
}
body .sidebar-left .sidebarFilters input.hasDatepicker {
  width: 12.5rem !important;
}
body .sidebar-left .sidebarFilters .ui-widget-content {
  border: none;
}
body .sidebar-left .sidebarFilters .ui-tabs {
  background: transparent !important;
}
body .sidebar-left .sidebarFilters .ui-tabs .ui-tabs-nav {
  background-color: #f6f6f6;
  border: none;
  padding: 0;
}
body .sidebar-left .sidebarFilters .ui-tabs .ui-tabs-nav .ui-state-default {
  border-top: 0.1rem solid #DDD;
  border-left: 0.1rem solid #DDD;
  border-right: 0.1rem solid #DDD;
}
body .sidebar-left .sidebarFilters .ui-tabs .ui-tabs-nav .ui-state-default .ui-tabs-anchor {
  background-color: #efefef;
  background-image: none;
  font-weight: 500;
  outline: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}
body .sidebar-left .sidebarFilters .ui-tabs .ui-tabs-nav .ui-state-active {
  border-top: 0.1rem solid #DDD;
  border-left: 0.1rem solid #DDD;
  border-right: 0.1rem solid #DDD;
}
body .sidebar-left .sidebarFilters .ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor {
  background-color: #fff;
  outline: none;
}
body .sidebar-left .sidebarFilters .ui-tabs .ui-tabs-panel {
  border-top: 0.1rem solid #DDD;
  border-top-right-radius: 0.4rem;
}
body .sidebar-left .sidebarFilters .ui-tabs ul {
  border: 0.1rem solid #DDD;
  border-bottom: none;
}
body .sidebar-left .sidebarFilters .ui-tabs .ui-widget {
  font-size: 11px !important;
}
body .sidebar-left .sidebarFilters .ui-buttonset {
  margin-bottom: 0.5rem;
}
body .sidebar-left .sidebarFilters .ui-buttonset label {
  clear: none;
}
body .sidebar-left .sidebarFilters .ui-buttonset input.ui-helper-hidden-accessible {
  padding: 0;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-button {
  font-size: 11px;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-button .ui-button-text {
  padding: 0.3rem 1rem;
  min-width: 6.2rem;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-state-default {
  background-color: transparent !important;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-state-default .ui-button-text {
  background-color: #e2e2e2;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-state-active {
  -moz-box-shadow: 0 0 0.3rem #666;
  -webkit-box-shadow: 0 0 0.3rem #666;
  box-shadow: 0 0 0.3rem #666;
  z-index: 99;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-state-active .ui-button-text {
  border: none;
  color: #333;
  background-color: #fff;
  font-weight: 500;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-left {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-top-left: 0.4rem;
  -webkit-border-top-left-radius: 0.4rem;
  -khtml-border-top-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
  -moz-border-radius-bottom-left: 0.4rem;
  -webkit-border-bottom-left-radius: 0.4rem;
  -khtml-border-bottom-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-left {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-left {
  -moz-border-radius-top-right: 0.4rem;
  -webkit-border-top-right-radius: 0.4rem;
  -khtml-border-top-right-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -moz-border-radius-bottom-right: 0.4rem;
  -webkit-border-bottom-right-radius: 0.4rem;
  -khtml-border-bottom-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-left .ui-button-text {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-top-left: 0.3rem;
  -webkit-border-top-left-radius: 0.3rem;
  -khtml-border-top-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
  -moz-border-radius-bottom-left: 0.3rem;
  -webkit-border-bottom-left-radius: 0.3rem;
  -khtml-border-bottom-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-left .ui-button-text {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-left .ui-button-text {
  -moz-border-radius-top-right: 0.3rem;
  -webkit-border-top-right-radius: 0.3rem;
  -khtml-border-top-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  -moz-border-radius-bottom-right: 0.3rem;
  -webkit-border-bottom-right-radius: 0.3rem;
  -khtml-border-bottom-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-right {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-top-right: 0.4rem;
  -webkit-border-top-right-radius: 0.4rem;
  -khtml-border-top-right-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -moz-border-radius-bottom-right: 0.4rem;
  -webkit-border-bottom-right-radius: 0.4rem;
  -khtml-border-bottom-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-right {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-right {
  -moz-border-radius-top-left: 0.4rem;
  -webkit-border-top-left-radius: 0.4rem;
  -khtml-border-top-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
  -moz-border-radius-bottom-left: 0.4rem;
  -webkit-border-bottom-left-radius: 0.4rem;
  -khtml-border-bottom-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-right .ui-button-text {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-top-right: 0.3rem;
  -webkit-border-top-right-radius: 0.3rem;
  -khtml-border-top-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  -moz-border-radius-bottom-right: 0.3rem;
  -webkit-border-bottom-right-radius: 0.3rem;
  -khtml-border-bottom-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-right .ui-button-text {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-right .ui-button-text {
  -moz-border-radius-top-left: 0.3rem;
  -webkit-border-top-left-radius: 0.3rem;
  -khtml-border-top-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
  -moz-border-radius-bottom-left: 0.3rem;
  -webkit-border-bottom-left-radius: 0.3rem;
  -khtml-border-bottom-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
body .sidebar-left .sidebarFilters .ui-widget {
  font-size: 11px !important;
}
body .sidebar-left .sidebarFilters .ui-tabs-panel {
  background: #fff !important;
  border: 0.1rem solid #DDD;
  border-top: none;
}
body .sidebar-left .sidebarFilters .ui-tabs-panel label {
  font-weight: 500;
  display: block;
}
body .sidebar-left .sidebarFilters .ui-tabs-panel input[type=text] {
  margin-bottom: 0.5rem;
  padding: 0.3rem 0.5rem;
  width: 11.5rem !important;
  font-size: 11px;
}
body .sidebar-left .sidebarFilters .ui-tabs-panel input.hasDatepicker {
  width: 8.5rem !important;
}
body .sidebar-left .sidebarFilters .ui-tabs-panel button.ui-datepicker-trigger {
  background-color: #fff;
}
body .sidebar-left .sidebarFilters .ui-tabs-panel input[type=text]:focus {
  -moz-box-shadow: 0 0 5 #3376ad;
  -webkit-box-shadow: 0 0 5 #3376ad;
  box-shadow: 0 0 5 #3376ad;
}
body .sidebar-left section {
  padding: 0 1rem 1rem 2rem;
}
[dir="rtl"] body .sidebar-left section {
  padding: 0 2rem 1rem 1rem;
}
body .sidebar-left section header {
  font-size: 11px;
  font-weight: 500;
  color: hsl(207, 100%, 15%);
}
body .sidebar-left section header a {
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
  padding-left: 0.5rem;
}
[dir="rtl"] body .sidebar-left section header a {
  padding-left: 0;
  padding-right: 0.5rem;
}
body .sidebar-left section header a:hover {
  color: #5d9ccf;
}
body .sidebar-left section nav ul li {
  font-size: 13px;
}
body .sidebar-left section nav ul li span,
body .sidebar-left section nav ul li div {
  font-size: 48px;
  font-weight: 400;
}
body .sidebar-left section nav ul li a {
  font-size: 11px;
}
body .sidebar-left section.quick-actions {
  background-color: #f6f6f6;
}
body .sidebar-left section.quick-actions header {
  font-weight: 500;
  font-size: 10px;
  color: hsl(207, 100%, 25%);
  padding-top: 0.5rem;
}
body .sidebar-left section.quick-actions header h5 {
  font-weight: 500;
  font-size: 11px;
  color: inherit;
  padding-top: 1rem;
}
body .sidebar-left section.quick-actions nav ul li {
  margin-top: 0;
  margin: 0.3rem 0;
  white-space: nowrap;
  overflow: hidden;
  max-width: 16.5rem;
  text-overflow: ellipsis;
}
body .sidebar-left section.quick-actions nav ul li a {
  text-decoration: none;
  text-transform: none;
  font-size: 11px;
  color: #333;
  font-weight: 400;
}
body .sidebar-left section.quick-actions nav ul li a:hover {
  color: #5d9ccf;
}
body .sidebar-left section.quick-actions article {
  margin-bottom: 0;
  padding-bottom: 0;
}
body .sidebar-left section#sidebarDashboard,
body .sidebar-left section#trackingGauges,
body .sidebar-left section#archiveGauges {
  padding-right: 0;
}
[dir="rtl"] body .sidebar-left section#sidebarDashboard,
[dir="rtl"] body .sidebar-left section#trackingGauges,
[dir="rtl"] body .sidebar-left section#archiveGauges {
  padding-right: 0;
  padding-left: 0;
}
body .sidebar-left section#sidebarDashboard a,
body .sidebar-left section#trackingGauges a,
body .sidebar-left section#archiveGauges a {
  text-transform: lowercase;
}
body .sidebar-left section#sidebarDashboard li,
body .sidebar-left section#trackingGauges li,
body .sidebar-left section#archiveGauges li {
  font-size: 11px;
  font-weight: 500;
  color: hsl(207, 100%, 30%);
}
body .sidebar-left section#sidebarDashboard li span,
body .sidebar-left section#trackingGauges li span,
body .sidebar-left section#archiveGauges li span {
  color: #000;
}
body .sidebar-left section.processInformation,
body .sidebar-left section#processNotes,
body .sidebar-left section#relatedNewTasks,
body .sidebar-left section#relatedReportTasks,
body .sidebar-left section#searchPendingTasksSidebarFilters,
body .sidebar-left section.sidebarFilters {
  padding: 2rem;
  padding-top: 0;
  padding-bottom: 0.5rem;
  border-radius: 0.3rem;
}
body .sidebar-left section.processInformation header,
body .sidebar-left section#processNotes header,
body .sidebar-left section#relatedNewTasks header,
body .sidebar-left section#relatedReportTasks header,
body .sidebar-left section#searchPendingTasksSidebarFilters header,
body .sidebar-left section.sidebarFilters header {
  font-size: 13px;
  padding-top: 1rem;
}
body .sidebar-left section.processInformation header h3,
body .sidebar-left section#processNotes header h3,
body .sidebar-left section#relatedNewTasks header h3,
body .sidebar-left section#relatedReportTasks header h3,
body .sidebar-left section#searchPendingTasksSidebarFilters header h3,
body .sidebar-left section.sidebarFilters header h3 {
  font-weight: 500;
  font-size: 13px;
  padding: 0;
}
body .sidebar-left section.processInformation .filterButtons,
body .sidebar-left section#processNotes .filterButtons,
body .sidebar-left section#relatedNewTasks .filterButtons,
body .sidebar-left section#relatedReportTasks .filterButtons,
body .sidebar-left section#searchPendingTasksSidebarFilters .filterButtons,
body .sidebar-left section.sidebarFilters .filterButtons {
  margin-top: 1rem;
}
body .sidebar-left section.processInformation .filterButtons .small,
body .sidebar-left section#processNotes .filterButtons .small,
body .sidebar-left section#relatedNewTasks .filterButtons .small,
body .sidebar-left section#relatedReportTasks .filterButtons .small,
body .sidebar-left section#searchPendingTasksSidebarFilters .filterButtons .small,
body .sidebar-left section.sidebarFilters .filterButtons .small {
  margin-top: 0.5rem;
}
body .sidebar-left section.processInformation footer a,
body .sidebar-left section#processNotes footer a,
body .sidebar-left section#relatedNewTasks footer a,
body .sidebar-left section#relatedReportTasks footer a,
body .sidebar-left section#searchPendingTasksSidebarFilters footer a,
body .sidebar-left section.sidebarFilters footer a {
  font-size: 11px;
  color: #275b86;
}
body .sidebar-left section.processInformation footer a:hover,
body .sidebar-left section#processNotes footer a:hover,
body .sidebar-left section#relatedNewTasks footer a:hover,
body .sidebar-left section#relatedReportTasks footer a:hover,
body .sidebar-left section#searchPendingTasksSidebarFilters footer a:hover,
body .sidebar-left section.sidebarFilters footer a:hover {
  color: #3376ad;
}
body .sidebar-left section.processInformation label,
body .sidebar-left section#processNotes label,
body .sidebar-left section#relatedNewTasks label,
body .sidebar-left section#relatedReportTasks label,
body .sidebar-left section#searchPendingTasksSidebarFilters label,
body .sidebar-left section.sidebarFilters label {
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  margin-top: 0.5rem;
}
body .sidebar-left section.processInformation label.small,
body .sidebar-left section#processNotes label.small,
body .sidebar-left section#relatedNewTasks label.small,
body .sidebar-left section#relatedReportTasks label.small,
body .sidebar-left section#searchPendingTasksSidebarFilters label.small,
body .sidebar-left section.sidebarFilters label.small {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  justify-items: flex-start;
  align-content: center;
  font-weight: 400;
  font-size: 11px;
  margin-bottom: 0.3rem;
}
body .sidebar-left section.processInformation label.small input,
body .sidebar-left section#processNotes label.small input,
body .sidebar-left section#relatedNewTasks label.small input,
body .sidebar-left section#relatedReportTasks label.small input,
body .sidebar-left section#searchPendingTasksSidebarFilters label.small input,
body .sidebar-left section.sidebarFilters label.small input {
  margin-right: 0.5rem;
}
body .sidebar-left section.processInformation div.value,
body .sidebar-left section#processNotes div.value,
body .sidebar-left section#relatedNewTasks div.value,
body .sidebar-left section#relatedReportTasks div.value,
body .sidebar-left section#searchPendingTasksSidebarFilters div.value,
body .sidebar-left section.sidebarFilters div.value {
  margin-bottom: 1rem;
  display: block;
  color: #666666;
  font-size: 14px;
}
body .sidebar-left section.processInformation input[type=text],
body .sidebar-left section#processNotes input[type=text],
body .sidebar-left section#relatedNewTasks input[type=text],
body .sidebar-left section#relatedReportTasks input[type=text],
body .sidebar-left section#searchPendingTasksSidebarFilters input[type=text],
body .sidebar-left section.sidebarFilters input[type=text],
body .sidebar-left section.processInformation input[type=number],
body .sidebar-left section#processNotes input[type=number],
body .sidebar-left section#relatedNewTasks input[type=number],
body .sidebar-left section#relatedReportTasks input[type=number],
body .sidebar-left section#searchPendingTasksSidebarFilters input[type=number],
body .sidebar-left section.sidebarFilters input[type=number] {
  font-size: 13px;
  padding: 0.5rem 0.5rem;
}
body .sidebar-left section.processInformation input[type=button].small,
body .sidebar-left section#processNotes input[type=button].small,
body .sidebar-left section#relatedNewTasks input[type=button].small,
body .sidebar-left section#relatedReportTasks input[type=button].small,
body .sidebar-left section#searchPendingTasksSidebarFilters input[type=button].small,
body .sidebar-left section.sidebarFilters input[type=button].small,
body .sidebar-left section.processInformation button.small,
body .sidebar-left section#processNotes button.small,
body .sidebar-left section#relatedNewTasks button.small,
body .sidebar-left section#relatedReportTasks button.small,
body .sidebar-left section#searchPendingTasksSidebarFilters button.small,
body .sidebar-left section.sidebarFilters button.small {
  padding: 0.8rem 2rem;
  font-size: 11px;
  margin-bottom: 1rem;
}
body .sidebar-left section.processInformation input[type=button].small:hover,
body .sidebar-left section#processNotes input[type=button].small:hover,
body .sidebar-left section#relatedNewTasks input[type=button].small:hover,
body .sidebar-left section#relatedReportTasks input[type=button].small:hover,
body .sidebar-left section#searchPendingTasksSidebarFilters input[type=button].small:hover,
body .sidebar-left section.sidebarFilters input[type=button].small:hover,
body .sidebar-left section.processInformation button.small:hover,
body .sidebar-left section#processNotes button.small:hover,
body .sidebar-left section#relatedNewTasks button.small:hover,
body .sidebar-left section#relatedReportTasks button.small:hover,
body .sidebar-left section#searchPendingTasksSidebarFilters button.small:hover,
body .sidebar-left section.sidebarFilters button.small:hover {
  background-color: #3376ad;
}
body .sidebar-left section.processInformation .fa-quote-left,
body .sidebar-left section#processNotes .fa-quote-left,
body .sidebar-left section#relatedNewTasks .fa-quote-left,
body .sidebar-left section#relatedReportTasks .fa-quote-left,
body .sidebar-left section#searchPendingTasksSidebarFilters .fa-quote-left,
body .sidebar-left section.sidebarFilters .fa-quote-left,
body .sidebar-left section.processInformation .fa-quote-right,
body .sidebar-left section#processNotes .fa-quote-right,
body .sidebar-left section#relatedNewTasks .fa-quote-right,
body .sidebar-left section#relatedReportTasks .fa-quote-right,
body .sidebar-left section#searchPendingTasksSidebarFilters .fa-quote-right,
body .sidebar-left section.sidebarFilters .fa-quote-right {
  font-size: 10px;
  color: #a3a3a3;
}
body .sidebar-left section.processInformation .fa-exclamation-circle,
body .sidebar-left section#processNotes .fa-exclamation-circle,
body .sidebar-left section#relatedNewTasks .fa-exclamation-circle,
body .sidebar-left section#relatedReportTasks .fa-exclamation-circle,
body .sidebar-left section#searchPendingTasksSidebarFilters .fa-exclamation-circle,
body .sidebar-left section.sidebarFilters .fa-exclamation-circle {
  color: #7c7c7c;
}
body .sidebar-left section.processInformation ul.notes li.note,
body .sidebar-left section#processNotes ul.notes li.note,
body .sidebar-left section#relatedNewTasks ul.notes li.note,
body .sidebar-left section#relatedReportTasks ul.notes li.note,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.notes li.note,
body .sidebar-left section.sidebarFilters ul.notes li.note {
  padding: 1rem;
  margin-bottom: 1rem;
  background: #f6f6f6;
  font-size: 13px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
body .sidebar-left section.processInformation ul.notes li.note .details div,
body .sidebar-left section#processNotes ul.notes li.note .details div,
body .sidebar-left section#relatedNewTasks ul.notes li.note .details div,
body .sidebar-left section#relatedReportTasks ul.notes li.note .details div,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.notes li.note .details div,
body .sidebar-left section.sidebarFilters ul.notes li.note .details div {
  margin: 0 1rem 0 1rem;
  word-wrap: break-word;
  max-height: 6rem;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0.2rem;
}
body .sidebar-left section.processInformation ul.notes li.note div.metadata,
body .sidebar-left section#processNotes ul.notes li.note div.metadata,
body .sidebar-left section#relatedNewTasks ul.notes li.note div.metadata,
body .sidebar-left section#relatedReportTasks ul.notes li.note div.metadata,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.notes li.note div.metadata,
body .sidebar-left section.sidebarFilters ul.notes li.note div.metadata {
  font-size: 10px;
  border-top: 0.1rem solid #dddddd;
  margin-top: 0.5rem;
  text-align: right;
  padding-top: 0.5rem;
  max-height: 3rem;
  overflow: visible;
}
[dir="rtl"] body .sidebar-left section.processInformation ul.notes li.note div.metadata,
[dir="rtl"] body .sidebar-left section#processNotes ul.notes li.note div.metadata,
[dir="rtl"] body .sidebar-left section#relatedNewTasks ul.notes li.note div.metadata,
[dir="rtl"] body .sidebar-left section#relatedReportTasks ul.notes li.note div.metadata,
[dir="rtl"] body .sidebar-left section#searchPendingTasksSidebarFilters ul.notes li.note div.metadata,
[dir="rtl"] body .sidebar-left section.sidebarFilters ul.notes li.note div.metadata {
  text-align: left;
}
body .sidebar-left section.processInformation ul.notes li.note div.metadata > div,
body .sidebar-left section#processNotes ul.notes li.note div.metadata > div,
body .sidebar-left section#relatedNewTasks ul.notes li.note div.metadata > div,
body .sidebar-left section#relatedReportTasks ul.notes li.note div.metadata > div,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.notes li.note div.metadata > div,
body .sidebar-left section.sidebarFilters ul.notes li.note div.metadata > div,
body .sidebar-left section.processInformation ul.notes li.note div.metadata > span,
body .sidebar-left section#processNotes ul.notes li.note div.metadata > span,
body .sidebar-left section#relatedNewTasks ul.notes li.note div.metadata > span,
body .sidebar-left section#relatedReportTasks ul.notes li.note div.metadata > span,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.notes li.note div.metadata > span,
body .sidebar-left section.sidebarFilters ul.notes li.note div.metadata > span {
  max-height: 1.5rem;
  overflow: hidden;
}
body .sidebar-left section.processInformation ul.related-tasks li,
body .sidebar-left section#processNotes ul.related-tasks li,
body .sidebar-left section#relatedNewTasks ul.related-tasks li,
body .sidebar-left section#relatedReportTasks ul.related-tasks li,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.related-tasks li,
body .sidebar-left section.sidebarFilters ul.related-tasks li,
body .sidebar-left section.processInformation ul.related-reports li,
body .sidebar-left section#processNotes ul.related-reports li,
body .sidebar-left section#relatedNewTasks ul.related-reports li,
body .sidebar-left section#relatedReportTasks ul.related-reports li,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.related-reports li,
body .sidebar-left section.sidebarFilters ul.related-reports li {
  font-size: 11px;
  margin-bottom: 0.7rem;
  display: block;
}
body .sidebar-left section.processInformation ul.related-tasks li a,
body .sidebar-left section#processNotes ul.related-tasks li a,
body .sidebar-left section#relatedNewTasks ul.related-tasks li a,
body .sidebar-left section#relatedReportTasks ul.related-tasks li a,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.related-tasks li a,
body .sidebar-left section.sidebarFilters ul.related-tasks li a,
body .sidebar-left section.processInformation ul.related-reports li a,
body .sidebar-left section#processNotes ul.related-reports li a,
body .sidebar-left section#relatedNewTasks ul.related-reports li a,
body .sidebar-left section#relatedReportTasks ul.related-reports li a,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.related-reports li a,
body .sidebar-left section.sidebarFilters ul.related-reports li a {
  color: #666666;
}
body .sidebar-left section.processInformation ul.related-tasks li a:hover,
body .sidebar-left section#processNotes ul.related-tasks li a:hover,
body .sidebar-left section#relatedNewTasks ul.related-tasks li a:hover,
body .sidebar-left section#relatedReportTasks ul.related-tasks li a:hover,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.related-tasks li a:hover,
body .sidebar-left section.sidebarFilters ul.related-tasks li a:hover,
body .sidebar-left section.processInformation ul.related-reports li a:hover,
body .sidebar-left section#processNotes ul.related-reports li a:hover,
body .sidebar-left section#relatedNewTasks ul.related-reports li a:hover,
body .sidebar-left section#relatedReportTasks ul.related-reports li a:hover,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.related-reports li a:hover,
body .sidebar-left section.sidebarFilters ul.related-reports li a:hover {
  color: #3376ad;
}
body .sidebar-left section#searchProcessSidebarFilters label.ui-state-default span.ui-button-text,
body .sidebar-left section#searchTasksSidebarFilters label.ui-state-default span.ui-button-text {
  font-weight: 500;
  background-color: #efefef;
  border-bottom: 0.1rem solid #f6f6f6;
  padding: 0.3rem 0.2rem;
}
body .sidebar-left section#searchProcessSidebarFilters label.ui-state-default span.ui-button-text .ui-button-text,
body .sidebar-left section#searchTasksSidebarFilters label.ui-state-default span.ui-button-text .ui-button-text {
  border: none;
  width: 15rem;
}
body .sidebar-left section#searchProcessSidebarFilters label.ui-state-active span.ui-button-text,
body .sidebar-left section#searchTasksSidebarFilters label.ui-state-active span.ui-button-text {
  border: none;
  color: #333;
  background-color: #fff;
  font-weight: 500;
}
body .sidebar-left section .narrowSet .ui-buttonset .ui-button {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
body .sidebar-left section .narrowSet .ui-buttonset .ui-button .ui-button-text {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body .sidebar-left section.processInformation {
  background: #f6f6f6;
}
body .sidebar-left section.processInformation a#processDiagramOpenLink {
  font-size: 11px;
}
body .sidebar-left section#processNotes {
  padding-left: 1rem;
  padding-right: 0.5rem;
  display: grid;
  grid-template-columns: 100%;
}
[dir="rtl"] body .sidebar-left section#processNotes {
  padding-left: 0.5rem;
  padding-right: 1rem;
}
body .sidebar-left section#processNotes footer {
  text-align: center;
  margin: 0;
}
body .sidebar-left section#processNotes .pager-prev-nr-next {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
body .sidebar-left section article#processDiagram {
  border-top: 0.1rem solid #e9e9e9;
  margin-top: 1.5rem;
}
body .sidebar-left section article#processDiagram a.control {
  font-size: 11px;
  color: #999;
  font-weight: 400;
}
body .sidebar-left section article#processDiagram a.control:hover {
  color: #3376ad;
}
body .sidebar-left section article#processDiagram header {
  padding-top: 1rem;
}
body .sidebar-left section article#processDiagram header a.control {
  font-size: 11px;
}
body .sidebar-left section article#processDiagram canvas {
  background: #fafafa;
  padding-top: 1rem;
  padding-bottom: 1rem;
  min-height: 16rem;
}
body .trackingSearchContainer,
body .archiveSearchContainer {
  width: 100%;
  display: grid;
  grid-gap: 1rem;
}
body section nav span {
  font-size: 12px;
  font-weight: 700;
  color: hsl(207, 100%, 30%);
}
body section.content header,
body section.clearfix header {
  padding-top: 0;
}
body section.content header nav,
body section.clearfix header nav {
  background: #f9f9f9;
  padding: 1rem;
  margin-top: 0;
}
body section.content header nav ul li a,
body section.clearfix header nav ul li a {
  font-size: 13px;
}
body section.content header nav ul li.current a,
body section.clearfix header nav ul li.current a {
  font-weight: 400;
  color: #666666;
  cursor: default;
}
body section.content header p,
body section.clearfix header p {
  font-size: 13px;
  line-height: 1.3em;
}
body section.content header .breadcrumb a.back-control,
body section.clearfix header .breadcrumb a.back-control {
  font-size: 10px;
}
body section.content header .task-metadata,
body section.clearfix header .task-metadata {
  display: block;
  margin-top: -1rem;
}
body section.content header .task-metadata .meta-item,
body section.clearfix header .task-metadata .meta-item {
  font-size: 11px;
  margin-right: 0.5rem;
  color: #404040;
  display: inline-block;
}
[dir="rtl"] body section.content header .task-metadata .meta-item,
[dir="rtl"] body section.clearfix header .task-metadata .meta-item {
  margin-right: 0;
  margin-left: 0.5rem;
}
body section.content header .task-metadata .meta-item .meta-label,
body section.clearfix header .task-metadata .meta-item .meta-label {
  font-size: 10px;
  padding-right: 0.5rem;
}
[dir="rtl"] body section.content header .task-metadata .meta-item .meta-label,
[dir="rtl"] body section.clearfix header .task-metadata .meta-item .meta-label {
  padding-right: 0;
  padding-left: 0.5rem;
}
body section.content header .task-metadata .meta-item .meta-value,
body section.clearfix header .task-metadata .meta-item .meta-value {
  font-size: 11px;
  font-weight: 500;
  padding-right: 0.2rem;
}
[dir="rtl"] body section.content header .task-metadata .meta-item .meta-value,
[dir="rtl"] body section.clearfix header .task-metadata .meta-item .meta-value {
  padding-right: 0;
  padding-left: 0.2rem;
}
body section.content header .task-metadata .meta-item .meta-value a,
body section.clearfix header .task-metadata .meta-item .meta-value a,
body section.content header .task-metadata .meta-item .meta-value a:visited,
body section.clearfix header .task-metadata .meta-item .meta-value a:visited {
  text-decoration: none;
  color: #006080;
  font-weight: 400;
}
body section.content header .task-metadata .meta-item .meta-value a:hover,
body section.clearfix header .task-metadata .meta-item .meta-value a:hover,
body section.content header .task-metadata .meta-item .meta-value a:visited:hover,
body section.clearfix header .task-metadata .meta-item .meta-value a:visited:hover,
body section.content header .task-metadata .meta-item .meta-value a:active,
body section.clearfix header .task-metadata .meta-item .meta-value a:active,
body section.content header .task-metadata .meta-item .meta-value a:visited:active,
body section.clearfix header .task-metadata .meta-item .meta-value a:visited:active {
  color: #5d9ccf;
}
body section.content header .task-metadata .meta-item .meta-value a:disabled,
body section.clearfix header .task-metadata .meta-item .meta-value a:disabled,
body section.content header .task-metadata .meta-item .meta-value a:visited:disabled,
body section.clearfix header .task-metadata .meta-item .meta-value a:visited:disabled,
body section.content header .task-metadata .meta-item .meta-value a[disabled],
body section.clearfix header .task-metadata .meta-item .meta-value a[disabled],
body section.content header .task-metadata .meta-item .meta-value a:visited[disabled],
body section.clearfix header .task-metadata .meta-item .meta-value a:visited[disabled] {
  color: #DDD;
  cursor: default;
  pointer-events: none;
}
body section.content nav.spaced,
body section.clearfix nav.spaced {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
body section.content nav.spaced > .button,
body section.clearfix nav.spaced > .button {
  margin-right: 0.5rem;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
[dir="rtl"] body section.content nav.spaced > .button,
[dir="rtl"] body section.clearfix nav.spaced > .button {
  margin-right: 0;
  margin-left: 0.5rem;
}
body section.content h1,
body section.clearfix h1,
body section.content h2,
body section.clearfix h2,
body section.content h3,
body section.clearfix h3,
body section.content h4,
body section.clearfix h4,
body section.content h5,
body section.clearfix h5 {
  color: hsl(207, 100%, 25%);
  margin: 0;
  font-weight: 300;
}
body section.content h1,
body section.clearfix h1,
body section.content h2,
body section.clearfix h2 {
  margin-top: 0;
  font-size: 32px;
  margin-bottom: 0.8rem;
}
body section.content h1 a,
body section.clearfix h1 a,
body section.content h2 a,
body section.clearfix h2 a {
  font-size: 13px;
}
body section.content h2,
body section.clearfix h2 {
  font-size: 22px;
  font-weight: 300;
  color: hsl(207, 100%, 15%);
}
body section.content h3,
body section.clearfix h3 {
  font-size: 17px;
  color: hsl(207, 100%, 5%);
}
body section.content nav,
body section.clearfix nav {
  position: relative;
}
body section.content nav > span,
body section.clearfix nav > span {
  display: inline-block;
  position: relative;
  top: 0.5rem;
}
body section.content nav ul.view-controls li a,
body section.clearfix nav ul.view-controls li a {
  display: block;
  padding: 0.5rem 1rem;
  background: #DDD;
  color: #000000;
  font-size: 11px;
}
body section.content nav ul.view-controls li a:hover,
body section.clearfix nav ul.view-controls li a:hover {
  background: #3376ad;
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
  color: #fff;
}
body section.content nav ul.view-controls li a:hover span,
body section.clearfix nav ul.view-controls li a:hover span {
  color: #fff;
}
body section.content nav ul.view-controls li a.selected,
body section.clearfix nav ul.view-controls li a.selected {
  background: #aaaaaa !important;
  color: #fff;
  font-weight: 700;
}
body section.content nav ul.view-controls li a.selected span,
body section.clearfix nav ul.view-controls li a.selected span {
  color: #fff;
}
body section.content div.pager-prev-nr-next,
body section.clearfix div.pager-prev-nr-next {
  font-size: 11px;
}
body section.content div.pager-prev-nr-next a,
body section.clearfix div.pager-prev-nr-next a {
  font-size: 15px;
}
body section.content div.pager-prev-nr-next a:disabled,
body section.clearfix div.pager-prev-nr-next a:disabled,
body section.content div.pager-prev-nr-next a[disabled],
body section.clearfix div.pager-prev-nr-next a[disabled] {
  color: #DDD;
  cursor: default;
  pointer-events: none;
  display: none !important;
}
body section.content div.pager-prev-nr-next span,
body section.clearfix div.pager-prev-nr-next span {
  font-size: 11px;
}
body section.content p,
body section.clearfix p {
  line-height: 1em;
  font-size: 15px;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
body section.content p a.not-finding,
body section.clearfix p a.not-finding {
  max-width: 39rem;
  position: relative;
  top: 0.1rem;
  padding-left: 0.3rem;
}
[dir="rtl"] body section.content p a.not-finding,
[dir="rtl"] body section.clearfix p a.not-finding {
  padding-left: 0;
  padding-right: 0.3rem;
}
body section.content a.not-finding,
body section.clearfix a.not-finding {
  font-size: 12px;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 45.5rem;
  white-space: nowrap;
}
body section.content input[type=text],
body section.clearfix input[type=text],
body section.content textarea[type=text],
body section.clearfix textarea[type=text],
body section.content input[type=password],
body section.clearfix input[type=password],
body section.content textarea[type=password],
body section.clearfix textarea[type=password] {
  padding-left: 0.7rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  border: 0.1rem solid #999 !important;
  color: #333;
}
[dir="rtl"] body section.content input[type=text],
[dir="rtl"] body section.clearfix input[type=text],
[dir="rtl"] body section.content textarea[type=text],
[dir="rtl"] body section.clearfix textarea[type=text],
[dir="rtl"] body section.content input[type=password],
[dir="rtl"] body section.clearfix input[type=password],
[dir="rtl"] body section.content textarea[type=password],
[dir="rtl"] body section.clearfix textarea[type=password] {
  padding-left: 0.5rem;
  padding-right: 0.7rem;
}
body section.content input:focus,
body section.clearfix input:focus,
body section.content textarea:focus,
body section.clearfix textarea:focus {
  -moz-box-shadow: 0 0 0.5rem #3376ad;
  -webkit-box-shadow: 0 0 0.5rem #3376ad;
  box-shadow: 0 0 0.5rem #3376ad;
  outline: none;
}
body section.content input.search-field,
body section.clearfix input.search-field,
body section.content textarea.search-field,
body section.clearfix textarea.search-field {
  min-width: 13.5rem;
  width: 75%;
  font-size: 13px;
  padding-right: 2.5rem;
}
[dir="rtl"] body section.content input.search-field,
[dir="rtl"] body section.clearfix input.search-field,
[dir="rtl"] body section.content textarea.search-field,
[dir="rtl"] body section.clearfix textarea.search-field {
  padding-right: 0;
  padding-left: 2.5rem;
}
body section.content input.large,
body section.clearfix input.large,
body section.content textarea.large,
body section.clearfix textarea.large {
  min-width: 30rem !important;
  max-width: 35rem !important;
}
body section.content a.search-button,
body section.clearfix a.search-button {
  float: left;
  padding: 0.8rem 1rem;
  margin: 0;
  top: 0;
  margin-top: 1rem;
}
[dir="rtl"] body section.content a.search-button,
[dir="rtl"] body section.clearfix a.search-button {
  float: right;
}
body section.content select,
body section.clearfix select {
  padding: 0.5rem 0.5rem 0.5rem 0.7rem;
  border: 0.1rem solid #999 !important;
  color: #333;
}
[dir="rtl"] body section.content select,
[dir="rtl"] body section.clearfix select {
  padding: 0.5rem 0.7rem 0.5rem 0.5rem;
}
body section.content select:focus,
body section.clearfix select:focus {
  -moz-box-shadow: 0 0 1rem #3376ad;
  -webkit-box-shadow: 0 0 1rem #3376ad;
  box-shadow: 0 0 1rem #3376ad;
}
body section.content div.breadcrumb,
body section.clearfix div.breadcrumb {
  font-size: 11px;
  font-weight: 700;
  color: #333;
  margin-bottom: 0;
  margin-top: 0;
}
body section.content div.breadcrumb a,
body section.clearfix div.breadcrumb a {
  text-transform: lowercase;
  font-size: 1rem;
}
body section.content div.breadcrumb span,
body section.clearfix div.breadcrumb span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
body section.content div.paging,
body section.clearfix div.paging {
  font-size: 11px;
  color: #666666;
  text-align: center;
  display: grid;
  grid-template-areas: "pagingItemNumbers pagingSortBy pagingSortBy";
  grid-template-columns: auto auto auto;
  grid-template-rows: auto;
  align-items: center;
  grid-gap: 1rem;
}
body section.content div.paging.bottom,
body section.clearfix div.paging.bottom {
  grid-template-areas: "pagingItemNumbers pagingPageSize pagingPrevNrNext";
  grid-template-columns: auto auto auto;
}
body section.content div.paging.bottom select,
body section.clearfix div.paging.bottom select {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
body section.content div.paging .pagingItemNumber,
body section.clearfix div.paging .pagingItemNumber,
body section.content div.paging .pagingPageNumber,
body section.clearfix div.paging .pagingPageNumber {
  font-weight: 700;
  color: #000000;
}
body section.content div.paging div,
body section.clearfix div.paging div {
  font-size: inherit;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
}
body section.content div.paging .pagingItemNumbers,
body section.clearfix div.paging .pagingItemNumbers {
  justify-content: flex-start;
  flex-wrap: wrap;
  grid-area: pagingItemNumbers;
}
body section.content div.paging .pagingItemNumbers > .pagingItemNumber,
body section.clearfix div.paging .pagingItemNumbers > .pagingItemNumber {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
body section.content div.paging .pagingSortBy,
body section.clearfix div.paging .pagingSortBy {
  justify-content: flex-end;
  grid-area: pagingSortBy;
  flex-wrap: nowrap;
}
body section.content div.paging .pagingSortBy > span,
body section.clearfix div.paging .pagingSortBy > span {
  margin-left: 0.5rem;
}
body section.content div.paging div.pull-left,
body section.clearfix div.paging div.pull-left {
  padding-top: 0.5rem;
  max-width: 30rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body section.content div.paging div.pull-right,
body section.clearfix div.paging div.pull-right {
  font-size: 11px;
}
body section.content div.paging .ui-buttonset .ui-button .ui-button-text,
body section.clearfix div.paging .ui-buttonset .ui-button .ui-button-text {
  color: #333;
  background-color: #efefef;
}
body section.content div.paging .ui-buttonset .ui-state-default,
body section.clearfix div.paging .ui-buttonset .ui-state-default {
  background-color: transparent;
  border: none;
}
body section.content div.paging .ui-buttonset .ui-state-default .ui-button-text,
body section.clearfix div.paging .ui-buttonset .ui-state-default .ui-button-text {
  color: #333;
  background-color: #efefef;
}
body section.content div.paging .ui-buttonset .ui-state-active,
body section.clearfix div.paging .ui-buttonset .ui-state-active {
  -moz-box-shadow: 0 0 0.3rem #666;
  -webkit-box-shadow: 0 0 0.3rem #666;
  box-shadow: 0 0 0.3rem #666;
  z-index: 99;
}
body section.content div.paging .ui-buttonset .ui-state-active .ui-button-text,
body section.clearfix div.paging .ui-buttonset .ui-state-active .ui-button-text {
  color: #333;
  background-color: #fff;
  font-weight: 500;
}
body section.content div.paging .ui-buttonset .ui-corner-left,
body section.clearfix div.paging .ui-buttonset .ui-corner-left {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-top-left: 0.4rem;
  -webkit-border-top-left-radius: 0.4rem;
  -khtml-border-top-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
  -moz-border-radius-bottom-left: 0.4rem;
  -webkit-border-bottom-left-radius: 0.4rem;
  -khtml-border-bottom-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-left,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-left {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-left,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-left {
  -moz-border-radius-top-right: 0.4rem;
  -webkit-border-top-right-radius: 0.4rem;
  -khtml-border-top-right-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -moz-border-radius-bottom-right: 0.4rem;
  -webkit-border-bottom-right-radius: 0.4rem;
  -khtml-border-bottom-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
body section.content div.paging .ui-buttonset .ui-corner-left .ui-button-text,
body section.clearfix div.paging .ui-buttonset .ui-corner-left .ui-button-text {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-top-left: 0.3rem;
  -webkit-border-top-left-radius: 0.3rem;
  -khtml-border-top-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
  -moz-border-radius-bottom-left: 0.3rem;
  -webkit-border-bottom-left-radius: 0.3rem;
  -khtml-border-bottom-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-left .ui-button-text,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-left .ui-button-text {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-left .ui-button-text,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-left .ui-button-text {
  -moz-border-radius-top-right: 0.3rem;
  -webkit-border-top-right-radius: 0.3rem;
  -khtml-border-top-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  -moz-border-radius-bottom-right: 0.3rem;
  -webkit-border-bottom-right-radius: 0.3rem;
  -khtml-border-bottom-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
body section.content div.paging .ui-buttonset .ui-corner-right,
body section.clearfix div.paging .ui-buttonset .ui-corner-right {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-top-right: 0.4rem;
  -webkit-border-top-right-radius: 0.4rem;
  -khtml-border-top-right-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -moz-border-radius-bottom-right: 0.4rem;
  -webkit-border-bottom-right-radius: 0.4rem;
  -khtml-border-bottom-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-right,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-right {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-right,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-right {
  -moz-border-radius-top-left: 0.4rem;
  -webkit-border-top-left-radius: 0.4rem;
  -khtml-border-top-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
  -moz-border-radius-bottom-left: 0.4rem;
  -webkit-border-bottom-left-radius: 0.4rem;
  -khtml-border-bottom-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
body section.content div.paging .ui-buttonset .ui-corner-right .ui-button-text,
body section.clearfix div.paging .ui-buttonset .ui-corner-right .ui-button-text {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-top-right: 0.3rem;
  -webkit-border-top-right-radius: 0.3rem;
  -khtml-border-top-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  -moz-border-radius-bottom-right: 0.3rem;
  -webkit-border-bottom-right-radius: 0.3rem;
  -khtml-border-bottom-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-right .ui-button-text,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-right .ui-button-text {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-right .ui-button-text,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-right .ui-button-text {
  -moz-border-radius-top-left: 0.3rem;
  -webkit-border-top-left-radius: 0.3rem;
  -khtml-border-top-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
  -moz-border-radius-bottom-left: 0.3rem;
  -webkit-border-bottom-left-radius: 0.3rem;
  -khtml-border-bottom-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
body section.content div.bottom div.pull-left,
body section.clearfix div.bottom div.pull-left {
  padding-top: 1.5rem;
  max-width: 25.3rem;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
body section.content div.bottom div.pull-right,
body section.clearfix div.bottom div.pull-right {
  max-width: 27.8rem;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
body section.content article header h5,
body section.clearfix article header h5 {
  font-weight: 700;
  color: hsl(207, 100%, 15%);
  margin-bottom: 0.4rem;
}
body section.content article.group,
body section.clearfix article.group {
  display: grid;
  width: 100%;
  grid-area: itemList;
  grid-gap: 0.5em;
}
body section.content article.group header,
body section.clearfix article.group header {
  overflow: hidden;
}
body section.content article.group header h1,
body section.clearfix article.group header h1,
body section.content article.group header h2,
body section.clearfix article.group header h2 {
  display: inline-block;
  margin-right: 1.5rem;
  float: left;
}
[dir="rtl"] body section.content article.group header h1,
[dir="rtl"] body section.clearfix article.group header h1,
[dir="rtl"] body section.content article.group header h2,
[dir="rtl"] body section.clearfix article.group header h2 {
  margin-right: 0;
  margin-left: 1.5rem;
}
[dir="rtl"] body section.content article.group header h1,
[dir="rtl"] body section.clearfix article.group header h1,
[dir="rtl"] body section.content article.group header h2,
[dir="rtl"] body section.clearfix article.group header h2 {
  float: right;
}
body section.content article.group header div.count,
body section.clearfix article.group header div.count {
  display: inline-block;
  padding: 0 0.7rem;
  background: #d6d6d6;
  color: #fff;
  font-size: 2.2rem;
}
body section.content article.group header div.overdue,
body section.clearfix article.group header div.overdue {
  background-color: #CC0000;
}
body section.content article.group header a,
body section.clearfix article.group header a {
  display: inline-block;
  font-size: 1.2rem;
}
body section.content article.group ul.cards,
body section.clearfix article.group ul.cards,
body section.content article.group ul.processResults,
body section.clearfix article.group ul.processResults,
body section.content article.group ul.trackingResults,
body section.clearfix article.group ul.trackingResults,
body section.content article.group ul.archiveResults,
body section.clearfix article.group ul.archiveResults {
  list-style: none;
  margin: 0.8rem 0 0 0;
  padding: 0;
}
[dir="rtl"] body section.content article.group ul.cards,
[dir="rtl"] body section.clearfix article.group ul.cards,
[dir="rtl"] body section.content article.group ul.processResults,
[dir="rtl"] body section.clearfix article.group ul.processResults,
[dir="rtl"] body section.content article.group ul.trackingResults,
[dir="rtl"] body section.clearfix article.group ul.trackingResults,
[dir="rtl"] body section.content article.group ul.archiveResults,
[dir="rtl"] body section.clearfix article.group ul.archiveResults {
  margin: 0.8rem 0 0 0;
}
body section.content article.group ul.cards li,
body section.clearfix article.group ul.cards li,
body section.content article.group ul.processResults li,
body section.clearfix article.group ul.processResults li,
body section.content article.group ul.trackingResults li,
body section.clearfix article.group ul.trackingResults li,
body section.content article.group ul.archiveResults li,
body section.clearfix article.group ul.archiveResults li {
  background-color: #f6f6f6;
  display: grid;
  width: 100%;
  grid-template-areas: "taskDetails taskMetaData";
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
body section.content article.group ul.cards li:not(:first-of-type),
body section.clearfix article.group ul.cards li:not(:first-of-type),
body section.content article.group ul.processResults li:not(:first-of-type),
body section.clearfix article.group ul.processResults li:not(:first-of-type),
body section.content article.group ul.trackingResults li:not(:first-of-type),
body section.clearfix article.group ul.trackingResults li:not(:first-of-type),
body section.content article.group ul.archiveResults li:not(:first-of-type),
body section.clearfix article.group ul.archiveResults li:not(:first-of-type) {
  margin-top: 0.7rem;
}
body section.content article.group ul.cards li > div,
body section.clearfix article.group ul.cards li > div,
body section.content article.group ul.processResults li > div,
body section.clearfix article.group ul.processResults li > div,
body section.content article.group ul.trackingResults li > div,
body section.clearfix article.group ul.trackingResults li > div,
body section.content article.group ul.archiveResults li > div,
body section.clearfix article.group ul.archiveResults li > div {
  display: block;
}
body section.content article.group ul.cards li > div:nth-of-type(2),
body section.clearfix article.group ul.cards li > div:nth-of-type(2),
body section.content article.group ul.processResults li > div:nth-of-type(2),
body section.clearfix article.group ul.processResults li > div:nth-of-type(2),
body section.content article.group ul.trackingResults li > div:nth-of-type(2),
body section.clearfix article.group ul.trackingResults li > div:nth-of-type(2),
body section.content article.group ul.archiveResults li > div:nth-of-type(2),
body section.clearfix article.group ul.archiveResults li > div:nth-of-type(2) {
  width: 40%;
}
body section.content article.group ul.cards li > div:nth-of-type(2) > span,
body section.clearfix article.group ul.cards li > div:nth-of-type(2) > span,
body section.content article.group ul.processResults li > div:nth-of-type(2) > span,
body section.clearfix article.group ul.processResults li > div:nth-of-type(2) > span,
body section.content article.group ul.trackingResults li > div:nth-of-type(2) > span,
body section.clearfix article.group ul.trackingResults li > div:nth-of-type(2) > span,
body section.content article.group ul.archiveResults li > div:nth-of-type(2) > span,
body section.clearfix article.group ul.archiveResults li > div:nth-of-type(2) > span {
  display: block;
}
body section.content article.group ul.cards li div.details,
body section.clearfix article.group ul.cards li div.details,
body section.content article.group ul.processResults li div.details,
body section.clearfix article.group ul.processResults li div.details,
body section.content article.group ul.trackingResults li div.details,
body section.clearfix article.group ul.trackingResults li div.details,
body section.content article.group ul.archiveResults li div.details,
body section.clearfix article.group ul.archiveResults li div.details {
  grid-area: taskDetails;
  height: 100%;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  min-width: 10rem;
}
body section.content article.group ul.cards li div.details a,
body section.clearfix article.group ul.cards li div.details a,
body section.content article.group ul.processResults li div.details a,
body section.clearfix article.group ul.processResults li div.details a,
body section.content article.group ul.trackingResults li div.details a,
body section.clearfix article.group ul.trackingResults li div.details a,
body section.content article.group ul.archiveResults li div.details a,
body section.clearfix article.group ul.archiveResults li div.details a,
body section.content article.group ul.cards li div.details a:visited,
body section.clearfix article.group ul.cards li div.details a:visited,
body section.content article.group ul.processResults li div.details a:visited,
body section.clearfix article.group ul.processResults li div.details a:visited,
body section.content article.group ul.trackingResults li div.details a:visited,
body section.clearfix article.group ul.trackingResults li div.details a:visited,
body section.content article.group ul.archiveResults li div.details a:visited,
body section.clearfix article.group ul.archiveResults li div.details a:visited {
  font-weight: 300;
}
body section.content article.group ul.cards li div.metadata,
body section.clearfix article.group ul.cards li div.metadata,
body section.content article.group ul.processResults li div.metadata,
body section.clearfix article.group ul.processResults li div.metadata,
body section.content article.group ul.trackingResults li div.metadata,
body section.clearfix article.group ul.trackingResults li div.metadata,
body section.content article.group ul.archiveResults li div.metadata,
body section.clearfix article.group ul.archiveResults li div.metadata {
  grid-area: taskMetaData;
  justify-self: flex-end;
  align-self: center;
  -moz-border-radius: 0 0.3rem 0.3rem 0;
  -webkit-border-radius: 0 0.3rem 0.3rem 0;
  -khtml-border-radius: 0 0.3rem 0.3rem 0;
  border-radius: 0 0.3rem 0.3rem 0;
}
[dir="rtl"] body section.content article.group ul.cards li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.cards li div.metadata,
[dir="rtl"] body section.content article.group ul.processResults li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.metadata,
[dir="rtl"] body section.content article.group ul.trackingResults li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.metadata,
[dir="rtl"] body section.content article.group ul.archiveResults li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.metadata {
  -moz-border-radius: 0.3rem 0 0 0.3rem;
  -webkit-border-radius: 0.3rem 0 0 0.3rem;
  -khtml-border-radius: 0.3rem 0 0 0.3rem;
  border-radius: 0.3rem 0 0 0.3rem;
}
body section.content article.group ul.cards li div.taskStatus,
body section.clearfix article.group ul.cards li div.taskStatus,
body section.content article.group ul.processResults li div.taskStatus,
body section.clearfix article.group ul.processResults li div.taskStatus,
body section.content article.group ul.trackingResults li div.taskStatus,
body section.clearfix article.group ul.trackingResults li div.taskStatus,
body section.content article.group ul.archiveResults li div.taskStatus,
body section.clearfix article.group ul.archiveResults li div.taskStatus {
  grid-area: taskStatus;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
body section.content article.group ul.cards li div.details,
body section.clearfix article.group ul.cards li div.details,
body section.content article.group ul.processResults li div.details,
body section.clearfix article.group ul.processResults li div.details,
body section.content article.group ul.trackingResults li div.details,
body section.clearfix article.group ul.trackingResults li div.details,
body section.content article.group ul.archiveResults li div.details,
body section.clearfix article.group ul.archiveResults li div.details,
body section.content article.group ul.cards li div.metadata,
body section.clearfix article.group ul.cards li div.metadata,
body section.content article.group ul.processResults li div.metadata,
body section.clearfix article.group ul.processResults li div.metadata,
body section.content article.group ul.trackingResults li div.metadata,
body section.clearfix article.group ul.trackingResults li div.metadata,
body section.content article.group ul.archiveResults li div.metadata,
body section.clearfix article.group ul.archiveResults li div.metadata {
  padding: 0.8rem 1rem;
  font-size: 12px;
  font-weight: 300;
  height: 100%;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  min-width: 10rem;
}
body section.content article.group ul.cards li div.details label,
body section.clearfix article.group ul.cards li div.details label,
body section.content article.group ul.processResults li div.details label,
body section.clearfix article.group ul.processResults li div.details label,
body section.content article.group ul.trackingResults li div.details label,
body section.clearfix article.group ul.trackingResults li div.details label,
body section.content article.group ul.archiveResults li div.details label,
body section.clearfix article.group ul.archiveResults li div.details label,
body section.content article.group ul.cards li div.metadata label,
body section.clearfix article.group ul.cards li div.metadata label,
body section.content article.group ul.processResults li div.metadata label,
body section.clearfix article.group ul.processResults li div.metadata label,
body section.content article.group ul.trackingResults li div.metadata label,
body section.clearfix article.group ul.trackingResults li div.metadata label,
body section.content article.group ul.archiveResults li div.metadata label,
body section.clearfix article.group ul.archiveResults li div.metadata label {
  font-weight: 400;
  color: #666666;
  margin-right: 0.3rem;
}
[dir="rtl"] body section.content article.group ul.cards li div.details label,
[dir="rtl"] body section.clearfix article.group ul.cards li div.details label,
[dir="rtl"] body section.content article.group ul.processResults li div.details label,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.details label,
[dir="rtl"] body section.content article.group ul.trackingResults li div.details label,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.details label,
[dir="rtl"] body section.content article.group ul.archiveResults li div.details label,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.details label,
[dir="rtl"] body section.content article.group ul.cards li div.metadata label,
[dir="rtl"] body section.clearfix article.group ul.cards li div.metadata label,
[dir="rtl"] body section.content article.group ul.processResults li div.metadata label,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.metadata label,
[dir="rtl"] body section.content article.group ul.trackingResults li div.metadata label,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.metadata label,
[dir="rtl"] body section.content article.group ul.archiveResults li div.metadata label,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.metadata label {
  margin-right: 0;
  margin-left: 0.3rem;
}
body section.content article.group ul.cards li div.details label.status,
body section.clearfix article.group ul.cards li div.details label.status,
body section.content article.group ul.processResults li div.details label.status,
body section.clearfix article.group ul.processResults li div.details label.status,
body section.content article.group ul.trackingResults li div.details label.status,
body section.clearfix article.group ul.trackingResults li div.details label.status,
body section.content article.group ul.archiveResults li div.details label.status,
body section.clearfix article.group ul.archiveResults li div.details label.status,
body section.content article.group ul.cards li div.metadata label.status,
body section.clearfix article.group ul.cards li div.metadata label.status,
body section.content article.group ul.processResults li div.metadata label.status,
body section.clearfix article.group ul.processResults li div.metadata label.status,
body section.content article.group ul.trackingResults li div.metadata label.status,
body section.clearfix article.group ul.trackingResults li div.metadata label.status,
body section.content article.group ul.archiveResults li div.metadata label.status,
body section.clearfix article.group ul.archiveResults li div.metadata label.status {
  color: #fff;
}
body section.content article.group ul.cards li div.details span,
body section.clearfix article.group ul.cards li div.details span,
body section.content article.group ul.processResults li div.details span,
body section.clearfix article.group ul.processResults li div.details span,
body section.content article.group ul.trackingResults li div.details span,
body section.clearfix article.group ul.trackingResults li div.details span,
body section.content article.group ul.archiveResults li div.details span,
body section.clearfix article.group ul.archiveResults li div.details span,
body section.content article.group ul.cards li div.metadata span,
body section.clearfix article.group ul.cards li div.metadata span,
body section.content article.group ul.processResults li div.metadata span,
body section.clearfix article.group ul.processResults li div.metadata span,
body section.content article.group ul.trackingResults li div.metadata span,
body section.clearfix article.group ul.trackingResults li div.metadata span,
body section.content article.group ul.archiveResults li div.metadata span,
body section.clearfix article.group ul.archiveResults li div.metadata span {
  font-weight: 700;
  display: inline-block;
  margin-right: 0.3rem;
  color: #595959;
}
[dir="rtl"] body section.content article.group ul.cards li div.details span,
[dir="rtl"] body section.clearfix article.group ul.cards li div.details span,
[dir="rtl"] body section.content article.group ul.processResults li div.details span,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.details span,
[dir="rtl"] body section.content article.group ul.trackingResults li div.details span,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.details span,
[dir="rtl"] body section.content article.group ul.archiveResults li div.details span,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.details span,
[dir="rtl"] body section.content article.group ul.cards li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.cards li div.metadata span,
[dir="rtl"] body section.content article.group ul.processResults li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.metadata span,
[dir="rtl"] body section.content article.group ul.trackingResults li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.metadata span,
[dir="rtl"] body section.content article.group ul.archiveResults li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.metadata span {
  margin-right: 0;
  margin-left: 0.3rem;
}
body section.content article.group ul.cards li div.details span a,
body section.clearfix article.group ul.cards li div.details span a,
body section.content article.group ul.processResults li div.details span a,
body section.clearfix article.group ul.processResults li div.details span a,
body section.content article.group ul.trackingResults li div.details span a,
body section.clearfix article.group ul.trackingResults li div.details span a,
body section.content article.group ul.archiveResults li div.details span a,
body section.clearfix article.group ul.archiveResults li div.details span a,
body section.content article.group ul.cards li div.metadata span a,
body section.clearfix article.group ul.cards li div.metadata span a,
body section.content article.group ul.processResults li div.metadata span a,
body section.clearfix article.group ul.processResults li div.metadata span a,
body section.content article.group ul.trackingResults li div.metadata span a,
body section.clearfix article.group ul.trackingResults li div.metadata span a,
body section.content article.group ul.archiveResults li div.metadata span a,
body section.clearfix article.group ul.archiveResults li div.metadata span a {
  font-weight: 500;
}
body section.content article.group ul.cards li div.details .id,
body section.clearfix article.group ul.cards li div.details .id,
body section.content article.group ul.processResults li div.details .id,
body section.clearfix article.group ul.processResults li div.details .id,
body section.content article.group ul.trackingResults li div.details .id,
body section.clearfix article.group ul.trackingResults li div.details .id,
body section.content article.group ul.archiveResults li div.details .id,
body section.clearfix article.group ul.archiveResults li div.details .id,
body section.content article.group ul.cards li div.metadata .id,
body section.clearfix article.group ul.cards li div.metadata .id,
body section.content article.group ul.processResults li div.metadata .id,
body section.clearfix article.group ul.processResults li div.metadata .id,
body section.content article.group ul.trackingResults li div.metadata .id,
body section.clearfix article.group ul.trackingResults li div.metadata .id,
body section.content article.group ul.archiveResults li div.metadata .id,
body section.clearfix article.group ul.archiveResults li div.metadata .id {
  font-weight: 500;
}
body section.content article.group ul.cards li div.details .id > span,
body section.clearfix article.group ul.cards li div.details .id > span,
body section.content article.group ul.processResults li div.details .id > span,
body section.clearfix article.group ul.processResults li div.details .id > span,
body section.content article.group ul.trackingResults li div.details .id > span,
body section.clearfix article.group ul.trackingResults li div.details .id > span,
body section.content article.group ul.archiveResults li div.details .id > span,
body section.clearfix article.group ul.archiveResults li div.details .id > span,
body section.content article.group ul.cards li div.metadata .id > span,
body section.clearfix article.group ul.cards li div.metadata .id > span,
body section.content article.group ul.processResults li div.metadata .id > span,
body section.clearfix article.group ul.processResults li div.metadata .id > span,
body section.content article.group ul.trackingResults li div.metadata .id > span,
body section.clearfix article.group ul.trackingResults li div.metadata .id > span,
body section.content article.group ul.archiveResults li div.metadata .id > span,
body section.clearfix article.group ul.archiveResults li div.metadata .id > span {
  color: #000000;
  font-size: 11px;
  margin-right: 0;
  font-weight: inherit;
  display: inline-block;
}
[dir="rtl"] body section.content article.group ul.cards li div.details .id > span,
[dir="rtl"] body section.clearfix article.group ul.cards li div.details .id > span,
[dir="rtl"] body section.content article.group ul.processResults li div.details .id > span,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.details .id > span,
[dir="rtl"] body section.content article.group ul.trackingResults li div.details .id > span,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.details .id > span,
[dir="rtl"] body section.content article.group ul.archiveResults li div.details .id > span,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.details .id > span,
[dir="rtl"] body section.content article.group ul.cards li div.metadata .id > span,
[dir="rtl"] body section.clearfix article.group ul.cards li div.metadata .id > span,
[dir="rtl"] body section.content article.group ul.processResults li div.metadata .id > span,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.metadata .id > span,
[dir="rtl"] body section.content article.group ul.trackingResults li div.metadata .id > span,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.metadata .id > span,
[dir="rtl"] body section.content article.group ul.archiveResults li div.metadata .id > span,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.metadata .id > span {
  margin-right: 0;
  margin-left: 0;
}
body section.content article.group ul.cards li div.details > a,
body section.clearfix article.group ul.cards li div.details > a,
body section.content article.group ul.processResults li div.details > a,
body section.clearfix article.group ul.processResults li div.details > a,
body section.content article.group ul.trackingResults li div.details > a,
body section.clearfix article.group ul.trackingResults li div.details > a,
body section.content article.group ul.archiveResults li div.details > a,
body section.clearfix article.group ul.archiveResults li div.details > a,
body section.content article.group ul.cards li div.details > div.pending-task,
body section.clearfix article.group ul.cards li div.details > div.pending-task,
body section.content article.group ul.processResults li div.details > div.pending-task,
body section.clearfix article.group ul.processResults li div.details > div.pending-task,
body section.content article.group ul.trackingResults li div.details > div.pending-task,
body section.clearfix article.group ul.trackingResults li div.details > div.pending-task,
body section.content article.group ul.archiveResults li div.details > div.pending-task,
body section.clearfix article.group ul.archiveResults li div.details > div.pending-task {
  font-size: 26px;
  display: inline-block;
  max-width: 99%;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  padding-bottom: 0.8rem;
}
body section.content article.group ul.cards li div.details > a > div.pending-task,
body section.clearfix article.group ul.cards li div.details > a > div.pending-task,
body section.content article.group ul.processResults li div.details > a > div.pending-task,
body section.clearfix article.group ul.processResults li div.details > a > div.pending-task,
body section.content article.group ul.trackingResults li div.details > a > div.pending-task,
body section.clearfix article.group ul.trackingResults li div.details > a > div.pending-task,
body section.content article.group ul.archiveResults li div.details > a > div.pending-task,
body section.clearfix article.group ul.archiveResults li div.details > a > div.pending-task,
body section.content article.group ul.cards li div.details > div.pending-task > div.pending-task,
body section.clearfix article.group ul.cards li div.details > div.pending-task > div.pending-task,
body section.content article.group ul.processResults li div.details > div.pending-task > div.pending-task,
body section.clearfix article.group ul.processResults li div.details > div.pending-task > div.pending-task,
body section.content article.group ul.trackingResults li div.details > div.pending-task > div.pending-task,
body section.clearfix article.group ul.trackingResults li div.details > div.pending-task > div.pending-task,
body section.content article.group ul.archiveResults li div.details > div.pending-task > div.pending-task,
body section.clearfix article.group ul.archiveResults li div.details > div.pending-task > div.pending-task {
  font-weight: 300;
}
body section.content article.group ul.cards li div.details > a > div,
body section.clearfix article.group ul.cards li div.details > a > div,
body section.content article.group ul.processResults li div.details > a > div,
body section.clearfix article.group ul.processResults li div.details > a > div,
body section.content article.group ul.trackingResults li div.details > a > div,
body section.clearfix article.group ul.trackingResults li div.details > a > div,
body section.content article.group ul.archiveResults li div.details > a > div,
body section.clearfix article.group ul.archiveResults li div.details > a > div,
body section.content article.group ul.cards li div.details > div.pending-task > div,
body section.clearfix article.group ul.cards li div.details > div.pending-task > div,
body section.content article.group ul.processResults li div.details > div.pending-task > div,
body section.clearfix article.group ul.processResults li div.details > div.pending-task > div,
body section.content article.group ul.trackingResults li div.details > div.pending-task > div,
body section.clearfix article.group ul.trackingResults li div.details > div.pending-task > div,
body section.content article.group ul.archiveResults li div.details > div.pending-task > div,
body section.clearfix article.group ul.archiveResults li div.details > div.pending-task > div {
  font-weight: 300;
}
body section.content article.group ul.cards li div.details > a div.title,
body section.clearfix article.group ul.cards li div.details > a div.title,
body section.content article.group ul.processResults li div.details > a div.title,
body section.clearfix article.group ul.processResults li div.details > a div.title,
body section.content article.group ul.trackingResults li div.details > a div.title,
body section.clearfix article.group ul.trackingResults li div.details > a div.title,
body section.content article.group ul.archiveResults li div.details > a div.title,
body section.clearfix article.group ul.archiveResults li div.details > a div.title,
body section.content article.group ul.cards li div.details > div.pending-task div.title,
body section.clearfix article.group ul.cards li div.details > div.pending-task div.title,
body section.content article.group ul.processResults li div.details > div.pending-task div.title,
body section.clearfix article.group ul.processResults li div.details > div.pending-task div.title,
body section.content article.group ul.trackingResults li div.details > div.pending-task div.title,
body section.clearfix article.group ul.trackingResults li div.details > div.pending-task div.title,
body section.content article.group ul.archiveResults li div.details > div.pending-task div.title,
body section.clearfix article.group ul.archiveResults li div.details > div.pending-task div.title,
body section.content article.group ul.cards li div.details > a div.title-pending-task,
body section.clearfix article.group ul.cards li div.details > a div.title-pending-task,
body section.content article.group ul.processResults li div.details > a div.title-pending-task,
body section.clearfix article.group ul.processResults li div.details > a div.title-pending-task,
body section.content article.group ul.trackingResults li div.details > a div.title-pending-task,
body section.clearfix article.group ul.trackingResults li div.details > a div.title-pending-task,
body section.content article.group ul.archiveResults li div.details > a div.title-pending-task,
body section.clearfix article.group ul.archiveResults li div.details > a div.title-pending-task,
body section.content article.group ul.cards li div.details > div.pending-task div.title-pending-task,
body section.clearfix article.group ul.cards li div.details > div.pending-task div.title-pending-task,
body section.content article.group ul.processResults li div.details > div.pending-task div.title-pending-task,
body section.clearfix article.group ul.processResults li div.details > div.pending-task div.title-pending-task,
body section.content article.group ul.trackingResults li div.details > div.pending-task div.title-pending-task,
body section.clearfix article.group ul.trackingResults li div.details > div.pending-task div.title-pending-task,
body section.content article.group ul.archiveResults li div.details > div.pending-task div.title-pending-task,
body section.clearfix article.group ul.archiveResults li div.details > div.pending-task div.title-pending-task {
  display: inline-block;
  max-width: 100%;
  font-weight: 300;
}
body section.content article.group ul.cards li div.details > div:nth-of-type(2),
body section.clearfix article.group ul.cards li div.details > div:nth-of-type(2),
body section.content article.group ul.processResults li div.details > div:nth-of-type(2),
body section.clearfix article.group ul.processResults li div.details > div:nth-of-type(2),
body section.content article.group ul.trackingResults li div.details > div:nth-of-type(2),
body section.clearfix article.group ul.trackingResults li div.details > div:nth-of-type(2),
body section.content article.group ul.archiveResults li div.details > div:nth-of-type(2),
body section.clearfix article.group ul.archiveResults li div.details > div:nth-of-type(2) {
  padding-bottom: 0.5rem;
}
body section.content article.group ul.cards li div.details > div,
body section.clearfix article.group ul.cards li div.details > div,
body section.content article.group ul.processResults li div.details > div,
body section.clearfix article.group ul.processResults li div.details > div,
body section.content article.group ul.trackingResults li div.details > div,
body section.clearfix article.group ul.trackingResults li div.details > div,
body section.content article.group ul.archiveResults li div.details > div,
body section.clearfix article.group ul.archiveResults li div.details > div {
  padding-bottom: 0.3rem;
}
body section.content article.group ul.cards li div.details > a.see-more,
body section.clearfix article.group ul.cards li div.details > a.see-more,
body section.content article.group ul.processResults li div.details > a.see-more,
body section.clearfix article.group ul.processResults li div.details > a.see-more,
body section.content article.group ul.trackingResults li div.details > a.see-more,
body section.clearfix article.group ul.trackingResults li div.details > a.see-more,
body section.content article.group ul.archiveResults li div.details > a.see-more,
body section.clearfix article.group ul.archiveResults li div.details > a.see-more {
  font-size: 13px;
}
body section.content article.group ul.cards li div.details > div.pending-task,
body section.clearfix article.group ul.cards li div.details > div.pending-task,
body section.content article.group ul.processResults li div.details > div.pending-task,
body section.clearfix article.group ul.processResults li div.details > div.pending-task,
body section.content article.group ul.trackingResults li div.details > div.pending-task,
body section.clearfix article.group ul.trackingResults li div.details > div.pending-task,
body section.content article.group ul.archiveResults li div.details > div.pending-task,
body section.clearfix article.group ul.archiveResults li div.details > div.pending-task {
  color: #666666;
  font-weight: 300;
}
body section.content article.group ul.cards li div.details a.see-details,
body section.clearfix article.group ul.cards li div.details a.see-details,
body section.content article.group ul.processResults li div.details a.see-details,
body section.clearfix article.group ul.processResults li div.details a.see-details,
body section.content article.group ul.trackingResults li div.details a.see-details,
body section.clearfix article.group ul.trackingResults li div.details a.see-details,
body section.content article.group ul.archiveResults li div.details a.see-details,
body section.clearfix article.group ul.archiveResults li div.details a.see-details {
  display: block;
  padding-top: 1rem;
  margin-bottom: 0.3rem;
  text-transform: lowercase;
}
body section.content article.group ul.cards li div.details a.see-details:hover,
body section.clearfix article.group ul.cards li div.details a.see-details:hover,
body section.content article.group ul.processResults li div.details a.see-details:hover,
body section.clearfix article.group ul.processResults li div.details a.see-details:hover,
body section.content article.group ul.trackingResults li div.details a.see-details:hover,
body section.clearfix article.group ul.trackingResults li div.details a.see-details:hover,
body section.content article.group ul.archiveResults li div.details a.see-details:hover,
body section.clearfix article.group ul.archiveResults li div.details a.see-details:hover {
  color: #3376ad;
}
body section.content article.group ul.cards li.newItem div.details,
body section.clearfix article.group ul.cards li.newItem div.details,
body section.content article.group ul.processResults li.newItem div.details,
body section.clearfix article.group ul.processResults li.newItem div.details,
body section.content article.group ul.trackingResults li.newItem div.details,
body section.clearfix article.group ul.trackingResults li.newItem div.details,
body section.content article.group ul.archiveResults li.newItem div.details,
body section.clearfix article.group ul.archiveResults li.newItem div.details {
  border-left: 0.4rem solid #3376ad;
  -moz-border-radius-top-left: 0.4rem;
  -webkit-border-top-left-radius: 0.4rem;
  -khtml-border-top-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
  -moz-border-radius-bottom-left: 0.4rem;
  -webkit-border-bottom-left-radius: 0.4rem;
  -khtml-border-bottom-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  height: 100%;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  min-width: 10rem;
}
[dir="rtl"] body section.content article.group ul.cards li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.cards li.newItem div.details,
[dir="rtl"] body section.content article.group ul.processResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.processResults li.newItem div.details,
[dir="rtl"] body section.content article.group ul.trackingResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li.newItem div.details,
[dir="rtl"] body section.content article.group ul.archiveResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li.newItem div.details {
  border-left: 0;
  border-right: 0.4rem solid #3376ad;
}
[dir="rtl"] body section.content article.group ul.cards li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.cards li.newItem div.details,
[dir="rtl"] body section.content article.group ul.processResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.processResults li.newItem div.details,
[dir="rtl"] body section.content article.group ul.trackingResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li.newItem div.details,
[dir="rtl"] body section.content article.group ul.archiveResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li.newItem div.details {
  -moz-border-radius-top-right: 0.4rem;
  -webkit-border-top-right-radius: 0.4rem;
  -khtml-border-top-right-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -moz-border-radius-bottom-right: 0.4rem;
  -webkit-border-bottom-right-radius: 0.4rem;
  -khtml-border-bottom-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
[dir="rtl"] body section.content article.group ul.cards li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.cards li.newItem div.details,
[dir="rtl"] body section.content article.group ul.processResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.processResults li.newItem div.details,
[dir="rtl"] body section.content article.group ul.trackingResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li.newItem div.details,
[dir="rtl"] body section.content article.group ul.archiveResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li.newItem div.details {
  border-left: 0 solid #3376ad;
  border-right: 0.4rem solid #3376ad;
}
body section.content article.group ul.cards li div.metadata,
body section.clearfix article.group ul.cards li div.metadata,
body section.content article.group ul.processResults li div.metadata,
body section.clearfix article.group ul.processResults li div.metadata,
body section.content article.group ul.trackingResults li div.metadata,
body section.clearfix article.group ul.trackingResults li div.metadata,
body section.content article.group ul.archiveResults li div.metadata,
body section.clearfix article.group ul.archiveResults li div.metadata {
  width: 100%;
  background-color: #d6d6d6;
  text-align: right;
  padding: 1rem;
}
[dir="rtl"] body section.content article.group ul.cards li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.cards li div.metadata,
[dir="rtl"] body section.content article.group ul.processResults li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.metadata,
[dir="rtl"] body section.content article.group ul.trackingResults li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.metadata,
[dir="rtl"] body section.content article.group ul.archiveResults li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.metadata {
  text-align: left;
}
body section.content article.group ul.cards li div.metadata label,
body section.clearfix article.group ul.cards li div.metadata label,
body section.content article.group ul.processResults li div.metadata label,
body section.clearfix article.group ul.processResults li div.metadata label,
body section.content article.group ul.trackingResults li div.metadata label,
body section.clearfix article.group ul.trackingResults li div.metadata label,
body section.content article.group ul.archiveResults li div.metadata label,
body section.clearfix article.group ul.archiveResults li div.metadata label {
  margin-bottom: 0;
}
body section.content article.group ul.cards li div.metadata span,
body section.clearfix article.group ul.cards li div.metadata span,
body section.content article.group ul.processResults li div.metadata span,
body section.clearfix article.group ul.processResults li div.metadata span,
body section.content article.group ul.trackingResults li div.metadata span,
body section.clearfix article.group ul.trackingResults li div.metadata span,
body section.content article.group ul.archiveResults li div.metadata span,
body section.clearfix article.group ul.archiveResults li div.metadata span {
  margin-right: 0.2rem;
  margin-bottom: 0.5rem;
}
[dir="rtl"] body section.content article.group ul.cards li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.cards li div.metadata span,
[dir="rtl"] body section.content article.group ul.processResults li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.metadata span,
[dir="rtl"] body section.content article.group ul.trackingResults li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.metadata span,
[dir="rtl"] body section.content article.group ul.archiveResults li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.metadata span {
  margin-right: 0;
  margin-left: 0.2rem;
}
body section.content article.group ul.cards li div.metadata i,
body section.clearfix article.group ul.cards li div.metadata i,
body section.content article.group ul.processResults li div.metadata i,
body section.clearfix article.group ul.processResults li div.metadata i,
body section.content article.group ul.trackingResults li div.metadata i,
body section.clearfix article.group ul.trackingResults li div.metadata i,
body section.content article.group ul.archiveResults li div.metadata i,
body section.clearfix article.group ul.archiveResults li div.metadata i {
  font-size: 15px;
  color: #404040;
  margin-bottom: 0.5rem;
  cursor: default;
}
body section.content article.group ul.processResults li div.details div,
body section.clearfix article.group ul.processResults li div.details div,
body section.content article.group ul.processResults li div.metadata div,
body section.clearfix article.group ul.processResults li div.metadata div {
  font-weight: 700;
  font-size: 11px;
}
body section.content article.group ul.processResults li div.details div label,
body section.clearfix article.group ul.processResults li div.details div label,
body section.content article.group ul.processResults li div.metadata div label,
body section.clearfix article.group ul.processResults li div.metadata div label,
body section.content article.group ul.processResults li div.details div span,
body section.clearfix article.group ul.processResults li div.details div span,
body section.content article.group ul.processResults li div.metadata div span,
body section.clearfix article.group ul.processResults li div.metadata div span {
  font-size: 11px;
}
body section.content article.group ul.processResults li div.details div.pending-task,
body section.clearfix article.group ul.processResults li div.details div.pending-task,
body section.content article.group ul.processResults li div.metadata div.pending-task,
body section.clearfix article.group ul.processResults li div.metadata div.pending-task {
  font-size: 14px;
}
body section.content article.group ul.processResults li div.metadata > div,
body section.clearfix article.group ul.processResults li div.metadata > div,
body section.content article.group ul.trackingResults li div.metadata > div,
body section.clearfix article.group ul.trackingResults li div.metadata > div,
body section.content article.group ul.archiveResults li div.metadata > div,
body section.clearfix article.group ul.archiveResults li div.metadata > div {
  text-align: right;
}
[dir="rtl"] body section.content article.group ul.processResults li div.metadata > div,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.metadata > div,
[dir="rtl"] body section.content article.group ul.trackingResults li div.metadata > div,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.metadata > div,
[dir="rtl"] body section.content article.group ul.archiveResults li div.metadata > div,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.metadata > div {
  text-align: left;
}
body section.content article.group ul.processResults li div.metadata label,
body section.clearfix article.group ul.processResults li div.metadata label,
body section.content article.group ul.trackingResults li div.metadata label,
body section.clearfix article.group ul.trackingResults li div.metadata label,
body section.content article.group ul.archiveResults li div.metadata label,
body section.clearfix article.group ul.archiveResults li div.metadata label {
  display: block !important;
}
body section.content article.group div.noresults,
body section.clearfix article.group div.noresults {
  display: grid;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-gap: 1rem;
  font-size: 18px;
  font-weight: 300;
  padding: 2.5rem;
  background: #f6f6f6;
  color: #666666;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
body section.content article.group div.noresults a,
body section.clearfix article.group div.noresults a {
  display: inline-block;
  font-size: 13px !important;
}
body section.content article#pendingTaskHistory ul.branchTaskList li div.about,
body section.clearfix article#pendingTaskHistory ul.branchTaskList li div.about {
  padding-right: 1.5rem;
  display: table-cell;
  vertical-align: middle;
  background-color: #e9e9e9;
}
[dir="rtl"] body section.content article#pendingTaskHistory ul.branchTaskList li div.about,
[dir="rtl"] body section.clearfix article#pendingTaskHistory ul.branchTaskList li div.about {
  padding-right: 0;
  padding-left: 1.5rem;
}
body section.content article#pendingTaskHistory ul.branchTaskList li div.about label,
body section.clearfix article#pendingTaskHistory ul.branchTaskList li div.about label {
  font-weight: 400;
}
body section.content article#pendingTaskHistory ul.branchTaskList li div.about span,
body section.clearfix article#pendingTaskHistory ul.branchTaskList li div.about span {
  font-weight: 700;
  font-size: 12px;
}
body section.content article#pendingTaskHistory ul.branchTaskList li div.about span a,
body section.clearfix article#pendingTaskHistory ul.branchTaskList li div.about span a {
  font-weight: 700;
}
body section.content article#pendingTaskHistory ul.branchTaskList li div.metadata label,
body section.clearfix article#pendingTaskHistory ul.branchTaskList li div.metadata label {
  font-size: 10px !important;
}
body section.content article#pendingTaskHistory ul.branchTaskList li div.metadata div.item,
body section.clearfix article#pendingTaskHistory ul.branchTaskList li div.metadata div.item {
  font-size: 11px !important;
}
body section.content article.column,
body section.clearfix article.column,
body section.content article.step,
body section.clearfix article.step,
body section.content article.onlysearch,
body section.clearfix article.onlysearch {
  padding: 1rem 2rem 1rem 2rem;
  background: #f6f6f6;
}
[dir="rtl"] body section.content article.column,
[dir="rtl"] body section.clearfix article.column,
[dir="rtl"] body section.content article.step,
[dir="rtl"] body section.clearfix article.step,
[dir="rtl"] body section.content article.onlysearch,
[dir="rtl"] body section.clearfix article.onlysearch {
  padding: 1rem 2rem 1rem 2rem;
}
body section.content article.column header h2,
body section.clearfix article.column header h2,
body section.content article.step header h2,
body section.clearfix article.step header h2,
body section.content article.onlysearch header h2,
body section.clearfix article.onlysearch header h2,
body section.content article.column header h3,
body section.clearfix article.column header h3,
body section.content article.step header h3,
body section.clearfix article.step header h3,
body section.content article.onlysearch header h3,
body section.clearfix article.onlysearch header h3 {
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 500;
  color: hsl(207, 100%, 25%);
}
body section.content article.column header h2,
body section.clearfix article.column header h2,
body section.content article.step header h2,
body section.clearfix article.step header h2,
body section.content article.onlysearch header h2,
body section.clearfix article.onlysearch header h2 {
  font-size: 14px;
}
body section.content article.column header a,
body section.clearfix article.column header a,
body section.content article.step header a,
body section.clearfix article.step header a,
body section.content article.onlysearch header a,
body section.clearfix article.onlysearch header a {
  font-size: 13px;
  font-weight: 700;
}
body section.content article.column div,
body section.clearfix article.column div,
body section.content article.step div,
body section.clearfix article.step div,
body section.content article.onlysearch div,
body section.clearfix article.onlysearch div,
body section.content article.column p,
body section.clearfix article.column p,
body section.content article.step p,
body section.clearfix article.step p,
body section.content article.onlysearch p,
body section.clearfix article.onlysearch p {
  font-size: 13px;
}
body section.content article.column div.quick-search-content,
body section.clearfix article.column div.quick-search-content,
body section.content article.step div.quick-search-content,
body section.clearfix article.step div.quick-search-content,
body section.content article.onlysearch div.quick-search-content,
body section.clearfix article.onlysearch div.quick-search-content {
  grid-area: quickSearchContent;
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: relative;
}
body section.content article.column div.search-info,
body section.clearfix article.column div.search-info,
body section.content article.step div.search-info,
body section.clearfix article.step div.search-info,
body section.content article.onlysearch div.search-info,
body section.clearfix article.onlysearch div.search-info,
body section.content article.column div.search-inputs,
body section.clearfix article.column div.search-inputs,
body section.content article.step div.search-inputs,
body section.clearfix article.step div.search-inputs,
body section.content article.onlysearch div.search-inputs,
body section.clearfix article.onlysearch div.search-inputs {
  display: block;
}
body section.content article.column div.search-info,
body section.clearfix article.column div.search-info,
body section.content article.step div.search-info,
body section.clearfix article.step div.search-info,
body section.content article.onlysearch div.search-info,
body section.clearfix article.onlysearch div.search-info {
  vertical-align: middle;
  margin-right: 2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
[dir="rtl"] body section.content article.column div.search-info,
[dir="rtl"] body section.clearfix article.column div.search-info,
[dir="rtl"] body section.content article.step div.search-info,
[dir="rtl"] body section.clearfix article.step div.search-info,
[dir="rtl"] body section.content article.onlysearch div.search-info,
[dir="rtl"] body section.clearfix article.onlysearch div.search-info {
  margin-right: 0;
  margin-left: 2rem;
}
body section.content article.column div.search-info p,
body section.clearfix article.column div.search-info p,
body section.content article.step div.search-info p,
body section.clearfix article.step div.search-info p,
body section.content article.onlysearch div.search-info p,
body section.clearfix article.onlysearch div.search-info p {
  line-height: 1.2em;
  margin: 0;
}
body section.content article.column div.search-inputs,
body section.clearfix article.column div.search-inputs,
body section.content article.step div.search-inputs,
body section.clearfix article.step div.search-inputs,
body section.content article.onlysearch div.search-inputs,
body section.clearfix article.onlysearch div.search-inputs {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  vertical-align: middle;
}
body section.content article.column div.search-inputs input[type=text],
body section.clearfix article.column div.search-inputs input[type=text],
body section.content article.step div.search-inputs input[type=text],
body section.clearfix article.step div.search-inputs input[type=text],
body section.content article.onlysearch div.search-inputs input[type=text],
body section.clearfix article.onlysearch div.search-inputs input[type=text],
body section.content article.column div.search-inputs #pIDField,
body section.clearfix article.column div.search-inputs #pIDField,
body section.content article.step div.search-inputs #pIDField,
body section.clearfix article.step div.search-inputs #pIDField,
body section.content article.onlysearch div.search-inputs #pIDField,
body section.clearfix article.onlysearch div.search-inputs #pIDField {
  min-width: 15.5rem;
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 1rem;
}
[dir="rtl"] body section.content article.column div.search-inputs input[type=text],
[dir="rtl"] body section.clearfix article.column div.search-inputs input[type=text],
[dir="rtl"] body section.content article.step div.search-inputs input[type=text],
[dir="rtl"] body section.clearfix article.step div.search-inputs input[type=text],
[dir="rtl"] body section.content article.onlysearch div.search-inputs input[type=text],
[dir="rtl"] body section.clearfix article.onlysearch div.search-inputs input[type=text],
[dir="rtl"] body section.content article.column div.search-inputs #pIDField,
[dir="rtl"] body section.clearfix article.column div.search-inputs #pIDField,
[dir="rtl"] body section.content article.step div.search-inputs #pIDField,
[dir="rtl"] body section.clearfix article.step div.search-inputs #pIDField,
[dir="rtl"] body section.content article.onlysearch div.search-inputs #pIDField,
[dir="rtl"] body section.clearfix article.onlysearch div.search-inputs #pIDField {
  margin-right: 0;
  margin-left: 1rem;
}
body section.content article.column div.search-inputs a.button,
body section.clearfix article.column div.search-inputs a.button,
body section.content article.step div.search-inputs a.button,
body section.clearfix article.step div.search-inputs a.button,
body section.content article.onlysearch div.search-inputs a.button,
body section.clearfix article.onlysearch div.search-inputs a.button {
  display: block;
  padding: 0.8rem 1rem;
  text-align: center;
}
body section.content article.column a.control,
body section.clearfix article.column a.control,
body section.content article.step a.control,
body section.clearfix article.step a.control,
body section.content article.onlysearch a.control,
body section.clearfix article.onlysearch a.control {
  color: #666666;
  font-size: 11px;
}
body section.content article.column div.quickSearch-not-found,
body section.clearfix article.column div.quickSearch-not-found,
body section.content article.step div.quickSearch-not-found,
body section.clearfix article.step div.quickSearch-not-found,
body section.content article.onlysearch div.quickSearch-not-found,
body section.clearfix article.onlysearch div.quickSearch-not-found,
body section.content article.column div.quickSearch-not-valid,
body section.clearfix article.column div.quickSearch-not-valid,
body section.content article.step div.quickSearch-not-valid,
body section.clearfix article.step div.quickSearch-not-valid,
body section.content article.onlysearch div.quickSearch-not-valid,
body section.clearfix article.onlysearch div.quickSearch-not-valid,
body section.content article.column div.quickSearch-not-valid-warning,
body section.clearfix article.column div.quickSearch-not-valid-warning,
body section.content article.step div.quickSearch-not-valid-warning,
body section.clearfix article.step div.quickSearch-not-valid-warning,
body section.content article.onlysearch div.quickSearch-not-valid-warning,
body section.clearfix article.onlysearch div.quickSearch-not-valid-warning {
  grid-area: quickSearchMessage;
  background-color: #CC0000;
  color: #fff;
  padding: 1rem;
  font-size: 11px;
  font-weight: 400;
  border-radius: 0.3rem;
}
body section.content article.column div.quickSearch-not-found i,
body section.clearfix article.column div.quickSearch-not-found i,
body section.content article.step div.quickSearch-not-found i,
body section.clearfix article.step div.quickSearch-not-found i,
body section.content article.onlysearch div.quickSearch-not-found i,
body section.clearfix article.onlysearch div.quickSearch-not-found i,
body section.content article.column div.quickSearch-not-valid i,
body section.clearfix article.column div.quickSearch-not-valid i,
body section.content article.step div.quickSearch-not-valid i,
body section.clearfix article.step div.quickSearch-not-valid i,
body section.content article.onlysearch div.quickSearch-not-valid i,
body section.clearfix article.onlysearch div.quickSearch-not-valid i,
body section.content article.column div.quickSearch-not-valid-warning i,
body section.clearfix article.column div.quickSearch-not-valid-warning i,
body section.content article.step div.quickSearch-not-valid-warning i,
body section.clearfix article.step div.quickSearch-not-valid-warning i,
body section.content article.onlysearch div.quickSearch-not-valid-warning i,
body section.clearfix article.onlysearch div.quickSearch-not-valid-warning i {
  margin-right: 1rem;
}
[dir="rtl"] body section.content article.column div.quickSearch-not-found i,
[dir="rtl"] body section.clearfix article.column div.quickSearch-not-found i,
[dir="rtl"] body section.content article.step div.quickSearch-not-found i,
[dir="rtl"] body section.clearfix article.step div.quickSearch-not-found i,
[dir="rtl"] body section.content article.onlysearch div.quickSearch-not-found i,
[dir="rtl"] body section.clearfix article.onlysearch div.quickSearch-not-found i,
[dir="rtl"] body section.content article.column div.quickSearch-not-valid i,
[dir="rtl"] body section.clearfix article.column div.quickSearch-not-valid i,
[dir="rtl"] body section.content article.step div.quickSearch-not-valid i,
[dir="rtl"] body section.clearfix article.step div.quickSearch-not-valid i,
[dir="rtl"] body section.content article.onlysearch div.quickSearch-not-valid i,
[dir="rtl"] body section.clearfix article.onlysearch div.quickSearch-not-valid i,
[dir="rtl"] body section.content article.column div.quickSearch-not-valid-warning i,
[dir="rtl"] body section.clearfix article.column div.quickSearch-not-valid-warning i,
[dir="rtl"] body section.content article.step div.quickSearch-not-valid-warning i,
[dir="rtl"] body section.clearfix article.step div.quickSearch-not-valid-warning i,
[dir="rtl"] body section.content article.onlysearch div.quickSearch-not-valid-warning i,
[dir="rtl"] body section.clearfix article.onlysearch div.quickSearch-not-valid-warning i {
  margin-right: 0;
  margin-left: 1rem;
}
body section.content article.column div.quickSearch-not-valid-warning,
body section.clearfix article.column div.quickSearch-not-valid-warning,
body section.content article.step div.quickSearch-not-valid-warning,
body section.clearfix article.step div.quickSearch-not-valid-warning,
body section.content article.onlysearch div.quickSearch-not-valid-warning,
body section.clearfix article.onlysearch div.quickSearch-not-valid-warning {
  background-color: #efefef;
  color: #666666;
  margin-top: 1.5rem;
}
body section.content article.column div.quickSearch-not-valid-warning a,
body section.clearfix article.column div.quickSearch-not-valid-warning a,
body section.content article.step div.quickSearch-not-valid-warning a,
body section.clearfix article.step div.quickSearch-not-valid-warning a,
body section.content article.onlysearch div.quickSearch-not-valid-warning a,
body section.clearfix article.onlysearch div.quickSearch-not-valid-warning a {
  color: #275b86;
  font-weight: 700;
}
body section.content article.column div.quickSearch-not-valid-warning a:hover,
body section.clearfix article.column div.quickSearch-not-valid-warning a:hover,
body section.content article.step div.quickSearch-not-valid-warning a:hover,
body section.clearfix article.step div.quickSearch-not-valid-warning a:hover,
body section.content article.onlysearch div.quickSearch-not-valid-warning a:hover,
body section.clearfix article.onlysearch div.quickSearch-not-valid-warning a:hover {
  color: #3376ad;
}
body section.content article.column div.processButtons,
body section.clearfix article.column div.processButtons,
body section.content article.step div.processButtons,
body section.clearfix article.step div.processButtons,
body section.content article.onlysearch div.processButtons,
body section.clearfix article.onlysearch div.processButtons {
  min-height: 5rem;
  padding-top: 0.5rem;
}
body section.content article.column div.processButtons a.button,
body section.clearfix article.column div.processButtons a.button,
body section.content article.step div.processButtons a.button,
body section.clearfix article.step div.processButtons a.button,
body section.content article.onlysearch div.processButtons a.button,
body section.clearfix article.onlysearch div.processButtons a.button {
  padding: 0.5rem 0.6rem;
  margin: auto;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: center;
  max-width: 10rem;
  text-align: center;
}
body section.content article.column .column,
body section.clearfix article.column .column,
body section.content article.step .column,
body section.clearfix article.step .column,
body section.content article.onlysearch .column,
body section.clearfix article.onlysearch .column {
  background: #fbfbfb;
  padding: 1rem;
  min-height: 17.5rem;
  display: inline-block;
}
body section.content article.column .column label,
body section.clearfix article.column .column label,
body section.content article.step .column label,
body section.clearfix article.step .column label,
body section.content article.onlysearch .column label,
body section.clearfix article.onlysearch .column label {
  margin-top: 0.3rem;
  color: #333;
}
body section.content article.column .column > label,
body section.clearfix article.column .column > label,
body section.content article.step .column > label,
body section.clearfix article.step .column > label,
body section.content article.onlysearch .column > label,
body section.clearfix article.onlysearch .column > label {
  display: block;
}
body section.content article.column .column p,
body section.clearfix article.column .column p,
body section.content article.step .column p,
body section.clearfix article.step .column p,
body section.content article.onlysearch .column p,
body section.clearfix article.onlysearch .column p {
  font-size: 13px;
  margin-bottom: 0.5rem;
  line-height: 1.2em;
}
body section.content article.column .column div#finalParticipantGroupFilterTab input[type=text],
body section.clearfix article.column .column div#finalParticipantGroupFilterTab input[type=text],
body section.content article.step .column div#finalParticipantGroupFilterTab input[type=text],
body section.clearfix article.step .column div#finalParticipantGroupFilterTab input[type=text],
body section.content article.onlysearch .column div#finalParticipantGroupFilterTab input[type=text],
body section.clearfix article.onlysearch .column div#finalParticipantGroupFilterTab input[type=text] {
  width: 17rem;
}
body section.content article.column .showme,
body section.clearfix article.column .showme,
body section.content article.step .showme,
body section.clearfix article.step .showme,
body section.content article.onlysearch .showme,
body section.clearfix article.onlysearch .showme {
  padding: 1rem;
  background-color: #fbfbfb;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-content: flex-start;
  justify-items: flex-start;
  grid-area: showme;
}
body section.content article.column .showme .name,
body section.clearfix article.column .showme .name,
body section.content article.step .showme .name,
body section.clearfix article.step .showme .name,
body section.content article.onlysearch .showme .name,
body section.clearfix article.onlysearch .showme .name {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
body section.content article.column .showme .options,
body section.clearfix article.column .showme .options,
body section.content article.step .showme .options,
body section.clearfix article.step .showme .options,
body section.content article.onlysearch .showme .options,
body section.clearfix article.onlysearch .showme .options {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
body section.content article.column .showme .options label,
body section.clearfix article.column .showme .options label,
body section.content article.step .showme .options label,
body section.clearfix article.step .showme .options label,
body section.content article.onlysearch .showme .options label,
body section.clearfix article.onlysearch .showme .options label {
  padding-right: 1.5rem;
}
[dir="rtl"] body section.content article.column .showme .options label,
[dir="rtl"] body section.clearfix article.column .showme .options label,
[dir="rtl"] body section.content article.step .showme .options label,
[dir="rtl"] body section.clearfix article.step .showme .options label,
[dir="rtl"] body section.content article.onlysearch .showme .options label,
[dir="rtl"] body section.clearfix article.onlysearch .showme .options label {
  padding-right: 0;
  padding-left: 1.5rem;
}
body section.content article.column .showme header,
body section.clearfix article.column .showme header,
body section.content article.step .showme header,
body section.clearfix article.step .showme header,
body section.content article.onlysearch .showme header,
body section.clearfix article.onlysearch .showme header {
  padding: 0.5rem 0;
  padding-top: 0.7rem;
}
body section.content article.column .showme header h3,
body section.clearfix article.column .showme header h3,
body section.content article.step .showme header h3,
body section.clearfix article.step .showme header h3,
body section.content article.onlysearch .showme header h3,
body section.clearfix article.onlysearch .showme header h3 {
  margin: 0;
  line-height: 1em;
}
body section.content article.column .showme label,
body section.clearfix article.column .showme label,
body section.content article.step .showme label,
body section.clearfix article.step .showme label,
body section.content article.onlysearch .showme label,
body section.clearfix article.onlysearch .showme label {
  padding: 0.5rem 0.5rem;
  padding-left: 0;
  display: inline-block;
}
[dir="rtl"] body section.content article.column .showme label,
[dir="rtl"] body section.clearfix article.column .showme label,
[dir="rtl"] body section.content article.step .showme label,
[dir="rtl"] body section.clearfix article.step .showme label,
[dir="rtl"] body section.content article.onlysearch .showme label,
[dir="rtl"] body section.clearfix article.onlysearch .showme label {
  padding-left: 0;
  padding-right: 0;
}
body section.content article.column .showme label input[type=radio],
body section.clearfix article.column .showme label input[type=radio],
body section.content article.step .showme label input[type=radio],
body section.clearfix article.step .showme label input[type=radio],
body section.content article.onlysearch .showme label input[type=radio],
body section.clearfix article.onlysearch .showme label input[type=radio] {
  position: relative;
  top: 0.3rem;
}
body section.content article.column .showme label input[type=radio]:focus,
body section.clearfix article.column .showme label input[type=radio]:focus,
body section.content article.step .showme label input[type=radio]:focus,
body section.clearfix article.step .showme label input[type=radio]:focus,
body section.content article.onlysearch .showme label input[type=radio]:focus,
body section.clearfix article.onlysearch .showme label input[type=radio]:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body section.content article.column .showme .first,
body section.clearfix article.column .showme .first,
body section.content article.step .showme .first,
body section.clearfix article.step .showme .first,
body section.content article.onlysearch .showme .first,
body section.clearfix article.onlysearch .showme .first {
  margin-right: 0;
  min-width: 15rem;
  padding: 0;
  padding-right: 0.5rem;
}
[dir="rtl"] body section.content article.column .showme .first,
[dir="rtl"] body section.clearfix article.column .showme .first,
[dir="rtl"] body section.content article.step .showme .first,
[dir="rtl"] body section.clearfix article.step .showme .first,
[dir="rtl"] body section.content article.onlysearch .showme .first,
[dir="rtl"] body section.clearfix article.onlysearch .showme .first {
  margin-right: 0;
  margin-left: 0;
}
[dir="rtl"] body section.content article.column .showme .first,
[dir="rtl"] body section.clearfix article.column .showme .first,
[dir="rtl"] body section.content article.step .showme .first,
[dir="rtl"] body section.clearfix article.step .showme .first,
[dir="rtl"] body section.content article.onlysearch .showme .first,
[dir="rtl"] body section.clearfix article.onlysearch .showme .first {
  padding-right: 0;
  padding-left: 0.5rem;
}
body section.content article.column .showme .first label,
body section.clearfix article.column .showme .first label,
body section.content article.step .showme .first label,
body section.clearfix article.step .showme .first label,
body section.content article.onlysearch .showme .first label,
body section.clearfix article.onlysearch .showme .first label {
  padding-bottom: 0;
  padding-top: 0;
}
body section.content article.column .full,
body section.clearfix article.column .full,
body section.content article.step .full,
body section.clearfix article.step .full,
body section.content article.onlysearch .full,
body section.clearfix article.onlysearch .full {
  min-width: 25rem;
}
body section.content article.column .full input[type=text],
body section.clearfix article.column .full input[type=text],
body section.content article.step .full input[type=text],
body section.clearfix article.step .full input[type=text],
body section.content article.onlysearch .full input[type=text],
body section.clearfix article.onlysearch .full input[type=text] {
  min-width: 18rem;
}
body section.content article.onlysearch,
body section.clearfix article.onlysearch {
  max-width: 35rem;
  width: 35rem !important;
}
body section.content article #processDateSearch .ui-widget-content,
body section.clearfix article #processDateSearch .ui-widget-content,
body section.content article #taskDateSearch .ui-widget-content,
body section.clearfix article #taskDateSearch .ui-widget-content,
body section.content article #taskFinalParticipantSearch .ui-widget-content,
body section.clearfix article #taskFinalParticipantSearch .ui-widget-content,
body section.content article .search-column .ui-widget-content,
body section.clearfix article .search-column .ui-widget-content {
  border: none;
}
body section.content article #processDateSearch .ui-tabs-vertical,
body section.clearfix article #processDateSearch .ui-tabs-vertical,
body section.content article #taskDateSearch .ui-tabs-vertical,
body section.clearfix article #taskDateSearch .ui-tabs-vertical,
body section.content article #taskFinalParticipantSearch .ui-tabs-vertical,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical,
body section.content article .search-column .ui-tabs-vertical,
body section.clearfix article .search-column .ui-tabs-vertical {
  background: transparent;
}
body section.content article #processDateSearch .ui-tabs-vertical ul,
body section.clearfix article #processDateSearch .ui-tabs-vertical ul,
body section.content article #taskDateSearch .ui-tabs-vertical ul,
body section.clearfix article #taskDateSearch .ui-tabs-vertical ul,
body section.content article #taskFinalParticipantSearch .ui-tabs-vertical ul,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical ul,
body section.content article .search-column .ui-tabs-vertical ul,
body section.clearfix article .search-column .ui-tabs-vertical ul {
  border: 0.1rem solid #DDD;
}
[dir="rtl"] body section.content article #processDateSearch .ui-tabs-vertical ul,
[dir="rtl"] body section.clearfix article #processDateSearch .ui-tabs-vertical ul,
[dir="rtl"] body section.content article #taskDateSearch .ui-tabs-vertical ul,
[dir="rtl"] body section.clearfix article #taskDateSearch .ui-tabs-vertical ul,
[dir="rtl"] body section.content article #taskFinalParticipantSearch .ui-tabs-vertical ul,
[dir="rtl"] body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical ul,
[dir="rtl"] body section.content article .search-column .ui-tabs-vertical ul,
[dir="rtl"] body section.clearfix article .search-column .ui-tabs-vertical ul {
  border-left: 0.1rem solid #fff;
}
body section.content article #processDateSearch .ui-tabs-vertical .tabPanel,
body section.clearfix article #processDateSearch .ui-tabs-vertical .tabPanel,
body section.content article #taskDateSearch .ui-tabs-vertical .tabPanel,
body section.clearfix article #taskDateSearch .ui-tabs-vertical .tabPanel,
body section.content article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel,
body section.content article .search-column .ui-tabs-vertical .tabPanel,
body section.clearfix article .search-column .ui-tabs-vertical .tabPanel {
  min-height: 14rem;
  padding: 0.5rem 1rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
[dir="rtl"] body section.content article #processDateSearch .ui-tabs-vertical .tabPanel,
[dir="rtl"] body section.clearfix article #processDateSearch .ui-tabs-vertical .tabPanel,
[dir="rtl"] body section.content article #taskDateSearch .ui-tabs-vertical .tabPanel,
[dir="rtl"] body section.clearfix article #taskDateSearch .ui-tabs-vertical .tabPanel,
[dir="rtl"] body section.content article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel,
[dir="rtl"] body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel,
[dir="rtl"] body section.content article .search-column .ui-tabs-vertical .tabPanel,
[dir="rtl"] body section.clearfix article .search-column .ui-tabs-vertical .tabPanel {
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body section.content article #processDateSearch .ui-tabs-vertical .tabPanel label,
body section.clearfix article #processDateSearch .ui-tabs-vertical .tabPanel label,
body section.content article #taskDateSearch .ui-tabs-vertical .tabPanel label,
body section.clearfix article #taskDateSearch .ui-tabs-vertical .tabPanel label,
body section.content article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel label,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel label,
body section.content article .search-column .ui-tabs-vertical .tabPanel label,
body section.clearfix article .search-column .ui-tabs-vertical .tabPanel label {
  display: block;
  text-align: left;
  font-size: 11px;
  padding-top: 0.3rem;
  margin-bottom: 0;
}
[dir="rtl"] body section.content article #processDateSearch .ui-tabs-vertical .tabPanel label,
[dir="rtl"] body section.clearfix article #processDateSearch .ui-tabs-vertical .tabPanel label,
[dir="rtl"] body section.content article #taskDateSearch .ui-tabs-vertical .tabPanel label,
[dir="rtl"] body section.clearfix article #taskDateSearch .ui-tabs-vertical .tabPanel label,
[dir="rtl"] body section.content article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel label,
[dir="rtl"] body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel label,
[dir="rtl"] body section.content article .search-column .ui-tabs-vertical .tabPanel label,
[dir="rtl"] body section.clearfix article .search-column .ui-tabs-vertical .tabPanel label {
  text-align: right;
}
body section.content article #processDateSearch .ui-tabs-vertical .tabPanel input[type=text],
body section.clearfix article #processDateSearch .ui-tabs-vertical .tabPanel input[type=text],
body section.content article #taskDateSearch .ui-tabs-vertical .tabPanel input[type=text],
body section.clearfix article #taskDateSearch .ui-tabs-vertical .tabPanel input[type=text],
body section.content article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel input[type=text],
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel input[type=text],
body section.content article .search-column .ui-tabs-vertical .tabPanel input[type=text],
body section.clearfix article .search-column .ui-tabs-vertical .tabPanel input[type=text] {
  min-width: 8rem;
  width: 99%;
}
body section.content article #processDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
body section.clearfix article #processDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
body section.content article #taskDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
body section.clearfix article #taskDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
body section.content article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
body section.content article .search-column .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
body section.clearfix article .search-column .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker {
  min-width: 8rem;
  width: 75%;
  margin-right: 0.3rem;
}
[dir="rtl"] body section.content article #processDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
[dir="rtl"] body section.clearfix article #processDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
[dir="rtl"] body section.content article #taskDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
[dir="rtl"] body section.clearfix article #taskDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
[dir="rtl"] body section.content article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
[dir="rtl"] body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
[dir="rtl"] body section.content article .search-column .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
[dir="rtl"] body section.clearfix article .search-column .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker {
  margin-right: 0;
  margin-left: 0.3rem;
}
body section.content article #processDateSearch .ui-tabs-panel,
body section.clearfix article #processDateSearch .ui-tabs-panel,
body section.content article #taskDateSearch .ui-tabs-panel,
body section.clearfix article #taskDateSearch .ui-tabs-panel,
body section.content article #taskFinalParticipantSearch .ui-tabs-panel,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-panel,
body section.content article .search-column .ui-tabs-panel,
body section.clearfix article .search-column .ui-tabs-panel {
  background: #fff;
  border: 0.1rem solid #DDD;
  border-left: none;
  min-height: 9.5rem;
}
[dir="rtl"] body section.content article #processDateSearch .ui-tabs-panel,
[dir="rtl"] body section.clearfix article #processDateSearch .ui-tabs-panel,
[dir="rtl"] body section.content article #taskDateSearch .ui-tabs-panel,
[dir="rtl"] body section.clearfix article #taskDateSearch .ui-tabs-panel,
[dir="rtl"] body section.content article #taskFinalParticipantSearch .ui-tabs-panel,
[dir="rtl"] body section.clearfix article #taskFinalParticipantSearch .ui-tabs-panel,
[dir="rtl"] body section.content article .search-column .ui-tabs-panel,
[dir="rtl"] body section.clearfix article .search-column .ui-tabs-panel {
  border-left: 0.1rem solid #DDD;
  border-right: none;
}
body section.content article #processDateSearch .ui-tabs-panel input[type=text],
body section.clearfix article #processDateSearch .ui-tabs-panel input[type=text],
body section.content article #taskDateSearch .ui-tabs-panel input[type=text],
body section.clearfix article #taskDateSearch .ui-tabs-panel input[type=text],
body section.content article #taskFinalParticipantSearch .ui-tabs-panel input[type=text],
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-panel input[type=text],
body section.content article .search-column .ui-tabs-panel input[type=text],
body section.clearfix article .search-column .ui-tabs-panel input[type=text] {
  position: relative;
  margin-bottom: 0;
  width: 13rem;
  padding-right: 0;
}
[dir="rtl"] body section.content article #processDateSearch .ui-tabs-panel input[type=text],
[dir="rtl"] body section.clearfix article #processDateSearch .ui-tabs-panel input[type=text],
[dir="rtl"] body section.content article #taskDateSearch .ui-tabs-panel input[type=text],
[dir="rtl"] body section.clearfix article #taskDateSearch .ui-tabs-panel input[type=text],
[dir="rtl"] body section.content article #taskFinalParticipantSearch .ui-tabs-panel input[type=text],
[dir="rtl"] body section.clearfix article #taskFinalParticipantSearch .ui-tabs-panel input[type=text],
[dir="rtl"] body section.content article .search-column .ui-tabs-panel input[type=text],
[dir="rtl"] body section.clearfix article .search-column .ui-tabs-panel input[type=text] {
  padding-right: 0;
  padding-left: 0;
}
body section.content article #processDateSearch .ui-tabs-panel div label,
body section.clearfix article #processDateSearch .ui-tabs-panel div label,
body section.content article #taskDateSearch .ui-tabs-panel div label,
body section.clearfix article #taskDateSearch .ui-tabs-panel div label,
body section.content article #taskFinalParticipantSearch .ui-tabs-panel div label,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-panel div label,
body section.content article .search-column .ui-tabs-panel div label,
body section.clearfix article .search-column .ui-tabs-panel div label {
  position: relative;
}
body section.content article #processDateSearch .ui-tabs-panel div button.ui-datepicker-trigger,
body section.clearfix article #processDateSearch .ui-tabs-panel div button.ui-datepicker-trigger,
body section.content article #taskDateSearch .ui-tabs-panel div button.ui-datepicker-trigger,
body section.clearfix article #taskDateSearch .ui-tabs-panel div button.ui-datepicker-trigger,
body section.content article #taskFinalParticipantSearch .ui-tabs-panel div button.ui-datepicker-trigger,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-panel div button.ui-datepicker-trigger,
body section.content article .search-column .ui-tabs-panel div button.ui-datepicker-trigger,
body section.clearfix article .search-column .ui-tabs-panel div button.ui-datepicker-trigger {
  position: relative;
}
body section.content article #processDateSearch .ui-tabs-panel input[type=text]:focus,
body section.clearfix article #processDateSearch .ui-tabs-panel input[type=text]:focus,
body section.content article #taskDateSearch .ui-tabs-panel input[type=text]:focus,
body section.clearfix article #taskDateSearch .ui-tabs-panel input[type=text]:focus,
body section.content article #taskFinalParticipantSearch .ui-tabs-panel input[type=text]:focus,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-panel input[type=text]:focus,
body section.content article .search-column .ui-tabs-panel input[type=text]:focus,
body section.clearfix article .search-column .ui-tabs-panel input[type=text]:focus {
  -moz-box-shadow: 0 0 5 #3376ad;
  -webkit-box-shadow: 0 0 5 #3376ad;
  box-shadow: 0 0 5 #3376ad;
}
body section.content article #processDateSearch .smallForm,
body section.clearfix article #processDateSearch .smallForm,
body section.content article #taskDateSearch .smallForm,
body section.clearfix article #taskDateSearch .smallForm,
body section.content article #taskFinalParticipantSearch .smallForm,
body section.clearfix article #taskFinalParticipantSearch .smallForm,
body section.content article .search-column .smallForm,
body section.clearfix article .search-column .smallForm {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(10rem, auto);
}
body section.content article #processDateSearch .smallForm .field,
body section.clearfix article #processDateSearch .smallForm .field,
body section.content article #taskDateSearch .smallForm .field,
body section.clearfix article #taskDateSearch .smallForm .field,
body section.content article #taskFinalParticipantSearch .smallForm .field,
body section.clearfix article #taskFinalParticipantSearch .smallForm .field,
body section.content article .search-column .smallForm .field,
body section.clearfix article .search-column .smallForm .field {
  display: flex;
  flex-direction: column;
}
body section.content article #processDateSearch .no-bottom,
body section.clearfix article #processDateSearch .no-bottom,
body section.content article #taskDateSearch .no-bottom,
body section.clearfix article #taskDateSearch .no-bottom,
body section.content article #taskFinalParticipantSearch .no-bottom,
body section.clearfix article #taskFinalParticipantSearch .no-bottom,
body section.content article .search-column .no-bottom,
body section.clearfix article .search-column .no-bottom {
  margin-bottom: 0;
}
body section.content article #processDateSearch #specificDateFilterTab input[type=text],
body section.clearfix article #processDateSearch #specificDateFilterTab input[type=text],
body section.content article #taskDateSearch #specificDateFilterTab input[type=text],
body section.clearfix article #taskDateSearch #specificDateFilterTab input[type=text],
body section.content article #taskFinalParticipantSearch #specificDateFilterTab input[type=text],
body section.clearfix article #taskFinalParticipantSearch #specificDateFilterTab input[type=text],
body section.content article .search-column #specificDateFilterTab input[type=text],
body section.clearfix article .search-column #specificDateFilterTab input[type=text] {
  top: 0;
}
body section.content article #processDateSearch .ui-widget-header,
body section.clearfix article #processDateSearch .ui-widget-header,
body section.content article #taskDateSearch .ui-widget-header,
body section.clearfix article #taskDateSearch .ui-widget-header,
body section.content article #taskFinalParticipantSearch .ui-widget-header,
body section.clearfix article #taskFinalParticipantSearch .ui-widget-header,
body section.content article .search-column .ui-widget-header,
body section.clearfix article .search-column .ui-widget-header {
  border: none;
}
body section.content article #processDateSearch .ui-tabs-nav li,
body section.clearfix article #processDateSearch .ui-tabs-nav li,
body section.content article #taskDateSearch .ui-tabs-nav li,
body section.clearfix article #taskDateSearch .ui-tabs-nav li,
body section.content article #taskFinalParticipantSearch .ui-tabs-nav li,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-nav li,
body section.content article .search-column .ui-tabs-nav li,
body section.clearfix article .search-column .ui-tabs-nav li {
  font-size: 11px;
  border: none;
  background-color: transparent !important;
  max-width: 7.5rem !important;
}
body section.content article #processDateSearch .ui-buttonset .ui-button,
body section.clearfix article #processDateSearch .ui-buttonset .ui-button,
body section.content article #taskDateSearch .ui-buttonset .ui-button,
body section.clearfix article #taskDateSearch .ui-buttonset .ui-button,
body section.content article #taskFinalParticipantSearch .ui-buttonset .ui-button,
body section.clearfix article #taskFinalParticipantSearch .ui-buttonset .ui-button,
body section.content article .search-column .ui-buttonset .ui-button,
body section.clearfix article .search-column .ui-buttonset .ui-button {
  display: inline-block !important;
}
body section.content article #processDateSearch .ui-buttonset .ui-state-default,
body section.clearfix article #processDateSearch .ui-buttonset .ui-state-default,
body section.content article #taskDateSearch .ui-buttonset .ui-state-default,
body section.clearfix article #taskDateSearch .ui-buttonset .ui-state-default,
body section.content article #taskFinalParticipantSearch .ui-buttonset .ui-state-default,
body section.clearfix article #taskFinalParticipantSearch .ui-buttonset .ui-state-default,
body section.content article .search-column .ui-buttonset .ui-state-default,
body section.clearfix article .search-column .ui-buttonset .ui-state-default {
  background-color: transparent !important;
  border: none !important;
}
body section.content article #processDateSearch .ui-buttonset .ui-state-active,
body section.clearfix article #processDateSearch .ui-buttonset .ui-state-active,
body section.content article #taskDateSearch .ui-buttonset .ui-state-active,
body section.clearfix article #taskDateSearch .ui-buttonset .ui-state-active,
body section.content article #taskFinalParticipantSearch .ui-buttonset .ui-state-active,
body section.clearfix article #taskFinalParticipantSearch .ui-buttonset .ui-state-active,
body section.content article .search-column .ui-buttonset .ui-state-active,
body section.clearfix article .search-column .ui-buttonset .ui-state-active {
  -moz-box-shadow: 0 0 0.3rem #666;
  -webkit-box-shadow: 0 0 0.3rem #666;
  box-shadow: 0 0 0.3rem #666;
  z-index: 99;
}
body section.content article #processDateSearch .ui-buttonset .ui-state-active .ui-button-text,
body section.clearfix article #processDateSearch .ui-buttonset .ui-state-active .ui-button-text,
body section.content article #taskDateSearch .ui-buttonset .ui-state-active .ui-button-text,
body section.clearfix article #taskDateSearch .ui-buttonset .ui-state-active .ui-button-text,
body section.content article #taskFinalParticipantSearch .ui-buttonset .ui-state-active .ui-button-text,
body section.clearfix article #taskFinalParticipantSearch .ui-buttonset .ui-state-active .ui-button-text,
body section.content article .search-column .ui-buttonset .ui-state-active .ui-button-text,
body section.clearfix article .search-column .ui-buttonset .ui-state-active .ui-button-text {
  font-weight: 500;
}
body section.content article #taskDateSearch input[type=text],
body section.clearfix article #taskDateSearch input[type=text] {
  max-width: 14.5rem !important;
}
body section.content article.spaced,
body section.clearfix article.spaced {
  margin-bottom: 1.5rem;
}
body section.content article.full,
body section.clearfix article.full {
  min-width: 45rem;
  max-width: 76rem;
}
body section.content article input#pIDField,
body section.clearfix article input#pIDField {
  width: 18rem;
  margin-right: 0.5rem;
}
[dir="rtl"] body section.content article input#pIDField,
[dir="rtl"] body section.clearfix article input#pIDField {
  margin-right: 0;
  margin-left: 0.5rem;
}
body section.content article.first,
body section.clearfix article.first {
  margin-right: 2rem;
  max-width: 20rem;
  min-width: 20rem;
}
[dir="rtl"] body section.content article.first,
[dir="rtl"] body section.clearfix article.first {
  margin-right: 0;
  margin-left: 2rem;
}
body section.content article.step,
body section.clearfix article.step {
  padding: 0 0 1.5rem 0;
  margin-top: 0;
  /* Don't change this as it will affect RTL */
  /* Don't change this as it will affect RTL */
}
[dir="rtl"] body section.content article.step,
[dir="rtl"] body section.clearfix article.step {
  padding: 0 0 1.5rem 0;
}
body section.content article.step header,
body section.clearfix article.step header {
  padding: 0 2rem;
}
body section.content article.step div a,
body section.clearfix article.step div a {
  /*display: inline-block;
							font-size: @regular - 1;
							white-space: nowrap;
							max-width: 20rem;
							overflow: hidden;
							-ms-text-overflow: ellipsis;
							-o-text-overflow: ellipsis;
							text-overflow: ellipsis;*/
}
body section.content article.step div.subheader,
body section.clearfix article.step div.subheader {
  color: #000000;
  font-weight: 500;
  max-width: 75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0.5rem;
}
[dir="rtl"] body section.content article.step div.subheader,
[dir="rtl"] body section.clearfix article.step div.subheader {
  padding-right: 0;
  padding-left: 0.5rem;
}
body section.content article.step div.filter,
body section.clearfix article.step div.filter {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
body section.content article.step div.filter span,
body section.clearfix article.step div.filter span {
  padding-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: 300;
}
[dir="rtl"] body section.content article.step div.filter span,
[dir="rtl"] body section.clearfix article.step div.filter span {
  padding-right: 0;
  padding-left: 1rem;
}
body section.content article.step div.filter input,
body section.clearfix article.step div.filter input {
  margin-right: 0.3rem;
}
[dir="rtl"] body section.content article.step div.filter input,
[dir="rtl"] body section.clearfix article.step div.filter input {
  margin-right: 0;
  margin-left: 0.3rem;
}
body section.content article.step .fcBoxSlider,
body section.clearfix article.step .fcBoxSlider {
  margin-top: 1rem;
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
}
body section.content article.step .fcBoxSliderListWrap,
body section.clearfix article.step .fcBoxSliderListWrap {
  overflow: hidden;
  position: relative;
  height: 9rem;
  width: 100%;
  background-color: #ffffff;
  -moz-box-shadow: inset 0 0 0.2rem #999;
  -webkit-box-shadow: inset 0 0 0.2rem #999;
  box-shadow: inset 0 0 0.2rem #999;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
body section.content article.step .fcBoxSliderListWrap ul.fcBoxSliderList,
body section.clearfix article.step .fcBoxSliderListWrap ul.fcBoxSliderList {
  list-style: none;
  padding: 0.5rem;
  margin: 0;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  height: 100%;
  width: 100%;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
body section.content article.step .fcBoxSliderListWrap ul.fcBoxSliderList li,
body section.clearfix article.step .fcBoxSliderListWrap ul.fcBoxSliderList li {
  padding: 0.5rem 0.5rem;
  height: 100%;
  margin: 0;
  position: relative;
  top: 0;
}
body section.content article.step .fcBoxSliderListWrap ul.fcBoxSliderList li a,
body section.clearfix article.step .fcBoxSliderListWrap ul.fcBoxSliderList li a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  line-height: 2rem;
  vertical-align: middle;
  border-radius: 0.3rem;
  background: hsl(207, 100%, 30%);
  color: #fafafa;
  padding: 1rem 1rem;
  text-align: center;
  height: 7rem;
  max-height: 7rem;
  min-height: 7rem;
  width: 14rem;
  max-width: 14rem;
  font-weight: 400;
  font-size: 13px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
body section.content article.step .fcBoxSliderListWrap ul.fcBoxSliderList li a:hover,
body section.clearfix article.step .fcBoxSliderListWrap ul.fcBoxSliderList li a:hover {
  background: #3376ad;
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
}
body section.content article.step .fcBoxSliderPrev,
body section.clearfix article.step .fcBoxSliderPrev,
body section.content article.step .fcBoxSliderNext,
body section.clearfix article.step .fcBoxSliderNext {
  top: 0%;
  padding: 3rem 1rem;
  color: #333;
  font-weight: 500;
  margin: 0.5rem 0;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
body section.content article.step .fcBoxSliderPrev:before,
body section.clearfix article.step .fcBoxSliderPrev:before,
body section.content article.step .fcBoxSliderNext:before,
body section.clearfix article.step .fcBoxSliderNext:before {
  color: #006080;
  font-size: 15px;
}
body section.content article.step .fcBoxSliderPrev:hover,
body section.clearfix article.step .fcBoxSliderPrev:hover,
body section.content article.step .fcBoxSliderNext:hover,
body section.clearfix article.step .fcBoxSliderNext:hover {
  background-color: #f6f6f6;
  border-radius: 0.3rem;
}
body section.content article.step .fcBoxSliderPrev,
body section.clearfix article.step .fcBoxSliderPrev {
  margin-right: 0.5rem;
}
[dir="rtl"] body section.content article.step .fcBoxSliderPrev,
[dir="rtl"] body section.clearfix article.step .fcBoxSliderPrev {
  margin-right: 0;
  margin-left: 0.5rem;
}
body section.content article.step .fcBoxSliderPrev:before,
body section.clearfix article.step .fcBoxSliderPrev:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f053";
  font-weight: 700;
}
[dir="rtl"] body section.content article.step .fcBoxSliderPrev:before,
[dir="rtl"] body section.clearfix article.step .fcBoxSliderPrev:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f054";
  font-weight: 700;
}
body section.content article.step .fcBoxSliderNext,
body section.clearfix article.step .fcBoxSliderNext {
  margin-left: 0.5rem;
}
[dir="rtl"] body section.content article.step .fcBoxSliderNext,
[dir="rtl"] body section.clearfix article.step .fcBoxSliderNext {
  margin-left: 0;
  margin-right: 0.5rem;
}
body section.content article.step .fcBoxSliderNext:before,
body section.clearfix article.step .fcBoxSliderNext:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f054";
  font-weight: 700;
}
[dir="rtl"] body section.content article.step .fcBoxSliderNext:before,
[dir="rtl"] body section.clearfix article.step .fcBoxSliderNext:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f053";
  font-weight: 700;
}
body section.content article.step .fcBoxSliderNext,
body section.clearfix article.step .fcBoxSliderNext {
  right: 0;
}
body section.content article.step .fcBoxSliderPrev,
body section.clearfix article.step .fcBoxSliderPrev {
  left: 0;
}
body section.content article.step div.completed,
body section.clearfix article.step div.completed {
  font-size: 11px;
  margin-bottom: 1rem;
}
body section.content article.step div.completed div.subheader,
body section.clearfix article.step div.completed div.subheader {
  font-weight: 400;
  font-size: 11px;
  float: left;
}
[dir="rtl"] body section.content article.step div.completed div.subheader,
[dir="rtl"] body section.clearfix article.step div.completed div.subheader {
  float: right;
}
body section.content article.step div.completed div.subheader i,
body section.clearfix article.step div.completed div.subheader i {
  color: #51a351;
}
body section.content article.step div.completed div.subheader a.change,
body section.clearfix article.step div.completed div.subheader a.change {
  float: right !important;
  text-transform: none;
}
[dir="rtl"] body section.content article.step div.completed div.subheader a.change,
[dir="rtl"] body section.clearfix article.step div.completed div.subheader a.change {
  float: left !important;
}
body section.content article.step div.completed span,
body section.clearfix article.step div.completed span {
  font-weight: 500;
}
body section.content article.step input,
body section.clearfix article.step input {
  margin-top: 0;
}
body section.content article.step > div,
body section.clearfix article.step > div {
  padding: 0 2rem;
}
body section.content article#pendingTaskSelectors,
body section.clearfix article#pendingTaskSelectors {
  background-color: transparent;
}
body section.content article.gauges-wrapper,
body section.clearfix article.gauges-wrapper {
  border-radius: 0.3rem;
  background-color: #f6f6f6;
}
body section.content article.gauges-wrapper > header,
body section.clearfix article.gauges-wrapper > header {
  width: 100%;
}
body section.content article.gauges-wrapper > header h1,
body section.clearfix article.gauges-wrapper > header h1 {
  margin: 0;
  margin-bottom: 1rem;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 500;
}
body section.content article.gauges-wrapper > header h3,
body section.clearfix article.gauges-wrapper > header h3 {
  font-size: 12px;
  margin-top: 0;
  font-weight: 500;
  color: hsl(207, 100%, 25%);
  max-width: 76rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body section.content article.gauges-wrapper a,
body section.clearfix article.gauges-wrapper a {
  cursor: pointer;
  max-width: 100%;
  height: 100%;
  white-space: nowrap;
}
body section.content article.gauges-wrapper a:last-of-type div,
body section.clearfix article.gauges-wrapper a:last-of-type div {
  margin-right: 0;
}
[dir="rtl"] body section.content article.gauges-wrapper a:last-of-type div,
[dir="rtl"] body section.clearfix article.gauges-wrapper a:last-of-type div {
  margin-right: 0;
  margin-left: 0;
}
body section.content article.gauges-wrapper a > div,
body section.clearfix article.gauges-wrapper a > div {
  height: 100%;
}
body section.content article.gauges-wrapper a > .gauge,
body section.clearfix article.gauges-wrapper a > .gauge {
  display: grid;
  grid-template-areas: "icon number number" "status status status" "link link link";
  grid-template-columns: repeat(3, minmax(5rem, 1fr));
  grid-template-rows: auto min-content min-content;
  grid-auto-flow: column;
  grid-gap: 0.3rem;
  justify-items: flex-end;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body section.content article.gauges-wrapper a > .gauge i,
body section.clearfix article.gauges-wrapper a > .gauge i {
  grid-area: icon;
  opacity: 0.3;
  justify-self: flex-start;
  font-size: 5em;
}
body section.content article.gauges-wrapper a div,
body section.clearfix article.gauges-wrapper a div {
  padding: 1rem;
  background-color: #fff;
  color: #fff;
  border-radius: 0.3rem;
}
body section.content article.gauges-wrapper a div > .number,
body section.clearfix article.gauges-wrapper a div > .number {
  grid-area: number;
  grid-column: 1 / 4;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  max-width: 100%;
  line-height: 1;
}
body section.content article.gauges-wrapper a div div,
body section.clearfix article.gauges-wrapper a div div {
  padding: 0 0.1rem 0 0.1rem;
  font-size: 13px;
  font-weight: 400;
  background-color: transparent;
}
[dir="rtl"] body section.content article.gauges-wrapper a div div,
[dir="rtl"] body section.clearfix article.gauges-wrapper a div div {
  padding: 0 0.1rem 0 0.1rem;
}
body section.content article.gauges-wrapper a div div.link,
body section.clearfix article.gauges-wrapper a div div.link {
  text-transform: lowercase;
  font-size: 11px;
  font-weight: 700;
  grid-area: link;
  grid-column: 1 / 4;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 0.2rem;
}
body section.content article.gauges-wrapper a div div.status,
body section.clearfix article.gauges-wrapper a div div.status {
  grid-area: status;
  grid-column: 1 / 4;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 0.2rem;
}
body section.content article.gauges-wrapper a div div.filtered,
body section.clearfix article.gauges-wrapper a div div.filtered,
body section.content article.gauges-wrapper a div div.notFiltered,
body section.clearfix article.gauges-wrapper a div div.notFiltered {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0.3rem;
  justify-items: flex-end;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body section.content article.gauges-wrapper a div div.filtered,
body section.clearfix article.gauges-wrapper a div div.filtered {
  grid-template-areas: "icon number number" "totals totals totals";
  grid-template-columns: repeat(3, minmax(5rem, 1fr));
  grid-template-rows: auto min-content;
  height: 100%;
}
body section.content article.gauges-wrapper a div div.filtered div.totals,
body section.clearfix article.gauges-wrapper a div div.filtered div.totals {
  grid-area: totals;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
  font-size: 11px;
  padding-top: 0.4rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
}
body section.content article.gauges-wrapper a div div.filtered div.totals span,
body section.clearfix article.gauges-wrapper a div div.filtered div.totals span {
  font-size: 11px;
  padding-right: 0.5rem;
}
[dir="rtl"] body section.content article.gauges-wrapper a div div.filtered div.totals span,
[dir="rtl"] body section.clearfix article.gauges-wrapper a div div.filtered div.totals span {
  padding-right: 0;
  padding-left: 0.5rem;
}
body section.content article.gauges-wrapper a div div.notFiltered,
body section.clearfix article.gauges-wrapper a div div.notFiltered {
  display: grid;
  grid-template-areas: "icon number number" "status status status";
  grid-template-columns: repeat(3, minmax(5rem, 1fr));
  grid-template-rows: auto min-content;
  height: 100%;
}
body section.content article.gauges-wrapper a div div span,
body section.clearfix article.gauges-wrapper a div div span {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  white-space: pre-wrap;
}
body section.content article.gauges-wrapper a div span,
body section.clearfix article.gauges-wrapper a div span {
  font-size: 48px;
  font-weight: 300;
  display: inline-block;
}
body section.content article.gauges-wrapper a div i,
body section.clearfix article.gauges-wrapper a div i {
  font-size: 26px;
  opacity: 0.4;
  grid-area: icon;
  justify-self: flex-start;
}
body section.content article.gauges-wrapper a div.plainTile,
body section.clearfix article.gauges-wrapper a div.plainTile {
  background-color: #fafafa;
  color: inherit;
}
body section.content article.gauges-wrapper a div.plainTile div,
body section.clearfix article.gauges-wrapper a div.plainTile div,
body section.content article.gauges-wrapper a div.plainTile span,
body section.clearfix article.gauges-wrapper a div.plainTile span {
  background-color: inherit;
  color: inherit;
}
body section.content article.gauges-wrapper a div.plainTile div.link,
body section.clearfix article.gauges-wrapper a div.plainTile div.link {
  visibility: hidden;
}
body section.content article.gauges-wrapper a div.all,
body section.clearfix article.gauges-wrapper a div.all {
  background-color: #e2e2e2;
  color: #333;
}
body section.content article.gauges-wrapper a div.all div,
body section.clearfix article.gauges-wrapper a div.all div,
body section.content article.gauges-wrapper a div.all span,
body section.clearfix article.gauges-wrapper a div.all span {
  background-color: transparent;
  color: #333;
}
body section.content article.gauges-wrapper a div.all div.link,
body section.clearfix article.gauges-wrapper a div.all div.link {
  color: #aaaaaa;
  font-weight: 500;
}
body section.content article.gauges-wrapper a div.overdue,
body section.clearfix article.gauges-wrapper a div.overdue {
  background-color: #CC0000;
  color: #fff;
}
body section.content article.gauges-wrapper a div.overdue div,
body section.clearfix article.gauges-wrapper a div.overdue div,
body section.content article.gauges-wrapper a div.overdue span,
body section.clearfix article.gauges-wrapper a div.overdue span {
  background-color: transparent;
  color: #fff;
}
body section.content article.gauges-wrapper a div.overdue div.link,
body section.clearfix article.gauges-wrapper a div.overdue div.link {
  color: #ff9999;
  font-weight: 500;
}
body section.content article.gauges-wrapper a div.today,
body section.clearfix article.gauges-wrapper a div.today {
  background-color: #5d5d5d;
  color: #fff;
}
body section.content article.gauges-wrapper a div.today div,
body section.clearfix article.gauges-wrapper a div.today div,
body section.content article.gauges-wrapper a div.today span,
body section.clearfix article.gauges-wrapper a div.today span {
  background-color: transparent;
  color: #fff;
}
body section.content article.gauges-wrapper a div.today div.link,
body section.clearfix article.gauges-wrapper a div.today div.link {
  background-color: inherit;
  color: #c3c3c3;
  font-weight: 500;
}
body section.content article.gauges-wrapper a div.other,
body section.clearfix article.gauges-wrapper a div.other {
  background-color: #aaaaaa;
  color: #4d4d4d;
}
body section.content article.gauges-wrapper a div.other div,
body section.clearfix article.gauges-wrapper a div.other div,
body section.content article.gauges-wrapper a div.other span,
body section.clearfix article.gauges-wrapper a div.other span {
  background-color: transparent;
  color: #ffffff;
}
body section.content article.gauges-wrapper a div.other div.link,
body section.clearfix article.gauges-wrapper a div.other div.link {
  color: #e9e9e9;
  font-weight: 500;
  background-color: transparent;
}
body section.content article.gauges-wrapper a:hover > div,
body section.clearfix article.gauges-wrapper a:hover > div {
  -moz-box-shadow: 0 0 0.5rem #333;
  -webkit-box-shadow: 0 0 0.5rem #333;
  box-shadow: 0 0 0.5rem #333;
  border-radius: 0.3rem;
}
body section.content article.gauges-wrapper a:disabled,
body section.clearfix article.gauges-wrapper a:disabled,
body section.content article.gauges-wrapper a[disabled],
body section.clearfix article.gauges-wrapper a[disabled],
body section.content article.gauges-wrapper a.selected,
body section.clearfix article.gauges-wrapper a.selected {
  cursor: default;
  pointer-events: none;
  border-radius: 0.3rem;
}
body section.content article.gauges-wrapper a:disabled > div,
body section.clearfix article.gauges-wrapper a:disabled > div,
body section.content article.gauges-wrapper a[disabled] > div,
body section.clearfix article.gauges-wrapper a[disabled] > div {
  -moz-box-shadow: 0 0 0 #333 !important;
  -webkit-box-shadow: 0 0 0 #333 !important;
  box-shadow: 0 0 0 #333 !important;
  border-radius: 0.3rem;
}
body section.content article.gauges-wrapper a.selected > div,
body section.clearfix article.gauges-wrapper a.selected > div {
  -moz-box-shadow: 0 0 0.5rem #333 !important;
  -webkit-box-shadow: 0 0 0.5rem #333 !important;
  box-shadow: 0 0 0.5rem #333 !important;
  border-radius: 0.3rem;
}
body section.content article.gauges-wrapper a:hover > div.overdue .link,
body section.clearfix article.gauges-wrapper a:hover > div.overdue .link {
  color: #fff;
  font-weight: 700;
}
body section.content article.gauges-wrapper a:hover > div.today .link,
body section.clearfix article.gauges-wrapper a:hover > div.today .link,
body section.content article.gauges-wrapper a:hover > div.other .link,
body section.clearfix article.gauges-wrapper a:hover > div.other .link {
  color: #fff;
  font-weight: 700;
}
body section.content article.gauges-wrapper a:hover > div.all .link,
body section.clearfix article.gauges-wrapper a:hover > div.all .link {
  color: #3376ad;
  font-weight: 700;
}
body section.content article.taskHistory,
body section.clearfix article.taskHistory {
  padding: 0.5rem 1.5rem;
  background-color: #f6f6f6;
  margin-left: -1.5rem;
  margin-bottom: 1rem;
}
[dir="rtl"] body section.content article.taskHistory,
[dir="rtl"] body section.clearfix article.taskHistory {
  margin-left: 0;
  margin-right: -1.5rem;
}
body section.content .details-wrapper,
body section.clearfix .details-wrapper {
  padding: 1.5rem;
  background-color: #f6f6f6;
  border-radius: 0.3rem;
  -moz-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  margin-top: 1.5rem;
  overflow: hidden;
}
body section.content .details-wrapper .accountDetailsActions,
body section.clearfix .details-wrapper .accountDetailsActions {
  grid-area: accountActions;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 0 0 auto;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-end;
  align-self: flex-start;
}
body section.content .details-wrapper .accountProfile,
body section.clearfix .details-wrapper .accountProfile {
  grid-area: accountProfileImage;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: center;
  align-self: flex-start;
}
body section.content .details-wrapper .accountProfile:before,
body section.clearfix .details-wrapper .accountProfile:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  filter: opacity(60%);
  color: hsl(207, 100%, 25%);
  font-size: 7em;
  font-weight: 700;
}
body section.content .details-wrapper ol,
body section.clearfix .details-wrapper ol {
  list-style: none;
  position: relative;
  font-size: 14px;
  padding-left: 2rem;
}
[dir="rtl"] body section.content .details-wrapper ol,
[dir="rtl"] body section.clearfix .details-wrapper ol {
  padding-left: 0;
  padding-right: 2rem;
}
body section.content .details-wrapper ol i,
body section.clearfix .details-wrapper ol i {
  padding-right: 1rem;
}
[dir="rtl"] body section.content .details-wrapper ol i,
[dir="rtl"] body section.clearfix .details-wrapper ol i {
  padding-right: 0;
  padding-left: 1rem;
}
body section.content .details-wrapper div.newPasswordForm,
body section.clearfix .details-wrapper div.newPasswordForm {
  grid-area: newPasswordForm;
}
body section.content .details-wrapper div.newPasswordForm div.details,
body section.clearfix .details-wrapper div.newPasswordForm div.details,
body section.content .details-wrapper div.newPasswordForm div.password-rules,
body section.clearfix .details-wrapper div.newPasswordForm div.password-rules {
  width: 40%;
  display: block;
  vertical-align: top;
}
body section.content .details-wrapper div.password-rules,
body section.clearfix .details-wrapper div.password-rules {
  width: 85%;
  grid-area: passwordRules;
  align-self: flex-start;
}
body section.content .details-wrapper div.password-rules div.password-rules-box,
body section.clearfix .details-wrapper div.password-rules div.password-rules-box {
  display: flex;
  flex-direction: column;
  flex: 0 0 0;
  flex-wrap: nowrap;
  padding: 2rem;
  background-color: #fff;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
body section.content .details-wrapper div.details,
body section.clearfix .details-wrapper div.details {
  padding-bottom: 1rem;
  display: block;
}
body section.content .details-wrapper div.details div.editor,
body section.clearfix .details-wrapper div.details div.editor {
  display: block;
  margin-right: 1.5rem;
}
[dir="rtl"] body section.content .details-wrapper div.details div.editor,
[dir="rtl"] body section.clearfix .details-wrapper div.details div.editor {
  margin-right: 0;
  margin-left: 1.5rem;
}
body section.content .details-wrapper div.details h3,
body section.clearfix .details-wrapper div.details h3 {
  padding-bottom: 0.5rem;
  display: block;
  border-bottom: 0.1rem solid #e9e9e9;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
body section.content .details-wrapper div.details ul li,
body section.clearfix .details-wrapper div.details ul li {
  font-size: 14px;
  display: block;
  min-height: 3.7rem;
  max-width: 25rem;
  min-width: 25rem;
  padding-right: 1rem;
  text-align: left;
}
[dir="rtl"] body section.content .details-wrapper div.details ul li,
[dir="rtl"] body section.clearfix .details-wrapper div.details ul li {
  padding-right: 0;
  padding-left: 1rem;
}
[dir="rtl"] body section.content .details-wrapper div.details ul li,
[dir="rtl"] body section.clearfix .details-wrapper div.details ul li {
  text-align: right;
}
body section.content .details-wrapper div.details ul li label,
body section.clearfix .details-wrapper div.details ul li label {
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
[dir="rtl"] body section.content .details-wrapper div.details ul li label,
[dir="rtl"] body section.clearfix .details-wrapper div.details ul li label {
  text-align: right;
}
body section.content .details-wrapper div.details ul#status li,
body section.clearfix .details-wrapper div.details ul#status li {
  min-width: 10rem;
  max-width: 100%;
}
body section.content .details-wrapper div.details input[type=text],
body section.clearfix .details-wrapper div.details input[type=text],
body section.content .details-wrapper div.details input[type=password],
body section.clearfix .details-wrapper div.details input[type=password] {
  min-width: 22rem;
}
body section.content .details-wrapper div.changePasswordActions,
body section.clearfix .details-wrapper div.changePasswordActions {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: center;
}
body section.content .details-wrapper div.changePasswordActions input,
body section.clearfix .details-wrapper div.changePasswordActions input {
  margin-right: 0.5rem;
}
body section.content .details-wrapper div.form-field,
body section.clearfix .details-wrapper div.form-field {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
body section.content .details-wrapper div.form-field input,
body section.clearfix .details-wrapper div.form-field input,
body section.content .details-wrapper div.form-field a,
body section.clearfix .details-wrapper div.form-field a {
  min-width: 15rem;
  width: 15rem;
  max-width: 15rem;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  text-overflow: ellipsis;
}
body section.content .details-wrapper a#updateAccountInformation,
body section.clearfix .details-wrapper a#updateAccountInformation,
body section.content .details-wrapper a#changePassword,
body section.clearfix .details-wrapper a#changePassword,
body section.content .details-wrapper a#cancel,
body section.clearfix .details-wrapper a#cancel,
body section.content .details-wrapper input#updateAccountInformation,
body section.clearfix .details-wrapper input#updateAccountInformation {
  display: block;
  font-weight: 500;
  margin-right: 1.5rem;
  color: #fff;
  background-color: hsl(207, 100%, 30%);
  padding: 1rem;
  font-size: 12px;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  text-align: center;
}
[dir="rtl"] body section.content .details-wrapper a#updateAccountInformation,
[dir="rtl"] body section.clearfix .details-wrapper a#updateAccountInformation,
[dir="rtl"] body section.content .details-wrapper a#changePassword,
[dir="rtl"] body section.clearfix .details-wrapper a#changePassword,
[dir="rtl"] body section.content .details-wrapper a#cancel,
[dir="rtl"] body section.clearfix .details-wrapper a#cancel,
[dir="rtl"] body section.content .details-wrapper input#updateAccountInformation,
[dir="rtl"] body section.clearfix .details-wrapper input#updateAccountInformation {
  margin-right: 0;
  margin-left: 1.5rem;
}
body section.content .details-wrapper a#updateAccountInformation:hover,
body section.clearfix .details-wrapper a#updateAccountInformation:hover,
body section.content .details-wrapper a#changePassword:hover,
body section.clearfix .details-wrapper a#changePassword:hover,
body section.content .details-wrapper a#cancel:hover,
body section.clearfix .details-wrapper a#cancel:hover,
body section.content .details-wrapper input#updateAccountInformation:hover,
body section.clearfix .details-wrapper input#updateAccountInformation:hover {
  background-color: #3376ad;
  color: #fff;
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
}
body section.content label,
body section.clearfix label,
body section.content .field-label,
body section.clearfix .field-label {
  font-size: 11px;
  font-weight: 500;
}
body section.content .field-label,
body section.clearfix .field-label {
  color: #000000;
}
body section.content label,
body section.clearfix label {
  /*color: @darker-text-colour; //todo - white variable???*/
}
body section.content #grid_container #grid_groupbyarea,
body section.clearfix #grid_container #grid_groupbyarea {
  font-size: 11px;
}
body section.content #grid_container thead tr th,
body section.clearfix #grid_container thead tr th {
  border: none;
  font-size: 11px;
  font-weight: 700 !important;
  background-color: #DDD;
  color: #000000;
}
body section.content #grid_container thead tr th a,
body section.clearfix #grid_container thead tr th a {
  color: inherit;
  font-weight: 700 !important;
}
body section.content #grid_container thead tr th a span,
body section.clearfix #grid_container thead tr th a span {
  color: inherit;
  font-weight: 700 !important;
}
body section.content #grid_container thead tr .ui-iggrid-filtercell,
body section.clearfix #grid_container thead tr .ui-iggrid-filtercell {
  font-size: 13px;
}
body section.content #grid_container tbody tr td,
body section.clearfix #grid_container tbody tr td {
  font-size: 13px;
  border-bottom: 0.1rem solid #cfcfcf;
  vertical-align: bottom;
  padding: 0.5rem;
  padding-bottom: 1rem;
}
body section.content #pendingTaskRowTemplate tr td,
body section.clearfix #pendingTaskRowTemplate tr td {
  font-size: 11px;
}
body section .charts-wrapper * {
  font-style: normal;
}
body section .charts-wrapper .ui-corner-all {
  border: none;
}
body section .charts-wrapper .ui-corner-all .ui-chart-legend-item-text {
  font-size: 11px;
}
body section .charts-wrapper .chart {
  padding: 1rem 2rem 1rem 2rem;
  background-color: #f6f6f6;
}
body section .charts-wrapper .chart header h3 {
  font-size: 1.2rem;
  margin-top: 0;
  font-weight: 500;
  color: hsl(207, 100%, 25%);
  max-width: 76rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 99%;
  padding-bottom: 0.2rem;
}
body section .charts-wrapper .chart header h5 {
  max-width: 36rem;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body section .charts-wrapper .chart .container {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-areas: "chartContainer legendContainer";
  grid-template-columns: auto minmax(13rem, 1fr);
  grid-template-rows: auto;
  vertical-align: middle;
  align-items: center;
  justify-items: center;
}
body section .charts-wrapper .chart .container > :first-child {
  grid-area: chartContainer;
}
body section .charts-wrapper .chart .noData {
  color: #aaaaaa;
  font-size: 25px;
  font-weight: 300;
}
body section.trackingProcessResults,
body section.trackingTasksResults,
body section.archiveProcessResults,
body section.archiveTasksResults {
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-gap: 0.5em;
  grid-template-areas: "header header" "message message" "topPager topPager" "itemList itemList" "bottomPager bottomPager";
  grid-template-columns: auto auto;
  grid-template-rows: auto auto auto auto auto auto;
}
body section.trackingProcessResults header,
body section.trackingTasksResults header,
body section.archiveProcessResults header,
body section.archiveTasksResults header {
  grid-area: header;
}
body section.trackingProcessResults p,
body section.trackingTasksResults p,
body section.archiveProcessResults p,
body section.archiveTasksResults p {
  grid-area: message;
  font-weight: 300;
}
body section.trackingProcessResults .paging,
body section.trackingTasksResults .paging,
body section.archiveProcessResults .paging,
body section.archiveTasksResults .paging {
  grid-area: topPager;
}
body section.trackingProcessResults .bottom,
body section.trackingTasksResults .bottom,
body section.archiveProcessResults .bottom,
body section.archiveTasksResults .bottom {
  grid-area: bottomPager;
}
body section.instance-layout,
body section.process-result {
  padding-right: 1rem;
  display: grid;
  grid-gap: 1rem;
  width: 100%;
}
[dir="rtl"] body section.instance-layout,
[dir="rtl"] body section.process-result {
  padding-right: 0;
  padding-left: 1rem;
}
body section.instance-layout header h1,
body section.process-result header h1 {
  border-bottom: 0.1rem solid #f6f6f6;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  max-width: 100%;
  padding: 0 0.1rem 0 0.1rem;
}
[dir="rtl"] body section.instance-layout header h1,
[dir="rtl"] body section.process-result header h1 {
  padding: 0 0.1rem 0 0.1rem;
}
body section.forms-layout {
  display: grid;
  grid-gap: 1rem;
  min-width: 50rem;
  max-width: 136.6rem;
}
body section.forms-layout .taskId {
  display: inline-block;
  width: auto;
  top: auto;
  font-size: 14px;
  font-weight: 500;
  position: relative;
}
body section.forms-layout header h1 {
  border-bottom: 0.1rem solid #f6f6f6;
  max-width: 100%;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
body section.forms-layout .actions-bar {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
body section.forms-layout .actions-bar #branchHistory,
body section.forms-layout .actions-bar .action-item {
  display: block;
  margin-right: 1.5rem;
}
[dir="rtl"] body section.forms-layout .actions-bar #branchHistory,
[dir="rtl"] body section.forms-layout .actions-bar .action-item {
  margin-right: 0;
  margin-left: 1.5rem;
}
body section.forms-layout .actions-bar #branchHistory a,
body section.forms-layout .actions-bar .action-item a {
  font-size: 11px;
  display: inline-block;
  font-weight: 500;
}
body section.forms-layout .actions-bar #branchHistory a span.number,
body section.forms-layout .actions-bar .action-item a span.number {
  background-color: #898989;
  color: #fff;
  padding: 0.1rem 0.3rem;
  font-size: 13px;
  display: inline-block;
  border-radius: 0.4rem;
}
body section.forms-layout .actions-bar #branchHistory a:hover span.number,
body section.forms-layout .actions-bar .action-item a:hover span.number {
  background-color: #275b86;
}
body section#pendingTasks nav {
  margin-bottom: 0;
  grid-area: pendingGauges;
  width: 100%;
  padding-right: 0.5rem;
}
[dir="rtl"] body section#pendingTasks nav {
  padding-right: 0;
  padding-left: 0.5rem;
}
body section#pendingTasks nav label {
  margin-bottom: 0.5rem;
  display: block;
}
body section#pendingTasks nav .gauges-wrapper {
  display: grid;
  grid-template-areas: "header header header header" ". . . .";
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto auto;
  grid-gap: 0.5rem;
  justify-items: flex-start;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  overflow: hidden;
  padding: 0.5rem;
}
body section#pendingTasks nav .gauges-wrapper .main-number {
  font-size: 48px;
}
body section#pendingTasks nav .gauges-wrapper .message {
  font-size: 13px;
  font-weight: 400;
  padding-left: 0.3rem;
}
[dir="rtl"] body section#pendingTasks nav .gauges-wrapper .message {
  padding-left: 0;
  padding-right: 0.3rem;
}
body section#pendingTasks nav .gauges-wrapper > header {
  width: auto;
  align-self: center;
  grid-area: header;
}
body section#pendingTasks nav .gauges-wrapper a {
  margin-bottom: 0;
  width: 100%;
  max-width: 100%;
}
body section#pendingTasks nav div.pendingTaskSelectors {
  padding-bottom: 1.5rem;
}
body section#pendingTasks nav div.pendingTaskSelectors a {
  background: #fafafa;
  display: inline-block;
  padding: 0.5rem 1.5rem;
  min-width: 16.5rem;
  color: #fafafa;
}
body section#pendingTasks nav div.pendingTaskSelectors a div {
  background: transparent;
  color: #fafafa;
  font-size: 13px;
  font-weight: 700;
}
body section#pendingTasks nav div.pendingTaskSelectors a div .main-number {
  font-size: 48px;
  color: #fafafa;
  font-weight: 400;
}
body section#pendingTasks nav div.pendingTaskSelectors a:hover {
  -moz-box-shadow: 0 0 0.5rem #333;
  -webkit-box-shadow: 0 0 0.5rem #333;
  box-shadow: 0 0 0.5rem #333;
}
body section#pendingTasks nav div.pendingTaskSelectors a.selected {
  background: hsl(207, 100%, 30%);
  color: #fff;
  -moz-box-shadow: 0 0 1rem #222;
  -webkit-box-shadow: 0 0 1rem #222;
  box-shadow: 0 0 1rem #222;
}
body section#pendingTasks nav div.pendingTaskSelectors a.selected div {
  color: #fff;
}
body section#pendingTasks nav div.pendingTaskSelectors a.selected div span.main-number {
  color: #fff;
  font-size: 48px;
}
body section#pendingTasks nav div.pendingTaskSelectors a#overdue,
body section#pendingTasks nav div.pendingTaskSelectors a#today {
  background: #CC0000 !important;
  color: #fff !important;
}
body section#pendingTasks nav div.pendingTaskSelectors a#overdue div,
body section#pendingTasks nav div.pendingTaskSelectors a#today div,
body section#pendingTasks nav div.pendingTaskSelectors a#overdue span,
body section#pendingTasks nav div.pendingTaskSelectors a#today span {
  color: #fff;
}
body section#pendingTasks nav div.pendingTaskSelectors a#today {
  background-color: #5d5d5d !important;
}
body section#pendingTasks nav div.pendingTaskSelectors a#other {
  background: #909090 !important;
}
body section#pendingTasks nav div.pendingTaskSelectors a#other div,
body section#pendingTasks nav div.pendingTaskSelectors a#other span {
  color: #fff;
}
body section#pendingTasks nav div.pendingTaskSelectors a#all {
  background: #c3c3c3 !important;
  margin-right: 0;
}
[dir="rtl"] body section#pendingTasks nav div.pendingTaskSelectors a#all {
  margin-right: 0;
  margin-left: 0;
}
body section#pendingTasks nav div.pendingTaskSelectors a#all div,
body section#pendingTasks nav div.pendingTaskSelectors a#all span {
  color: #fff;
}
body section#pendingTasks nav div.pendingTaskSelectors a:disabled,
body section#pendingTasks nav div.pendingTaskSelectors a[disabled] {
  cursor: default;
  pointer-events: none;
}
body section#pendingTasks nav div.pendingTaskSelectors a:disabled:hover,
body section#pendingTasks nav div.pendingTaskSelectors a[disabled]:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
body section#pendingTasks .group {
  align-content: flex-start;
}
body section#processInstance #processBranchesAccordion li,
body section#assignTask #processBranchesAccordion li,
body section#taskGrid #processBranchesAccordion li {
  background: #e9e9e9;
}
body section#processInstance ul.branchTaskList li div.about,
body section#assignTask ul.branchTaskList li div.about,
body section#taskGrid ul.branchTaskList li div.about {
  display: block;
  flex-direction: row;
  vertical-align: middle;
}
body section#processInstance ul.branchTaskList li div.about label,
body section#assignTask ul.branchTaskList li div.about label,
body section#taskGrid ul.branchTaskList li div.about label {
  font-weight: 400;
}
body section#processInstance ul.branchTaskList li div.about span,
body section#assignTask ul.branchTaskList li div.about span,
body section#taskGrid ul.branchTaskList li div.about span {
  font-weight: 700;
  font-size: 12px;
  color: #595959;
}
body section#processInstance ul.branchTaskList li div.about span a,
body section#assignTask ul.branchTaskList li div.about span a,
body section#taskGrid ul.branchTaskList li div.about span a {
  font-weight: 700;
}
body section#processInstance ul.branchTaskList li div.metadata label,
body section#assignTask ul.branchTaskList li div.metadata label,
body section#taskGrid ul.branchTaskList li div.metadata label {
  font-size: 11px !important;
  font-weight: 400;
  color: #666666;
  margin-top: 0.4rem !important;
  margin-bottom: 0 !important;
}
body section#processInstance ul.branchTaskList li div.metadata div.item,
body section#assignTask ul.branchTaskList li div.metadata div.item,
body section#taskGrid ul.branchTaskList li div.metadata div.item {
  font-size: 12px !important;
  color: #666666 !important;
}
body section#processInstance ul li,
body section#assignTask ul li,
body section#taskGrid ul li {
  background: #f6f6f6;
}
body section#processInstance ul li div.details,
body section#assignTask ul li div.details,
body section#taskGrid ul li div.details,
body section#processInstance ul li div.metadata,
body section#assignTask ul li div.metadata,
body section#taskGrid ul li div.metadata {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  vertical-align: middle;
  overflow: hidden;
}
body section#processInstance ul li div.details div.title,
body section#assignTask ul li div.details div.title,
body section#taskGrid ul li div.details div.title,
body section#processInstance ul li div.details div.title-pending-task,
body section#assignTask ul li div.details div.title-pending-task,
body section#taskGrid ul li div.details div.title-pending-task {
  font-size: 18px;
  font-weight: 400;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  color: #666666;
}
body section#processInstance ul li div.details div.title a,
body section#assignTask ul li div.details div.title a,
body section#taskGrid ul li div.details div.title a,
body section#processInstance ul li div.details div.title-pending-task a,
body section#assignTask ul li div.details div.title-pending-task a,
body section#taskGrid ul li div.details div.title-pending-task a {
  font-weight: 400;
  color: #275b86;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  display: inline-block;
  max-width: 100%;
}
body section#processInstance ul li div.details div.title a:hover,
body section#assignTask ul li div.details div.title a:hover,
body section#taskGrid ul li div.details div.title a:hover,
body section#processInstance ul li div.details div.title-pending-task a:hover,
body section#assignTask ul li div.details div.title-pending-task a:hover,
body section#taskGrid ul li div.details div.title-pending-task a:hover {
  color: #3376ad;
}
body section#processInstance ul li div.details div.about,
body section#assignTask ul li div.details div.about,
body section#taskGrid ul li div.details div.about {
  margin-top: 0.5rem;
}
body section#processInstance ul li div.details div.about label,
body section#assignTask ul li div.details div.about label,
body section#taskGrid ul li div.details div.about label {
  display: inline-block;
  font-weight: 400;
  font-size: 11px;
  margin-right: 0.4rem;
}
[dir="rtl"] body section#processInstance ul li div.details div.about label,
[dir="rtl"] body section#assignTask ul li div.details div.about label,
[dir="rtl"] body section#taskGrid ul li div.details div.about label {
  margin-right: 0;
  margin-left: 0.4rem;
}
body section#processInstance ul li div.details div.about span,
body section#assignTask ul li div.details div.about span,
body section#taskGrid ul li div.details div.about span {
  display: inline-block;
  font-weight: 700;
  font-size: 11px;
  margin-right: 0.4rem;
}
[dir="rtl"] body section#processInstance ul li div.details div.about span,
[dir="rtl"] body section#assignTask ul li div.details div.about span,
[dir="rtl"] body section#taskGrid ul li div.details div.about span {
  margin-right: 0;
  margin-left: 0.4rem;
}
body section#processInstance ul li div.details div.about span a,
body section#assignTask ul li div.details div.about span a,
body section#taskGrid ul li div.details div.about span a {
  font-weight: bold;
  color: #275b86 !important;
}
body section#processInstance ul li div.details div.about span a:hover,
body section#assignTask ul li div.details div.about span a:hover,
body section#taskGrid ul li div.details div.about span a:hover {
  color: #3376ad !important;
}
body section#processInstance ul li div.details div.about a.see-details,
body section#assignTask ul li div.details div.about a.see-details,
body section#taskGrid ul li div.details div.about a.see-details,
body section#processInstance ul li div.details div.about a.see-pending-details,
body section#assignTask ul li div.details div.about a.see-pending-details,
body section#taskGrid ul li div.details div.about a.see-pending-details {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.3rem;
  font-size: 11px;
  color: #275b86;
}
body section#processInstance ul li div.details div.about a.see-details:hover,
body section#assignTask ul li div.details div.about a.see-details:hover,
body section#taskGrid ul li div.details div.about a.see-details:hover,
body section#processInstance ul li div.details div.about a.see-pending-details:hover,
body section#assignTask ul li div.details div.about a.see-pending-details:hover,
body section#taskGrid ul li div.details div.about a.see-pending-details:hover {
  color: #3376ad;
}
body section#processInstance ul li div.metadata,
body section#assignTask ul li div.metadata,
body section#taskGrid ul li div.metadata {
  background: #dddddd;
  font-size: 11px;
  height: 100%;
  justify-content: center;
  -moz-border-radius: 0 0.3rem 0.3rem 0;
  -webkit-border-radius: 0 0.3rem 0.3rem 0;
  -khtml-border-radius: 0 0.3rem 0.3rem 0;
  border-radius: 0 0.3rem 0.3rem 0;
}
[dir="rtl"] body section#processInstance ul li div.metadata,
[dir="rtl"] body section#assignTask ul li div.metadata,
[dir="rtl"] body section#taskGrid ul li div.metadata {
  -moz-border-radius: 0.3rem 0 0 0.3rem;
  -webkit-border-radius: 0.3rem 0 0 0.3rem;
  -khtml-border-radius: 0.3rem 0 0 0.3rem;
  border-radius: 0.3rem 0 0 0.3rem;
}
body section#processInstance ul li div.metadata label,
body section#assignTask ul li div.metadata label,
body section#taskGrid ul li div.metadata label,
body section#processInstance ul li div.metadata div.item,
body section#assignTask ul li div.metadata div.item,
body section#taskGrid ul li div.metadata div.item {
  display: block;
  text-align: right;
  font-size: 11px;
}
[dir="rtl"] body section#processInstance ul li div.metadata label,
[dir="rtl"] body section#assignTask ul li div.metadata label,
[dir="rtl"] body section#taskGrid ul li div.metadata label,
[dir="rtl"] body section#processInstance ul li div.metadata div.item,
[dir="rtl"] body section#assignTask ul li div.metadata div.item,
[dir="rtl"] body section#taskGrid ul li div.metadata div.item {
  text-align: left;
}
body section#processInstance ul li div.metadata div.item,
body section#assignTask ul li div.metadata div.item,
body section#taskGrid ul li div.metadata div.item {
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #666666 !important;
}
body section#processInstance article#processBranches header div.showme,
body section#assignTask article#processBranches header div.showme,
body section#taskGrid article#processBranches header div.showme {
  margin: 1rem 0 0.5rem 0;
  color: #666666;
  font-size: 10px;
  background: #f6f6f6;
  padding: 0.5rem 1rem;
  border-radius: 0.3rem;
}
[dir="rtl"] body section#processInstance article#processBranches header div.showme,
[dir="rtl"] body section#assignTask article#processBranches header div.showme,
[dir="rtl"] body section#taskGrid article#processBranches header div.showme {
  margin: 1rem 0 0.5rem 0;
}
body section#processInstance article#processBranches header div.showme a,
body section#assignTask article#processBranches header div.showme a,
body section#taskGrid article#processBranches header div.showme a {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  margin-left: 1rem;
}
[dir="rtl"] body section#processInstance article#processBranches header div.showme a,
[dir="rtl"] body section#assignTask article#processBranches header div.showme a,
[dir="rtl"] body section#taskGrid article#processBranches header div.showme a {
  margin-left: 0;
  margin-right: 1rem;
}
body section#processInstance article#processBranches .ui-accordion,
body section#assignTask article#processBranches .ui-accordion,
body section#taskGrid article#processBranches .ui-accordion {
  border: none !important;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header {
  background: #a6a6a6;
  padding: 1.5rem;
  color: #fff;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  display: grid;
  grid-gap: 1rem;
  grid-template-areas: "count . icon";
  grid-template-columns: minmax(min-content, 0.07fr) auto 1.5rem;
  grid-template-rows: auto;
  align-content: center;
  justify-items: flex-start;
  width: 100%;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header.ui-state-hover:not(.ui-state-active),
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header.ui-state-hover:not(.ui-state-active),
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header.ui-state-hover:not(.ui-state-active) {
  background: #224e72;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header label.count,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header label.count,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header label.count {
  grid-area: count;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #efefef;
  padding: 0.2rem 1rem;
  color: #666666;
  font-size: 23px;
  width: 100%;
  max-width: 100%;
  text-align: center;
  vertical-align: middle;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header div.status,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header div.status,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header div.status {
  color: #f6f6f6;
  display: block;
  font-size: 11px;
  font-weight: 700;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header .ui-accordion-header-icon,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header .ui-accordion-header-icon,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  grid-area: icon;
  justify-self: center;
  align-self: center;
  position: relative;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header-active,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header-active,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header-active {
  background: #333;
  font-weight: 300;
  font-size: 18px;
  cursor: default;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header-active label.count,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header-active label.count,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header-active label.count {
  background: #fafafa;
  padding: 0.2rem 1rem;
  color: #666666;
  font-size: 28px;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header-active div.status,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header-active div.status,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header-active div.status {
  color: #f6f6f6;
  display: block;
  font-size: 11px;
  font-weight: 400;
}
body section#processInstance article#processBranches .ui-accordion .ui-helper-reset,
body section#assignTask article#processBranches .ui-accordion .ui-helper-reset,
body section#taskGrid article#processBranches .ui-accordion .ui-helper-reset {
  border: none !important;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-content,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-content,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-content {
  padding: 1.5rem;
  background: #f6f6f6;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-content h3,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-content h3,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-content h3 {
  margin-bottom: 1rem;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-content h4,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-content h4,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-content h4 {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
body section#processInstance ul.branchTaskList,
body section#assignTask ul.branchTaskList,
body section#taskGrid ul.branchTaskList {
  display: grid;
  grid-gap: 0.5em;
}
body section#processInstance ul.branchTaskList li div.details div.id,
body section#assignTask ul.branchTaskList li div.details div.id,
body section#taskGrid ul.branchTaskList li div.details div.id {
  padding-bottom: 0.3rem;
  font-size: 12px;
}
body section#processInstance ul.branchTaskList li div.details div.id span,
body section#assignTask ul.branchTaskList li div.details div.id span,
body section#taskGrid ul.branchTaskList li div.details div.id span {
  font-weight: 700;
}
body section#processInstance ul.branchTaskList li div.details div.id span a,
body section#assignTask ul.branchTaskList li div.details div.id span a,
body section#taskGrid ul.branchTaskList li div.details div.id span a {
  font-weight: 700;
}
body section#processInstance #toggleTaskHistory,
body section#assignTask #toggleTaskHistory,
body section#taskGrid #toggleTaskHistory {
  display: block;
  margin-bottom: 1.5rem;
  font-size: 11px;
}
body section#processInstance #pendingTaskHistory,
body section#assignTask #pendingTaskHistory,
body section#taskGrid #pendingTaskHistory,
body section#processInstance #trackingTaskHistory,
body section#assignTask #trackingTaskHistory,
body section#taskGrid #trackingTaskHistory,
body section#processInstance #archiveTaskHistory,
body section#assignTask #archiveTaskHistory,
body section#taskGrid #archiveTaskHistory {
  background: #fdfdfd;
  padding: 0.5rem 1.2rem;
  margin-bottom: 1.5rem;
}
body section#processInstance #pendingTaskHistory h3,
body section#assignTask #pendingTaskHistory h3,
body section#taskGrid #pendingTaskHistory h3,
body section#processInstance #trackingTaskHistory h3,
body section#assignTask #trackingTaskHistory h3,
body section#taskGrid #trackingTaskHistory h3,
body section#processInstance #archiveTaskHistory h3,
body section#assignTask #archiveTaskHistory h3,
body section#taskGrid #archiveTaskHistory h3 {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: hsl(207, 100%, 30%);
}
body section#processInstance #pendingTaskHistory h3 a.control,
body section#assignTask #pendingTaskHistory h3 a.control,
body section#taskGrid #pendingTaskHistory h3 a.control,
body section#processInstance #trackingTaskHistory h3 a.control,
body section#assignTask #trackingTaskHistory h3 a.control,
body section#taskGrid #trackingTaskHistory h3 a.control,
body section#processInstance #archiveTaskHistory h3 a.control,
body section#assignTask #archiveTaskHistory h3 a.control,
body section#taskGrid #archiveTaskHistory h3 a.control {
  text-transform: lowercase;
  font-weight: 400;
  font-size: 11px;
}
body section#processResult .forms-canvas a {
  display: inline-block;
}
body section .trackingProcessSearchForm,
body section .trackingTaskSearchForm,
body section .archiveProcessSearchForm,
body section .archiveTaskSearchForm {
  display: grid;
  grid-template-columns: minmax(55rem, auto);
  grid-gap: 1rem;
}
body section#trackingSearch #trackingStep,
body section#archiveSearch #trackingStep,
body section#trackingSearch #archiveStep,
body section#archiveSearch #archiveStep {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
body section#trackingSearch #trackingStep nav,
body section#archiveSearch #trackingStep nav,
body section#trackingSearch #archiveStep nav,
body section#archiveSearch #archiveStep nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-content: flex-start;
}
body section#trackingSearch #trackingStep nav a,
body section#archiveSearch #trackingStep nav a,
body section#trackingSearch #archiveStep nav a,
body section#archiveSearch #archiveStep nav a {
  margin-right: 1rem;
  display: block;
  padding: 1rem 1.5rem;
  background-color: hsl(207, 100%, 30%);
  color: #fff;
  font-size: 26px;
  font-weight: 300;
  max-width: 30rem;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
[dir="rtl"] body section#trackingSearch #trackingStep nav a,
[dir="rtl"] body section#archiveSearch #trackingStep nav a,
[dir="rtl"] body section#trackingSearch #archiveStep nav a,
[dir="rtl"] body section#archiveSearch #archiveStep nav a {
  margin-right: 0;
  margin-left: 1rem;
}
body section#trackingSearch #trackingStep nav a:hover,
body section#archiveSearch #trackingStep nav a:hover,
body section#trackingSearch #archiveStep nav a:hover,
body section#archiveSearch #archiveStep nav a:hover {
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
  background-color: #3376ad;
}
body section#trackingSearch #trackingStep nav a.selected,
body section#archiveSearch #trackingStep nav a.selected,
body section#trackingSearch #archiveStep nav a.selected,
body section#archiveSearch #archiveStep nav a.selected {
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
  background-color: #3376ad;
}
body section.archiveSearch,
body section.trackingSearch {
  margin-bottom: 1.5rem;
}
body section#trackingProcessSearch > nav,
body section#archiveProcessSearch > nav,
body section#trackingTaskSearch > nav,
body section#archiveTaskSearch > nav {
  margin-top: 1.5rem;
}
body section#trackingProcessSearch nav.spaced a.notfound,
body section#archiveProcessSearch nav.spaced a.notfound,
body section#trackingTaskSearch nav.spaced a.notfound,
body section#archiveTaskSearch nav.spaced a.notfound {
  font-size: 13px;
  padding-top: 0.5rem;
}
body section#trackingProcessSearch #quickSearch,
body section#archiveProcessSearch #quickSearch,
body section#trackingTaskSearch #quickSearch,
body section#archiveTaskSearch #quickSearch {
  padding-bottom: 1rem;
  display: grid;
  grid-gap: 0.5rem;
  grid-template-areas: "header header header" "quickSearchContent quickSearchContent quickSearchContent" "quickSearchMessage quickSearchMessage quickSearchMessage";
  grid-template-columns: repeat(3, minmax(0, auto));
  grid-template-rows: repeat(3, minmax(0, auto));
  border-radius: 0.3rem;
}
body section#trackingProcessSearch #quickSearch header,
body section#archiveProcessSearch #quickSearch header,
body section#trackingTaskSearch #quickSearch header,
body section#archiveTaskSearch #quickSearch header {
  grid-area: header;
}
body section#trackingProcessSearch #advancedSearch,
body section#archiveProcessSearch #advancedSearch,
body section#trackingTaskSearch #advancedSearch,
body section#archiveTaskSearch #advancedSearch {
  overflow: hidden;
  padding-bottom: 1.5rem;
  display: grid;
  grid-gap: 1rem;
  grid-template-areas: "header " "description" "." "." "showme";
  grid-template-columns: auto;
  grid-template-rows: repeat(5, min-content);
  border-radius: 0.3rem;
}
body section#trackingProcessSearch #advancedSearch .columnContainer,
body section#archiveProcessSearch #advancedSearch .columnContainer,
body section#trackingTaskSearch #advancedSearch .columnContainer,
body section#archiveTaskSearch #advancedSearch .columnContainer {
  display: grid;
  grid-template-columns: 0.5fr 0.5fr;
  grid-gap: 1rem;
  justify-self: stretch;
  flex-wrap: wrap;
  flex: 0 0 auto;
  align-content: center;
  max-width: 100%;
}
body section#trackingProcessSearch #advancedSearch h2,
body section#archiveProcessSearch #advancedSearch h2,
body section#trackingTaskSearch #advancedSearch h2,
body section#archiveTaskSearch #advancedSearch h2 {
  margin-bottom: 0;
}
body section#trackingProcessSearch #advancedSearch p,
body section#archiveProcessSearch #advancedSearch p,
body section#trackingTaskSearch #advancedSearch p,
body section#archiveTaskSearch #advancedSearch p {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  grid-area: description;
}
body section#trackingProcessSearch #advancedSearch header,
body section#archiveProcessSearch #advancedSearch header,
body section#trackingTaskSearch #advancedSearch header,
body section#archiveTaskSearch #advancedSearch header {
  grid-area: header;
}
body section#trackingProcessSearch #advancedSearch .column,
body section#archiveProcessSearch #advancedSearch .column,
body section#trackingTaskSearch #advancedSearch .column,
body section#archiveTaskSearch #advancedSearch .column {
  display: grid;
  grid-template-rows: min-content;
  grid-gap: 1rem;
  justify-items: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  border-radius: 0.3rem;
  max-width: 100%;
}
body section#trackingProcessSearch #advancedSearch .column #processInformation,
body section#archiveProcessSearch #advancedSearch .column #processInformation,
body section#trackingTaskSearch #advancedSearch .column #processInformation,
body section#archiveTaskSearch #advancedSearch .column #processInformation,
body section#trackingProcessSearch #advancedSearch .column #taskInformation,
body section#archiveProcessSearch #advancedSearch .column #taskInformation,
body section#trackingTaskSearch #advancedSearch .column #taskInformation,
body section#archiveTaskSearch #advancedSearch .column #taskInformation,
body section#trackingProcessSearch #advancedSearch .column #statusInformation,
body section#archiveProcessSearch #advancedSearch .column #statusInformation,
body section#trackingTaskSearch #advancedSearch .column #statusInformation,
body section#archiveTaskSearch #advancedSearch .column #statusInformation,
body section#trackingProcessSearch #advancedSearch .column #startedBy,
body section#archiveProcessSearch #advancedSearch .column #startedBy,
body section#trackingTaskSearch #advancedSearch .column #startedBy,
body section#archiveTaskSearch #advancedSearch .column #startedBy,
body section#trackingProcessSearch #advancedSearch .column #completedBy,
body section#archiveProcessSearch #advancedSearch .column #completedBy,
body section#trackingTaskSearch #advancedSearch .column #completedBy,
body section#archiveTaskSearch #advancedSearch .column #completedBy,
body section#trackingProcessSearch #advancedSearch .column #startDate,
body section#archiveProcessSearch #advancedSearch .column #startDate,
body section#trackingTaskSearch #advancedSearch .column #startDate,
body section#archiveTaskSearch #advancedSearch .column #startDate,
body section#trackingProcessSearch #advancedSearch .column #receivedDate,
body section#archiveProcessSearch #advancedSearch .column #receivedDate,
body section#trackingTaskSearch #advancedSearch .column #receivedDate,
body section#archiveTaskSearch #advancedSearch .column #receivedDate,
body section#trackingProcessSearch #advancedSearch .column #completedDate,
body section#archiveProcessSearch #advancedSearch .column #completedDate,
body section#trackingTaskSearch #advancedSearch .column #completedDate,
body section#archiveTaskSearch #advancedSearch .column #completedDate {
  width: 100%;
  /*height: 100%;*/
}
body section#trackingProcessSearch #advancedSearch .column .name,
body section#archiveProcessSearch #advancedSearch .column .name,
body section#trackingTaskSearch #advancedSearch .column .name,
body section#archiveTaskSearch #advancedSearch .column .name {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: auto auto;
}
body section#trackingProcessSearch #advancedSearch .column .name .first,
body section#archiveProcessSearch #advancedSearch .column .name .first,
body section#trackingTaskSearch #advancedSearch .column .name .first,
body section#archiveTaskSearch #advancedSearch .column .name .first {
  padding-right: 3rem;
}
[dir="rtl"] body section#trackingProcessSearch #advancedSearch .column .name .first,
[dir="rtl"] body section#archiveProcessSearch #advancedSearch .column .name .first,
[dir="rtl"] body section#trackingTaskSearch #advancedSearch .column .name .first,
[dir="rtl"] body section#archiveTaskSearch #advancedSearch .column .name .first {
  padding-right: 0;
  padding-left: 3rem;
}
body section#trackingProcessSearch #advancedSearch .column #datePicker,
body section#archiveProcessSearch #advancedSearch .column #datePicker,
body section#trackingTaskSearch #advancedSearch .column #datePicker,
body section#archiveTaskSearch #advancedSearch .column #datePicker {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  align-items: center;
  flex-wrap: nowrap;
}
body section#trackingProcessSearch #advancedSearch .column #processInformation input,
body section#archiveProcessSearch #advancedSearch .column #processInformation input,
body section#trackingTaskSearch #advancedSearch .column #processInformation input,
body section#archiveTaskSearch #advancedSearch .column #processInformation input,
body section#trackingProcessSearch #advancedSearch .column #taskInformation input,
body section#archiveProcessSearch #advancedSearch .column #taskInformation input,
body section#trackingTaskSearch #advancedSearch .column #taskInformation input,
body section#archiveTaskSearch #advancedSearch .column #taskInformation input,
body section#trackingProcessSearch #advancedSearch .column #startedBy input,
body section#archiveProcessSearch #advancedSearch .column #startedBy input,
body section#trackingTaskSearch #advancedSearch .column #startedBy input,
body section#archiveTaskSearch #advancedSearch .column #startedBy input,
body section#trackingProcessSearch #advancedSearch .column #processInformation select,
body section#archiveProcessSearch #advancedSearch .column #processInformation select,
body section#trackingTaskSearch #advancedSearch .column #processInformation select,
body section#archiveTaskSearch #advancedSearch .column #processInformation select,
body section#trackingProcessSearch #advancedSearch .column #taskInformation select,
body section#archiveProcessSearch #advancedSearch .column #taskInformation select,
body section#trackingTaskSearch #advancedSearch .column #taskInformation select,
body section#archiveTaskSearch #advancedSearch .column #taskInformation select,
body section#trackingProcessSearch #advancedSearch .column #startedBy select,
body section#archiveProcessSearch #advancedSearch .column #startedBy select,
body section#trackingTaskSearch #advancedSearch .column #startedBy select,
body section#archiveTaskSearch #advancedSearch .column #startedBy select {
  width: 100%;
  min-width: 14rem;
}
body section#trackingProcessSearch #advancedSearch .column header:not(:first-of-type),
body section#archiveProcessSearch #advancedSearch .column header:not(:first-of-type),
body section#trackingTaskSearch #advancedSearch .column header:not(:first-of-type),
body section#archiveTaskSearch #advancedSearch .column header:not(:first-of-type) {
  margin-top: 1rem;
}
body section#trackingProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default,
body section#archiveProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default,
body section#trackingTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default,
body section#archiveTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default {
  outline: none;
}
body section#trackingProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor,
body section#archiveProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor,
body section#trackingTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor,
body section#archiveTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor {
  background-color: #efefef;
  background-image: none;
  font-weight: 500;
  outline: none;
  border-bottom-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
}
[dir="rtl"] body section#trackingProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor,
[dir="rtl"] body section#archiveProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor,
[dir="rtl"] body section#trackingTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor,
[dir="rtl"] body section#archiveTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor {
  border-radius: 0 0.4rem 0.4rem 0;
}
body section#trackingProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active,
body section#archiveProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active,
body section#trackingTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active,
body section#archiveTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active {
  -moz-box-shadow: -0.1rem 0 0.1rem #666;
  -webkit-box-shadow: -0.1rem 0 0.1rem #666;
  box-shadow: -0.1rem 0 0.1rem #666;
  z-index: 999;
  outline: none;
  border-bottom-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0;
}
[dir="rtl"] body section#trackingProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active,
[dir="rtl"] body section#archiveProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active,
[dir="rtl"] body section#trackingTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active,
[dir="rtl"] body section#archiveTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active {
  -moz-box-shadow: 0.1rem 0 0.1rem #666;
  -webkit-box-shadow: 0.1rem 0 0.1rem #666;
  box-shadow: 0.1rem 0 0.1rem #666;
  border-radius: 0 0.4rem 0.4rem 0;
  margin-left: 0.1rem;
  margin-right: 0;
}
body section#trackingProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active .ui-tabs-anchor,
body section#archiveProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active .ui-tabs-anchor,
body section#trackingTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active .ui-tabs-anchor,
body section#archiveTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active .ui-tabs-anchor {
  background-color: #fff;
  outline: none;
}
body section#trackingProcessSearch #advancedSearch .column label,
body section#archiveProcessSearch #advancedSearch .column label,
body section#trackingTaskSearch #advancedSearch .column label,
body section#archiveTaskSearch #advancedSearch .column label {
  display: block;
  margin-bottom: 0.5rem;
}
body section#trackingProcessSearch #advancedSearch .column .ui-widget-header,
body section#archiveProcessSearch #advancedSearch .column .ui-widget-header,
body section#trackingTaskSearch #advancedSearch .column .ui-widget-header,
body section#archiveTaskSearch #advancedSearch .column .ui-widget-header {
  background-color: #e9e9e9;
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
[dir="rtl"] body section#trackingProcessSearch #advancedSearch .column .ui-widget-header,
[dir="rtl"] body section#archiveProcessSearch #advancedSearch .column .ui-widget-header,
[dir="rtl"] body section#trackingTaskSearch #advancedSearch .column .ui-widget-header,
[dir="rtl"] body section#archiveTaskSearch #advancedSearch .column .ui-widget-header {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
body section#trackingProcessSearch #advancedSearch .column > input[type=text],
body section#archiveProcessSearch #advancedSearch .column > input[type=text],
body section#trackingTaskSearch #advancedSearch .column > input[type=text],
body section#archiveTaskSearch #advancedSearch .column > input[type=text],
body section#trackingProcessSearch #advancedSearch .column > select,
body section#archiveProcessSearch #advancedSearch .column > select,
body section#trackingTaskSearch #advancedSearch .column > select,
body section#archiveTaskSearch #advancedSearch .column > select {
  width: 99%;
  min-width: 17rem;
}
body section#trackingProcessSearch #advancedSearch .column .ui-buttonset,
body section#archiveProcessSearch #advancedSearch .column .ui-buttonset,
body section#trackingTaskSearch #advancedSearch .column .ui-buttonset,
body section#archiveTaskSearch #advancedSearch .column .ui-buttonset {
  margin-right: 0;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  align-items: stretch;
  justify-content: flex-start;
}
[dir="rtl"] body section#trackingProcessSearch #advancedSearch .column .ui-buttonset,
[dir="rtl"] body section#archiveProcessSearch #advancedSearch .column .ui-buttonset,
[dir="rtl"] body section#trackingTaskSearch #advancedSearch .column .ui-buttonset,
[dir="rtl"] body section#archiveTaskSearch #advancedSearch .column .ui-buttonset {
  margin-right: 0;
  margin-left: 0;
}
body section#trackingProcessSearch #advancedSearch .column .ui-buttonset .ui-button-text,
body section#archiveProcessSearch #advancedSearch .column .ui-buttonset .ui-button-text,
body section#trackingTaskSearch #advancedSearch .column .ui-buttonset .ui-button-text,
body section#archiveTaskSearch #advancedSearch .column .ui-buttonset .ui-button-text {
  border-radius: 0.4rem;
}
body section#trackingProcessSearch #advancedSearch .column .ui-buttonset .ui-state-default .ui-button-text,
body section#archiveProcessSearch #advancedSearch .column .ui-buttonset .ui-state-default .ui-button-text,
body section#trackingTaskSearch #advancedSearch .column .ui-buttonset .ui-state-default .ui-button-text,
body section#archiveTaskSearch #advancedSearch .column .ui-buttonset .ui-state-default .ui-button-text {
  background-color: #efefef;
}
body section#trackingProcessSearch #advancedSearch .column .ui-buttonset .ui-state-active .ui-button-text,
body section#archiveProcessSearch #advancedSearch .column .ui-buttonset .ui-state-active .ui-button-text,
body section#trackingTaskSearch #advancedSearch .column .ui-buttonset .ui-state-active .ui-button-text,
body section#archiveTaskSearch #advancedSearch .column .ui-buttonset .ui-state-active .ui-button-text {
  border: none;
  color: #333;
  background-color: #fff;
}
body section#trackingProcessSearch #advancedSearch .spacer,
body section#archiveProcessSearch #advancedSearch .spacer,
body section#trackingTaskSearch #advancedSearch .spacer,
body section#archiveTaskSearch #advancedSearch .spacer {
  width: 2rem;
  display: table-cell;
}
body section#trackingProcessSearch #advancedSearch #processDateSearch,
body section#archiveProcessSearch #advancedSearch #processDateSearch,
body section#trackingTaskSearch #advancedSearch #processDateSearch,
body section#archiveTaskSearch #advancedSearch #processDateSearch,
body section#trackingProcessSearch #advancedSearch #taskFinalParticipantSearch,
body section#archiveProcessSearch #advancedSearch #taskFinalParticipantSearch,
body section#trackingTaskSearch #advancedSearch #taskFinalParticipantSearch,
body section#archiveTaskSearch #advancedSearch #taskFinalParticipantSearch {
  width: 50%;
  display: inline-block;
}
body section#trackingTaskSearch #advancedSearch #taskInformationSearch,
body section#archiveTaskSearch #advancedSearch #taskInformationSearch {
  min-height: 40rem;
}
body section#trackingProcessResults header h1,
body section#trackingTasksResults header h1,
body section#archiveProcessResults header h1,
body section#archiveTasksResults header h1 {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 79.2rem;
  white-space: nowrap;
}
body section#trackingProcessResults #trackingProcessResultList,
body section#trackingTasksResults #trackingProcessResultList,
body section#archiveProcessResults #trackingProcessResultList,
body section#archiveTasksResults #trackingProcessResultList,
body section#trackingProcessResults #trackingTasksResultList,
body section#trackingTasksResults #trackingTasksResultList,
body section#archiveProcessResults #trackingTasksResultList,
body section#archiveTasksResults #trackingTasksResultList,
body section#trackingProcessResults #archiveProcessResultList,
body section#trackingTasksResults #archiveProcessResultList,
body section#archiveProcessResults #archiveProcessResultList,
body section#archiveTasksResults #archiveProcessResultList,
body section#trackingProcessResults #archiveTasksResultList,
body section#trackingTasksResults #archiveTasksResultList,
body section#archiveProcessResults #archiveTasksResultList,
body section#archiveTasksResults #archiveTasksResultList {
  margin: 1.5rem 0 1.5rem 0;
  padding: 0;
  list-style: none;
}
[dir="rtl"] body section#trackingProcessResults #trackingProcessResultList,
[dir="rtl"] body section#trackingTasksResults #trackingProcessResultList,
[dir="rtl"] body section#archiveProcessResults #trackingProcessResultList,
[dir="rtl"] body section#archiveTasksResults #trackingProcessResultList,
[dir="rtl"] body section#trackingProcessResults #trackingTasksResultList,
[dir="rtl"] body section#trackingTasksResults #trackingTasksResultList,
[dir="rtl"] body section#archiveProcessResults #trackingTasksResultList,
[dir="rtl"] body section#archiveTasksResults #trackingTasksResultList,
[dir="rtl"] body section#trackingProcessResults #archiveProcessResultList,
[dir="rtl"] body section#trackingTasksResults #archiveProcessResultList,
[dir="rtl"] body section#archiveProcessResults #archiveProcessResultList,
[dir="rtl"] body section#archiveTasksResults #archiveProcessResultList,
[dir="rtl"] body section#trackingProcessResults #archiveTasksResultList,
[dir="rtl"] body section#trackingTasksResults #archiveTasksResultList,
[dir="rtl"] body section#archiveProcessResults #archiveTasksResultList,
[dir="rtl"] body section#archiveTasksResults #archiveTasksResultList {
  margin: 1.5rem 0 1.5rem 0;
}
body section#trackingProcessResults #trackingProcessResultList li,
body section#trackingTasksResults #trackingProcessResultList li,
body section#archiveProcessResults #trackingProcessResultList li,
body section#archiveTasksResults #trackingProcessResultList li,
body section#trackingProcessResults #trackingTasksResultList li,
body section#trackingTasksResults #trackingTasksResultList li,
body section#archiveProcessResults #trackingTasksResultList li,
body section#archiveTasksResults #trackingTasksResultList li,
body section#trackingProcessResults #archiveProcessResultList li,
body section#trackingTasksResults #archiveProcessResultList li,
body section#archiveProcessResults #archiveProcessResultList li,
body section#archiveTasksResults #archiveProcessResultList li,
body section#trackingProcessResults #archiveTasksResultList li,
body section#trackingTasksResults #archiveTasksResultList li,
body section#archiveProcessResults #archiveTasksResultList li,
body section#archiveTasksResults #archiveTasksResultList li {
  display: table;
  width: 100%;
}
body section#trackingProcessResults #trackingProcessResultList li:not(:first-of-type),
body section#trackingTasksResults #trackingProcessResultList li:not(:first-of-type),
body section#archiveProcessResults #trackingProcessResultList li:not(:first-of-type),
body section#archiveTasksResults #trackingProcessResultList li:not(:first-of-type),
body section#trackingProcessResults #trackingTasksResultList li:not(:first-of-type),
body section#trackingTasksResults #trackingTasksResultList li:not(:first-of-type),
body section#archiveProcessResults #trackingTasksResultList li:not(:first-of-type),
body section#archiveTasksResults #trackingTasksResultList li:not(:first-of-type),
body section#trackingProcessResults #archiveProcessResultList li:not(:first-of-type),
body section#trackingTasksResults #archiveProcessResultList li:not(:first-of-type),
body section#archiveProcessResults #archiveProcessResultList li:not(:first-of-type),
body section#archiveTasksResults #archiveProcessResultList li:not(:first-of-type),
body section#trackingProcessResults #archiveTasksResultList li:not(:first-of-type),
body section#trackingTasksResults #archiveTasksResultList li:not(:first-of-type),
body section#archiveProcessResults #archiveTasksResultList li:not(:first-of-type),
body section#archiveTasksResults #archiveTasksResultList li:not(:first-of-type) {
  margin-top: 1.5rem;
}
body section#trackingProcessResults #trackingProcessResultList li > div,
body section#trackingTasksResults #trackingProcessResultList li > div,
body section#archiveProcessResults #trackingProcessResultList li > div,
body section#archiveTasksResults #trackingProcessResultList li > div,
body section#trackingProcessResults #trackingTasksResultList li > div,
body section#trackingTasksResults #trackingTasksResultList li > div,
body section#archiveProcessResults #trackingTasksResultList li > div,
body section#archiveTasksResults #trackingTasksResultList li > div,
body section#trackingProcessResults #archiveProcessResultList li > div,
body section#trackingTasksResults #archiveProcessResultList li > div,
body section#archiveProcessResults #archiveProcessResultList li > div,
body section#archiveTasksResults #archiveProcessResultList li > div,
body section#trackingProcessResults #archiveTasksResultList li > div,
body section#trackingTasksResults #archiveTasksResultList li > div,
body section#archiveProcessResults #archiveTasksResultList li > div,
body section#archiveTasksResults #archiveTasksResultList li > div {
  display: table-cell;
}
body section#trackingProcessResults #trackingProcessResultList li > div:nth-of-type(2),
body section#trackingTasksResults #trackingProcessResultList li > div:nth-of-type(2),
body section#archiveProcessResults #trackingProcessResultList li > div:nth-of-type(2),
body section#archiveTasksResults #trackingProcessResultList li > div:nth-of-type(2),
body section#trackingProcessResults #trackingTasksResultList li > div:nth-of-type(2),
body section#trackingTasksResults #trackingTasksResultList li > div:nth-of-type(2),
body section#archiveProcessResults #trackingTasksResultList li > div:nth-of-type(2),
body section#archiveTasksResults #trackingTasksResultList li > div:nth-of-type(2),
body section#trackingProcessResults #archiveProcessResultList li > div:nth-of-type(2),
body section#trackingTasksResults #archiveProcessResultList li > div:nth-of-type(2),
body section#archiveProcessResults #archiveProcessResultList li > div:nth-of-type(2),
body section#archiveTasksResults #archiveProcessResultList li > div:nth-of-type(2),
body section#trackingProcessResults #archiveTasksResultList li > div:nth-of-type(2),
body section#trackingTasksResults #archiveTasksResultList li > div:nth-of-type(2),
body section#archiveProcessResults #archiveTasksResultList li > div:nth-of-type(2),
body section#archiveTasksResults #archiveTasksResultList li > div:nth-of-type(2) {
  width: 40%;
}
body section#trackingProcessResults #trackingProcessResultList li > div:nth-of-type(2) > span,
body section#trackingTasksResults #trackingProcessResultList li > div:nth-of-type(2) > span,
body section#archiveProcessResults #trackingProcessResultList li > div:nth-of-type(2) > span,
body section#archiveTasksResults #trackingProcessResultList li > div:nth-of-type(2) > span,
body section#trackingProcessResults #trackingTasksResultList li > div:nth-of-type(2) > span,
body section#trackingTasksResults #trackingTasksResultList li > div:nth-of-type(2) > span,
body section#archiveProcessResults #trackingTasksResultList li > div:nth-of-type(2) > span,
body section#archiveTasksResults #trackingTasksResultList li > div:nth-of-type(2) > span,
body section#trackingProcessResults #archiveProcessResultList li > div:nth-of-type(2) > span,
body section#trackingTasksResults #archiveProcessResultList li > div:nth-of-type(2) > span,
body section#archiveProcessResults #archiveProcessResultList li > div:nth-of-type(2) > span,
body section#archiveTasksResults #archiveProcessResultList li > div:nth-of-type(2) > span,
body section#trackingProcessResults #archiveTasksResultList li > div:nth-of-type(2) > span,
body section#trackingTasksResults #archiveTasksResultList li > div:nth-of-type(2) > span,
body section#archiveProcessResults #archiveTasksResultList li > div:nth-of-type(2) > span,
body section#archiveTasksResults #archiveTasksResultList li > div:nth-of-type(2) > span {
  display: inline-block;
}
body section#loginForm {
  font-size: 13px;
}
body section#loginForm p {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 13px;
  width: 85%;
}
body section#loginForm form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: flex-start;
  justify-content: flex-start;
  width: 100%;
}
body section#loginForm.expiredForm form {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: flex-start;
  width: 75%;
  grid-area: expiredPasswordForm;
}
body section#loginForm.expiredForm ol {
  list-style: none;
  position: relative;
  font-size: 14px;
  padding-left: 2rem;
}
[dir="rtl"] body section#loginForm.expiredForm ol {
  padding-left: 0;
  padding-right: 2rem;
}
body section#loginForm.expiredForm ol i {
  padding-right: 1rem;
}
[dir="rtl"] body section#loginForm.expiredForm ol i {
  padding-right: 0;
  padding-left: 1rem;
}
body section#loginForm.expiredForm div.password-rules {
  display: flex;
  vertical-align: top;
  grid-area: passwordRules;
}
body section#loginForm.expiredForm div.password-rules div.password-rules-box {
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  align-items: flex-start;
  flex: 0 0 auto;
  padding: 1.5rem;
  background-color: #f6f6f6;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  width: 100%;
}
body section#standardSection {
  display: grid;
  grid-gap: 1rem;
  align-items: center;
  justify-content: center;
  grid-gap: 0.5rem;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto auto;
  grid-area: loginForm;
  max-width: 100%;
  align-self: center;
  justify-self: center;
}
body section#loginForm,
body section#standardSection {
  border-radius: 0.3rem;
  background-color: #fff;
  padding: 2.5rem;
  overflow: hidden;
  z-index: 1;
}
body section#loginForm h2,
body section#standardSection h2 {
  font-size: 3.5rem;
  color: hsl(207, 100%, 25%);
  font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0;
  margin-bottom: 0.5rem;
  padding-bottom: 0.3rem;
  width: auto;
  min-height: 3.5rem;
}
body section#loginForm p,
body section#standardSection p {
  margin: 0;
  padding: 1rem 0 1rem 0;
  min-height: 3.5rem;
}
body section#loginForm div.back-action,
body section#standardSection div.back-action {
  position: relative;
}
body section#loginForm a.error-link,
body section#standardSection a.error-link {
  font-size: 11px;
  font-weight: 700;
  color: #666666;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
}
body section#loginForm a.error-link:hover,
body section#standardSection a.error-link:hover {
  color: #3376ad;
}
body section#loginForm div.error-details,
body section#standardSection div.error-details {
  display: none;
  padding: 1rem;
  background: #f6f6f6;
  margin-top: 0.5rem;
  border-radius: 0.3rem;
}
body section#loginForm div.error-details p,
body section#standardSection div.error-details p {
  margin: 0;
}
body section#loginForm form > :nth-child(1),
body section#standardSection form > :nth-child(1) {
  margin-bottom: 1rem;
}
body section#loginForm form .editor,
body section#standardSection form .editor {
  display: flex;
  flex-direction: column;
  padding-bottom: 0.8rem;
  width: 100%;
}
body section#loginForm form .editor .editor-label,
body section#standardSection form .editor .editor-label {
  padding-left: 0;
  padding-bottom: 0.3rem;
}
[dir="rtl"] body section#loginForm form .editor .editor-label,
[dir="rtl"] body section#standardSection form .editor .editor-label {
  padding-left: 0;
  padding-right: 0;
}
body section#loginForm form .editor .editor-field,
body section#standardSection form .editor .editor-field {
  padding-left: 0;
}
[dir="rtl"] body section#loginForm form .editor .editor-field,
[dir="rtl"] body section#standardSection form .editor .editor-field {
  padding-left: 0;
  padding-right: 0;
}
body section#loginForm form .editor .field-validation-error,
body section#standardSection form .editor .field-validation-error {
  margin-left: 0;
}
[dir="rtl"] body section#loginForm form .editor .field-validation-error,
[dir="rtl"] body section#standardSection form .editor .field-validation-error {
  margin-left: 0;
  margin-right: 0;
}
body section#loginForm form label,
body section#standardSection form label {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
body section#loginForm form a,
body section#standardSection form a {
  color: hsl(207, 100%, 15%);
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 1rem;
  display: inline-block;
}
body section#loginForm form a:hover,
body section#standardSection form a:hover {
  color: #5d9ccf;
}
body section#loginForm form div.submitSection:last-of-type,
body section#standardSection form div.submitSection:last-of-type {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.5rem;
}
body section#loginForm form input,
body section#standardSection form input {
  padding: 1rem;
  font-size: 15px;
  font-weight: 400;
}
body section#loginForm form input[type=text],
body section#standardSection form input[type=text],
body section#loginForm form input[type=password],
body section#standardSection form input[type=password] {
  width: 100%;
  max-width: 100%;
}
body section#loginForm form input[type=text]:focus,
body section#standardSection form input[type=text]:focus,
body section#loginForm form input[type=password]:focus,
body section#standardSection form input[type=password]:focus {
  -moz-box-shadow: 0 0 1rem #3376ad;
  -webkit-box-shadow: 0 0 1rem #3376ad;
  box-shadow: 0 0 1rem #3376ad;
  outline: none;
}
body section#loginForm form input[type=submit],
body section#standardSection form input[type=submit] {
  cursor: pointer;
  padding: 1rem 0.5rem 1rem 0.5rem;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 35%;
  width: 35%;
  margin: 0;
}
[dir="rtl"] body section#loginForm form input[type=submit],
[dir="rtl"] body section#standardSection form input[type=submit] {
  padding: 1rem 0.5rem 1rem 0.5rem;
}
body section#loginForm form .form-field input[type=submit],
body section#standardSection form .form-field input[type=submit] {
  max-width: 30rem;
  width: auto;
}
body section#loginForm form select#languageSelect,
body section#standardSection form select#languageSelect {
  padding: 0.8rem 0.5rem 0.8rem 0.5rem;
  font-size: 11px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 60%;
  width: 60%;
}
[dir="rtl"] body section#loginForm form select#languageSelect,
[dir="rtl"] body section#standardSection form select#languageSelect {
  padding: 0.8rem 0.5rem 0.8rem 0.5rem;
}
body section#loginForm form select#languageSelect option,
body section#standardSection form select#languageSelect option {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 25rem;
  max-width: 30rem;
}
body section#standardSection hgroup.title h1.error {
  margin: 0;
  font-size: 8em;
  line-height: 1em;
  color: #999;
}
body section#standardSection hgroup.title h2.error {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: hsl(207, 100%, 15%);
}
body section#pendingTasksDashboard nav ul li {
  font-size: 11px;
  font-weight: 700;
  color: #666666;
}
body section#pendingTasksDashboard nav ul li span {
  font-size: 3.2rem;
}
body section#pendingTasksDashboard nav ul li.overdue span {
  color: #CC0000;
}
body section#pendingTasksDashboard nav ul li.today span {
  color: #333;
}
body section#processTrackingDashboard {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
body section#processTrackingDashboard nav {
  margin: 0 -1rem;
}
body section#processTrackingDashboard nav ul li {
  font-size: 11px;
  text-align: center;
}
body section#processTrackingDashboard nav ul li span {
  color: #333;
  font-size: 32px;
}
body section #advancedSearch div.row {
  margin-top: 2rem;
  clear: both;
}
body section #advancedSearch #dateType {
  position: relative;
  top: -2rem;
  margin-bottom: -2rem;
}
body section #advancedSearch .itemSelector {
  white-space: nowrap;
}
body section #taskGrid .form-field label b {
  color: #3376ad !important;
  font-size: 13px;
}
body section.controlGrid {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
body section.controlGrid header {
  height: auto;
  min-height: 0;
  padding: 0.5em;
  border-radius: 0.3rem 0.3rem 0 0;
  background-color: hsl(207, 100%, 30%);
  color: #fff;
}
body section.controlGrid header h3 {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  white-space: normal;
}
body section.controlGrid header menu {
  padding-left: 1rem;
}
[dir="rtl"] body section.controlGrid header menu {
  padding-left: 0;
  padding-right: 1rem;
}
body section.controlGrid header menu input[type=submit],
body section.controlGrid header menu input[type=button] {
  background-color: #fff;
  color: hsl(207, 100%, 25%);
  font-size: 11px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
}
body section.controlGrid header menu input {
  border-radius: 0;
  padding: 0.7rem;
  min-width: 4rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
body section.controlGrid header menu input:hover {
  border: none;
  background-color: #3376ad;
  color: #fff;
}
body section.controlGrid header menu input:not(:first-of-type):not(:last-of-type) {
  border-left: 0.1rem solid hsl(207, 100%, 25%);
  border-top: 0.1rem solid hsl(207, 100%, 25%);
  border-bottom: 0.1rem solid hsl(207, 100%, 25%);
  border-right: none;
}
[dir="rtl"] body section.controlGrid header menu input:not(:first-of-type):not(:last-of-type) {
  border-left: none;
  border-right: 0.1rem solid hsl(207, 100%, 25%);
}
body section.controlGrid header menu input:first-of-type {
  border-left: 0.1rem solid hsl(207, 100%, 25%);
  border-top: 0.1rem solid hsl(207, 100%, 25%);
  border-bottom: 0.1rem solid hsl(207, 100%, 25%);
  border-right: none;
  border-radius: 0.8rem 0 0 0.8rem;
}
[dir="rtl"] body section.controlGrid header menu input:first-of-type {
  border-left: none;
  border-right: 0.1rem solid hsl(207, 100%, 25%);
  border-radius: 0 0.8rem 0.8rem 0;
}
body section.controlGrid header menu input:last-of-type {
  border-left: 0.1rem solid hsl(207, 100%, 25%);
  border-top: 0.1rem solid hsl(207, 100%, 25%);
  border-bottom: 0.1rem solid hsl(207, 100%, 25%);
  border-right: 0.1rem solid hsl(207, 100%, 25%);
  border-radius: 0 0.8rem 0.8rem 0;
}
[dir="rtl"] body section.controlGrid header menu input:last-of-type {
  border-radius: 0.8rem 0 0 0.8rem;
}
body section.controlGrid header menu input:only-child {
  border-left: 0.1rem solid hsl(207, 100%, 25%);
  border-top: 0.1rem solid hsl(207, 100%, 25%);
  border-bottom: 0.1rem solid hsl(207, 100%, 25%);
  border-right: 0.1rem solid hsl(207, 100%, 25%);
  border-radius: 0.8rem 0.8rem 0.8rem 0.8rem;
}
body section.controlGrid div.gridArea {
  background: #fbfbfb;
  overflow: auto;
  padding: 0.5rem 1rem 1rem 1rem;
  max-height: 100%;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
body section.controlGrid div.gridArea > table {
  border-collapse: collapse;
}
body section.controlGrid div.gridArea > table tr {
  border-bottom: 0.1rem solid #e9e9e9;
}
body section.controlGrid div.gridArea > table tr:last-of-type {
  border-bottom: none;
}
body section.controlGrid div.gridArea > table tr .fileUpload {
  min-width: 16rem;
}
body section.controlGrid div.gridArea > table tr .fileUpload ul[data-role="fcFileUploadControlList"] {
  min-width: 17rem;
  max-width: 99%;
  width: 99%;
}
body section.controlGrid div.gridArea > table tr .fileUpload ul[data-role="fcFileUploadControlList"] li {
  padding-top: 0;
  padding-bottom: 0;
}
body section.controlGrid div.gridArea > table,
body section div.editor div.gridArea > table,
body section.controlGrid div.editor-field > table,
body section div.editor div.editor-field > table {
  width: 100%;
}
body section.controlGrid div.gridArea table th,
body section div.editor div.gridArea table th,
body section.controlGrid div.editor-field table th,
body section div.editor div.editor-field table th,
body section.controlGrid div.gridArea table td,
body section div.editor div.gridArea table td,
body section.controlGrid div.editor-field table td,
body section div.editor div.editor-field table td {
  background: #fbfbfb;
  margin: 0;
  text-align: left;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
[dir="rtl"] body section.controlGrid div.gridArea table th,
[dir="rtl"] body section div.editor div.gridArea table th,
[dir="rtl"] body section.controlGrid div.editor-field table th,
[dir="rtl"] body section div.editor div.editor-field table th,
[dir="rtl"] body section.controlGrid div.gridArea table td,
[dir="rtl"] body section div.editor div.gridArea table td,
[dir="rtl"] body section.controlGrid div.editor-field table td,
[dir="rtl"] body section div.editor div.editor-field table td {
  text-align: right;
}
body section.controlGrid div.gridArea table th textarea,
body section div.editor div.gridArea table th textarea,
body section.controlGrid div.editor-field table th textarea,
body section div.editor div.editor-field table th textarea,
body section.controlGrid div.gridArea table td textarea,
body section div.editor div.gridArea table td textarea,
body section.controlGrid div.editor-field table td textarea,
body section div.editor div.editor-field table td textarea,
body section.controlGrid div.gridArea table th input[data-role="fcTextControl"],
body section div.editor div.gridArea table th input[data-role="fcTextControl"],
body section.controlGrid div.editor-field table th input[data-role="fcTextControl"],
body section div.editor div.editor-field table th input[data-role="fcTextControl"],
body section.controlGrid div.gridArea table td input[data-role="fcTextControl"],
body section div.editor div.gridArea table td input[data-role="fcTextControl"],
body section.controlGrid div.editor-field table td input[data-role="fcTextControl"],
body section div.editor div.editor-field table td input[data-role="fcTextControl"] {
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
body section.controlGrid div.gridArea table th span[data-role="fcLabelControl"],
body section div.editor div.gridArea table th span[data-role="fcLabelControl"],
body section.controlGrid div.editor-field table th span[data-role="fcLabelControl"],
body section div.editor div.editor-field table th span[data-role="fcLabelControl"],
body section.controlGrid div.gridArea table td span[data-role="fcLabelControl"],
body section div.editor div.gridArea table td span[data-role="fcLabelControl"],
body section.controlGrid div.editor-field table td span[data-role="fcLabelControl"],
body section div.editor div.editor-field table td span[data-role="fcLabelControl"] {
  overflow: hidden;
  font-weight: inherit;
  white-space: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  vertical-align: middle;
}
body section.controlGrid div.gridArea table thead th,
body section div.editor div.gridArea table thead th,
body section.controlGrid div.editor-field table thead th,
body section div.editor div.editor-field table thead th {
  padding: 0.5rem;
  text-align: center;
  border-bottom: 0.1rem solid #808080;
  font-size: 12px;
  font-weight: 700;
  background: #fff;
  color: hsl(207, 100%, 25%);
}
body section.controlGrid div.gridArea table thead th span,
body section div.editor div.gridArea table thead th span,
body section.controlGrid div.editor-field table thead th span,
body section div.editor div.editor-field table thead th span {
  font-size: 11px;
  font-weight: 500;
}
body section.controlGrid div.gridArea table thead th:not(:last-of-type),
body section div.editor div.gridArea table thead th:not(:last-of-type),
body section.controlGrid div.editor-field table thead th:not(:last-of-type),
body section div.editor div.editor-field table thead th:not(:last-of-type) {
  border-right: 0.1rem solid #999999;
}
[dir="rtl"] body section.controlGrid div.gridArea table thead th:not(:last-of-type),
[dir="rtl"] body section div.editor div.gridArea table thead th:not(:last-of-type),
[dir="rtl"] body section.controlGrid div.editor-field table thead th:not(:last-of-type),
[dir="rtl"] body section div.editor div.editor-field table thead th:not(:last-of-type) {
  border-right: 0;
  border-left: 0.1rem solid #999999;
}
body section.controlGrid div.gridArea table thead span.required:after,
body section div.editor div.gridArea table thead span.required:after,
body section.controlGrid div.editor-field table thead span.required:after,
body section div.editor div.editor-field table thead span.required:after {
  color: #CC0000;
  content: "*";
}
body section.controlGrid div.gridArea table tbody tr,
body section div.editor div.gridArea table tbody tr,
body section.controlGrid div.editor-field table tbody tr,
body section div.editor div.editor-field table tbody tr {
  border-bottom: 0.1rem solid #e9e9e9;
}
body section.controlGrid div.gridArea table tbody tr:hover,
body section div.editor div.gridArea table tbody tr:hover,
body section.controlGrid div.editor-field table tbody tr:hover,
body section div.editor div.editor-field table tbody tr:hover {
  background: #f6f6f6;
}
body section.controlGrid div.gridArea table tbody tr:hover button.ui-datepicker-trigger,
body section div.editor div.gridArea table tbody tr:hover button.ui-datepicker-trigger,
body section.controlGrid div.editor-field table tbody tr:hover button.ui-datepicker-trigger,
body section div.editor div.editor-field table tbody tr:hover button.ui-datepicker-trigger {
  background: transparent;
}
body section.controlGrid div.gridArea table tbody tr td,
body section div.editor div.gridArea table tbody tr td,
body section.controlGrid div.editor-field table tbody tr td,
body section div.editor div.editor-field table tbody tr td {
  padding: 0.7rem;
  vertical-align: middle;
}
body section.controlGrid div.gridArea table tbody tr td input[type="radio"],
body section div.editor div.gridArea table tbody tr td input[type="radio"],
body section.controlGrid div.editor-field table tbody tr td input[type="radio"],
body section div.editor div.editor-field table tbody tr td input[type="radio"],
body section.controlGrid div.gridArea table tbody tr td input[type="checkbox"],
body section div.editor div.gridArea table tbody tr td input[type="checkbox"],
body section.controlGrid div.editor-field table tbody tr td input[type="checkbox"],
body section div.editor div.editor-field table tbody tr td input[type="checkbox"] {
  padding: 0.2rem;
}
body section.controlGrid div.gridArea table tbody tr td button.ui-datepicker-trigger,
body section div.editor div.gridArea table tbody tr td button.ui-datepicker-trigger,
body section.controlGrid div.editor-field table tbody tr td button.ui-datepicker-trigger,
body section div.editor div.editor-field table tbody tr td button.ui-datepicker-trigger {
  background: transparent;
}
body section.controlGrid div.gridArea table tbody tr td input,
body section div.editor div.gridArea table tbody tr td input,
body section.controlGrid div.editor-field table tbody tr td input,
body section div.editor div.editor-field table tbody tr td input {
  vertical-align: middle;
}
body section.controlGrid div.gridArea table tbody tr td:not(:last-of-type),
body section div.editor div.gridArea table tbody tr td:not(:last-of-type),
body section.controlGrid div.editor-field table tbody tr td:not(:last-of-type),
body section div.editor div.editor-field table tbody tr td:not(:last-of-type) {
  border-right: 0.1rem solid #e9e9e9;
}
[dir="rtl"] body section.controlGrid div.gridArea table tbody tr td:not(:last-of-type),
[dir="rtl"] body section div.editor div.gridArea table tbody tr td:not(:last-of-type),
[dir="rtl"] body section.controlGrid div.editor-field table tbody tr td:not(:last-of-type),
[dir="rtl"] body section div.editor div.editor-field table tbody tr td:not(:last-of-type) {
  border-right: 0;
  border-left: 0.1rem solid #e9e9e9;
}
body section.controlGrid div.gridArea div.noItems,
body section div.editor div.gridArea div.noItems,
body section.controlGrid div.editor-field div.noItems,
body section div.editor div.editor-field div.noItems {
  padding: 1.5rem;
  padding-left: 0;
  color: #666666;
  font-size: 15px;
  font-weight: 300;
}
[dir="rtl"] body section.controlGrid div.gridArea div.noItems,
[dir="rtl"] body section div.editor div.gridArea div.noItems,
[dir="rtl"] body section.controlGrid div.editor-field div.noItems,
[dir="rtl"] body section div.editor div.editor-field div.noItems {
  padding-left: 0;
  padding-right: 0;
}
body section.controlGrid .gridArea td,
body section div.editor .gridArea td {
  font-size: 12px;
  font-weight: 300;
}
body section.controlGrid .gridArea td a,
body section div.editor .gridArea td a,
body section.controlGrid .gridArea td a:visited,
body section div.editor .gridArea td a:visited,
body section.controlGrid .gridArea td span,
body section div.editor .gridArea td span {
  font-size: inherit;
}
body section.controlGrid .gridArea td span,
body section div.editor .gridArea td span {
  font-weight: inherit;
}
body section.controlGrid .gridArea td a,
body section div.editor .gridArea td a,
body section.controlGrid .gridArea td a:visited,
body section div.editor .gridArea td a:visited {
  font-weight: 400;
}
body section span.required:after {
  color: #CC0000;
  content: "*";
}
body section#accountDetails header nav span.label,
body section#updateAccountDetails header nav span.label,
body section#changePassword header nav span.label {
  position: relative;
  top: -0.3rem;
}
body section#accountDetails header nav li,
body section#updateAccountDetails header nav li,
body section#changePassword header nav li {
  float: left;
}
body section#accountDetails header nav a,
body section#updateAccountDetails header nav a,
body section#changePassword header nav a {
  font-size: 13px;
  margin: 0;
  padding: 0;
  margin-left: 1.5rem;
}
[dir="rtl"] body section#accountDetails header nav a,
[dir="rtl"] body section#updateAccountDetails header nav a,
[dir="rtl"] body section#changePassword header nav a {
  margin-left: 0;
  margin-right: 1.5rem;
}
body [data-role="controlGrid-dialog"] > table {
  width: 100%;
}
body [data-role="controlGrid-dialog"] > table tbody tr {
  border-bottom: 0.1rem solid #e9e9e9;
}
body div.loginHeader {
  background: none;
  grid-area: header;
  align-self: end;
  justify-self: center;
  width: 100%;
}
body div.loginHeader H1 {
  font-size: 36px;
  margin: 0.5rem 0;
  margin-top: 2.5rem;
  display: block;
  color: #fff;
  width: 40rem;
  margin: 0 auto;
  background-position: center;
}
body div.loginHeader H1.header {
  width: 43rem;
  height: 4rem;
  top: 0;
}
body #processNotesDialog {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, min-content);
  overflow: auto;
}
body #processNotesDialog header {
  font-size: 15px;
  font-weight: 500;
  color: #404040;
  padding-top: 0;
}
body #processNotesDialog header p.new-note {
  font-size: 15px;
  color: #666666;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
body #processNotesDialog div.no-notes {
  font-size: 36px;
  font-weight: 300;
  color: #c9c9c9;
}
body #processNotesDialog .addNotes {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: 0.5fr;
  grid-template-rows: 0.85fr 0.15fr;
}
body #processNotesDialog .addNotes .notes-input {
  min-width: 15rem;
  width: 100%;
  max-width: 100%;
  min-height: 9rem;
  height: 100%;
}
body #processNotesDialog .addNotes .small {
  width: 10rem;
}
body #processNotesDialog ul.notes {
  padding: 0;
  margin: 0;
}
body #processNotesDialog ul.notes li.note {
  list-style: none;
  margin: 0;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background-color: #f6f6f6;
  display: grid;
  width: 100%;
  grid-template-areas: "taskDetails taskMetaData";
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
body #processNotesDialog ul.notes li.note:not(:first-of-type) {
  margin-top: 0.7rem;
}
body #processNotesDialog ul.notes li.note .fa-quote-left,
body #processNotesDialog ul.notes li.note .fa-quote-right {
  font-size: 13px;
  color: #7c7c7c;
  padding: 0.3em;
}
body #processNotesDialog ul.notes li.note .details {
  grid-area: taskDetails;
  height: 100%;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  min-width: 10rem;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  padding: 1rem;
}
body #processNotesDialog ul.notes li.note .details div {
  font-weight: 300;
}
body #processNotesDialog ul.notes li.note .metadata {
  grid-area: taskMetaData;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-end;
  justify-self: flex-end;
  align-self: center;
  -moz-border-radius: 0 0.3rem 0.3rem 0;
  -webkit-border-radius: 0 0.3rem 0.3rem 0;
  -khtml-border-radius: 0 0.3rem 0.3rem 0;
  border-radius: 0 0.3rem 0.3rem 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  font-size: 10px;
  padding: 1rem;
  background-color: #d6d6d6;
  text-align: right;
}
[dir="rtl"] body #processNotesDialog ul.notes li.note .metadata {
  -moz-border-radius: 0.3rem 0 0 0.3rem;
  -webkit-border-radius: 0.3rem 0 0 0.3rem;
  -khtml-border-radius: 0.3rem 0 0 0.3rem;
  border-radius: 0.3rem 0 0 0.3rem;
}
[dir="rtl"] body #processNotesDialog ul.notes li.note .metadata {
  text-align: left;
}
body #processNotesDialog ul.notes li.note .metadata > div {
  display: flex;
  flex-direction: column;
  font-size: 11px;
  font-weight: 700;
  color: #595959;
  margin-bottom: 0.5rem;
}
body #processNotesDialog ul.notes li.note .metadata > div span,
body #processNotesDialog ul.notes li.note .metadata > div div {
  font-size: 12px;
  font-weight: 700;
  color: #595959;
}
body #processNotesDialog ul.notes li.note .metadata > div label {
  font-weight: 400;
  color: #666666;
}
body #processNotesDialog footer {
  padding-bottom: 1rem;
  font-size: 11px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
body #processNotesDialog footer .pager-prev-nr-next {
  display: flex;
  flex-direction: row;
  justify-items: center;
  align-items: center;
}
body #processNotesDialog footer .pager-prev-nr-next span {
  font-size: 11px;
}
body #mainDashboard > header {
  width: 100%;
}
body #mainDashboard > header h1 {
  margin: 0;
  margin-bottom: 1rem;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
}
body #mainDashboard .gauges-wrapper {
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  height: 100%;
  padding: 1rem 2rem 1rem 2rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content auto;
  grid-gap: 0.5rem;
}
body #mainDashboard .dashboardQuickActions {
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.3rem;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
  padding: 1rem 2rem 1rem 2rem;
}
body #mainDashboard .dashboardQuickActions header {
  width: 100%;
  color: hsl(207, 100%, 25%);
  padding-top: 0.5rem;
}
body #mainDashboard .dashboardQuickActions header h1 {
  margin: 0;
  margin-bottom: 1rem;
  padding: 0;
  font-size: 0.9em;
  font-weight: 500;
}
body #mainDashboard .dashboardQuickActions header h3 {
  font-size: 1.2rem;
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 500;
  color: hsl(207, 100%, 25%);
  max-width: 76rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body #mainDashboard .dashboardQuickActions header h4 {
  font-size: 1.1rem;
  font-weight: 500;
}
body #mainDashboard .dashboardQuickActions ul {
  padding: 0;
  margin: 0;
}
body #mainDashboard .dashboardQuickActions li {
  margin-top: 0;
  margin: 0.3rem 0;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  list-style: none;
}
body #mainDashboard .dashboardQuickActions li a {
  text-decoration: none;
  text-transform: none;
  font-size: 1.1rem;
  color: #333;
  font-weight: 400;
}
body #mainDashboard .dashboardQuickActions li a:hover {
  color: #5d9ccf;
}
body #mainDashboard .charts-wrapper {
  display: block;
  -moz-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
body #mainDashboard .charts-wrapper > * {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: auto;
  grid-template-rows: min-content auto;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  width: 100%;
  height: 100%;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-1 {
  border-color: #0072e6;
  background-color: #007FFF;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-2 {
  border-color: #379f15;
  background-color: #3FB618;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-3 {
  border-color: #fe6600;
  background-color: #FF7518;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-4 {
  border-color: #e69500;
  background-color: #FFA500;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-5 {
  border-color: #c40000;
  background-color: #DD0000;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-6 {
  border-color: #e25bad;
  background-color: #E671B8;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-7 {
  border-color: #8d46b0;
  background-color: #9954BB;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-8 {
  border-color: #1b21a0;
  background-color: #1F26B6;
}
body #mainDashboard .charts-wrapper .ui-chart-axis {
  border-color: #999;
  background-color: #999;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
}
body #mainDashboard .charts-wrapper .ui-chart-piechart-container {
  font-size: 13px;
  padding-bottom: 1rem;
  background: transparent;
}
body #mainDashboard .charts-wrapper .ui-chart-legend {
  overflow: hidden;
  background: transparent;
  grid-area: legendContainer;
  justify-self: flex-start;
}
body #mainDashboard .charts-wrapper .ui-chart-legend-items-list {
  margin: 0;
  display: grid;
  grid-gap: 0.5rem;
  background-color: transparent;
}
body #mainDashboard .charts-wrapper .ui-chart-legend-items-list tbody {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
body #mainDashboard .charts-wrapper .ui-chart-legend-items-list .ui-chart-legend-item {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 0.5rem;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  max-width: 99%;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
body #mainDashboard .charts-wrapper .ui-chart-legend-item-text {
  vertical-align: middle;
  font-size: 11px;
  font-weight: 400;
  max-width: 99%;
  cursor: pointer;
  color: #333;
}
body #mainDashboard .charts-wrapper .ui-chart-legend-item-text span {
  max-width: 99%;
  display: block;
  overflow: hidden;
  font-weight: 400;
  text-overflow: ellipsis;
  padding-bottom: 0.3rem;
}
body #mainDashboard .charts-wrapper .ui-chart-legend-item-text span:hover {
  color: #5d9ccf;
}
body #mainDashboard .charts-wrapper .ui-chart-legend table tr {
  display: block;
}
body #mainDashboard .charts-wrapper .ui-chart-legend table tr > td {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
body #mainDashboard .charts-wrapper .ui-chart-legend table tr > td:nth-of-type(odd) {
  width: 99%;
}
body #mainDashboard .charts-wrapper .ui-chart-legend table tr > td:nth-of-type(even) {
  width: 99%;
}
body #mainDashboard .charts-wrapper .ui-chart-tooltip {
  -moz-box-shadow: 0 0 0.5rem 0.2rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 0.5rem 0.2rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0.5rem 0.2rem rgba(0, 0, 0, 0.5);
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
  font-size: 12px;
  padding: 0.5rem;
  background-color: #f6f6f6;
  -moz-border-radius: 0.3rem !important;
  -webkit-border-radius: 0.3rem !important;
  -khtml-border-radius: 0.3rem !important;
  border-radius: 0.3rem !important;
}
body #series1_tooltip.ui-chart-tooltip {
  -moz-box-shadow: 0 0 0.5rem 0.2rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 0.5rem 0.2rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0.5rem 0.2rem rgba(0, 0, 0, 0.5);
  font-size: 13px;
  padding: 0.5rem;
  background-color: #f6f6f6;
}
body input[type=text],
body input[type=number],
body input[type=password],
body textarea,
body select {
  border: 0.1rem solid #999 !important;
  font-size: 12px;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
  color: #000000;
  /* firefox 19+ */
  /* ie */
  border-radius: 0.4rem;
  resize: both;
  line-height: 1.45em;
}
body input[type=text] ::-webkit-input-placeholder,
body input[type=number] ::-webkit-input-placeholder,
body input[type=password] ::-webkit-input-placeholder,
body textarea ::-webkit-input-placeholder,
body select ::-webkit-input-placeholder {
  color: #efefef;
}
body input[type=text] ::-moz-placeholder,
body input[type=number] ::-moz-placeholder,
body input[type=password] ::-moz-placeholder,
body textarea ::-moz-placeholder,
body select ::-moz-placeholder {
  color: #efefef;
}
body input[type=text] :-ms-input-placeholder,
body input[type=number] :-ms-input-placeholder,
body input[type=password] :-ms-input-placeholder,
body textarea :-ms-input-placeholder,
body select :-ms-input-placeholder {
  color: #efefef;
}
body input[type=text] input:-moz-placeholder,
body input[type=number] input:-moz-placeholder,
body input[type=password] input:-moz-placeholder,
body textarea input:-moz-placeholder,
body select input:-moz-placeholder {
  color: #efefef;
}
body input[type=text]:focus,
body input[type=number]:focus,
body input[type=password]:focus,
body textarea:focus,
body select:focus {
  -moz-box-shadow: 0 0 0.5rem #3376ad;
  -webkit-box-shadow: 0 0 0.5rem #3376ad;
  box-shadow: 0 0 0.5rem #3376ad;
  outline: none;
}
body input[type=text]:disabled,
body input[type=number]:disabled,
body input[type=password]:disabled,
body textarea:disabled,
body select:disabled,
body input[type=text][disabled],
body input[type=number][disabled],
body input[type=password][disabled],
body textarea[disabled],
body select[disabled] {
  border-color: #fafafa !important;
  background: #fafafa;
}
body select,
body input[type=checkbox],
body input[type=radio] {
  cursor: pointer;
}
body select:disabled,
body input[type=checkbox]:disabled,
body input[type=radio]:disabled,
body select[disabled],
body input[type=checkbox][disabled],
body input[type=radio][disabled] {
  cursor: default;
}
body div.no-notes {
  font-size: 36px;
  font-weight: 300;
  color: #c9c9c9;
}
body input[type=number] {
  -moz-appearance: textfield;
}
body input[type=number]::-webkit-inner-spin-button,
body input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body textarea {
  padding: 0.5rem !important;
  white-space: pre-wrap;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
body input[type=file] {
  font-size: 13px !important;
}
body .toast-title hr,
body .toast-message hr {
  border-top-style: solid;
  border-top-width: 0.1rem;
  border-top-style: none;
}
body .toast-title {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}
body .toast-message {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 13px;
  color: #fff;
}
body .toast-message #pendingTasksHeader {
  font-weight: 700;
}
body .toast-message #currentTaskMessage,
body .toast-message #processResultMessage {
  font-weight: 400;
  padding-bottom: 0.8rem;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
body .toast-message #clickToView {
  font-weight: 700;
}
body .toast-top-right,
body .toast-bottom-right {
  right: 1.9rem;
}
[dir="rtl"] body .toast-top-right,
[dir="rtl"] body .toast-bottom-right {
  right: auto;
  left: 1.9rem;
}
body #toast-container > div {
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  width: 40rem;
  border-radius: 0.4rem;
}
body #toast-container .toast-info,
body #toast-container .toast-error,
body #toast-container .toast-success,
body #toast-container .toast-warning {
  background-image: none !important;
}
body #toast-container .toast-info {
  background-color: hsl(207, 100%, 30%);
}
body input[type=submit],
body input[type=button],
body a.button,
body button.button {
  cursor: pointer;
  background: hsl(207, 100%, 30%);
  color: #fff;
  border: 0.1rem solid hsl(207, 100%, 25%);
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  font-size: 11px;
  font-weight: 400;
  padding: 1rem 1.5rem;
  min-width: 7rem;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
}
body input[type=submit].ui-button,
body input[type=button].ui-button,
body a.button.ui-button,
body button.button.ui-button {
  background: hsl(207, 100%, 30%);
  color: #fff !important;
  font-weight: 700 !important;
}
body input[type=submit]:hover,
body input[type=button]:hover,
body a.button:hover,
body button.button:hover {
  -moz-box-shadow: 0 0 0.7rem #333 !important;
  -webkit-box-shadow: 0 0 0.7rem #333 !important;
  box-shadow: 0 0 0.7rem #333 !important;
  border: 0.1rem solid #2d699a;
  background-color: #3376ad;
  color: #fff;
  z-index: inherit;
}
body input[type=submit]:disabled,
body input[type=button]:disabled,
body a.button:disabled,
body button.button:disabled,
body input[type=submit][disabled],
body input[type=button][disabled],
body a.button[disabled],
body button.button[disabled] {
  background: #DDD;
  border: 0.1rem solid #DDD;
  -moz-box-shadow: 0 0 0 #333 !important;
  -webkit-box-shadow: 0 0 0 #333 !important;
  box-shadow: 0 0 0 #333 !important;
  pointer-events: none;
  cursor: default;
}
body input[type=submit]:disabled:hover,
body input[type=button]:disabled:hover,
body a.button:disabled:hover,
body button.button:disabled:hover,
body input[type=submit][disabled]:hover,
body input[type=button][disabled]:hover,
body a.button[disabled]:hover,
body button.button[disabled]:hover {
  background: #DDD !important;
  border: 0.1rem solid #DDD;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
body input[type=button].reset {
  background: hsl(207, 100%, 45%);
  font-size: 11px;
  padding: 0.5rem 1rem;
}
body a.button {
  position: relative;
}
body a.button:hover {
  -moz-box-shadow: 0 0 0.7rem #333 !important;
  -webkit-box-shadow: 0 0 0.7rem #333 !important;
  box-shadow: 0 0 0.7rem #333 !important;
}
body .ui-menu-item a {
  padding: 0;
  font-size: 11px;
}
body .ui-menu-item a:hover {
  color: #fff;
  background-color: hsl(207, 100%, 30%);
}
body .ui-widget {
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
}
body .ui-widget input,
body .ui-widget select,
body .ui-widget textarea,
body .ui-widget button {
  font-family: inherit;
}
body .ui-dialog,
body .ui-dialog-content {
  /*box-sizing: content-box;*/
}
body .ui-dialog {
  padding: 0;
  -moz-box-shadow: 0 0 1.5rem #333;
  -webkit-box-shadow: 0 0 1.5rem #333;
  box-shadow: 0 0 1.5rem #333;
  border: none;
  z-index: 9999;
  border-radius: 0.4rem;
}
body .ui-dialog .ui-widget-header {
  border: none;
  background: hsl(207, 100%, 30%);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}
body .ui-dialog .ui-widget-header a {
  color: #fff !important;
  padding: 0;
}
body .ui-dialog .ui-widget-header .ui-icon {
  position: relative;
  left: 0.5rem;
  right: 1rem;
}
[dir="rtl"] body .ui-dialog .ui-widget-header .ui-icon {
  right: 0.5rem;
  left: 1rem;
}
body .ui-dialog .ui-widget-header .ui-icon:hover {
  background-color: #fff;
  -moz-box-shadow: 0 0 0 0 #333;
  -webkit-box-shadow: 0 0 0 0 #333;
  box-shadow: 0 0 0 0 #333;
}
body .ui-dialog .ui-widget-header a.ui-state-hover {
  border: none !important;
  background: transparent;
}
body .ui-dialog .ui-widget-header a.ui-state-hover .ui-icon {
  background-color: #fff;
  border: none !important;
  -moz-box-shadow: 0 0 0 0 #333;
  -webkit-box-shadow: 0 0 0 0 #333;
  box-shadow: 0 0 0 0 #333;
}
body .ui-dialog .ui-dialog-content {
  width: 100%;
  background: #fbfbfb;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filterdialogclearall {
  float: right !important;
  text-transform: lowercase;
}
[dir="rtl"] body .ui-dialog .ui-dialog-content .ui-iggrid-filterdialogclearall {
  float: left !important;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filterdialogclearall span {
  color: #224e72;
  font-size: 12px;
  font-weight: 400;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filterdialogclearall:hover span {
  color: #3376ad;
}
body .ui-dialog .ui-dialog-content label.ui-state-error {
  font-size: 13px !important;
}
body .ui-dialog .ui-dialog-content .ui-state-highlight {
  background-image: none;
  background-color: #efefef;
  border: none;
  border-collapse: collapse;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable .ui-igedit-field {
  padding: 0.5rem !important;
  font-size: 13px;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable input[style].ui-igedit-field {
  height: 2.4rem !important;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable td {
  vertical-align: top !important;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable td:last-of-type {
  vertical-align: middle !important;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable td .ui-icon-closethick:hover {
  cursor: pointer !important;
  background-color: #efefef !important;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable td select {
  border: 0.1rem solid #cccccc !important;
  border-collapse: collapse !important;
  border-radius: 0.4rem;
  line-height: 0.1rem !important;
  margin: 0;
  max-height: 2.6rem;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable td select:hover {
  border: 0.1rem solid #8c8c8c !important;
  cursor: pointer;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable td select option {
  cursor: pointer !important;
  border: 0.1rem solid #cccccc !important;
  border-collapse: collapse !important;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable td select option:hover {
  background-color: #3376ad !important;
  color: #fff !important;
  cursor: pointer !important;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filterdialogokcancelbuttoncontainer .ui-dialog-buttonset {
  margin-bottom: 1rem;
}
body .ui-dialog .ui-dialog-content span {
  font-size: 13px;
}
body .ui-dialog .ui-dialog-content table tr button.ui-datepicker-trigger {
  background: transparent;
  vertical-align: middle;
}
body .ui-dialog .ui-dialog-content table tr:hover button.ui-datepicker-trigger {
  background: transparent;
}
body .ui-dialog .ui-dialog-titlebar {
  max-height: 5rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: center;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  color: hsl(207, 100%, 25%) !important;
  background-color: #fff;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  right: 0.7em;
}
[dir="rtl"] body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  right: auto;
  left: 0.7em;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
  outline: none;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-icon-primary {
  display: none;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
  background-color: #3376ad;
  color: #fff !important;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text {
  display: none;
}
body .ui-dialog .ui-dialog-titlebar menu {
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  justify-items: flex-start;
  align-items: center;
  text-align: right;
  padding: 0.5rem 1rem 0.5rem 1rem;
  margin-right: 1rem;
}
[dir="rtl"] body .ui-dialog .ui-dialog-titlebar menu {
  text-align: left;
}
[dir="rtl"] body .ui-dialog .ui-dialog-titlebar menu {
  margin-right: 0;
  margin-left: 1rem;
}
body .ui-dialog .ui-dialog-titlebar menu input {
  border-radius: 0;
  min-width: 4rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
body .ui-dialog .ui-dialog-titlebar menu input[type=submit] {
  line-height: 1em;
  min-height: 2rem;
  min-width: 2rem;
  text-align: center;
}
body .ui-dialog .ui-dialog-titlebar menu input.controlGrid-refreshButton,
body .ui-dialog .ui-dialog-titlebar menu input.controlGrid-removeButton,
body .ui-dialog .ui-dialog-titlebar menu input.controlGrid-addButton {
  color: hsl(207, 100%, 25%);
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  vertical-align: middle;
  border: 0.1rem solid hsl(207, 100%, 25%);
  background-color: #fff;
  padding: 0.8rem 1rem;
  font-size: 11px;
  font-weight: 700;
}
body .ui-dialog .ui-dialog-titlebar menu input.controlGrid-refreshButton:hover,
body .ui-dialog .ui-dialog-titlebar menu input.controlGrid-removeButton:hover,
body .ui-dialog .ui-dialog-titlebar menu input.controlGrid-addButton:hover {
  background-color: #3376ad;
  color: #fff;
}
body .ui-dialog .ui-dialog-titlebar menu input:not(last-of-type),
body .ui-dialog .ui-dialog-titlebar menu input:not(first-of-type) {
  border-radius: 0;
}
body .ui-dialog .ui-dialog-titlebar menu input:not(:first-of-type):not(:last-of-type) {
  border-left: 0.1rem solid hsl(207, 100%, 25%);
  border-top: 0.1rem solid hsl(207, 100%, 25%);
  border-bottom: 0.1rem solid hsl(207, 100%, 25%);
  border-right: none;
}
[dir="rtl"] body .ui-dialog .ui-dialog-titlebar menu input:not(:first-of-type):not(:last-of-type) {
  border-left: none;
  border-right: 0.1rem solid hsl(207, 100%, 25%);
}
body .ui-dialog .ui-dialog-titlebar menu input:first-of-type {
  border-left: 0.1rem solid hsl(207, 100%, 25%);
  border-top: 0.1rem solid hsl(207, 100%, 25%);
  border-bottom: 0.1rem solid hsl(207, 100%, 25%);
  border-right: none;
  border-radius: 0.8rem 0 0 0.8rem;
}
[dir="rtl"] body .ui-dialog .ui-dialog-titlebar menu input:first-of-type {
  border-left: none;
  border-right: 0.1rem solid hsl(207, 100%, 25%);
  border-radius: 0 0.8rem 0.8rem 0;
}
body .ui-dialog .ui-dialog-titlebar menu input:last-of-type {
  border-left: 0.1rem solid hsl(207, 100%, 25%);
  border-top: 0.1rem solid hsl(207, 100%, 25%);
  border-bottom: 0.1rem solid hsl(207, 100%, 25%);
  border-right: 0.1rem solid hsl(207, 100%, 25%);
  border-radius: 0 0.8rem 0.8rem 0;
}
[dir="rtl"] body .ui-dialog .ui-dialog-titlebar menu input:last-of-type {
  border-radius: 0.8rem 0 0 0.8rem;
}
body .ui-dialog .ui-dialog-titlebar menu input:only-child {
  border-left: 0.1rem solid hsl(207, 100%, 25%);
  border-top: 0.1rem solid hsl(207, 100%, 25%);
  border-bottom: 0.1rem solid hsl(207, 100%, 25%);
  border-right: 0.1rem solid hsl(207, 100%, 25%);
  border-radius: 0.8rem 0.8rem 0.8rem 0.8rem;
}
body .ui-dialog div.ui-iggrid-pager .ui-state-default {
  background: transparent;
  border: none !important;
  color: #fafafa !important;
  display: table-cell;
  vertical-align: middle !important;
  font-size: 1.2rem;
  position: relative;
  top: 0.3rem;
}
body .ui-dialog div.ui-iggrid-pager .ui-icon {
  background-color: hsl(207, 100%, 55%);
  /*background-image: @jqueryWhiteIconSet; //todo - replace with fontawesome*/
  /*display: inline-block;
				background: none repeat scroll 0 0 transparent;
				top: 0;
				.margin-left(0);
				.margin-right(0);
				left: 0;
				right: 0;
				margin-top: 0;
				text-indent: 0;

				&:before {
					font-family: @iconFont;
					font-weight: @heavy-weight;
					content: "\f00d";
					vertical-align: top;
					text-align: center;
				}*/
}
body .ui-dialog div.ui-iggrid-pager .ui-iggrid-pagecurrent {
  border: none !important;
  top: 0;
}
body .ui-dialog div.ui-iggrid-pager .ui-state-active a.ui-iggrid-pagelinkcurrent {
  font-weight: 700 !important;
  color: #3376ad !important;
  font-size: 1.2rem !important;
}
body .ui-dialog .ui-widget-content {
  background: #ffffff;
}
body .ui-dialog .ui-widget-content a,
body .ui-dialog .ui-widget-content a:visited {
  font-size: 11px;
  color: #006080;
}
body .ui-dialog .ui-widget-content a:hover,
body .ui-dialog .ui-widget-content a:visited:hover,
body .ui-dialog .ui-widget-content a:active,
body .ui-dialog .ui-widget-content a:visited:active {
  color: #5d9ccf;
}
body .ui-dialog .ui-widget-content a:disabled,
body .ui-dialog .ui-widget-content a:visited:disabled,
body .ui-dialog .ui-widget-content a[disabled],
body .ui-dialog .ui-widget-content a:visited[disabled] {
  color: #DDD;
  cursor: default;
}
body .ui-dialog .ui-widget-content .ui-widget-header {
  background: hsl(207, 100%, 35%);
}
body .ui-dialog .ui-widget-content .ui-widget-header .ui-icon:hover {
  background-color: #3376ad;
  -moz-box-shadow: 0 0 0 0 #333;
  -webkit-box-shadow: 0 0 0 0 #333;
  box-shadow: 0 0 0 0 #333;
}
body .ui-dialog .ui-widget-content section[data-role="controlGrid"] header {
  min-height: 0;
  padding: 0.5em;
}
body .ui-dialog .ui-widget-content section[data-role="controlGrid"] header h3 {
  top: 0;
}
body .ui-dialog .ui-widget-content table {
  padding: 0;
  margin: 0;
  border-collapse: collapse;
}
body .ui-dialog .ui-widget-content table th,
body .ui-dialog .ui-widget-content table td {
  margin: 0;
  font-size: 11px;
  text-align: left;
  white-space: nowrap;
}
[dir="rtl"] body .ui-dialog .ui-widget-content table th,
[dir="rtl"] body .ui-dialog .ui-widget-content table td {
  text-align: right;
}
body .ui-dialog .ui-widget-content table th input,
body .ui-dialog .ui-widget-content table td input {
  vertical-align: middle;
}
body .ui-dialog .ui-widget-content table th span,
body .ui-dialog .ui-widget-content table td span {
  font-size: inherit;
  font-weight: 300;
}
body .ui-dialog .ui-widget-content table td {
  font-size: 12px;
}
body .ui-dialog .ui-widget-content table thead th {
  padding: 0.5rem;
  font-size: 11px;
  font-weight: 700;
  background: #fff;
  color: hsl(207, 100%, 25%);
  border-bottom: 0.1rem solid #808080;
}
body .ui-dialog .ui-widget-content table thead th span {
  font-weight: 500;
  font-size: 11px;
}
body .ui-dialog .ui-widget-content table thead th:not(:last-of-type) {
  border-right: 0.1rem solid #999999;
}
[dir="rtl"] body .ui-dialog .ui-widget-content table thead th:not(:last-of-type) {
  border-right: 0;
  border-left: 0.1rem solid #999999;
}
body .ui-dialog .ui-widget-content table tbody tr {
  /*border-bottom: 0.1rem solid darken(@subtle-background-colour, 5%);*/
}
body .ui-dialog .ui-widget-content table tbody td {
  padding: 0.4em;
}
body .ui-dialog .ui-widget-content div.noItems {
  padding: 1.5rem;
  background: #f6f6f6;
  color: #666666;
  font-weight: 300;
  font-size: 15px;
}
body .ui-dialog .ui-iggrid-sortableheader > a {
  font-size: 15px !important;
}
body .ui-dialog input,
body .ui-dialog select,
body .ui-dialog textarea {
  font-size: 13px;
  padding: 0.3rem;
}
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content table thead th {
  text-align: center;
}
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content table td {
  font-size: 12px;
  font-weight: 300;
}
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content table td:not(:last-of-type) {
  border-right: 0.1rem solid #e9e9e9;
}
[dir="rtl"] body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content table td:not(:last-of-type) {
  border-right: 0;
  border-left: 0.1rem solid #e9e9e9;
}
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content table td span {
  font-size: 12px;
}
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content input,
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content select,
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content textarea {
  padding: 0.3rem;
  font-size: 12px;
}
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content input[type="checkbox"],
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content select[type="checkbox"],
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content textarea[type="checkbox"],
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content input[type="radio"],
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content select[type="radio"],
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content textarea[type="radio"] {
  margin-right: 0.3rem;
}
[dir="rtl"] body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content input[type="checkbox"],
[dir="rtl"] body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content select[type="checkbox"],
[dir="rtl"] body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content textarea[type="checkbox"],
[dir="rtl"] body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content input[type="radio"],
[dir="rtl"] body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content select[type="radio"],
[dir="rtl"] body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content textarea[type="radio"] {
  margin-right: 0;
  margin-left: 0.3rem;
}
body .ui-dialog div#allProcessGroupsDialog ul li a,
body .ui-dialog div#allProcessesDialog ul li a,
body .ui-dialog div#allTasksDialog ul li a,
body .ui-dialog div#allReportsDialog ul li a,
body .ui-dialog div#allMostUsedTasksDialog ul li a {
  display: grid;
  grid-template-columns: 5rem 20rem;
  grid-template-rows: 7rem;
  grid-template-areas: ". .";
  align-content: center;
  align-items: center;
  justify-content: center;
  background: hsl(207, 100%, 30%);
  color: #fafafa;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 1em 0 0;
  text-align: center;
  height: 100%;
  line-height: 2rem;
  width: 100%;
  vertical-align: middle;
  font-weight: 400;
  font-size: 13px;
}
[dir="rtl"] body .ui-dialog div#allProcessGroupsDialog ul li a,
[dir="rtl"] body .ui-dialog div#allProcessesDialog ul li a,
[dir="rtl"] body .ui-dialog div#allTasksDialog ul li a,
[dir="rtl"] body .ui-dialog div#allReportsDialog ul li a,
[dir="rtl"] body .ui-dialog div#allMostUsedTasksDialog ul li a {
  padding: 0 0 0 1em;
}
body .ui-dialog div#allProcessGroupsDialog ul li a:hover,
body .ui-dialog div#allProcessesDialog ul li a:hover,
body .ui-dialog div#allTasksDialog ul li a:hover,
body .ui-dialog div#allReportsDialog ul li a:hover,
body .ui-dialog div#allMostUsedTasksDialog ul li a:hover {
  background: #3376ad !important;
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
  color: #fff !important;
}
body .ui-dialog button.ui-button-text-only {
  font-size: 13px !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  color: #333 !important;
}
body .ui-dialog button.ui-button-text-only:hover {
  color: #3376ad !important;
}
body .ui-dialog .ui-dialog-buttonset .ui-button {
  background: hsl(207, 100%, 30%) !important;
  color: #fff !important;
  border: 0.1rem solid hsl(207, 100%, 30%);
}
body .ui-dialog .ui-dialog-buttonset .ui-button:hover {
  background: #3376ad !important;
  color: #fff !important;
  -moz-box-shadow: 0 0 0.5rem #999;
  -webkit-box-shadow: 0 0 0.5rem #999;
  box-shadow: 0 0 0.5rem #999;
  border: 0.1rem solid #2d699a;
}
body .ui-dialog div[data-role="controlGrid-dialog"] tr:hover {
  background: #f6f6f6;
}
body .ui-dialog .ui-iggrid-table td {
  font-size: 13px;
  padding: 0.5rem;
  padding-left: 1.5rem;
}
[dir="rtl"] body .ui-dialog .ui-iggrid-table td {
  padding-left: 0;
  padding-right: 1.5rem;
}
body .ui-dialog .ui-iggrid-table td.ui-state-hover {
  border: none !important;
  font-weight: 700;
}
body .ui-dialog .ui-iggrid-table td.ui-state-active {
  background: #3376ad !important;
  color: #fff !important;
  border: none !important;
  font-weight: 700 !important;
}
body .ui-dialog .ui-iggrid-table .ui-iggrid-paging a.ui-iggrid-pagelinkcurrent {
  color: #3376ad !important;
  cursor: default !important;
}
body .ui-dialog .ui-iggrid-table .ui-iggrid-paging .ui-iggrid-pagedropdownlabels {
  color: #fff !important;
  border: none !important;
  font-weight: 700 !important;
}
body .ui-dialog .ui-iggrid-table .ui-iggrid-paging .ui-iggrid-page:hover {
  cursor: pointer !important;
}
body .ui-dialog .ui-iggrid-table .ui-iggrid-paging a.ui-iggrid-pagelink {
  color: #333 !important;
  display: inline-block !important;
  padding: 0.3rem !important;
}
body .ui-dialog .ui-iggrid-table .ui-iggrid-paging a.ui-iggrid-pagelink:hover {
  cursor: pointer !important;
}
body .process-diagram-tooltip div.node-id {
  font-weight: bold;
  font-size: 11px;
}
body .process-diagram-tooltip div.node-description {
  font-size: 30px;
  color: #333;
  font-weight: 300;
  display: block;
  padding-bottom: 0.5rem;
  border-bottom: 0.1rem solid #f6f6f6;
  margin-bottom: 0.5rem;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
body .process-diagram-tooltip div.node-metadata {
  font-size: 10px;
  color: #666666;
}
body .process-diagram-tooltip div.node-metadata span {
  font-size: 11px;
  font-weight: 700;
}
body .editor-field {
  font-size: 13px;
  font-weight: 300;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow: visible;
  white-space: normal;
  padding-left: 0.4rem;
  margin-top: 0.5rem;
  margin-bottom: 0.2rem;
  /* Browse Page Icon */
}
body .editor-field span {
  font-size: 13px;
  font-weight: 300;
}
body .editor-field a {
  font-size: 12px;
}
[dir="rtl"] body .editor-field {
  padding-left: 0;
  padding-right: 0.4rem;
}
body .editor-field input[type=radio],
body .editor-field input[type=checkbox] {
  padding: 0.2rem;
}
body .editor-field .browsePage-browse-icon:focus {
  outline: none;
}
body #recentProcesses,
body #processQuickSearch,
body #trackMyProcesses,
body #newProcesses,
body #allReports,
body #newProcessSection {
  overflow: hidden;
  border-radius: 0.3rem;
  -moz-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto 0.5fr;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  height: 100%;
  width: 100%;
}
body #recentProcesses > header,
body #processQuickSearch > header,
body #trackMyProcesses > header,
body #newProcesses > header,
body #allReports > header,
body #newProcessSection > header {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
}
body #recentProcesses > header h3,
body #processQuickSearch > header h3,
body #trackMyProcesses > header h3,
body #newProcesses > header h3,
body #allReports > header h3,
body #newProcessSection > header h3 {
  max-width: 30rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 1rem;
}
[dir="rtl"] body #recentProcesses > header h3,
[dir="rtl"] body #processQuickSearch > header h3,
[dir="rtl"] body #trackMyProcesses > header h3,
[dir="rtl"] body #newProcesses > header h3,
[dir="rtl"] body #allReports > header h3,
[dir="rtl"] body #newProcessSection > header h3 {
  padding-right: 0;
  padding-left: 1rem;
}
body #recentProcesses > header h3 .fa-question-circle,
body #processQuickSearch > header h3 .fa-question-circle,
body #trackMyProcesses > header h3 .fa-question-circle,
body #newProcesses > header h3 .fa-question-circle,
body #allReports > header h3 .fa-question-circle,
body #newProcessSection > header h3 .fa-question-circle {
  font-size: 13px;
  margin-left: 0.3rem;
}
[dir="rtl"] body #recentProcesses > header h3 .fa-question-circle,
[dir="rtl"] body #processQuickSearch > header h3 .fa-question-circle,
[dir="rtl"] body #trackMyProcesses > header h3 .fa-question-circle,
[dir="rtl"] body #newProcesses > header h3 .fa-question-circle,
[dir="rtl"] body #allReports > header h3 .fa-question-circle,
[dir="rtl"] body #newProcessSection > header h3 .fa-question-circle {
  margin-left: 0;
  margin-right: 0.3rem;
}
body #recentProcesses > header a,
body #processQuickSearch > header a,
body #trackMyProcesses > header a,
body #newProcesses > header a,
body #allReports > header a,
body #newProcessSection > header a {
  display: block;
  color: #006080;
  font-weight: 400;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 20rem;
  white-space: nowrap;
}
body #recentProcesses > header a:hover,
body #processQuickSearch > header a:hover,
body #trackMyProcesses > header a:hover,
body #newProcesses > header a:hover,
body #allReports > header a:hover,
body #newProcessSection > header a:hover {
  color: #5d9ccf;
}
body #recentProcesses div,
body #processQuickSearch div,
body #trackMyProcesses div,
body #newProcesses div,
body #allReports div,
body #newProcessSection div {
  text-overflow: ellipsis;
  white-space: normal;
  margin-bottom: 0.5rem;
  /*display: flex;
			flex-wrap: nowrap;*/
  justify-content: flex-start;
  align-items: center;
  /*display: grid;
			grid-auto-flow: column;
			grid-gap: 0.2rem;
			grid-template-columns: auto min-content;
			grid-template-rows: auto;
			grid-auto-flow: column;
			align-items: center;*/
}
body #recentProcesses div i,
body #processQuickSearch div i,
body #trackMyProcesses div i,
body #newProcesses div i,
body #allReports div i,
body #newProcessSection div i {
  margin-left: 0.6rem;
}
[dir="rtl"] body #recentProcesses div i,
[dir="rtl"] body #processQuickSearch div i,
[dir="rtl"] body #trackMyProcesses div i,
[dir="rtl"] body #newProcesses div i,
[dir="rtl"] body #allReports div i,
[dir="rtl"] body #newProcessSection div i {
  margin-left: 0;
  margin-right: 0.6rem;
}
body #recentProcesses .processButtons,
body #processQuickSearch .processButtons,
body #trackMyProcesses .processButtons,
body #newProcesses .processButtons,
body #allReports .processButtons,
body #newProcessSection .processButtons,
body #recentProcesses .reportButtons,
body #processQuickSearch .reportButtons,
body #trackMyProcesses .reportButtons,
body #newProcesses .reportButtons,
body #allReports .reportButtons,
body #newProcessSection .reportButtons,
body #recentProcesses .taskButtons,
body #processQuickSearch .taskButtons,
body #trackMyProcesses .taskButtons,
body #newProcesses .taskButtons,
body #allReports .taskButtons,
body #newProcessSection .taskButtons {
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  white-space: normal;
}
body #recentProcesses .processButtons li,
body #processQuickSearch .processButtons li,
body #trackMyProcesses .processButtons li,
body #newProcesses .processButtons li,
body #allReports .processButtons li,
body #newProcessSection .processButtons li,
body #recentProcesses .reportButtons li,
body #processQuickSearch .reportButtons li,
body #trackMyProcesses .reportButtons li,
body #newProcesses .reportButtons li,
body #allReports .reportButtons li,
body #newProcessSection .reportButtons li,
body #recentProcesses .taskButtons li,
body #processQuickSearch .taskButtons li,
body #trackMyProcesses .taskButtons li,
body #newProcesses .taskButtons li,
body #allReports .taskButtons li,
body #newProcessSection .taskButtons li {
  display: block;
  list-style: none;
  padding: 0.5rem;
}
body #recentProcesses .processButtons li:last-of-type,
body #processQuickSearch .processButtons li:last-of-type,
body #trackMyProcesses .processButtons li:last-of-type,
body #newProcesses .processButtons li:last-of-type,
body #allReports .processButtons li:last-of-type,
body #newProcessSection .processButtons li:last-of-type,
body #recentProcesses .reportButtons li:last-of-type,
body #processQuickSearch .reportButtons li:last-of-type,
body #trackMyProcesses .reportButtons li:last-of-type,
body #newProcesses .reportButtons li:last-of-type,
body #allReports .reportButtons li:last-of-type,
body #newProcessSection .reportButtons li:last-of-type,
body #recentProcesses .taskButtons li:last-of-type,
body #processQuickSearch .taskButtons li:last-of-type,
body #trackMyProcesses .taskButtons li:last-of-type,
body #newProcesses .taskButtons li:last-of-type,
body #allReports .taskButtons li:last-of-type,
body #newProcessSection .taskButtons li:last-of-type {
  margin-right: 0;
}
[dir="rtl"] body #recentProcesses .processButtons li:last-of-type,
[dir="rtl"] body #processQuickSearch .processButtons li:last-of-type,
[dir="rtl"] body #trackMyProcesses .processButtons li:last-of-type,
[dir="rtl"] body #newProcesses .processButtons li:last-of-type,
[dir="rtl"] body #allReports .processButtons li:last-of-type,
[dir="rtl"] body #newProcessSection .processButtons li:last-of-type,
[dir="rtl"] body #recentProcesses .reportButtons li:last-of-type,
[dir="rtl"] body #processQuickSearch .reportButtons li:last-of-type,
[dir="rtl"] body #trackMyProcesses .reportButtons li:last-of-type,
[dir="rtl"] body #newProcesses .reportButtons li:last-of-type,
[dir="rtl"] body #allReports .reportButtons li:last-of-type,
[dir="rtl"] body #newProcessSection .reportButtons li:last-of-type,
[dir="rtl"] body #recentProcesses .taskButtons li:last-of-type,
[dir="rtl"] body #processQuickSearch .taskButtons li:last-of-type,
[dir="rtl"] body #trackMyProcesses .taskButtons li:last-of-type,
[dir="rtl"] body #newProcesses .taskButtons li:last-of-type,
[dir="rtl"] body #allReports .taskButtons li:last-of-type,
[dir="rtl"] body #newProcessSection .taskButtons li:last-of-type {
  margin-right: 0;
  margin-left: 0;
}
body #allReports .fcBoxSlider {
  margin-top: 1rem;
  position: relative;
}
body #allReports .fcBoxSliderListWrap {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  height: 7rem;
  margin-bottom: -2rem;
  left: -0.2rem;
  top: -0.5rem;
}
[dir="rtl"] body #allReports .fcBoxSliderListWrap {
  left: auto;
  right: -0.2rem;
}
body #allReports .fcBoxSliderListWrap ul.fcBoxSliderList {
  list-style: none;
  padding: 0.5rem 0;
  margin: 0;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
}
[dir="rtl"] body #allReports .fcBoxSliderListWrap ul.fcBoxSliderList {
  left: auto;
  right: 0;
}
[dir="rtl"] body #allReports .fcBoxSliderListWrap ul.fcBoxSliderList {
  right: auto;
  left: 0;
}
body #allReports .fcBoxSliderListWrap ul.fcBoxSliderList li {
  width: 11rem;
  min-width: 11rem;
  max-width: 11rem;
  height: 3rem;
  margin: 0;
  position: relative;
  top: 0;
  height: 100%;
}
body #allReports .fcBoxSliderListWrap ul.fcBoxSliderList li a {
  display: block;
  vertical-align: middle;
  background: hsl(207, 100%, 30%);
  color: #fafafa;
  padding: 1rem 1rem;
  text-align: center;
  height: 7rem;
  width: 11rem;
  max-width: 11rem;
  font-weight: 500;
  font-size: 1.1rem;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
body #allReports .fcBoxSliderListWrap ul.fcBoxSliderList li a:hover {
  background: #3376ad;
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
}
body #allReports .fcBoxSliderPrev,
body #allReports .fcBoxSliderNext {
  top: 0%;
  display: inline-block;
  padding: 3rem 1rem;
  color: #333;
  position: absolute;
  font-weight: 500;
  margin: 0.5rem 0;
}
body #allReports .fcBoxSliderPrev:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f101";
  background-color: #f6f6f6;
  font-weight: 700;
}
body #allReports .fcBoxSliderNext:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f101";
  background-color: #f6f6f6;
  font-weight: 700;
}
body #allReports .fcBoxSliderNext {
  right: 0;
}
[dir="rtl"] body #allReports .fcBoxSliderNext {
  right: auto;
  left: 0;
}
body #allReports .fcBoxSliderPrev {
  left: 0;
}
[dir="rtl"] body #allReports .fcBoxSliderPrev {
  left: auto;
  right: 0;
}
body #allProcesses {
  float: left;
  width: 50%;
  min-height: 10.7rem;
}
[dir="rtl"] body #allProcesses {
  float: right;
}
body #allProcesses > header {
  overflow: hidden;
}
body #allProcesses > header a {
  margin-left: 1rem;
  margin-top: 0.1rem;
  color: #006080;
  font-weight: 400;
}
[dir="rtl"] body #allProcesses > header a {
  margin-left: 0;
  margin-right: 1rem;
}
body #allProcesses > header a:hover {
  color: #5d9ccf;
}
body input[type=text].input-validation-error,
body input[type=number].input-validation-error,
body input[type=password].input-validation-error,
body select.input-validation-error,
body textarea.input-validation-error {
  -moz-box-shadow: 0 0 0.5rem #fff !important;
  -webkit-box-shadow: 0 0 0.5rem #fff !important;
  box-shadow: 0 0 0.5rem #fff !important;
  border: 0.1rem solid #CC0000 !important;
  background-color: #ffeeee;
  margin-bottom: 0.2rem;
}
.fileUpload.input-validation-error {
  background-color: #ffeeee;
}
.field-validation-error {
  display: block;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  background: #CC0000;
  color: #fff;
  font-size: 13px;
  margin-left: 0.4rem;
  width: 29rem;
  max-width: 90%;
  padding: 0.5rem 0.5rem;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow: hidden;
}
li > .field-validation-error {
  margin-top: 0.6rem;
  left: 0;
}
[dir="rtl"] li > .field-validation-error {
  left: auto;
  right: 0;
}
[dir="rtl"] .field-validation-error {
  margin-left: 0;
  margin-right: 0.4rem;
}
.field-validation-valid {
  display: none !important;
}
.validation-summary {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #CC0000;
  color: #fff;
  font-size: 13px;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.validation-summary div {
  font-weight: 500;
  font-size: 15px !important;
}
.validation-summary ul {
  padding: 0;
}
.validation-summary ul li {
  background: transparent !important;
  list-style: none;
  font-size: 13px;
}
.validation-summary ul li:not(:last-of-type) {
  padding-bottom: 0.5rem;
}
.validation-summary ul li[data-target]:hover {
  text-decoration: underline;
  cursor: pointer;
}
.validation-summary-errors {
  font-weight: 700;
  background: #CC0000;
  color: #fff;
}
.validation-summary-valid {
  display: none;
}
li.error-li-icon:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  display: inline-block;
  font-size: 13px;
  padding-right: 1rem;
  text-decoration: none;
  content: '\F071';
}
[dir="rtl"] li.error-li-icon:before {
  padding-right: 0;
  padding-left: 1rem;
}
.error-li-icon {
  padding-left: 2.5rem;
  text-indent: -1.2rem;
  text-align: left;
}
[dir="rtl"] .error-li-icon {
  padding-left: 0;
  padding-right: 2.5rem;
}
[dir="rtl"] .error-li-icon {
  text-align: right;
}
.selectorButtonWrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  background-color: #ffffff;
  -moz-box-shadow: inset 0 0 0.2rem #999;
  -webkit-box-shadow: inset 0 0 0.2rem #999;
  box-shadow: inset 0 0 0.2rem #999;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  overflow-y: auto;
  max-height: 28.6rem;
}
.processGroupButtons,
.processButtons,
.taskButtons,
.reportButtons {
  position: relative;
  list-style-type: none;
  padding: 0.5em;
  overflow: hidden;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
}
.processGroupButtons li,
.processButtons li,
.taskButtons li,
.reportButtons li {
  padding: 0.5em;
}
.processGroupButtons a.button,
.processButtons a.button,
.taskButtons a.button,
.reportButtons a.button {
  display: grid;
  grid-template-columns: 5rem 20rem;
  grid-template-rows: 7rem;
  grid-template-areas: ". .";
  grid-gap: 0.5rem;
  align-content: center;
  align-items: center;
  justify-content: center;
  justify-items: center;
  background: hsl(207, 100%, 30%);
  color: #fafafa;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 1em 0 0;
  height: 100%;
  line-height: 1.5em;
  width: 100%;
  vertical-align: middle;
  font-size: 13px;
  text-align: center;
}
[dir="rtl"] .processGroupButtons a.button,
[dir="rtl"] .processButtons a.button,
[dir="rtl"] .taskButtons a.button,
[dir="rtl"] .reportButtons a.button {
  padding: 0 0 0 1em;
}
.processGroupButtons a.button:before,
.processButtons a.button:before,
.taskButtons a.button:before,
.reportButtons a.button:before {
  font-size: 28px;
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  background: #4d93cc;
  height: 100%;
  font-weight: 400;
  vertical-align: middle;
  text-align: center;
  justify-self: center;
  align-self: center;
  align-content: center;
  align-items: center;
  display: inline-grid;
  width: 100%;
  position: relative;
}
.processGroupButtons a.button:hover {
  background: #3376ad;
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
  color: #fff !important;
}
.processGroupButtons a.button:before {
  content: "\f5fd";
  font-weight: 700;
}
.processButtons a.button:before {
  content: "\f0e8";
  font-weight: 300;
}
.taskButtons a.button:before {
  content: "\f0ae";
  font-weight: 400;
}
.reportButtons a.button:before {
  content: "\f46d";
  font-weight: 700;
}
section#accountDetails span.field-validation-error,
section#updateAccountDetails span.field-validation-error,
section#changePassword span.field-validation-error {
  max-width: 22rem;
  font-size: 10px;
}
section#accountDetails input.input-validation-error,
section#updateAccountDetails input.input-validation-error,
section#changePassword input.input-validation-error {
  -moz-box-shadow: 0 0 0.5rem #fff !important;
  -webkit-box-shadow: 0 0 0.5rem #fff !important;
  box-shadow: 0 0 0.5rem #fff !important;
  border: 0.1rem solid #CC0000 !important;
  background: #fff !important;
}
article#completedTasksColumnChart div.barChart * {
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  margin-top: 1rem;
}
article#completedTasksColumnChart div.barChart div.xAxis {
  margin-top: 0.5rem;
}
i.help-spaced,
i.help {
  display: inline-block;
  font-size: 18px;
  color: #838383;
  cursor: help;
}
i.help-spaced {
  margin-top: 2.2rem;
  margin-left: 1rem;
}
[dir="rtl"] i.help-spaced {
  margin-left: 0;
  margin-right: 1rem;
}
/*Opera Fix*/
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
}
[dir="rtl"] body:before {
  float: right;
}
/*#region structure.css*/
.page-error-notification {
  display: flex;
  flex-direction: row;
  padding: 1rem;
  font-size: 11px;
  font-weight: 500;
  background-color: #efefef;
  color: #666666;
  margin-bottom: 1rem;
}
.page-error-notification i {
  padding-right: 0.5rem;
}
[dir="rtl"] .page-error-notification i {
  padding-right: 0;
  padding-left: 0.5rem;
}
.page-error-notification a {
  padding-left: 1rem;
  color: #275b86;
  font-weight: 700;
}
[dir="rtl"] .page-error-notification a {
  padding-left: 0;
  padding-right: 1rem;
}
.page-error-notification a:hover {
  color: #3376ad;
}
.page {
  background: #fff;
  padding: 2rem 2rem 2rem 2rem;
}
.page .sidebar-left {
  width: 20rem;
  overflow: hidden;
}
.page .sidebar-left div.pager-prev-nr-next {
  font-size: 11px;
}
.page .sidebar-left div.pager-prev-nr-next a {
  text-transform: lowercase;
}
.page .sidebar-left div.pager-prev-nr-next a:disabled,
.page .sidebar-left div.pager-prev-nr-next a[disabled] {
  color: #DDD;
  cursor: default;
  pointer-events: none;
  display: none !important;
}
nav#mainMenu {
  padding-top: 1em;
  position: sticky;
  top: 0;
}
nav#mainMenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 1 auto;
}
nav#mainMenu ul li {
  display: block;
}
nav#mainMenu ul li:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.2);
}
nav#mainMenu ul li[disabled=true]:hover {
  background-color: transparent;
  cursor: default;
}
nav#mainMenu ul li a {
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
  width: 100%;
  padding: 0.5rem;
  display: grid;
  align-items: center;
  justify-items: flex-start;
  grid-template-areas: "icon text .";
  grid-template-columns: 4rem 10rem;
  grid-template-rows: auto;
  overflow: hidden;
}
nav#mainMenu ul li a:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  padding-right: 1.5rem;
}
[dir="rtl"] nav#mainMenu ul li a:before {
  padding-right: 0;
  padding-left: 1.5rem;
}
nav#mainMenu ul li a[disabled=true] {
  color: #DDD;
}
nav#mainMenu ul li a[disabled=true] i,
nav#mainMenu ul li a[disabled=true] span {
  color: #DDD;
}
nav#mainMenu ul li a.currentSection {
  color: #333;
  background-color: rgba(255, 255, 255, 0.2);
}
nav#mainMenu ul li a.currentSection i,
nav#mainMenu ul li a.currentSection span {
  color: #fafafa;
}
nav#mainMenu ul li i:first-of-type {
  padding: 0.8rem;
  justify-self: center;
  grid-area: icon;
}
nav#mainMenu ul li span {
  grid-area: text;
  font-weight: 400;
}
nav#mainMenu ul li a,
nav#mainMenu ul li i {
  font-weight: 700;
}
nav#mainMenu ul li a,
nav#mainMenu ul li i,
nav#mainMenu ul li span {
  text-decoration: none;
  font-size: 14px;
  color: hsl(207, 100%, 80%);
}
.account-menu-dropdown {
  position: relative;
}
.account-menu {
  background-color: #fff;
  color: #006080;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  display: block;
  position: absolute;
  top: 3.5rem;
  right: -1rem;
  display: none;
  flex-direction: column;
  flex: 0 0 auto;
  align-content: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.5s ease;
  border: 0.1rem solid lightgrey;
  width: 27rem;
  list-style-type: none;
  padding: 0;
  line-height: 2;
  border-radius: 0.5rem;
  z-index: 999;
}
[dir="rtl"] .account-menu {
  right: auto;
  left: -1rem;
}
.account-menu:hover {
  display: block;
  visibility: visible;
  opacity: 1;
}
.account-menu:before {
  position: absolute;
  top: -1.6rem;
  left: 23.8rem;
  display: block;
  content: "";
  border: 0.8rem solid transparent;
  border-bottom-color: #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.15);
}
[dir="rtl"] .account-menu:before {
  left: auto;
  right: 23.8rem;
}
.account-menu:after {
  position: absolute;
  top: -1.4rem;
  left: 23.8rem;
  display: block;
  content: "";
  border: 0.7rem solid transparent;
  border-bottom-color: #fff;
}
[dir="rtl"] .account-menu:after {
  left: auto;
  right: 23.8rem;
}
.account-menu .divider {
  display: block;
  opacity: 1;
  visibility: visible;
}
.account-menu .account-menu-header {
  text-align: left;
}
.account-menu .account-menu-footer {
  display: grid;
  grid-gap: 0.2rem;
  grid-template-columns: auto;
  grid-template-rows: auto auto auto;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  font-size: 10px;
  text-align: center;
  color: hsl(207, 100%, 15%);
}
[dir="rtl"] .account-menu .account-menu-footer {
  padding: 1rem 0.5rem 0.5rem 0.5rem;
}
.account-menu .account-menu-footer .account-menu-footer-item {
  font-weight: 400;
}
.account-menu .account-menu-item {
  text-align: center;
  margin-right: 0;
}
.account-menu .account-menu-item:hover {
  text-decoration: none;
  color: #006080;
  background-color: #efefef;
}
.account-menu .account-menu-item .account-menu-item-link {
  padding: 1em;
  display: block;
  text-decoration: none;
  color: #4d6980;
  font-weight: 500;
  width: 100%;
  height: 100%;
}
.account-menu .account-menu-item .account-menu-item-link:hover {
  text-decoration: none;
  color: #5d9ccf;
}
.account-menu-dropdown-trigger {
  position: relative;
  font-size: 26px;
  padding-right: 0.1rem;
}
.account-menu-dropdown-trigger:focus + .account-menu {
  display: grid;
  grid-template-columns: 100%;
  opacity: 1;
  visibility: visible;
}
footer {
  text-align: center;
}
footer nav {
  padding: 0 0 1rem;
}
footer nav a {
  margin: 0 0.5rem;
}
.breadcrumb {
  margin-bottom: 0.5rem;
}
.breadcrumb ul {
  margin: 0;
  padding: 0;
  margin-bottom: 0.1rem;
  position: relative;
  overflow: hidden;
}
.breadcrumb ul li {
  margin-right: 0.5rem;
  display: inline-flex;
  flex-direction: row;
}
[dir="rtl"] .breadcrumb ul li {
  margin-right: 0;
  margin-left: 0.5rem;
}
.breadcrumb ul li i {
  padding-right: 0.5rem;
}
[dir="rtl"] .breadcrumb ul li i {
  padding-right: 0;
  padding-left: 0.5rem;
}
.breadcrumb ul li:not(:last-of-type):after {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f105";
  margin-left: 0.5rem;
}
[dir="rtl"] .breadcrumb ul li {
  margin-left: 0.5rem;
  margin-right: 0;
}
[dir="rtl"] .breadcrumb ul li:not(:last-of-type):after {
  content: "";
  margin-left: 0;
}
[dir="rtl"] .breadcrumb ul li:not(:last-of-type):before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f104";
  margin-left: 0;
  margin-right: 0.5rem;
}
.quick-actions:not(:first-of-type) {
  margin-top: 2rem;
}
.quick-actions header > * {
  margin: 0;
  padding: 0;
}
.quick-actions ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.quick-actions ul li {
  margin: 1rem 0 0 0;
}
[dir="rtl"] .quick-actions ul li {
  margin: 1rem 0 0 0;
}
.quick-actions .secondary {
  margin-top: 1rem;
}
#sidebarDashboard > header,
#trackingGauges > header,
#archiveGauges > header {
  margin: 0;
  padding: 0;
}
#sidebarDashboard > header a,
#trackingGauges > header a,
#archiveGauges > header a {
  margin: 0 0 0 0;
  display: block;
  padding: 0;
  text-transform: none;
}
[dir="rtl"] #sidebarDashboard > header a,
[dir="rtl"] #trackingGauges > header a,
[dir="rtl"] #archiveGauges > header a {
  margin: 0 0 0 0;
}
#sidebarDashboard nav ul,
#trackingGauges nav ul,
#archiveGauges nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sidebarDashboard nav ul li,
#trackingGauges nav ul li,
#archiveGauges nav ul li {
  margin-top: 1rem;
}
#sidebarDashboard nav ul li .value,
#trackingGauges nav ul li .value,
#archiveGauges nav ul li .value {
  display: block;
}
#sidebarDashboard nav ul li a,
#trackingGauges nav ul li a,
#archiveGauges nav ul li a {
  text-transform: none;
  display: block;
}
#accountDetails,
#updateAccountDetails,
#changePassword {
  max-width: 136.6rem;
  border-radius: 0.3rem;
}
#accountDetails header > h3,
#updateAccountDetails header > h3,
#changePassword header > h3 {
  margin: 0;
  padding: 0;
}
#accountDetails header > nav,
#updateAccountDetails header > nav,
#changePassword header > nav {
  margin-top: 0;
}
#accountDetails header > nav ul,
#updateAccountDetails header > nav ul,
#changePassword header > nav ul {
  margin: 0 0 0 1rem;
  padding: 0;
  list-style: none;
  display: inline-block;
}
[dir="rtl"] #accountDetails header > nav ul,
[dir="rtl"] #updateAccountDetails header > nav ul,
[dir="rtl"] #changePassword header > nav ul {
  margin: 0 1rem 0 0;
}
#accountDetails header > nav ul li:not(:last-of-type),
#updateAccountDetails header > nav ul li:not(:last-of-type),
#changePassword header > nav ul li:not(:last-of-type) {
  float: left;
  margin: 0 1rem 0 0;
}
[dir="rtl"] #accountDetails header > nav ul li:not(:last-of-type),
[dir="rtl"] #updateAccountDetails header > nav ul li:not(:last-of-type),
[dir="rtl"] #changePassword header > nav ul li:not(:last-of-type) {
  float: right;
}
[dir="rtl"] #accountDetails header > nav ul li:not(:last-of-type),
[dir="rtl"] #updateAccountDetails header > nav ul li:not(:last-of-type),
[dir="rtl"] #changePassword header > nav ul li:not(:last-of-type) {
  margin: 0 0 0 1rem;
}
#accountDetails .details-wrapper h2,
#updateAccountDetails .details-wrapper h2,
#changePassword .details-wrapper h2 {
  max-width: 60rem;
  overflow: hidden;
  padding-bottom: 0.3rem;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#accountDetails .details-wrapper .sectionTitle,
#updateAccountDetails .details-wrapper .sectionTitle,
#changePassword .details-wrapper .sectionTitle {
  grid-area: sectionTitle;
}
#accountDetails .details-wrapper .password-rules,
#updateAccountDetails .details-wrapper .password-rules,
#changePassword .details-wrapper .password-rules {
  font-size: 15px;
}
#accountDetails .details-wrapper a#updateAccountInformation,
#updateAccountDetails .details-wrapper a#updateAccountInformation,
#changePassword .details-wrapper a#updateAccountInformation,
#accountDetails .details-wrapper a#changePassword,
#updateAccountDetails .details-wrapper a#changePassword,
#changePassword .details-wrapper a#changePassword {
  white-space: nowrap;
  width: 15rem;
  max-width: 15rem;
  min-height: 3rem;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 1rem;
}
#accountDetails .details-wrapper .details,
#updateAccountDetails .details-wrapper .details,
#changePassword .details-wrapper .details {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  align-self: flex-start;
}
#accountDetails .details-wrapper .details ul,
#updateAccountDetails .details-wrapper .details ul,
#changePassword .details-wrapper .details ul {
  margin: 0 0 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: auto;
  justify-content: stretch;
  justify-items: flex-start;
  align-content: center;
  align-items: center;
  width: 100%;
}
[dir="rtl"] #accountDetails .details-wrapper .details ul,
[dir="rtl"] #updateAccountDetails .details-wrapper .details ul,
[dir="rtl"] #changePassword .details-wrapper .details ul {
  margin: 0 0 0 0;
}
#accountDetails .details-wrapper .details ul li,
#updateAccountDetails .details-wrapper .details ul li,
#changePassword .details-wrapper .details ul li {
  display: block;
}
#accountDetails .details-wrapper .details ul li label,
#updateAccountDetails .details-wrapper .details ul li label,
#changePassword .details-wrapper .details ul li label {
  display: block;
  margin-bottom: 0.5rem;
}
#changePassword .details-wrapper .details {
  min-height: 18.5rem;
  width: 100%;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.processQuickSearch {
  width: 30%;
  min-height: 11.5rem;
  max-height: 11.5rem;
  height: 11.5rem;
  overflow: hidden;
}
.processQuickSearch header h3 {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20rem;
  white-space: nowrap;
}
.processQuickSearch div {
  max-height: 3.5rem;
  max-width: 20rem;
  overflow: hidden;
}
.processQuickSearch div:last-of-type {
  margin-top: 1rem;
}
#startNewProcess .step {
  overflow: hidden;
}
.processSelectionDialog {
  display: none;
}
.processSelectionDialog ul {
  position: relative;
  left: 0;
  top: 0;
  list-style-type: none;
  padding: 0.5em;
  overflow: hidden;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}
.processSelectionDialog ul li {
  padding: 0.5em;
}
.processSelectionDialog ul li a {
  color: #666666;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
#pendingTasks header h3 {
  overflow: hidden;
  margin: 0;
  padding: 0;
  float: left;
}
[dir="rtl"] #pendingTasks header h3 {
  float: right;
}
#pendingTasks > nav {
  margin-top: 1.5rem;
  overflow: hidden;
}
#pendingTasks > nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  display: inline-block;
}
#pendingTasks > nav ul li {
  float: left;
  margin-left: 1.5rem;
}
[dir="rtl"] #pendingTasks > nav ul li {
  float: right;
}
[dir="rtl"] #pendingTasks > nav ul li {
  margin-left: 0;
  margin-right: 1.5rem;
}
#pendingTasks > nav ul li > span {
  margin-left: 1.5rem;
}
[dir="rtl"] #pendingTasks > nav ul li > span {
  margin-left: 0;
  margin-right: 1.5rem;
}
#pendingTasks > nav > span {
  float: left;
}
[dir="rtl"] #pendingTasks > nav > span {
  float: right;
}
.pagingPageSize {
  justify-content: center;
  grid-area: pagingPageSize;
}
.pager-prev-nr-next {
  justify-content: flex-end;
  grid-area: pagingPrevNrNext;
}
.pager-prev-nr-next span {
  font-weight: 700;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.pager-prev-nr-next a {
  font-size: 15px;
  vertical-align: middle;
  padding-right: 0.1rem;
  padding-left: 0.1rem;
}
#processNotes .pager-prev-nr-next a {
  font-size: 13px;
}
[dir="rtl"] .pager-prev-nr-next a {
  padding-right: 0;
  padding-left: 0.1rem;
}
[dir="rtl"] .pager-prev-nr-next a {
  padding-left: 0;
  padding-right: 0.1rem;
}
.pager-prev-nr-next a:first-of-type {
  margin-right: 1rem;
}
[dir="rtl"] .pager-prev-nr-next a:first-of-type {
  margin-right: 0;
  margin-left: 1rem;
}
.pager-prev-nr-next a:last-of-type {
  margin-left: 1rem;
}
[dir="rtl"] .pager-prev-nr-next a:last-of-type {
  margin-left: 0;
  margin-right: 1rem;
}
.dashboard > header,
#pendingTasksDashboard > header,
#processTrackingDashboard > header {
  margin: 0;
  padding: 0;
}
.dashboard > header a,
#pendingTasksDashboard > header a,
#processTrackingDashboard > header a {
  margin: 0 0 0 1rem;
  padding: 0;
  text-transform: none;
}
[dir="rtl"] .dashboard > header a,
[dir="rtl"] #pendingTasksDashboard > header a,
[dir="rtl"] #processTrackingDashboard > header a {
  margin: 0 1rem 0 0;
}
.dashboard > header h5,
#pendingTasksDashboard > header h5,
#processTrackingDashboard > header h5 {
  margin: 0;
  padding: 0;
  display: inline;
}
.dashboard nav ul,
#pendingTasksDashboard nav ul,
#processTrackingDashboard nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dashboard nav ul li,
#pendingTasksDashboard nav ul li,
#processTrackingDashboard nav ul li {
  margin-top: 1rem;
  float: left;
  width: 50%;
}
[dir="rtl"] .dashboard nav ul li,
[dir="rtl"] #pendingTasksDashboard nav ul li,
[dir="rtl"] #processTrackingDashboard nav ul li {
  float: right;
}
.dashboard nav ul li .value,
#pendingTasksDashboard nav ul li .value,
#processTrackingDashboard nav ul li .value {
  display: block;
}
.dashboard nav ul li a,
#pendingTasksDashboard nav ul li a,
#processTrackingDashboard nav ul li a {
  text-transform: none;
  display: block;
}
.ui-tabs-vertical {
  position: relative;
  padding-left: 6.2em;
}
[dir="rtl"] .ui-tabs-vertical {
  padding-left: 0;
  padding-right: 6.2em;
}
.ui-tabs-vertical .ui-tabs-nav {
  position: absolute;
  left: 0.25em;
  top: 0.2em;
  bottom: 0.2em;
  width: 6em;
  padding: 0.2em 0 0.2em 0.2em;
}
[dir="rtl"] .ui-tabs-vertical .ui-tabs-nav {
  left: auto;
  right: 0.25em;
}
[dir="rtl"] .ui-tabs-vertical .ui-tabs-nav {
  padding: 0.2em 0.2em 0.2em 0;
}
.ui-tabs-vertical .ui-tabs-nav li {
  width: 100%;
  border-right: none;
  border-bottom-width: 0.1rem;
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  overflow: hidden;
}
[dir="rtl"] .ui-tabs-vertical .ui-tabs-nav li {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
  border-right: 0.1rem solid transparent;
}
[dir="rtl"] .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
  border-left: 0.1rem solid transparent;
}
.ui-tabs-vertical .ui-tabs-nav li a {
  float: right !important;
  width: 100%;
  text-align: right;
}
[dir="rtl"] .ui-tabs-vertical .ui-tabs-nav li a {
  float: left !important;
}
[dir="rtl"] .ui-tabs-vertical .ui-tabs-nav li a {
  text-align: left;
}
.task-grid {
  width: 100%;
  table-layout: fixed;
}
.task-grid ul[data-role="fcFileUploadControlList"] {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.2rem;
  margin-right: 0;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  min-width: 16.3rem;
  width: 99%;
  min-height: 1.5rem;
  background-color: transparent;
  text-align: left;
  overflow: hidden;
}
[dir="rtl"] .task-grid ul[data-role="fcFileUploadControlList"] {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.task-grid ul[data-role="fcFileUploadControlList"]:empty {
  min-height: 0;
  padding: 0;
}
.task-grid ul[data-role="fcFileUploadControlList"] li {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-word-wrap: normal;
  word-wrap: normal;
  background: #e9e9e9;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
.task-grid ul[data-role="fcFileUploadControlList"] li a {
  font-size: 12px;
  font-weight: 400;
  padding-left: 0.2rem;
}
[dir="rtl"] .task-grid ul[data-role="fcFileUploadControlList"] li a {
  padding-left: 0;
  padding-right: 0.2rem;
}
.task-grid ul[data-role="fcFileUploadControlList"] li:not(:last-of-type) {
  margin-bottom: 0.5rem;
}
.task-grid .controlGrid ul[data-role="fcFileUploadControlList"] {
  width: 23.5rem;
  max-width: 23.5rem;
  min-width: 16.3rem;
}
.task-grid .controlGrid ul[data-role="fcFileUploadControlList"] li {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.task-grid .editor {
  min-height: 3rem;
  padding-bottom: 0.3rem;
}
.task-grid td {
  vertical-align: top;
  padding-right: 0.5rem;
  overflow: hidden;
}
[dir="rtl"] .task-grid td {
  padding-right: 0;
  padding-left: 0.5rem;
}
.task-grid td input[type="radio"],
.task-grid td input[type="checkbox"] {
  padding: 0.2rem;
  margin-right: 0.3rem;
  vertical-align: middle;
}
[dir="rtl"] .task-grid td input[type="radio"],
[dir="rtl"] .task-grid td input[type="checkbox"] {
  margin-right: 0;
  margin-left: 0.3rem;
}
.task-grid td select[data-role="fcListControl"] {
  padding: 0.4rem 0.5rem 0.4rem 0.7rem;
}
.task-grid tbody tr td {
  vertical-align: top;
}
.task-grid tbody tr td input[data-role="fcTextControl"] {
  padding: 0.5rem 0.5rem 0.5rem 0.7rem;
  margin-bottom: 0.2rem;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -khtml-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
.task-grid tbody tr td h3 {
  width: 80%;
  word-wrap: break-word;
  padding-left: 1rem;
}
[dir="rtl"] .task-grid tbody tr td h3 {
  padding-left: 0;
  padding-right: 1rem;
}
.task-grid tbody tr td menu {
  z-index: 20;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
}
[dir="rtl"] .task-grid tbody tr td menu {
  padding-right: 0;
  padding-left: 1rem;
}
.ui-dialog {
  z-index: 101;
}
.ui-dialog .ui-dialog-title {
  font-weight: 400;
}
.ui-dialog table.task-grid td {
  text-align: left;
}
[dir="rtl"] .ui-dialog table.task-grid td {
  text-align: right;
}
.ui-dialog table.task-grid td div.editor {
  padding-bottom: 0.5rem;
}
.ui-dialog table.task-grid td div.editor div.editor-label {
  margin-bottom: 0.5rem;
  white-space: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow-x: visible;
}
.ui-dialog table.task-grid td div.editor div.editor-field {
  font-size: 12px;
}
.ui-dialog table.task-grid td div.editor div.editor-field a[data-role="fcLinkControl"] {
  font-size: 12px;
}
.ui-dialog table.task-grid td div.editor div.editor-field ul[data-role="fcFileUploadControlList"] {
  vertical-align: top;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 26.3rem;
  min-width: 16.3rem;
  padding: 0;
}
[dir="rtl"] .ui-dialog table.task-grid td div.editor div.editor-field ul[data-role="fcFileUploadControlList"] {
  margin-left: 0;
  margin-right: 0;
}
.ui-dialog table.task-grid td div.editor div.editor-field ul[data-role="fcFileUploadControlList"]:empty {
  padding: 0;
}
.ui-dialog table.task-grid td div.editor div.editor-field ul[data-role="fcFileUploadControlList"] li {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  background: #e9e9e9;
  width: 100%;
}
.ui-dialog table.task-grid td div.editor div.editor-field ul[data-role="fcFileUploadControlList"] li a {
  margin-left: 0.5rem;
}
[dir="rtl"] .ui-dialog table.task-grid td div.editor div.editor-field ul[data-role="fcFileUploadControlList"] li a {
  margin-left: 0;
  margin-right: 0.5rem;
}
.ui-dialog table.task-grid td div.editor div.editor-field ul[data-role="fcFileUploadControlList"] li:not(:last-of-type) {
  margin-bottom: 0.5rem;
}
.ui-dialog table.task-grid td .controlGrid .gridArea td {
  font-size: 12px;
  font-weight: 300;
}
.ui-dialog table.task-grid td .controlGrid .gridArea td a,
.ui-dialog table.task-grid td .controlGrid .gridArea td a:visited,
.ui-dialog table.task-grid td .controlGrid .gridArea td span {
  font-size: inherit;
}
.ui-dialog table.task-grid td .controlGrid .gridArea td a,
.ui-dialog table.task-grid td .controlGrid .gridArea td a:visited {
  font-weight: 400;
}
.ui-dialog table.task-grid td .controlGrid ul[data-role="fcFileUploadControlList"] {
  max-width: 26.3rem;
  min-width: 16.3rem;
}
.ui-dialog table.task-grid td .controlGrid ul[data-role="fcFileUploadControlList"] li {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.ui-dialog table.task-grid td .controlGrid ul[data-role="fcFileUploadControlList"] li a {
  margin-left: 0.5rem;
}
[dir="rtl"] .ui-dialog table.task-grid td .controlGrid ul[data-role="fcFileUploadControlList"] li a {
  margin-left: 0;
  margin-right: 0.5rem;
}
.ui-dialog input[type=submit],
.ui-dialog input[type=button],
.ui-dialog a.button,
.ui-dialog button.button {
  background: hsl(207, 100%, 30%);
  color: #fff;
  border: 0.1rem solid hsl(207, 100%, 25%);
  font-size: 11px;
  font-weight: 700;
  padding: 1rem 1.5rem;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
}
.ui-dialog input[type=submit].ui-button,
.ui-dialog input[type=button].ui-button,
.ui-dialog a.button.ui-button,
.ui-dialog button.button.ui-button {
  background: hsl(207, 100%, 30%);
  color: #fff;
  font-weight: 700;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
.ui-dialog input[type=submit]:hover,
.ui-dialog input[type=button]:hover,
.ui-dialog a.button:hover,
.ui-dialog button.button:hover {
  -moz-box-shadow: 0 0 0.7rem #333 !important;
  -webkit-box-shadow: 0 0 0.7rem #333 !important;
  box-shadow: 0 0 0.7rem #333 !important;
  border: 0.1rem solid #2d699a;
  background-color: #3376ad;
  color: #fff;
  z-index: 10;
}
.ui-dialog input[type=submit]:disabled,
.ui-dialog input[type=button]:disabled,
.ui-dialog a.button:disabled,
.ui-dialog button.button:disabled,
.ui-dialog input[type=submit][disabled],
.ui-dialog input[type=button][disabled],
.ui-dialog a.button[disabled],
.ui-dialog button.button[disabled] {
  border: 0.1rem solid #DDD;
  background: #DDD;
  -moz-box-shadow: 0 0 0 #333 !important;
  -webkit-box-shadow: 0 0 0 #333 !important;
  box-shadow: 0 0 0 #333 !important;
  cursor: default;
  pointer-events: none;
}
.ui-dialog input[type=button].reset {
  background: hsl(207, 100%, 45%);
  font-size: 11px;
  padding: 0.5rem 1rem;
}
section[data-role=controlGrid] header {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
section[data-role=controlGrid] header h4 {
  display: inline;
  margin: 0;
  padding: 0;
}
section[data-role=controlGrid] header menu {
  display: flex;
  margin: 0;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-items: flex-start;
  flex-wrap: nowrap;
}
section[data-role=controlGrid] > table {
  width: 100%;
}
.editor-label {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  padding-left: 0.4rem;
}
[dir="rtl"] .editor-label {
  padding-left: 0;
  padding-right: 0.4rem;
}
.editor-label .required:after {
  color: #CC0000;
  content: "*";
  margin-left: 0.3rem;
}
[dir="rtl"] .editor-label .required:after {
  margin-left: 0;
  margin-right: 0.3rem;
}
.ui-icon-closethick {
  display: flex  !important;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 transparent !important;
  top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
}
.ui-icon-closethick:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  content: "\f00d";
  vertical-align: middle;
  text-align: center;
}
.ui-icon-plus {
  display: flex  !important;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 transparent !important;
  top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
}
.ui-icon-plus:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f067";
  vertical-align: middle;
  text-align: center;
}
.ui-icon-arrow-4-diag {
  display: flex  !important;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 transparent !important;
  top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
}
.ui-icon-arrow-4-diag:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f31e";
  vertical-align: middle;
  text-align: center;
}
.ui-icon-minus {
  display: flex  !important;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 transparent !important;
  top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
}
.ui-icon-minus:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f068";
  vertical-align: middle;
  text-align: center;
}
.ui-icon-arrowstop-1-w {
  display: flex  !important;
  justify-content: center;
  align-items: center;
  background-image: none !important;
  background: none repeat scroll 0 0 transparent;
  top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
}
.ui-icon-arrowstop-1-w:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  content: "\f048";
  vertical-align: middle;
  text-align: center;
}
.ui-icon-arrowstop-1-e {
  display: flex  !important;
  justify-content: center;
  align-items: center;
  background-image: none !important;
  background: none repeat scroll 0 0 transparent;
  top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
}
.ui-icon-arrowstop-1-e:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  content: "\f051";
  vertical-align: middle;
  text-align: center;
}
.ui-icon-arrowthick-1-n,
.ui-icon-arrowthick-1-s,
.ui-icon-triangle-1-w,
.ui-icon-triangle-1-s,
.ui-icon-triangle-1-e {
  display: flex  !important;
  justify-content: center;
  align-items: center;
  background-image: none !important;
  background: none repeat scroll 0 0 transparent;
  top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
}
.ui-icon-arrowthick-1-n:before,
.ui-icon-arrowthick-1-s:before,
.ui-icon-triangle-1-w:before,
.ui-icon-triangle-1-s:before,
.ui-icon-triangle-1-e:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
}
.ui-icon-arrowthick-1-n:before {
  content: "\f176";
}
.ui-icon-arrowthick-1-s:before {
  content: "\f175";
}
.ui-icon-triangle-1-w:before {
  content: "\f0d9";
}
.ui-icon-triangle-1-s:before {
  content: "\f0dd";
}
.ui-icon-triangle-1-e:before {
  content: "\f0da";
}
/*.ui-datepicker-prev, .ui-datepicker-next {
		span {
			background-image: none !important;
		}

		&:before {
			font-family: @iconFont;
			font-weight: @heavy-weight;
			vertical-align: middle;
			text-align: center;
			position: absolute;
			display: flex  !important;
			justify-content: center;
			align-items: center;
			background: none repeat scroll 0 0 transparent !important;
			top: 0 !important;
			left: 0 !important;
			right: 0 !important;
			bottom: 0 !important;
			margin-left: 0 !important;
			margin-right: 0 !important;
			margin-top: 0 !important;
			text-indent: 0;
		}
	}

	.ui-datepicker-next {
		&:before {
			content: "\f138";
		}
	}
	.ui-datepicker-prev {
		&:before {
			content: "\f137";
		}
	}*/
.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-e {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: flex !important;
  font-weight: normal;
  align-items: center;
  height: auto;
  width: 1.7rem;
  background: none repeat scroll 0 0 transparent !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
  padding: 0.1rem;
}
.ui-icon-circle-triangle-w:before,
.ui-icon-circle-triangle-e:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
}
.ui-icon-circle-triangle-w:before {
  content: "\f137";
}
.ui-icon-circle-triangle-e:before {
  content: "\f138";
}
.ui-igedit-dropdown .ui-igedit-listitem {
  font-size: 0.8em !important;
}
/*#endregion*/
/*#region BROWSE PAGES */
.browsePage-browse-icon {
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  background: none repeat scroll 0 0 transparent !important;
  top: 0;
  margin-left: 0.5rem;
  margin-right: 0;
  left: 0;
  right: 0;
  margin-top: 0;
  text-indent: 0;
  width: auto;
  height: auto;
  color: #333;
}
[dir="rtl"] .browsePage-browse-icon {
  margin-left: 0;
  margin-right: 0.5rem;
}
[dir="rtl"] .browsePage-browse-icon {
  margin-right: 0;
  margin-left: 0;
}
.browsePage-browse-icon:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 400;
  font-size: 11px;
  content: "\f2d2";
  vertical-align: top;
  text-align: center;
}
/*#endregion*/
/*#region FILE UPLOAD */
.fileUpload {
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 0 0 auto;
  justify-items: flex-start;
  align-content: space-between;
  justify-content: center;
  min-width: 20rem;
  max-width: 40rem;
  min-height: 5rem;
  background-color: #fff;
  text-align: left;
  overflow: hidden;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.4rem;
}
[dir="rtl"] .fileUpload {
  text-align: right;
}
.fileUpload .fileUpload-commands {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: center;
}
.fileUpload .fileUpload-commands a {
  margin-right: 0.5rem;
  cursor: pointer;
}
[dir="rtl"] .fileUpload .fileUpload-commands a {
  margin-right: 0;
  margin-left: 0.5rem;
}
.fileUpload .fileUpload-commands div > span {
  padding: 0.2rem;
  overflow: hidden;
  display: block;
  position: relative;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
}
.fileUpload > div {
  padding: 0.5rem 1rem 0.5rem 1rem;
  max-width: 100%;
  min-width: 15rem;
}
.fileUpload ul[data-role="fcFileUploadControlList"] li {
  padding-top: 0;
  padding-bottom: 0;
}
.fileUpload > ul {
  list-style: none;
  padding: 0.5rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.2rem;
  margin-right: 0;
  display: block;
  min-width: 17rem;
  border-collapse: separate;
}
[dir="rtl"] .fileUpload > ul {
  margin-left: 0;
  margin-right: 0.2rem;
}
[dir="rtl"] .fileUpload > ul {
  margin-right: 0;
  margin-left: 0;
}
.fileUpload > ul li {
  overflow: hidden;
}
.fileUpload > ul li:not(:last-of-type) {
  margin-bottom: 0.3rem;
}
.fileUpload > ul li > div {
  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
  background: #e9e9e9;
  display: grid;
  grid-template-columns: auto auto;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  vertical-align: middle;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  border-radius: 0.4rem;
}
[dir="rtl"] .fileUpload > ul li > div {
  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
}
.fileUpload > ul li > div > div {
  display: flex;
}
.fileUpload > ul li > div > div:first-of-type {
  max-width: 25rem;
  min-width: 10rem;
  padding-right: 0;
}
[dir="rtl"] .fileUpload > ul li > div > div:first-of-type {
  padding-right: 0;
  padding-left: 0;
}
.fileUpload > ul li > div > div:first-of-type > span {
  display: block;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.fileUpload > ul li > div > div:not(first-of-type) {
  vertical-align: middle;
  text-align: center;
}
.fileUpload > ul li > div > div:not(first-of-type).fileupload-icons-container {
  min-width: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
}
.fileUpload > ul li > div > div:not(first-of-type).fileupload-progressbar-container {
  display: block;
  max-width: 95%;
  min-width: 95%;
  float: left;
}
[dir="rtl"] .fileUpload > ul li > div > div:not(first-of-type).fileupload-progressbar-container {
  float: right;
}
.fileUpload > ul li > div > div:not(first-of-type).fileupload-progressbar-container > .ui-progressbar {
  width: 99%;
  max-width: 99%;
  min-width: 99%;
  max-height: 1.5rem;
}
.fileUpload > ul li > div > div:not(first-of-type).fileupload-progressbar-container > .ui-progressbar > .ui-progressbar-value {
  background: #224e72 !important;
  margin: 0;
  margin-bottom: 0.1rem;
  border: none !important;
}
.fileUpload > ul li > div > div:not(first-of-type) > .ui-icon {
  width: 1.5rem;
  max-width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
}
.fileUpload > ul li > div > div > span > a {
  min-width: 99%;
  max-width: 99%;
  overflow: hidden;
  -ms-word-wrap: normal !important;
  word-wrap: normal !important;
  display: block !important;
  margin-right: 0.1rem !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  font-weight: 400;
  color: #006080;
  -ms-word-break: normal !important;
  word-break: normal !important;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 0.2rem;
}
[dir="rtl"] .fileUpload > ul li > div > div > span > a {
  margin-right: 0 !important;
  margin-left: 0.1rem !important;
}
.fileUpload > ul li > div > div > span > a[disabled=disabled] {
  color: #919191;
}
.fileUpload > ul li > div > div > span > a:hover {
  color: #5d9ccf;
}
.fileUpload > ul li > div > div > div {
  vertical-align: middle;
}
.fileUpload > ul li > div .ui-icon-arrowthickstop-1-n {
  width: 1.7rem;
  max-width: 1.7rem;
  min-width: 1.7rem;
  height: 1.7rem;
  max-height: 1.7rem;
  background: none repeat scroll 0 0 transparent;
  text-indent: 0;
  color: #CC0000;
}
.fileUpload > ul li > div .ui-icon-arrowthickstop-1-n:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: '\f093';
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
}
.fileUpload > ul li > div .ui-icon-arrowthickstop-1-n:hover {
  background-color: hsl(207, 100%, 55%);
  -moz-border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  -khtml-border-radius: 0.2rem;
  border-radius: 0.2rem;
  cursor: pointer;
  color: #fff;
}
.fileUpload > ul li > div .ui-icon-close {
  width: 1.7rem;
  max-width: 1.7rem;
  min-width: 1.7rem;
  height: 1.7rem;
  max-height: 1.7rem;
  background: none repeat scroll 0 0 transparent;
  text-indent: 0;
}
.fileUpload > ul li > div .ui-icon-close:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  content: '\f00d';
  vertical-align: middle;
  text-align: center;
}
.fileUpload > ul li > div .ui-icon-close:hover {
  background-color: hsl(207, 100%, 55%);
  -moz-border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  -khtml-border-radius: 0.2rem;
  border-radius: 0.2rem;
  cursor: pointer;
  color: #fff;
}
.fileUpload > ul li > div > .ui-progressbar {
  display: block;
  position: relative !important;
  height: 0.3rem !important;
  width: 99% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  vertical-align: middle;
}
.fileUpload > ul li > div > .ui-progressbar > .ui-progressbar-value {
  margin: 0 !important;
  background: #224e72 !important;
  margin-bottom: 0.1rem;
  border: none !important;
}
.fileUpload-button {
  min-width: 7rem;
  border: none;
  background: hsl(207, 100%, 30%);
}
.fileUpload-button .ui-button-text {
  color: #fff;
  background: hsl(207, 100%, 30%);
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  padding: 1rem 0.5rem;
  font-size: 11px;
  font-weight: 500;
}
.fileUpload-button .ui-button-text:hover {
  background-color: #3376ad;
  cursor: pointer !important;
  -moz-box-shadow: 0 0 0.7rem #333 !important;
  -webkit-box-shadow: 0 0 0.7rem #333 !important;
  box-shadow: 0 0 0.7rem #333 !important;
}
input[data-role="fcFileUploadControl"] {
  opacity: 0;
}
/*#endregion*/
/*#region RELATED TASKS */
#relatedNewTasks ul,
#relatedReportTasks ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*#endregion*/
/*#region PROCESS NOTES */
#processNotes ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-right: 0.5rem;
}
[dir="rtl"] #processNotes ul {
  padding-right: 0;
  padding-left: 0.5rem;
}
/*#endregion*/
/*#region PROCESS INSTANCE */
.pending {
  margin-bottom: 1rem;
}
.branchTaskList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.branchTaskList li {
  background-color: #f6f6f6;
  display: grid;
  width: 100%;
  grid-template-areas: "taskDetails taskMetaData";
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
.branchTaskList li:hover {
  cursor: default;
  background-color: #3376ad;
}
/* Specific styling for Branch List in Pending*/
#branchHistoryList li:hover {
  cursor: pointer;
}
/*#endregion*/
/*#region PROCESS DIAGRAM */
.processDiagram {
  overflow: hidden;
  position: relative;
}
.processDiagram .connectorColor,
.processDiagram .processStartColor,
.processDiagram .processEndColor {
  background-color: #666;
}
.processDiagram .activityFontColor {
  color: #fff;
}
.processDiagram .activityShadowBorderColor {
  background-color: #fff;
}
.processDiagram .activityGradientStartColor {
  background-color: #16334b;
}
.processDiagram .activityGradientEndColor {
  background-color: #224e72;
}
.processDiagram .activityShadowColor {
  background-color: #222;
}
.processDiagram .activityFont,
.processDiagram .completedActivityFont {
  font-size: 11px;
  font-weight: 500;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
}
.processDiagram .completedActivityFontColor {
  color: #262626;
}
.processDiagram .completedActivityShadowColor,
.processDiagram .completedActivityShadowBorderColor {
  background-color: #616161;
}
.processDiagram .completedActivityGradientStartColor {
  background-color: #b3b3b3;
}
.processDiagram .completedActivityGradientEndColor {
  background-color: #a6a6a6;
}
.processDiagram ul {
  display: none;
}
.processDiagram .processDiagram-tooltip {
  display: none;
  position: absolute;
  z-index: 99999;
  padding: 1rem;
  font-size: 15px;
  background: #fff;
}
.processDiagram .processDiagram-tooltip .node-metadata:last-of-type {
  margin-bottom: 1rem;
}
.processDiagram .processDiagram-tooltip table {
  width: 100%;
  padding-bottom: 0.1rem;
}
.processDiagram .processDiagram-tooltip table caption {
  font-size: 13px;
  font-weight: 400;
  height: auto;
  border-radius: 0.3rem 0.3rem 0 0;
  background-color: hsl(207, 100%, 30%);
  color: #fff;
  margin-bottom: 0.3rem;
  padding-bottom: 0.3rem;
}
.processDiagram .processDiagram-tooltip table thead tr th {
  padding: 0.4rem;
}
.processDiagram .processDiagram-tooltip table tr {
  border-bottom: 0.1rem solid #e9e9e9;
}
.processDiagram .processDiagram-tooltip table tr:last-of-type {
  border-bottom: none;
}
.processDiagram .processDiagram-tooltip table td {
  padding: 0.2rem;
  vertical-align: middle;
}
.processDiagram .processDiagram-tooltip table td:not(:last-of-type) {
  border-right: 0.1rem solid #e9e9e9;
}
[dir="rtl"] .processDiagram .processDiagram-tooltip table td:not(:last-of-type) {
  border-right: 0;
  border-left: 0.1rem solid #e9e9e9;
}
.processDiagram .slider {
  position: absolute;
  top: 0;
  left: 0.5rem;
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  align-items: center;
}
[dir="rtl"] .processDiagram .slider {
  left: auto;
  right: 0.5rem;
}
.processDiagram .slider .ui-slider {
  position: relative;
  margin-right: 1rem;
  margin-top: 0.3rem;
}
[dir="rtl"] .processDiagram .slider .ui-slider {
  margin-right: 0;
  margin-left: 1rem;
}
.processDiagram .slider .ui-slider .ui-slider-handle {
  background: hsl(207, 100%, 30%);
  font-size: 19px;
}
.processDiagram .slider .ui-slider .ui-slider-handle:focus {
  outline: none;
}
.processDiagram .slider .ui-slider .ui-slider-handle:hover {
  background-color: #3376ad;
}
.processDiagram .slider > div:first-of-type {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}
.processDiagram .slider div button span {
  position: relative;
}
.processDiagram .slider div button span.ui-button-text {
  display: none;
}
.processDiagram .slider .ui-button {
  background: hsl(207, 100%, 30%);
  margin: 0;
  height: 3.6rem;
  width: 3.6rem;
  display: flex;
  justify-content: center;
  align-content: center;
  color: #fff;
}
.processDiagram .slider .ui-button:hover {
  background-color: #3376ad;
}
#processDiagram-dialog {
  overflow: hidden;
}
/* General RTL */
html[dir=rtl] .processDiagram .slider {
  right: 0.5rem;
  left: auto;
}
/*#endregion*/
/*#region PENDING TASK GRID STYLES */
.ui-iggrid table {
  width: 100% !important;
}
.ui-state-disabled {
  pointer-events: none;
  cursor: default;
}
.ui-state-disabled:hover {
  pointer-events: none;
  cursor: default;
}
/*#endregion*/
/*#region LOADER STYLES */
.loader {
  background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///0pISOTk5N3d3e/v705MTEpISGpoaKalpY6MjM3NzWJgYH59fauqqpCPj9DQ0GRjY0xKSoF/f+zs7OPi4vb29nFwcOXl5fX19crKyru6utnY2PLy8gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
  height: 1.1rem;
  width: 1.6rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.loader-large {
  background-image: url(data:image/gif;base64,R0lGODlhgAAPAPEAAP///wAAALa2tgAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAgAAPAAACo5QvoIC33NKKUtF3Z8RbN/55CEiNonMaJGp1bfiaMQvBtXzTpZuradUDZmY+opA3DK6KwaQTCbU9pVHc1LrDUrfarq765Ya9u+VRzLyO12lwG10yy39zY11Jz9t/6jf5/HfXB8hGWKaHt6eYyDgo6BaH6CgJ+QhnmWWoiVnI6ddJmbkZGkgKujhplNpYafr5OooqGst66Uq7OpjbKmvbW/p7UAAAIfkECQoAAAAsAAAAAIAADwAAArCcP6Ag7bLYa3HSZSG2le/Zgd8TkqODHKWzXkrWaq83i7V5s6cr2f2TMsSGO9lPl+PBisSkcekMJphUZ/OopGGfWug2Jr16x92yj3w247bh6teNXseRbyvc0rbr6/x5Ng0op4YSJDb4JxhI58eliEiYYujYmFi5eEh5OZnXhylp+RiaKQpWeDf5qQk6yprawMno2nq6KlsaSauqS5rLu8cI69k7+ytcvGl6XDtsyzxcAAAh+QQJCgAAACwAAAAAgAAPAAACvpw/oIC3IKIUb8pq6cpacWyBk3htGRk1xqMmZviOcemdc4R2kF3DvfyTtFiqnPGm+yCPQdzy2RQMF9Moc+fDArU0rtMK9SYzVUYxrASrxdc0G00+K8ruOu+9tmf1W06ZfsfXJfiFZ0g4ZvEndxjouPfYFzk4mcIICJkpqUnJWYiYs9jQVpm4edqJ+lkqikDqaZoquwr7OtHqAFerqxpL2xt6yQjKO+t7bGuMu1L8a5zsHI2MtOySVwo9fb0bVQAAIfkECQoAAAAsAAAAAIAADwAAAsucP6CAt9zSErSKZyvOd/KdgZaoeaFpRZKiPi1aKlwnfzBF4jcNzDk/e7EiLuLuhzwqayfmaNnjCCGNYhXqw9qcsWjT++TqxIKp2UhOprXf7PoNrpyvQ3p8fAdu82o+O5w3h2A1+Nfl5geHuLgXhEZVWBeZSMnY1oh5qZnyKOhgiGcJKHqYOSrVmWpHGmpauvl6CkvhaUD4qejaOqvH2+doV7tSqdsrexybvMsZrDrJaqwcvSz9i9qM/Vxs7Qs6/S18a+vNjUx9/v1TAAAh+QQJCgAAACwAAAAAgAAPAAAC0Zw/oIC33NKKUomLxct4c718oPV5nJmhGPWwU9TCYTmfdXp3+aXy+wgQuRRDSCN2/PWAoqVTCSVxilQZ0RqkSXFbXdf3ZWqztnA1eUUbEc9wm8yFe+VguniKPbNf6mbU/ubn9ieUZ6hWJAhIOKbo2Pih58C3l1a5OJiJuflYZidpgHSZCOnZGXc6l3oBWrE2aQnLWYpKq2pbV4h4OIq1eldrigt8i7d73Ns3HLjMKGycHC1L+hxsXXydO9wqOu3brPnLXL3C640sK+6cTaxNflEAACH5BAkKAAAALAAAAACAAA8AAALVnD+ggLfc0opS0SeyFnjn7oGbqJHf4mXXFD2r1bKNyaEpjduhPvLaC5nJEK4YTKhI1ZI334m5g/akJacAiDUGiUOHNUd9ApTgcTN81WaRW++Riy6Tv/S4dQ1vG4ps4NwOaBYlOEVYhYbnplexyJf3ZygGOXkWuWSZuNel+aboV0k5GFo4+qN22of6CMoq2kr6apo6m5fJWCoZm+vKu2Hr6KmqiHtJLKebRhuszNlYZ3ncewh9J9z8u3mLHA0rvetrzYjd2Wz8bB6oNO5MLq6FTp2+bVUAACH5BAkKAAAALAAAAACAAA8AAALanD+ggLfc0opS0XeX2Fy8zn2gp40ieHaZFWHt9LKNO5eo3aUhvisj6RutIDUZgnaEFYnJ4M2Z4210UykQ8BtqY0yHstk1UK+/sdk63i7VYLYX2sOa0HR41S5wi7/vcMWP1FdWJ/dUGIWXxqX3xxi4l0g4GEl5yOHIBwmY2cg1aXkHSjZXmbV4uoba5kkqelbaapo6u0rbN/SZG7trKFv7e6savKTby4voaoVpNAysiXscV4w8fSn8fN1pq1kd2j1qDLK8yYy9/ff9mgwrnv2o7QwvGO1ND049UgAAIfkECQoAAAAsAAAAAIAADwAAAticP6CAt9zSilLRd2d8onvBfV0okp/pZdamNRi7ui3yyoo4Ljio42h+w6kgNiJt5kAaasdYE7D78YKlXpX6GWphxqTT210qK1Cf9XT2SKXbYvv5Bg+jaWD5ekdjU9y4+PsXRuZHRrdnZ5inVidAyCTXF+nGlVhpdjil2OE49hjICVh4qZlpibcDKug5KAlHOWqqR8rWCjl564oLFruIucaYGlz7+XoKe2wsIqxLzMxaxIuILIs6/JyLbZsdGF063Uu6vH2tXc79LZ1MLWS96t4JH/rryzhPWgAAIfkECQoAAAAsAAAAAIAADwAAAtWcP6CAt9zSilLRd2fEe4kPCk8IjqTonZnVsQ33arGLwLV8Kyeqnyb5C60gM2LO6MAlaUukwdbcBUspYFXYcla00KfSywRzv1vpldqzprHFoTv7bsOz5jUaUMer5vL+Mf7Hd5RH6HP2AdiUKLa41Tj1Acmjp0bJFuinKKiZyUhnaBd5OLnzSNbluOnZWQZqeVdIYhqWyop6ezoquTs6O0aLC5wrHErqGnvJibms3LzKLIYMe7xnO/yL7TskLVosqa1aCy3u3FrJbSwbHpy9fr1NfR4fUgAAIfkECQoAAAAsAAAAAIAADwAAAsqcP6CAt9zSilLRd2fEW7cnhKIAjmFpZla3fh7CuS38OrUR04p5Ljzp46kgMqLOaJslkbhbhfkc/lAjqmiIZUFzy2zRe5wGTdYQuKs9N5XrrZPbFu94ZYE6ms5/9cd7/T824vdGyIa3h9inJQfA+DNoCHeomIhWGUcXKFIH6RZZ6Bna6Zg5l8JnSamayto2WtoI+4jqSjvZelt7+URKpmlmKykM2vnqa1r1axdMzPz5LLooO326Owxd7Bzam4x8pZ1t3Szu3VMOdF4AACH5BAkKAAAALAAAAACAAA8AAAK/nD+ggLfc0opS0XdnxFs3/i3CSApPSWZWt4YtAsKe/DqzXRsxDqDj6VNBXENakSdMso66WzNX6fmAKCXRasQil9onM+oziYLc8tWcRW/PbGOYWupG5Tsv3TlXe9/jqj7ftpYWaPdXBzbVF2eId+jYCAn1KKlIApfCSKn5NckZ6bnJpxB2t1kKinoqJCrlRwg4GCs4W/jayUqamaqryruES2b72StsqgvsKlurDEvbvOx8mzgazNxJbD18PN1aUgAAIfkECQoAAAAsAAAAAIAADwAAArKcP6CAt9zSilLRd2fEWzf+ecgjlKaQWZ0asqPowAb4urE9yxXUAqeZ4tWEN2IOtwsqV8YkM/grLXvTYbV4PTZpWGYU9QxTxVZyd4wu975ZZ/qsjsPn2jYpatdx62b+2y8HWMTW5xZoSIcouKjYePeTh7TnqFcpabmFSfhHeemZ+RkJOrp5OHmKKapa+Hiyyokaypo6q1CaGDv6akoLu3DLmLuL28v7CdypW6vsK9vsE1UAACH5BAkKAAAALAAAAACAAA8AAAKjnD+ggLfc0opS0XdnxFs3/nkISI2icxokanVt+JoxC8G1fNOlm6tp1QNmZj6ikDcMrorBpBMJtT2lUdzUusNSt9qurvrlhr275VHMvI7XaXAbXTLLf3NjXUnP23/qN/n8d9cHyEZYpoe3p5jIOCjoFofoKAn5CGeZZaiJWcjp10mZuRkaSAq6OGmU2lhp+vk6iioay3rpSrs6mNsqa9tb+ntQAAA7AAAAAAAAAAAA);
  height: 1.5rem;
  width: 12.8rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
/* general jquery styling */
.ui-autocomplete-loading {
  background: #fff url(images/ui-anim_basic_16x16.gif) no-repeat 95% 50%;
}
.ui-dialog + .ui-widget-content {
  /*background: none;*/
}
.ui-autocomplete-loading::-ms-clear {
  display: none;
}
/*#endregion*/
.ui-widget-header {
  background-image: none;
}
.ui-autocomplete .ui-menu-item {
  font-size: 13px !important;
  background-image: none !important;
}
.ui-autocomplete .ui-menu-item .ui-state-focus {
  color: #fff;
  background: #3376ad;
  outline: none;
  border: 0.1rem solid #3376ad;
}
.ui-autocomplete .ui-menu-item:hover {
  background-color: #3376ad !important;
}
.ui-autocomplete .ui-menu-item a:hover {
  background-color: #3376ad !important;
}
/* Overriding default jquery Datepicker styling*/
.ui-datepicker {
  z-index: 9999999 !important;
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
  height: auto;
  font-size: 15px !important;
}
.ui-datepicker .ui-datepicker-header {
  margin-top: -0.4rem !important;
  margin-left: -0.3rem !important;
  margin-right: -0.4rem !important;
  border: none !important;
  background: hsl(207, 100%, 45%) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
[dir="rtl"] .ui-datepicker .ui-datepicker-header {
  margin-left: 0 !important;
  margin-right: -0.3rem !important;
}
[dir="rtl"] .ui-datepicker .ui-datepicker-header {
  margin-right: 0 !important;
  margin-left: -0.4rem !important;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  background-color: hsl(207, 100%, 45%);
  color: #fff;
  display: flex;
  justify-content: center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
  /*background-image: @jqueryWhiteIconSet; //todo - replace with fontawesome*/
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
  background: #3376ad !important;
  border: 0.1rem solid hsl(207, 100%, 55%);
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month option:active,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year option:active {
  color: #fff;
  background-color: #4a90ca !important;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month option:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year option:hover {
  color: #fff;
  background-color: #3376ad !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  background: #DDD;
  background: -moz-linear-gradient(top, #DDD 0%, #DDD 100%);
  background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%, #DDD), color-stop(100%, #DDD));
  background: -webkit-linear-gradient(top, #DDD 0%, #DDD 100%);
  background: linear-gradient(top, #DDD 0%, #DDD 100%);
  -moz-box-shadow: 0 0 0.1rem #DDD;
  -webkit-box-shadow: 0 0 0.1rem #DDD;
  box-shadow: 0 0 0.1rem #DDD;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  border: 0.1rem solid #4a90ca !important;
  color: #fff;
  background: #4a90ca !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
  border: 0.1rem solid #666 !important;
  color: #fff !important;
  background: #999 !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active {
  background: #3376ad !important;
  color: #fff;
  border: 0.1rem solid #3376ad !important;
}
.ui-datepicker .ui-datepicker-unselectable .ui-state-default {
  background: #DDD;
  color: #999;
}
.ui-igedit-focus {
  outline: none;
  -moz-box-shadow: 0 0 0.5rem #3376ad;
  -webkit-box-shadow: 0 0 0.5rem #3376ad;
  box-shadow: 0 0 0.5rem #3376ad;
}
.ui-igedit-dropdown .ui-igedit-list .ui-igedit-listitem {
  font-size: 13px !important;
}
.ui-igedit-list,
.ui-igedit-listitem {
  font-size: 1em !important;
  background-color: #fff !important;
}
.ui-igedit-list:hover,
.ui-igedit-listitem:hover {
  color: #fff !important;
  cursor: pointer !important;
  background-color: #3376ad !important;
}
.ui-dialog-titlebar .ui-button {
  background: none;
  border: none;
}
.ui-dialog-titlebar .ui-button:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}
.ui-iggrid-nextpagelabel,
.ui-iggrid-nextpagelabeldisabled {
  margin-right: 1.5rem;
  margin-left: 1rem;
  font-weight: 700;
  font-size: 11px !important;
}
[dir="rtl"] .ui-iggrid-nextpagelabel,
[dir="rtl"] .ui-iggrid-nextpagelabeldisabled {
  margin-right: 0;
  margin-left: 1.5rem;
}
[dir="rtl"] .ui-iggrid-nextpagelabel,
[dir="rtl"] .ui-iggrid-nextpagelabeldisabled {
  margin-left: 0;
  margin-right: 1rem;
}
.ui-iggrid-prevpagelabel,
.ui-iggrid-prevpagelabeldisabled {
  font-weight: 700;
  font-size: 11px !important;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
[dir="rtl"] .ui-iggrid-prevpagelabel,
[dir="rtl"] .ui-iggrid-prevpagelabeldisabled {
  margin-left: 1rem;
  margin-right: 1rem;
}
[dir="rtl"] .ui-iggrid-prevpagelabel,
[dir="rtl"] .ui-iggrid-prevpagelabeldisabled {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.ui-iggrid-headertext {
  font-size: 13px;
}
/* Process Result Dialog Styling*/
#dialog-message {
  font-size: 14px;
  color: #666666;
  font-weight: 700;
}
#dialog-message hr {
  border-top-style: solid;
  border-top-width: 0.1rem;
  border-top-style: none;
}
#dialog-message #pendingTasksHeader,
#dialog-message #currentTaskMessage {
  font-weight: 400;
  padding-bottom: 0.8rem;
}
#dialog-message #processResult {
  padding-left: 0;
}
[dir="rtl"] #dialog-message #processResult {
  padding-left: 0;
  padding-right: 0;
}
#dialog-message #processResultHeading {
  font-size: 18px;
  font-weight: 400;
  color: hsl(207, 100%, 25%);
  border-bottom-width: 0.1rem;
  border-bottom-style: solid;
  border-bottom-color: #f6f6f6;
}
#dialog-message .pending-task {
  font-weight: 500;
}
#dialog-message .details a {
  font-weight: 400;
  font-size: 15px;
}
#dialog-message .details .id {
  font-weight: 500;
  font-size: 11px;
}
#dialog-message .details .id > span {
  color: #000000;
  font-size: inherit;
  margin-right: 0;
  font-weight: inherit;
  display: inline-block;
}
[dir="rtl"] #dialog-message .details .id > span {
  margin-right: 0;
  margin-left: 0;
}
#dialog-message .details span a {
  font-size: 11px;
}
#dialog-message .details .see-details {
  font-weight: 500;
  font-size: 10px;
  margin-top: 1rem;
}
#dialog-message #processResultMessage {
  font-weight: 300;
  background-color: #f6f6f6;
  padding: 1rem;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  -khtml-border-radius: 0.25em;
  border-radius: 0.25em;
}
#dialog-message .group {
  margin-top: 1rem;
}
#dialog-message .task-metadata {
  display: block;
}
#dialog-message .task-metadata .meta-item {
  font-size: 11px;
  margin-right: 0.5rem;
  color: #404040;
  display: inline-block;
}
[dir="rtl"] #dialog-message .task-metadata .meta-item {
  margin-right: 0;
  margin-left: 0.5rem;
}
#dialog-message .task-metadata .meta-item .meta-label {
  font-size: 10px;
  padding-right: 0.5rem;
}
[dir="rtl"] #dialog-message .task-metadata .meta-item .meta-label {
  padding-right: 0;
  padding-left: 0.5rem;
}
#dialog-message .task-metadata .meta-item .meta-value {
  font-size: 11px;
  font-weight: 700;
  padding-right: 0.2rem;
}
[dir="rtl"] #dialog-message .task-metadata .meta-item .meta-value {
  padding-right: 0;
  padding-left: 0.2rem;
}
#dialog-message .task-metadata .meta-item .meta-value a,
#dialog-message .task-metadata .meta-item .meta-value a:visited {
  text-decoration: none;
  color: #006080;
  font-weight: 400;
}
#dialog-message .task-metadata .meta-item .meta-value a:hover,
#dialog-message .task-metadata .meta-item .meta-value a:visited:hover,
#dialog-message .task-metadata .meta-item .meta-value a:active,
#dialog-message .task-metadata .meta-item .meta-value a:visited:active {
  color: #5d9ccf;
}
#dialog-message .task-metadata .meta-item .meta-value a:disabled,
#dialog-message .task-metadata .meta-item .meta-value a:visited:disabled,
#dialog-message .task-metadata .meta-item .meta-value a[disabled],
#dialog-message .task-metadata .meta-item .meta-value a:visited[disabled] {
  color: #DDD;
  cursor: default;
  pointer-events: none;
}
/* Browse Page Styling */
div.fcBrowsePageControl-dialog > .ui-dialog-content {
  overflow: hidden;
  padding-top: 1rem;
  height: auto;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content > div:first-of-type {
  font-size: 14px;
  color: #666666;
  font-weight: 400;
  padding-bottom: 0.5rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid-filtertable .ui-igedit-button {
  border: none;
  background: none;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid:focus {
  outline: none;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-igedit-buttonimage {
  margin-top: 0 !important;
  margin-left: 0 !important;
  height: 85%;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-igedit-buttonimage {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv {
  background-color: #fff;
  overflow-x: auto !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table {
  border-collapse: collapse;
  table-layout: auto !important;
  margin-top: 0;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead {
  padding-left: 0;
  padding-right: 0;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead {
  padding-left: 0;
  padding-right: 0;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead {
  padding-right: 0;
  padding-left: 0;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header {
  max-height: 3rem;
  white-space: nowrap;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-headertext {
  width: 100% !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header a {
  padding-right: 0.5rem;
  display: block !important;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header a {
  padding-right: 0;
  padding-left: 0.5rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer {
  display: block;
  margin-top: calc(0.25em / 9);
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer a {
  float: right;
  display: inline-block;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer a {
  float: left;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-colindicator {
  background: none repeat scroll 0 0 hsl(207, 100%, 55%) !important;
  color: #fff;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none repeat scroll 0 0 hsl(207, 100%, 55%) !important;
  color: #fff;
  top: 0;
  margin-left: 0;
  margin-right: 0;
  left: 0;
  right: 0;
  margin-top: 0;
  text-indent: 0;
  border-radius: 0.3rem;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton {
  margin-left: 0;
  margin-right: 0;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton {
  margin-right: 0;
  margin-left: 0;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  content: "\f0b0";
  vertical-align: top;
  text-align: center;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton:hover {
  background-color: #3376ad !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable {
  /*this will only get applied when the infragistics fixedHeader option is set to true*/
  padding-left: 0 !important;
  padding-right: 0 !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header {
  max-height: 3rem;
  white-space: normal;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer {
  float: right;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer {
  float: left;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer a {
  float: right;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer a {
  float: left;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton {
  float: right;
  display: inline-block;
  background-color: hsl(207, 100%, 55%) !important;
  right: 0;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton {
  float: left;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton {
  right: auto;
  left: 0;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton:hover {
  background-color: #3376ad !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-colindicator {
  /*background-image: @jqueryWhiteIconSet !important; //todo - replace with fontawesome*/
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-tablebody .ui-iggrid-altrecord,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-tablebody .ui-iggrid-altrecord {
  border-collapse: collapse;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-tablebody tr,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-tablebody tr {
  border-collapse: collapse;
  border-top: 0.1rem solid #f6f6f6;
  border-bottom: 0;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-tablebody tr:last-of-type,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-tablebody tr:last-of-type {
  border-bottom: 0.1rem solid #f6f6f6;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-tablebody td,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-tablebody td {
  white-space: nowrap !important;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 12px !important;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-tablebody td,
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-tablebody td {
  padding-left: 1rem;
  padding-right: 1rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-state-hover,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-state-hover {
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  background: #4a90ca;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-state-active,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-state-active {
  font-weight: 400 !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-pagecurrent,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-pagecurrent {
  pointer-events: none;
  cursor: default;
  background-color: #fff !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-pagecurrent:hover,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-pagecurrent:hover {
  pointer-events: none;
  cursor: default;
  background-color: #fff !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-pagecurrent.ui-iggrid-pagelinkcurrent,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-pagecurrent.ui-iggrid-pagelinkcurrent {
  pointer-events: none;
  cursor: default;
  background-color: #fff !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-pagecurrent.ui-iggrid-pagelinkcurrent:hover,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-pagecurrent.ui-iggrid-pagelinkcurrent:hover {
  pointer-events: none;
  cursor: default;
  background-color: #fff !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-state-hover {
  background: none;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer {
  min-height: 0.5rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-pageimg {
  border-radius: 0.3rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-firstpage,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-lastpage {
  padding-left: 1rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-firstpage .ui-iggrid-pageimg,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-lastpage .ui-iggrid-pageimg {
  left: 0.3rem;
  right: 0.3rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-nextpageimg {
  right: 0.3rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-lastpage {
  padding-left: 0.3em;
  padding-right: 1rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-paging-item .ui-state-disabled {
  background-color: transparent;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-paging-item .ui-state-disabled:hover {
  background-color: transparent !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer {
  font-size: 12px;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer .ui-igedit-field {
  padding: 0.4rem !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer .ui-igedit-button {
  height: 1.8rem !important;
  padding-top: 0.4rem;
  padding-bottom: 0.2rem;
  padding-right: 0.5rem;
  top: 0;
  margin-top: 0 !important;
  background-color: hsl(207, 100%, 55%);
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer .ui-igedit-button:hover {
  background-color: #3376ad;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer .ui-igedit-button .ui-igedit-buttonimage {
  background-color: transparent;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer .ui-igedit-button .ui-igedit-buttonimage:hover {
  background-color: transparent;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer span.ui-iggrid-pagedropdowncontainer {
  top: 0;
  width: 8rem !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer span.ui-iggrid-pagedropdowncontainer:focus {
  border: none !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer span.ui-iggrid-pagedropdowncontainer .ui-igedit-field {
  height: 100% !important;
  width: 5.5rem !important;
  padding: 0.4rem;
  font-size: 12px !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer span.ui-iggrid-pagedropdowncontainer .ui-igedit-field:focus {
  border: none !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer .ui-igedit-list {
  font-size: 12px;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer .ui-iggrid-pagedropdownlabels {
  position: relative;
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  top: 0.3rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-pagerrecordslabel {
  font-size: 11px;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-prevpage {
  padding-left: 2rem;
  padding-right: 1rem;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-prevpage {
  padding-left: 1rem;
  padding-right: 2rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-nextpage {
  padding-left: 1rem;
  padding-right: 2rem;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-nextpage {
  padding-left: 2rem;
  padding-right: 1rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-prevpage .ui-iggrid-prevpagelabel:hover,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-nextpage .ui-iggrid-prevpagelabel:hover,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-prevpage .ui-iggrid-nextpagelabel:hover,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-nextpage .ui-iggrid-nextpagelabel:hover {
  background-color: #3376ad;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-pagelink {
  color: #fff;
}
div.forms-canvas {
  background: #f6f6f6;
  padding: 1rem 1rem 1rem 1rem;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  display: grid;
  overflow: hidden;
}
[dir="rtl"] div.forms-canvas {
  padding: 1rem 1rem 1rem 1rem;
}
div.forms-canvas form p {
  font-weight: 300;
}
div.forms-canvas .form-commands {
  margin-top: 1rem;
  padding-left: 0.4rem;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
[dir="rtl"] div.forms-canvas .form-commands {
  padding-left: 0;
  padding-right: 0.4rem;
}
div.forms-canvas .form-commands > input {
  margin-right: 0.5rem;
}
[dir="rtl"] div.forms-canvas .form-commands > input {
  margin-right: 0;
  margin-left: 0.5rem;
}
div.forms-canvas hr {
  height: 0.1rem;
  color: #999;
  border: none;
  border-top: 0.1rem solid #999;
}
div.forms-canvas a.button {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin: auto;
}
div[data-role="controlGrid-dialog"] table th {
  text-align: center;
  padding: 0.5rem;
}
div[data-role="controlGrid-dialog"] table td {
  text-align: left;
  padding: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
}
[dir="rtl"] div[data-role="controlGrid-dialog"] table td {
  text-align: right;
}
div[data-role="controlGrid-dialog"] table td textarea,
div[data-role="controlGrid-dialog"] table td input[data-role="fcTextControl"] {
  font-size: 12px;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  padding: 0.5rem 0.5rem 0.5rem 0.7rem;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -khtml-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
div[data-role="controlGrid-dialog"] table td select[data-role="fcListControl"] {
  padding: 0.4rem 0.5rem 0.4rem 0.7rem;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
div[data-role="controlGrid-dialog"] table td span[data-role="fcLabelControl"] {
  overflow: hidden;
  font-size: 12px;
  white-space: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
div[data-role="controlGrid-dialog"] table td a[data-role="fcLinkControl"] {
  font-size: 12px;
}
div[data-role="controlGrid-dialog"] table td:not(:last-of-type) {
  border-right: 0.1rem solid #e2e2e2;
}
[dir="rtl"] div[data-role="controlGrid-dialog"] table td:not(:last-of-type) {
  border-right: 0;
  border-left: 0.1rem solid #e2e2e2;
}
#branchHistoryDialog {
  overflow: hidden;
  padding: 0;
}
#branchHistoryDialog .branchTaskList-content {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: auto 2fr;
  grid-template-rows: auto;
  grid-template-areas: "sideBar .";
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left {
  overflow-x: hidden;
  overflow-y: scroll;
  background: #f6f6f6;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList {
  list-style: none;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  justify-content: flex-start;
  justify-items: flex-start;
  align-items: center;
  padding: 1.5rem;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li {
  background: #dddddd;
  padding: 1rem 1.5rem 1rem 1.5rem;
  max-width: 13em;
  line-height: 1em;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  justify-content: flex-start;
  justify-items: center;
  align-items: flex-start;
  border-radius: 0.3rem;
  overflow: hidden;
  margin-bottom: 0.8rem;
}
[dir="rtl"] #branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li {
  padding: 1rem 1.5rem 1rem 1.5rem;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li:hover {
  background-color: #c3c3c3;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li label {
  display: block;
  font-size: 11px;
  clear: both;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li label.step {
  color: #000000;
  font-weight: 700;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li label.meta {
  color: #666666;
  font-weight: 400;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li > div {
  display: block;
  clear: both;
  width: auto;
  text-align: left;
  margin: 0;
}
[dir="rtl"] #branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li > div {
  text-align: right;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li .person,
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li .date {
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 11px;
  color: #4d4d4d;
  line-height: 11px;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li .title {
  font-weight: 500;
  margin-bottom: 1rem;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  line-height: 1.9rem;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li[disabled],
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li[disabled=disabled] {
  background-color: #DDD;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li[disabled] *,
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li[disabled=disabled] * {
  color: #d6d6d6;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li.selected {
  cursor: default;
  background-color: hsl(207, 100%, 30%);
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li.selected * {
  color: #fff !important;
}
#branchHistoryDialog .branchTaskList-content > section.content {
  height: auto;
  overflow: auto;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}
[dir="rtl"] #branchHistoryDialog .branchTaskList-content > section.content {
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}
#branchHistoryDialog .branchTaskList-content > section.content .message {
  font-weight: 300;
  font-size: 16px;
  color: #666666;
}
#branchHistoryDialog .branchTaskList-content > section.content .task-grid tbody td {
  vertical-align: top;
}
#branchHistoryDialog .branchTaskList-content > section.content .task-grid .gridArea td {
  vertical-align: middle;
}
#branchHistoryDialog .branchTaskList-content > section.content .task-grid .gridArea td span,
#branchHistoryDialog .branchTaskList-content > section.content .task-grid .gridArea td input {
  font-size: inherit;
}
#branchHistoryDialog .branchTaskList-content > section.content .controlGrid header {
  min-height: 0;
  padding: 0.5em;
}
#branchHistoryDialog .branchTaskList-content > section.content .controlGrid h3 {
  top: 0;
  word-wrap: break-word;
  white-space: normal;
}
.sign-in-container {
  display: grid;
  grid-template-areas: ". header ." ". loginForm ." ". footer .";
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: 1fr auto 1fr;
  grid-gap: 1rem;
  align-items: center;
  justify-content: center;
}
.grid-container {
  display: grid;
  grid-template-areas: "header header" "sideMenu main";
  grid-template-columns: 18.5rem 1fr;
  grid-template-rows: auto 2fr;
  height: 100%;
}
.page-header-container {
  grid-area: header;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.3);
  box-shadow: -1.1rem 0.4rem 1rem rgba(0, 0, 0, 0.1);
  z-index: 905;
  height: 100%;
}
.page-header-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  height: 100%;
}
.loginMenu-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  height: 95%;
  padding-left: 2rem;
  border-left: 0.1rem solid hsl(207, 100%, 80%);
}
[dir="rtl"] .loginMenu-wrap {
  padding-left: 0;
  padding-right: 2rem;
}
[dir="rtl"] .loginMenu-wrap {
  border-left: 0;
  border-right: 0.1rem solid hsl(207, 100%, 80%);
}
.logoArea-container {
  display: grid;
  grid-template-areas: "logo" "poweredby";
  grid-template-columns: 1fr;
  grid-template-rows: 2fr 1fr;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}
.sideMenu-container {
  grid-area: sideMenu;
  display: flex;
  flex-direction: column;
  background-color: hsl(207, 100%, 20%);
  z-index: 904;
  height: 100%;
  width: 100%;
  -webkit-transition: width 300ms ease;
  transition: width 300ms ease;
}
.main-container {
  grid-area: main;
  min-width: 45rem;
}
.dashboard-container {
  display: grid;
  grid-gap: 1rem;
  grid-template-areas: "tasksAtGlance-container pendingTasksChart-container dashboardQuickActions-container" "mostUsedTasks-container mostUsedTasks-container mostUsedTasks-container" "mostUsedTasks-container mostUsedTasks-container mostUsedTasks-container";
  grid-template-columns: 2fr 1.5fr min-content;
  grid-template-rows: 1fr 0.5fr 0.5fr;
}
.startNewProcess-container {
  display: grid;
  grid-template-areas: "processSearch-container mostUsedTasks-container mostUsedTasks-container" "browseProcess-container browseProcess-container browseProcess-container";
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: auto auto;
  grid-gap: 1rem;
}
.pendingTasks-container {
  display: grid;
  grid-template-areas: "sideBar pendingGauges" "sideBar itemList";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  grid-gap: 1rem;
  justify-items: flex-start;
  align-items: flex-start;
}
.tracking-container,
.archive-container,
.archiveInstance-container,
.trackingInstance-container {
  display: grid;
  grid-template-areas: "sideBar .";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
  justify-items: flex-start;
  align-items: flex-start;
}
.trackingSearch-container {
  display: grid;
  grid-template-areas: "processSearch-container mostUsedTasks-container" "browseProcess-container browseProcess-container";
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: auto auto auto auto;
}
.header-container {
  grid-area: header-container;
}
.processSearch-container {
  grid-area: processSearch-container;
}
.pendingTasksGauges-container {
  grid-area: tasksAtGlance-container;
}
.mostUsedTasks-container {
  grid-area: mostUsedTasks-container;
}
.dashboardQuickActions-container {
  grid-area: dashboardQuickActions-container;
}
.browseProcess-container {
  grid-area: browseProcess-container;
}
.pendingTasksChart-container {
  grid-area: pendingTasksChart-container;
}
.completedTasksChart-container {
  grid-area: completedTasksChart-container;
}
.footer-container {
  display: flex;
  grid-area: footer;
  flex-wrap: wrap;
  flex-direction: column;
}
.gauges-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 0.5rem;
  justify-content: flex-start;
  align-content: flex-start;
}
.accountDetails-container {
  display: grid;
  grid-gap: 1rem;
  grid-template-rows: 1fr auto auto;
  grid-template-areas: "accountProfileImage sectionTitle accountActions" "accountProfileImage details ." "accountProfileImage details .";
  grid-template-columns: 1fr auto 3fr;
  align-items: center;
  justify-content: center;
}
.accountChangePassword-container {
  display: grid;
  grid-gap: 1rem;
  grid-template-rows: 1fr auto auto;
  grid-template-areas: "accountProfileImage sectionTitle ." "accountProfileImage newPasswordForm passwordRules" "accountProfileImage newPasswordForm passwordRules";
  grid-template-columns: 1fr auto 3fr;
  align-items: center;
  justify-content: center;
}
#browseProcess {
  display: block;
  background: #f6f6f6;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.3rem;
  height: 100%;
}
#browseProcess input#filterProcessGroups,
#browseProcess input#filterProcesses,
#browseProcess input#filterTasks,
#browseProcess input#filterReports {
  padding-right: 2.5rem;
}
[dir="rtl"] #browseProcess input#filterProcessGroups,
[dir="rtl"] #browseProcess input#filterProcesses,
[dir="rtl"] #browseProcess input#filterTasks,
[dir="rtl"] #browseProcess input#filterReports {
  padding-right: 0;
  padding-left: 2.5rem;
}
#browseProcess header {
  padding: 1rem 2rem 0 2rem;
}
[dir="rtl"] #browseProcess header {
  padding: 1rem 2rem 0 2rem;
}
#browseProcess header h3 {
  font-size: 12px !important;
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 500;
  color: hsl(207, 100%, 25%);
  max-width: 76rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#browseProcess a#openAllProcessGroupsDialog,
#browseProcess a#openAllProcessesDialog,
#browseProcess a#openAllTasksDialog {
  padding-left: 1rem;
}
[dir="rtl"] #browseProcess a#openAllProcessGroupsDialog,
[dir="rtl"] #browseProcess a#openAllProcessesDialog,
[dir="rtl"] #browseProcess a#openAllTasksDialog {
  padding-left: 0;
  padding-right: 1rem;
}
#browseProcess .completed .subheader,
#browseProcess .completed span,
#browseProcess .completed .change {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#browseProcess .completed .subheader {
  max-width: 35rem;
}
#browseProcess .completed .subheader i {
  padding-right: 0.5rem;
}
[dir="rtl"] #browseProcess .completed .subheader i {
  padding-right: 0;
  padding-left: 0.5rem;
}
#browseProcess .completed .change {
  font-weight: 400;
}
#browseProcess .completed span,
#browseProcess .completed .change {
  max-width: 20rem;
  padding-right: 0.5rem;
}
[dir="rtl"] #browseProcess .completed span,
[dir="rtl"] #browseProcess .completed .change {
  padding-right: 0;
  padding-left: 0.5rem;
}
/* Universal Styling */
.siteLogo {
  height: 4rem;
  width: 35rem;
  background: transparent url(images/siteLogo.png) no-repeat;
  background-position-x: left;
  background-size: contain;
  align-self: center;
}
[dir="rtl"] .siteLogo {
  background-position-x: right;
}
.divider {
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.0625);
  border-bottom-width: 0.1rem;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0.063);
  height: 0.1rem;
  overflow: hidden;
}
.signInLogo {
  height: 6rem;
  width: 40rem;
  min-height: 5.5rem;
  background: transparent url(images/signInLogo.png) no-repeat center;
  background-size: contain;
  margin-left: auto;
  margin-right: auto;
}
.externalLinkIcon:after {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
  content: "\f08E";
}
.nothing-found {
  font-size: 25px !important;
  font-weight: 300;
  color: #a3a3a3;
  margin-top: 1rem;
}
.top-margin {
  margin-top: 1.5rem;
}
/* General FontAwesome Styling */
[dir="rtl"] .fa-angle-double-right:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
[dir="rtl"] .fa-question-circle:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
[dir="rtl"] .fa-check green:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-angle-right:before {
  padding-left: 0.2rem;
}
[dir="rtl"] .fa-angle-right:before {
  padding-left: 0;
  padding-right: 0.2rem;
}
[dir="rtl"] .fa-angle-right:before {
  content: "\f104" !important;
}
.fa-angle-left:before {
  padding-right: 0.2rem;
}
[dir="rtl"] .fa-angle-left:before {
  padding-right: 0;
  padding-left: 0.2rem;
}
[dir="rtl"] .fa-angle-left:before {
  content: "\f105" !important;
}
.fa-chevron-right:before {
  padding-left: 0.2rem;
}
[dir="rtl"] .fa-chevron-right:before {
  padding-left: 0;
  padding-right: 0.2rem;
}
[dir="rtl"] .fa-chevron-right:before {
  content: "\f053" !important;
}
.fa-chevron-left:before {
  padding-right: 0.2rem;
}
[dir="rtl"] .fa-chevron-left:before {
  padding-right: 0;
  padding-left: 0.2rem;
}
[dir="rtl"] .fa-chevron-left:before {
  content: "\f054" !important;
}
.ui-dialog-content {
  background-color: #fff !important;
}
.ui-dialog-content .ui-button-text-only {
  /*text-transform: lowercase !important;*/
  font-size: 10px !important;
  color: #666666 !important;
  font-weight: 500 !important;
  position: relative !important;
  top: 1.5rem !important;
}
.ui-dialog-content .ui-button-text-only:hover {
  color: #3376ad !important;
}
.ui-dialog-content .fileUpload .fileUpload-button {
  top: 0 !important;
  font-size: 11px !important;
  text-transform: none !important;
}
.ui-dialog-content .fileUpload .fileupload-filename-container a[disabled=disabled] {
  color: #919191;
}
/*#endregion*/
/*Responsive Design*/
@media only screen and (max-width: 1366px) {
  body section.content .charts-wrapper .chart .container {
    grid-template-areas: "chartContainer";
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  body section.content .charts-wrapper .ui-chart-legend {
    display: none;
  }
}
@media only screen and (max-width: 1250px) {
  .grid-container {
    grid-template-columns: 5rem auto;
  }
  .gauges-container .gauge .number span,
  .gauges-container .gauge i {
    /*font-size: @main-number;*/
  }
  .sideMenu-container {
    width: 5rem;
  }
  .sideMenu-container nav#mainMenu ul li a {
    grid-template-areas: "icon";
    grid-template-columns: auto;
    grid-template-rows: auto;
    justify-items: center;
  }
  .sideMenu-container .externalLinkIcon,
  .sideMenu-container .linkText {
    display: none;
  }
  body section.content article.gauges-wrapper a > .gauge i {
    /*font-size: @main-number;*/
  }
}
@media only screen and (max-width: 1085px) {
  .grid-container {
    grid-template-columns: 5rem auto;
  }
  body section#pendingTasks nav .gauges-wrapper {
    grid-gap: 0.5rem;
    grid-template-areas: "header header" ". ." ". .";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }
  .dashboard-container {
    grid-template-areas: "tasksAtGlance-container pendingTasksChart-container" "mostUsedTasks-container mostUsedTasks-container" "mostUsedTasks-container mostUsedTasks-container" "dashboardQuickActions-container dashboardQuickActions-container";
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 0.5fr minmax(0, 0.5fr) min-content;
  }
}
@media only screen and (max-width: 900px) {
  .page ul.cards li div.metadata {
    display: none;
  }
  body section.content article.group ul.cards li {
    grid-template-areas: "taskDetails";
    grid-template-columns: 1fr;
  }
  body section.content article.group ul.cards li div.metadata {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .dashboard-container {
    grid-template-areas: "tasksAtGlance-container" "pendingTasksChart-container" "mostUsedTasks-container" "dashboardQuickActions-container";
    grid-template-columns: minmax(55%, 100%);
    grid-template-rows: auto auto auto auto;
  }
}
@media only screen and (max-width: 768px) {
  body .page .sidebar-left {
    display: none;
  }
  body section.content .charts-wrapper .chart .container {
    grid-template-areas: "chartContainer" "legendContainer";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  body section.content .accountDetails-container {
    grid-template-areas: "accountProfileImage" "sectionTitle" "accountActions" "details";
    grid-template-columns: minmax(55%, 100%);
    grid-template-rows: auto auto auto auto;
  }
  body section.content .accountDetails-container .accountProfile {
    justify-content: flex-start;
  }
  body section.content .accountDetails-container .accountDetailsActions {
    justify-content: flex-start;
  }
  body section.content .accountChangePassword-container {
    grid-template-areas: "accountProfileImage" "sectionTitle" "passwordRules" "newPasswordForm";
    grid-template-columns: minmax(55%, 100%);
    grid-template-rows: auto auto auto auto;
  }
  body section.content .accountChangePassword-container .accountProfile {
    justify-content: flex-start;
  }
  body section.content article.gauges-wrapper a > .gauge i {
    font-size: 28px;
  }
  .sideMenu-container {
    width: 5rem;
  }
  .sideMenu-container .linkText {
    display: none;
  }
  .dashboard-container {
    grid-template-areas: "tasksAtGlance-container" "pendingTasksChart-container" "mostUsedTasks-container" "dashboardQuickActions-container";
    grid-template-columns: minmax(55%, 100%);
    grid-template-rows: auto auto auto auto;
  }
  .gauges-container .gauge .number span,
  .gauges-container .gauge i {
    font-size: 28px;
  }
  .startNewProcess-container {
    grid-template-areas: "processSearch-container" "mostUsedTasks-container" "browseProcess-container";
    grid-template-columns: minmax(55%, 100%);
    grid-template-rows: auto auto auto;
  }
  .pendingTasks-container,
  .tracking-container,
  .archive-container,
  .archiveInstance-container,
  .trackingInstance-container {
    grid-template-areas: "pendingGauges" "itemList";
    grid-template-columns: auto;
    grid-template-rows: auto auto;
  }
}
@media only screen and (max-width: 650px) {
  body section#trackingProcessSearch #advancedSearch .columnContainer,
  body section#trackingTaskSearch #advancedSearch .columnContainer,
  body section#archiveProcessSearch #advancedSearch .columnContainer,
  body section#archiveTaskSearch #advancedSearch .columnContainer {
    grid-template-columns: 1fr;
  }
  body section#trackingProcessSearch #advancedSearch .column .name,
  body section#trackingTaskSearch #advancedSearch .column .name,
  body section#archiveProcessSearch #advancedSearch .column .name,
  body section#archiveTaskSearch #advancedSearch .column .name {
    grid-template-columns: auto;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    width: 25em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 0.8rem 0.8rem 0.8rem 1.5rem;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 0.8rem 0.8rem 0.8rem 1.5rem;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
/*#region PAGE PRINT STYLES */
/* !important used as this is the only styling that should apply on printing */
@media print {
  body {
    overflow: visible !important;
    /* Removes page background colour*/
    /* Remove Main Menu, Power By text, Login Menu*/
    /* Styling to enable printing of home dashboard*/
    /* Styling to enable printing of account page*/
    /* Styling to enable printing of forms*/
    /* Styling to enable printing of Pending Task list */
    /* Process Instance Print Styling */
    /* Result pages styling to enable printing */
    /* Styling to print object groups in forms */
    /* Styling to print object group dialogs */
  }
  body #wrap .page-header,
  body #wrap .page header,
  body #wrap .page .breadcrumb,
  body #wrap .page .sidebar-left,
  body .footer {
    display: none;
  }
  body .page {
    background-color: white !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
  }
  body #mainMenu,
  body #poweredby,
  body #loginMenu {
    display: none;
  }
  body #mainDashboard {
    padding: 0 !important;
  }
  body #mainDashboard header {
    display: block !important;
  }
  body #mainDashboard .gauges-wrapper a div {
    background-color: #fff !important;
    border: 0.1rem solid hsl(207, 100%, 40%) !important;
    border-collapse: collapse !important;
    color: hsl(207, 100%, 30%) !important;
    margin-right: "0.2rem !important";
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
    width: 14rem;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  [dir="rtl"] body #mainDashboard .gauges-wrapper a div {
    margin-right: 0;
    margin-left: "0.2rem !important";
  }
  body #mainDashboard .gauges-wrapper a div div {
    border: none !important;
  }
  body #mainDashboard .gauges-wrapper a div span {
    background-color: #fff !important;
    color: hsl(207, 100%, 30%) !important;
  }
  body #mainDashboard .gauges-wrapper a div .link {
    display: none !important;
  }
  body #mainDashboard .charts-wrapper {
    width: 90% !important;
  }
  body #mainDashboard .charts-wrapper article[id|="pendingTasksChart"] {
    width: 30% !important;
  }
  body #mainDashboard .charts-wrapper article[id|="pendingTasksChart"] container {
    width: 100% !important;
  }
  body #mainDashboard .charts-wrapper article[id|="pendingTasksChart"] header {
    display: block !important;
  }
  body #mainDashboard .charts-wrapper article[id|="completedTasksColumnChart"] container {
    width: 100% !important;
  }
  body #mainDashboard .charts-wrapper article[id|="completedTasksColumnChart"] header {
    display: block !important;
  }
  body #accountDetails,
  body #updateAccountDetails,
  body #changePassword {
    overflow: visible !important;
    padding: 0 !important;
  }
  body #accountDetails header,
  body #updateAccountDetails header,
  body #changePassword header {
    display: block !important;
  }
  body #accountDetails header nav,
  body #updateAccountDetails header nav,
  body #changePassword header nav {
    display: none !important;
  }
  body #accountDetails .details-wrapper,
  body #updateAccountDetails .details-wrapper,
  body #changePassword .details-wrapper {
    padding-left: "0 !important";
  }
  [dir="rtl"] body #accountDetails .details-wrapper,
  [dir="rtl"] body #updateAccountDetails .details-wrapper,
  [dir="rtl"] body #changePassword .details-wrapper {
    padding-left: 0;
    padding-right: "0 !important";
  }
  body #accountDetails .details-wrapper #updateAccountInformation,
  body #updateAccountDetails .details-wrapper #updateAccountInformation,
  body #changePassword .details-wrapper #updateAccountInformation {
    display: none !important;
  }
  body #accountDetails .details-wrapper form .form-field,
  body #updateAccountDetails .details-wrapper form .form-field,
  body #changePassword .details-wrapper form .form-field {
    display: none !important;
  }
  body .forms-layout {
    height: auto !important;
    width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
  }
  body .forms-layout header {
    display: block !important;
  }
  body .forms-layout header .breadcrumb {
    display: block !important;
  }
  body .forms-layout .actions-bar {
    display: none !important;
  }
  body .forms-layout .forms-canvas {
    height: auto !important;
    width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
    background-color: transparent !important;
    margin: 0 !important;
  }
  body .forms-layout .forms-canvas .task-grid {
    width: 100% !important;
  }
  body .forms-layout .forms-canvas .task-grid .editor {
    overflow: visible !important;
  }
  body .forms-layout .forms-canvas .task-grid .editor-label,
  body .forms-layout .forms-canvas .task-grid .editor-field {
    page-break-inside: avoid !important;
  }
  body .forms-layout .forms-canvas .form-commands {
    display: none !important;
  }
  body .forms-layout [data-role="controlGrid"] {
    width: auto !important;
  }
  body .forms-layout [data-role="controlGrid"] menu {
    display: none !important;
  }
  body #pendingTasks {
    padding: 0 !important;
    margin: 0 !important;
  }
  body #pendingTasks .group header {
    display: inline-block;
  }
  body #pendingTasks nav {
    display: none !important;
  }
  body #pendingTasks .paging .pull-right {
    display: none !important;
  }
  body #pendingTasks .paging.bottom {
    display: none !important;
  }
  body #pendingTasks .cards {
    margin: 0.5rem;
  }
  body #pendingTasks .cards li {
    page-break-inside: avoid !important;
    border: 0.1rem solid hsl(207, 100%, 30%) !important;
    border-collapse: collapse !important;
    width: 100% !important;
  }
  body #pendingTasks .cards li .details,
  body #pendingTasks .cards li .metadata {
    border: 0.1rem solid hsl(207, 100%, 30%) !important;
    border-collapse: collapse !important;
    padding: 0.2rem !important;
  }
  body #pendingTasks .cards li .details .status,
  body #pendingTasks .cards li .metadata .status {
    color: hsl(207, 100%, 25%) !important;
  }
  body #pendingTasks .cards li .details a,
  body #pendingTasks .cards li .metadata a {
    color: hsl(207, 100%, 25%) !important;
  }
  body #pendingTasks .cards li .details i,
  body #pendingTasks .cards li .metadata i {
    display: none;
  }
  body #processInstance {
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
  }
  body #processInstance header {
    display: block !important;
  }
  body #processInstance article header {
    display: block !important;
  }
  body #processInstance .showme {
    display: none !important;
  }
  body #processInstance .branchTaskList li .details,
  body #processInstance .branchTaskList li .metadata {
    border: 0.1rem solid hsl(207, 100%, 30%) !important;
    border-collapse: collapse !important;
    padding: 0.2rem !important;
    width: 100% !important;
  }
  body #processInstance .branchTaskList li .details i,
  body #processInstance .branchTaskList li .metadata i {
    color: hsl(207, 100%, 25%) !important;
  }
  body #processInstance .branchTaskList li .details .title-pending-task a,
  body #processInstance .branchTaskList li .metadata .title-pending-task a,
  body #processInstance .branchTaskList li .details .title a,
  body #processInstance .branchTaskList li .metadata .title a {
    color: hsl(207, 100%, 25%) !important;
  }
  body #processInstance .branchTaskList li .details .about .see-pending-details,
  body #processInstance .branchTaskList li .metadata .about .see-pending-details,
  body #processInstance .branchTaskList li .details .about .see-details,
  body #processInstance .branchTaskList li .metadata .about .see-details {
    display: none !important;
  }
  body #processInstance #processBranches [role="tablist"] h3 label {
    page-break-inside: avoid;
  }
  body #processInstance #processBranches [role="tab"] {
    border: 0.1rem solid hsl(207, 100%, 30%) !important;
    border-collapse: collapse !important;
    padding: 0.5rem !important;
  }
  body #processInstance #processBranches [role="tab"] .count {
    border: 0.1rem solid hsl(207, 100%, 30%) !important;
  }
  body #processInstance #processBranches [role="tabpanel"] {
    padding: 0 !important;
  }
  body #trackingProcessResults,
  body #archiveProcessResults,
  body #trackingTasksResults,
  body #archiveTasksResults {
    padding: 0 !important;
    max-height: none !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  body #trackingProcessResults header,
  body #archiveProcessResults header,
  body #trackingTasksResults header,
  body #archiveTasksResults header {
    display: block !important;
  }
  body #trackingProcessResults p,
  body #archiveProcessResults p,
  body #trackingTasksResults p,
  body #archiveTasksResults p {
    display: none !important;
  }
  body #trackingProcessResults .paging .pull-right,
  body #archiveProcessResults .paging .pull-right,
  body #trackingTasksResults .paging .pull-right,
  body #archiveTasksResults .paging .pull-right {
    display: none !important;
  }
  body #trackingProcessResults .paging.bottom,
  body #archiveProcessResults .paging.bottom,
  body #trackingTasksResults .paging.bottom,
  body #archiveTasksResults .paging.bottom {
    display: none !important;
  }
  body #trackingProcessResults .not-finding,
  body #archiveProcessResults .not-finding,
  body #trackingTasksResults .not-finding,
  body #archiveTasksResults .not-finding {
    display: none !important;
  }
  body #trackingProcessResults .cards,
  body #archiveProcessResults .cards,
  body #trackingTasksResults .cards,
  body #archiveTasksResults .cards {
    margin: 0.5rem !important;
  }
  body #trackingProcessResults .cards li,
  body #archiveProcessResults .cards li,
  body #trackingTasksResults .cards li,
  body #archiveTasksResults .cards li {
    page-break-inside: avoid !important;
    border: 0.1rem solid hsl(207, 100%, 30%) !important;
    border-collapse: collapse !important;
    width: 100% !important;
  }
  body #trackingProcessResults .cards li .details,
  body #archiveProcessResults .cards li .details,
  body #trackingTasksResults .cards li .details,
  body #archiveTasksResults .cards li .details,
  body #trackingProcessResults .cards li .metadata,
  body #archiveProcessResults .cards li .metadata,
  body #trackingTasksResults .cards li .metadata,
  body #archiveTasksResults .cards li .metadata {
    border: 0.1rem solid hsl(207, 100%, 30%) !important;
    border-collapse: collapse !important;
    padding: 0.2rem !important;
  }
  body #trackingProcessResults .cards li .details .see-pending-details,
  body #archiveProcessResults .cards li .details .see-pending-details,
  body #trackingTasksResults .cards li .details .see-pending-details,
  body #archiveTasksResults .cards li .details .see-pending-details,
  body #trackingProcessResults .cards li .metadata .see-pending-details,
  body #archiveProcessResults .cards li .metadata .see-pending-details,
  body #trackingTasksResults .cards li .metadata .see-pending-details,
  body #archiveTasksResults .cards li .metadata .see-pending-details,
  body #trackingProcessResults .cards li .details .see-details,
  body #archiveProcessResults .cards li .details .see-details,
  body #trackingTasksResults .cards li .details .see-details,
  body #archiveTasksResults .cards li .details .see-details,
  body #trackingProcessResults .cards li .metadata .see-details,
  body #archiveProcessResults .cards li .metadata .see-details,
  body #trackingTasksResults .cards li .metadata .see-details,
  body #archiveTasksResults .cards li .metadata .see-details {
    display: none !important;
  }
  body #trackingProcessResults .cards li .details .status,
  body #archiveProcessResults .cards li .details .status,
  body #trackingTasksResults .cards li .details .status,
  body #archiveTasksResults .cards li .details .status,
  body #trackingProcessResults .cards li .metadata .status,
  body #archiveProcessResults .cards li .metadata .status,
  body #trackingTasksResults .cards li .metadata .status,
  body #archiveTasksResults .cards li .metadata .status {
    color: hsl(207, 100%, 25%) !important;
  }
  body #trackingProcessResults .cards li .details a,
  body #archiveProcessResults .cards li .details a,
  body #trackingTasksResults .cards li .details a,
  body #archiveTasksResults .cards li .details a,
  body #trackingProcessResults .cards li .metadata a,
  body #archiveProcessResults .cards li .metadata a,
  body #trackingTasksResults .cards li .metadata a,
  body #archiveTasksResults .cards li .metadata a {
    color: hsl(207, 100%, 25%) !important;
  }
  body #trackingProcessResults .cards li .details i,
  body #archiveProcessResults .cards li .details i,
  body #trackingTasksResults .cards li .details i,
  body #archiveTasksResults .cards li .details i,
  body #trackingProcessResults .cards li .metadata i,
  body #archiveProcessResults .cards li .metadata i,
  body #trackingTasksResults .cards li .metadata i,
  body #archiveTasksResults .cards li .metadata i {
    color: hsl(207, 100%, 25%) !important;
  }
  body div[data-role="controlGrid-content"] {
    max-height: none !important;
    overflow: visible !important;
    -webkit-print-color-adjust: exact;
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    width: auto !important;
  }
  body div[data-role="controlGrid-content"] table tr {
    page-break-inside: avoid !important;
    -webkit-region-break-inside: avoid;
  }
  body div[data-role="controlGrid-content"] table tr th {
    border: 0.1rem solid hsl(207, 100%, 40%) !important;
    background: hsl(207, 100%, 30%) !important;
    background-color: hsl(207, 100%, 30%) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    page-break-inside: avoid !important;
  }
  body div[data-role="controlGrid-content"] table tr td {
    width: auto !important;
    height: auto !important;
    padding: 0.2rem !important;
    border: 0.1rem solid hsl(207, 100%, 40%) !important;
    font-size: 1.1rem 1.2rem !important;
    page-break-inside: avoid !important;
  }
  body div[data-role="controlGrid-content"] table tr td select,
  body div[data-role="controlGrid-content"] table tr td input {
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
  }
  body div[data-role="controlGrid-content"] table tr td .ui-datepicker-trigger {
    display: none !important;
  }
  body div[role="dialog"] {
    display: none !important;
  }
}
/* -------- Custom Styles --------- */
/*// *****************************************************
// PROCESS GROUP BUTTONS
// *****************************************************
.processGroupButtons{
	a.button {
		&:before {
			content: "\f6b5";
		}
	}
}*/
/*
// *****************************************************
// PROCESSES BUTTONS
// *****************************************************
.processButtons {
	a.button[href*="New/Task/28"] {
		&:before {
			font-size: 50px;
			content: "\f6ed";
		}
	}

	a.button[href*="New/Task/17"] {
		&:before {
			font-size: 50px;
			color: red;
			content: "\f6e2";
		}
	}

	a.button[href*="New/Task/119"] {
		&:before {
			font-size: 50px;
			content: "\f188";
		}
	}
}

// *****************************************************
// TASK BUTTONS
// *****************************************************
.taskButtons {
	a.button {
		&:before {
			content: "\f0ae";
		}
	}
}

// *****************************************************
// REPORT BUTTONS
// *****************************************************
.reportButtons {
	a.button[href*="Report/Task/52"] {
		&:before {
			font-size: 50px;
			content: "\f13d";
		}
	}

	a.button[href*="Report/Task/137"] {
		&:before {
			font-size: 50px;
			color: red;
			content: "\f5d2";
		}
	}

	a.button[href*="Report/Task/108"] {
		&:before {
			font-size: 50px;
			content: "\f5d1";
		}
	}
}*/
/* --------- End of Custom Styles ---------*/

/** -------------------------------------
 **  Processware Desktop Web Navigator
 **  DEFAULT THEME
 **  Last Updated: N/A
 **  Release History
 **  VERSION       DESCRIPTION
 **  1.0           Implemented for 2019 Release
 ----------------------------------------*/
/* --------- Start of Variables --------- */
/* Metrics */
/* COLOURS */
/* Page Header Colouring Configuration (useful if the header is a light colour vs dark colour) */
/* Hyperlink Colors */
/* Sign In Background Image */
/* Logo */
/* Typography */
/* ------ jqueryUI ------- */
/* Icon Sets */
/* --------- End of Variables --------- */
/* CORE VARIABLES - NOT FOR EDITING */
/* --------- Start of Styles --------- */
/* MIXINS */
.hidden {
  display: none;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.lowercase-important {
  text-transform: lowercase !important;
}
.uppercase-important {
  text-transform: uppercase !important;
}
.float-left {
  float: left;
}
[dir="rtl"] .float-left {
  float: right;
}
.no-corner-radius {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}
.important-float-left {
  float: left !important;
}
[dir="rtl"] .important-float-left {
  float: right !important;
}
.float-right {
  float: right;
}
[dir="rtl"] .float-right {
  float: left;
}
.important-float-right {
  float: right !important;
}
[dir="rtl"] .important-float-right {
  float: left !important;
}
[dir="rtl"] .pull-left {
  float: right;
}
[dir="rtl"] .pull-right {
  float: left;
}
.textAlign-left {
  text-align: left;
}
[dir="rtl"] .textAlign-left {
  text-align: right;
}
.textAlign-right {
  text-align: right;
}
[dir="rtl"] .textAlign-right {
  text-align: left;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.normalcase {
  text-transform: none;
}
.no-decoration {
  text-decoration: none;
}
.underline {
  text-decoration: underline;
}
.centred {
  margin: 0 auto;
}
.green {
  color: #51a351;
}
.subscript {
  font-size: 1.2rem;
  font-weight: 700;
}
sub.subscript {
  font-size: 11px;
  font-weight: 700;
}
label.status {
  display: inline-block;
  margin-left: 0.5rem;
  color: #fff;
  font-size: 11px;
  padding: 0.1rem 0.3rem;
  font-weight: 700;
  min-width: 2rem;
  padding: 0.3rem;
  text-align: center;
  vertical-align: middle;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
[dir="rtl"] label.status {
  margin-left: 0;
  margin-right: 0.5rem;
}
label.new {
  background-color: #008045;
}
label.duetoday {
  background-color: #6a6a6a;
}
label.overdue {
  background-color: #CC0000;
}
label.escalated {
  background-color: #ff6a00;
}
label.routed {
  background-color: #FFA500;
}
label.group {
  background-color: #001a0e;
}
a.control {
  text-transform: lowercase !important;
}
.clear {
  clear: both;
}
/* ------ */
:root {
  font-size: 62.5%;
}
:root body {
  margin: 0;
  font-size: 1.6rem;
  color: #333;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,
body {
  height: 100%;
}
img {
  max-width: 100%;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
#wrap {
  background: #fff;
}
/* Start of body */
body {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  margin: 0;
  padding: 0;
}
body div,
body p,
body td,
body th,
body span {
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
  font-weight: 400;
}
body p {
  font-size: 13px;
  color: #333;
}
body h1,
body h2,
body h3,
body h4 {
  font-weight: 300;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
}
body#sign-in {
  background: url(images/background.jpg) #001a0e;
  background-repeat: repeat-x, no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
body#sign-in .loginForm,
body#sign-in .expiredForm {
  border-radius: 0.5rem;
  flex-direction: column;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-content: space-between;
  align-items: flex-start;
  align-self: center;
  justify-self: center;
  grid-area: loginForm;
  -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  background-color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
body#sign-in .loginForm {
  display: flex;
  flex-wrap: nowrap;
  min-width: 32rem;
  width: 100%;
  max-width: 44rem;
}
body#sign-in .expiredForm {
  display: grid;
  grid-gap: 0.5rem;
  flex-wrap: wrap;
  grid-template-areas: "header header" ". passwordRules" "expiredPasswordForm passwordRules" "expiredPasswordForm passwordRules";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
}
body#sign-in .expiredForm h2 {
  grid-area: header;
}
body#sign-in footer.login-footer {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  font-size: 0.7em;
  text-align: center;
  color: #1aff95;
  grid-area: footer;
  justify-self: center;
  align-self: flex-start;
  width: 100%;
}
body select#LanguageId {
  max-width: 24.2rem;
}
body header#page-header {
  display: block;
  padding: 0 2rem;
  background: url(images/background.jpg) #001a0e;
  background-repeat: repeat-x, no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
body header#page-header div#page-header-wrap > .page-header-content2 {
  margin-top: 0;
}
body header#page-header div#page-header-wrap > div {
  color: #1aff95;
}
body header#page-header div#page-header-wrap > div .poweredby-wrap {
  -ms-grid-row: 2;
}
body header#page-header div#page-header-wrap > div #poweredby {
  font-size: 0.5em;
  color: #34ffa1;
}
body header#page-header div#page-header-wrap > div #poweredby strong {
  text-transform: none;
  font-size: 1.4em;
  margin-left: 0.3rem;
  font-weight: 700;
}
[dir="rtl"] body header#page-header div#page-header-wrap > div #poweredby strong {
  margin-left: 0;
  margin-right: 0.3rem;
}
body header#page-header div#page-header-wrap > div #poweredby:hover strong {
  color: #80ffc4;
}
body header#page-header div#page-header-wrap h1 {
  margin-top: 4rem;
  color: #fff;
  font-weight: 300;
  font-size: 36px;
  margin: 0;
  padding: 0;
}
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0;
  padding: 0;
}
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item {
  font-size: 13px;
  color: #1aff95;
  display: inline-block;
}
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item .userIdentity {
  font-weight: 700;
}
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item .loginMenu-item-icon {
  font-size: 26px;
}
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item .loginMenu-item-icon:hover,
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item .loginMenu-item-icon:active {
  color: #cdffe8;
}
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item:not(:last-of-type) {
  margin-right: 1.5rem;
}
[dir="rtl"] body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item:not(:last-of-type) {
  margin-right: 0;
  margin-left: 1.5rem;
}
body header#page-header div#page-header-wrap #loginMenu > ul#loginMenu-list li.loginMenu-list-item > a {
  text-decoration: none;
  color: #1aff95;
  font-weight: 700;
  width: 100%;
  height: 100%;
  display: block;
}
body a,
body a:visited {
  text-decoration: none;
  color: #006080;
  font-weight: 400;
}
body a:hover,
body a:visited:hover,
body a:active,
body a:visited:active {
  color: #00cd6e;
}
body a:not([href]),
body a:visited:not([href]) {
  color: #333;
}
body a:disabled,
body a:visited:disabled,
body a[disabled],
body a:visited[disabled] {
  color: #DDD;
  cursor: default;
  pointer-events: none;
}
body button.ui-datepicker-trigger {
  background-color: transparent;
  color: transparent;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border: 0;
  height: 1.9rem;
  overflow: hidden;
}
body button.ui-datepicker-trigger:disabled,
body button.ui-datepicker-trigger[disabled] {
  cursor: default;
  pointer-events: none;
}
body button.ui-datepicker-trigger:disabled:before,
body button.ui-datepicker-trigger[disabled]:before {
  color: #DDD;
}
body button.ui-datepicker-trigger:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-size: 13px;
  font-weight: 400;
  color: #333;
  background-color: transparent;
  content: "\F073";
  cursor: pointer;
  text-align: center;
}
body button.ui-datepicker-trigger :active,
body button.ui-datepicker-trigger :focus {
  width: 2.1rem;
  height: 2.1rem;
  margin: 0 0 0 0.5rem;
  padding: 0;
  border: 0;
  color: transparent;
}
[dir="rtl"] body button.ui-datepicker-trigger :active,
[dir="rtl"] body button.ui-datepicker-trigger :focus {
  margin: 0 0.5rem 0 0;
}
body div.ui-chart-tooltip {
  font-size: 13px;
}
body nav.breadcrumb {
  font-size: 11px;
  color: #333;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: space-between;
}
body nav.breadcrumb ul {
  display: flex;
  flex-direction: row;
  max-width: 84%;
}
body nav.breadcrumb li {
  font-weight: 700;
  list-style: none;
  max-width: 100%;
  word-wrap: break-word;
}
body nav.breadcrumb a {
  text-decoration: none;
  font-weight: 500;
}
body nav.breadcrumb a:hover {
  color: #00cd6e;
}
body .back-action a {
  font-weight: 700;
  font-size: 1em;
  color: #00341c;
}
body .back-action a:hover {
  color: #008045 !important;
}
body .return-link {
  text-transform: lowercase;
  line-height: 1.3em;
  margin-bottom: 1.5rem;
  font-size: 12px;
}
body .sidebar-left {
  padding: 0;
  display: block;
  grid-area: sideBar;
}
body .sidebar-left .sidebarFilters {
  background: #f6f6f6;
  margin-top: 0;
  padding: 2rem;
  padding-top: 0;
  padding-bottom: 0.5rem;
  border-radius: 0.3rem;
}
body .sidebar-left .sidebarFilters form {
  display: grid;
  grid-gap: 0.4rem;
}
body .sidebar-left .sidebarFilters header {
  font-size: 13px;
  padding-top: 1rem;
}
body .sidebar-left .sidebarFilters header h3 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: #666666;
  overflow: hidden;
  font-weight: 500;
  font-size: 13px;
  padding: 0;
}
body .sidebar-left .sidebarFilters div header {
  padding-top: 0 !important;
}
body .sidebar-left .sidebarFilters div p {
  font-size: 11px;
}
body .sidebar-left .sidebarFilters label {
  margin-top: 1rem;
  margin-bottom: 0.3rem;
}
body .sidebar-left .sidebarFilters label.small {
  margin-top: 0.5rem;
  font-size: 11px;
  color: #666666;
}
body .sidebar-left .sidebarFilters label .fa-question-circle {
  color: #838383;
}
body .sidebar-left .sidebarFilters label.descriptor {
  text-transform: none;
}
body .sidebar-left .sidebarFilters input[type=text],
body .sidebar-left .sidebarFilters input[type=number],
body .sidebar-left .sidebarFilters select {
  font-size: 11px !important;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
  padding: 0.5rem;
  width: 95%;
}
body .sidebar-left .sidebarFilters input[type=text]:focus,
body .sidebar-left .sidebarFilters input[type=number]:focus,
body .sidebar-left .sidebarFilters select:focus {
  -moz-box-shadow: 0 0 0.5rem #008045;
  -webkit-box-shadow: 0 0 0.5rem #008045;
  box-shadow: 0 0 0.5rem #008045;
}
body .sidebar-left .sidebarFilters input.hasDatepicker {
  width: 12.5rem !important;
}
body .sidebar-left .sidebarFilters .ui-widget-content {
  border: none;
}
body .sidebar-left .sidebarFilters .ui-tabs {
  background: transparent !important;
}
body .sidebar-left .sidebarFilters .ui-tabs .ui-tabs-nav {
  background-color: #f6f6f6;
  border: none;
  padding: 0;
}
body .sidebar-left .sidebarFilters .ui-tabs .ui-tabs-nav .ui-state-default {
  border-top: 0.1rem solid #DDD;
  border-left: 0.1rem solid #DDD;
  border-right: 0.1rem solid #DDD;
}
body .sidebar-left .sidebarFilters .ui-tabs .ui-tabs-nav .ui-state-default .ui-tabs-anchor {
  background-color: #efefef;
  background-image: none;
  font-weight: 500;
  outline: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}
body .sidebar-left .sidebarFilters .ui-tabs .ui-tabs-nav .ui-state-active {
  border-top: 0.1rem solid #DDD;
  border-left: 0.1rem solid #DDD;
  border-right: 0.1rem solid #DDD;
}
body .sidebar-left .sidebarFilters .ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor {
  background-color: #fff;
  outline: none;
}
body .sidebar-left .sidebarFilters .ui-tabs .ui-tabs-panel {
  border-top: 0.1rem solid #DDD;
  border-top-right-radius: 0.4rem;
}
body .sidebar-left .sidebarFilters .ui-tabs ul {
  border: 0.1rem solid #DDD;
  border-bottom: none;
}
body .sidebar-left .sidebarFilters .ui-tabs .ui-widget {
  font-size: 11px !important;
}
body .sidebar-left .sidebarFilters .ui-buttonset {
  margin-bottom: 0.5rem;
}
body .sidebar-left .sidebarFilters .ui-buttonset label {
  clear: none;
}
body .sidebar-left .sidebarFilters .ui-buttonset input.ui-helper-hidden-accessible {
  padding: 0;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-button {
  font-size: 11px;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-button .ui-button-text {
  padding: 0.3rem 1rem;
  min-width: 6.2rem;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-state-default {
  background-color: transparent !important;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-state-default .ui-button-text {
  background-color: #e2e2e2;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-state-active {
  -moz-box-shadow: 0 0 0.3rem #666;
  -webkit-box-shadow: 0 0 0.3rem #666;
  box-shadow: 0 0 0.3rem #666;
  z-index: 99;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-state-active .ui-button-text {
  border: none;
  color: #333;
  background-color: #fff;
  font-weight: 500;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-left {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-top-left: 0.4rem;
  -webkit-border-top-left-radius: 0.4rem;
  -khtml-border-top-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
  -moz-border-radius-bottom-left: 0.4rem;
  -webkit-border-bottom-left-radius: 0.4rem;
  -khtml-border-bottom-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-left {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-left {
  -moz-border-radius-top-right: 0.4rem;
  -webkit-border-top-right-radius: 0.4rem;
  -khtml-border-top-right-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -moz-border-radius-bottom-right: 0.4rem;
  -webkit-border-bottom-right-radius: 0.4rem;
  -khtml-border-bottom-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-left .ui-button-text {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-top-left: 0.3rem;
  -webkit-border-top-left-radius: 0.3rem;
  -khtml-border-top-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
  -moz-border-radius-bottom-left: 0.3rem;
  -webkit-border-bottom-left-radius: 0.3rem;
  -khtml-border-bottom-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-left .ui-button-text {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-left .ui-button-text {
  -moz-border-radius-top-right: 0.3rem;
  -webkit-border-top-right-radius: 0.3rem;
  -khtml-border-top-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  -moz-border-radius-bottom-right: 0.3rem;
  -webkit-border-bottom-right-radius: 0.3rem;
  -khtml-border-bottom-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-right {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-top-right: 0.4rem;
  -webkit-border-top-right-radius: 0.4rem;
  -khtml-border-top-right-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -moz-border-radius-bottom-right: 0.4rem;
  -webkit-border-bottom-right-radius: 0.4rem;
  -khtml-border-bottom-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-right {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-right {
  -moz-border-radius-top-left: 0.4rem;
  -webkit-border-top-left-radius: 0.4rem;
  -khtml-border-top-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
  -moz-border-radius-bottom-left: 0.4rem;
  -webkit-border-bottom-left-radius: 0.4rem;
  -khtml-border-bottom-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-right .ui-button-text {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-top-right: 0.3rem;
  -webkit-border-top-right-radius: 0.3rem;
  -khtml-border-top-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  -moz-border-radius-bottom-right: 0.3rem;
  -webkit-border-bottom-right-radius: 0.3rem;
  -khtml-border-bottom-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-right .ui-button-text {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir="rtl"] body .sidebar-left .sidebarFilters .ui-buttonset .ui-corner-right .ui-button-text {
  -moz-border-radius-top-left: 0.3rem;
  -webkit-border-top-left-radius: 0.3rem;
  -khtml-border-top-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
  -moz-border-radius-bottom-left: 0.3rem;
  -webkit-border-bottom-left-radius: 0.3rem;
  -khtml-border-bottom-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
body .sidebar-left .sidebarFilters .ui-widget {
  font-size: 11px !important;
}
body .sidebar-left .sidebarFilters .ui-tabs-panel {
  background: #fff !important;
  border: 0.1rem solid #DDD;
  border-top: none;
}
body .sidebar-left .sidebarFilters .ui-tabs-panel label {
  font-weight: 500;
  display: block;
}
body .sidebar-left .sidebarFilters .ui-tabs-panel input[type=text] {
  margin-bottom: 0.5rem;
  padding: 0.3rem 0.5rem;
  width: 11.5rem !important;
  font-size: 11px;
}
body .sidebar-left .sidebarFilters .ui-tabs-panel input.hasDatepicker {
  width: 8.5rem !important;
}
body .sidebar-left .sidebarFilters .ui-tabs-panel button.ui-datepicker-trigger {
  background-color: #fff;
}
body .sidebar-left .sidebarFilters .ui-tabs-panel input[type=text]:focus {
  -moz-box-shadow: 0 0 5 #008045;
  -webkit-box-shadow: 0 0 5 #008045;
  box-shadow: 0 0 5 #008045;
}
body .sidebar-left section {
  padding: 0 1rem 1rem 2rem;
}
[dir="rtl"] body .sidebar-left section {
  padding: 0 2rem 1rem 1rem;
}
body .sidebar-left section header {
  font-size: 11px;
  font-weight: 500;
  color: #000000;
}
body .sidebar-left section header a {
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
  padding-left: 0.5rem;
}
[dir="rtl"] body .sidebar-left section header a {
  padding-left: 0;
  padding-right: 0.5rem;
}
body .sidebar-left section header a:hover {
  color: #00cd6e;
}
body .sidebar-left section nav ul li {
  font-size: 13px;
}
body .sidebar-left section nav ul li span,
body .sidebar-left section nav ul li div {
  font-size: 48px;
  font-weight: 400;
}
body .sidebar-left section nav ul li a {
  font-size: 11px;
}
body .sidebar-left section.quick-actions {
  background-color: #f6f6f6;
}
body .sidebar-left section.quick-actions header {
  font-weight: 500;
  font-size: 10px;
  color: #000000;
  padding-top: 0.5rem;
}
body .sidebar-left section.quick-actions header h5 {
  font-weight: 500;
  font-size: 11px;
  color: inherit;
  padding-top: 1rem;
}
body .sidebar-left section.quick-actions nav ul li {
  margin-top: 0;
  margin: 0.3rem 0;
  white-space: nowrap;
  overflow: hidden;
  max-width: 16.5rem;
  text-overflow: ellipsis;
}
body .sidebar-left section.quick-actions nav ul li a {
  text-decoration: none;
  text-transform: none;
  font-size: 11px;
  color: #333;
  font-weight: 400;
}
body .sidebar-left section.quick-actions nav ul li a:hover {
  color: #00cd6e;
}
body .sidebar-left section.quick-actions article {
  margin-bottom: 0;
  padding-bottom: 0;
}
body .sidebar-left section#sidebarDashboard,
body .sidebar-left section#trackingGauges,
body .sidebar-left section#archiveGauges {
  padding-right: 0;
}
[dir="rtl"] body .sidebar-left section#sidebarDashboard,
[dir="rtl"] body .sidebar-left section#trackingGauges,
[dir="rtl"] body .sidebar-left section#archiveGauges {
  padding-right: 0;
  padding-left: 0;
}
body .sidebar-left section#sidebarDashboard a,
body .sidebar-left section#trackingGauges a,
body .sidebar-left section#archiveGauges a {
  text-transform: lowercase;
}
body .sidebar-left section#sidebarDashboard li,
body .sidebar-left section#trackingGauges li,
body .sidebar-left section#archiveGauges li {
  font-size: 11px;
  font-weight: 500;
  color: #001a0e;
}
body .sidebar-left section#sidebarDashboard li span,
body .sidebar-left section#trackingGauges li span,
body .sidebar-left section#archiveGauges li span {
  color: #000;
}
body .sidebar-left section.processInformation,
body .sidebar-left section#processNotes,
body .sidebar-left section#relatedNewTasks,
body .sidebar-left section#relatedReportTasks,
body .sidebar-left section#searchPendingTasksSidebarFilters,
body .sidebar-left section.sidebarFilters {
  padding: 2rem;
  padding-top: 0;
  padding-bottom: 0.5rem;
  border-radius: 0.3rem;
}
body .sidebar-left section.processInformation header,
body .sidebar-left section#processNotes header,
body .sidebar-left section#relatedNewTasks header,
body .sidebar-left section#relatedReportTasks header,
body .sidebar-left section#searchPendingTasksSidebarFilters header,
body .sidebar-left section.sidebarFilters header {
  font-size: 13px;
  padding-top: 1rem;
}
body .sidebar-left section.processInformation header h3,
body .sidebar-left section#processNotes header h3,
body .sidebar-left section#relatedNewTasks header h3,
body .sidebar-left section#relatedReportTasks header h3,
body .sidebar-left section#searchPendingTasksSidebarFilters header h3,
body .sidebar-left section.sidebarFilters header h3 {
  font-weight: 500;
  font-size: 13px;
  padding: 0;
}
body .sidebar-left section.processInformation .filterButtons,
body .sidebar-left section#processNotes .filterButtons,
body .sidebar-left section#relatedNewTasks .filterButtons,
body .sidebar-left section#relatedReportTasks .filterButtons,
body .sidebar-left section#searchPendingTasksSidebarFilters .filterButtons,
body .sidebar-left section.sidebarFilters .filterButtons {
  margin-top: 1rem;
}
body .sidebar-left section.processInformation .filterButtons .small,
body .sidebar-left section#processNotes .filterButtons .small,
body .sidebar-left section#relatedNewTasks .filterButtons .small,
body .sidebar-left section#relatedReportTasks .filterButtons .small,
body .sidebar-left section#searchPendingTasksSidebarFilters .filterButtons .small,
body .sidebar-left section.sidebarFilters .filterButtons .small {
  margin-top: 0.5rem;
}
body .sidebar-left section.processInformation footer a,
body .sidebar-left section#processNotes footer a,
body .sidebar-left section#relatedNewTasks footer a,
body .sidebar-left section#relatedReportTasks footer a,
body .sidebar-left section#searchPendingTasksSidebarFilters footer a,
body .sidebar-left section.sidebarFilters footer a {
  font-size: 11px;
  color: #004d29;
}
body .sidebar-left section.processInformation footer a:hover,
body .sidebar-left section#processNotes footer a:hover,
body .sidebar-left section#relatedNewTasks footer a:hover,
body .sidebar-left section#relatedReportTasks footer a:hover,
body .sidebar-left section#searchPendingTasksSidebarFilters footer a:hover,
body .sidebar-left section.sidebarFilters footer a:hover {
  color: #008045;
}
body .sidebar-left section.processInformation label,
body .sidebar-left section#processNotes label,
body .sidebar-left section#relatedNewTasks label,
body .sidebar-left section#relatedReportTasks label,
body .sidebar-left section#searchPendingTasksSidebarFilters label,
body .sidebar-left section.sidebarFilters label {
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  margin-top: 0.5rem;
}
body .sidebar-left section.processInformation label.small,
body .sidebar-left section#processNotes label.small,
body .sidebar-left section#relatedNewTasks label.small,
body .sidebar-left section#relatedReportTasks label.small,
body .sidebar-left section#searchPendingTasksSidebarFilters label.small,
body .sidebar-left section.sidebarFilters label.small {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  justify-items: flex-start;
  align-content: center;
  font-weight: 400;
  font-size: 11px;
  margin-bottom: 0.3rem;
}
body .sidebar-left section.processInformation label.small input,
body .sidebar-left section#processNotes label.small input,
body .sidebar-left section#relatedNewTasks label.small input,
body .sidebar-left section#relatedReportTasks label.small input,
body .sidebar-left section#searchPendingTasksSidebarFilters label.small input,
body .sidebar-left section.sidebarFilters label.small input {
  margin-right: 0.5rem;
}
body .sidebar-left section.processInformation div.value,
body .sidebar-left section#processNotes div.value,
body .sidebar-left section#relatedNewTasks div.value,
body .sidebar-left section#relatedReportTasks div.value,
body .sidebar-left section#searchPendingTasksSidebarFilters div.value,
body .sidebar-left section.sidebarFilters div.value {
  margin-bottom: 1rem;
  display: block;
  color: #666666;
  font-size: 14px;
}
body .sidebar-left section.processInformation input[type=text],
body .sidebar-left section#processNotes input[type=text],
body .sidebar-left section#relatedNewTasks input[type=text],
body .sidebar-left section#relatedReportTasks input[type=text],
body .sidebar-left section#searchPendingTasksSidebarFilters input[type=text],
body .sidebar-left section.sidebarFilters input[type=text],
body .sidebar-left section.processInformation input[type=number],
body .sidebar-left section#processNotes input[type=number],
body .sidebar-left section#relatedNewTasks input[type=number],
body .sidebar-left section#relatedReportTasks input[type=number],
body .sidebar-left section#searchPendingTasksSidebarFilters input[type=number],
body .sidebar-left section.sidebarFilters input[type=number] {
  font-size: 13px;
  padding: 0.5rem 0.5rem;
}
body .sidebar-left section.processInformation input[type=button].small,
body .sidebar-left section#processNotes input[type=button].small,
body .sidebar-left section#relatedNewTasks input[type=button].small,
body .sidebar-left section#relatedReportTasks input[type=button].small,
body .sidebar-left section#searchPendingTasksSidebarFilters input[type=button].small,
body .sidebar-left section.sidebarFilters input[type=button].small,
body .sidebar-left section.processInformation button.small,
body .sidebar-left section#processNotes button.small,
body .sidebar-left section#relatedNewTasks button.small,
body .sidebar-left section#relatedReportTasks button.small,
body .sidebar-left section#searchPendingTasksSidebarFilters button.small,
body .sidebar-left section.sidebarFilters button.small {
  padding: 0.8rem 2rem;
  font-size: 11px;
  margin-bottom: 1rem;
}
body .sidebar-left section.processInformation input[type=button].small:hover,
body .sidebar-left section#processNotes input[type=button].small:hover,
body .sidebar-left section#relatedNewTasks input[type=button].small:hover,
body .sidebar-left section#relatedReportTasks input[type=button].small:hover,
body .sidebar-left section#searchPendingTasksSidebarFilters input[type=button].small:hover,
body .sidebar-left section.sidebarFilters input[type=button].small:hover,
body .sidebar-left section.processInformation button.small:hover,
body .sidebar-left section#processNotes button.small:hover,
body .sidebar-left section#relatedNewTasks button.small:hover,
body .sidebar-left section#relatedReportTasks button.small:hover,
body .sidebar-left section#searchPendingTasksSidebarFilters button.small:hover,
body .sidebar-left section.sidebarFilters button.small:hover {
  background-color: #008045;
}
body .sidebar-left section.processInformation .fa-quote-left,
body .sidebar-left section#processNotes .fa-quote-left,
body .sidebar-left section#relatedNewTasks .fa-quote-left,
body .sidebar-left section#relatedReportTasks .fa-quote-left,
body .sidebar-left section#searchPendingTasksSidebarFilters .fa-quote-left,
body .sidebar-left section.sidebarFilters .fa-quote-left,
body .sidebar-left section.processInformation .fa-quote-right,
body .sidebar-left section#processNotes .fa-quote-right,
body .sidebar-left section#relatedNewTasks .fa-quote-right,
body .sidebar-left section#relatedReportTasks .fa-quote-right,
body .sidebar-left section#searchPendingTasksSidebarFilters .fa-quote-right,
body .sidebar-left section.sidebarFilters .fa-quote-right {
  font-size: 10px;
  color: #a3a3a3;
}
body .sidebar-left section.processInformation .fa-exclamation-circle,
body .sidebar-left section#processNotes .fa-exclamation-circle,
body .sidebar-left section#relatedNewTasks .fa-exclamation-circle,
body .sidebar-left section#relatedReportTasks .fa-exclamation-circle,
body .sidebar-left section#searchPendingTasksSidebarFilters .fa-exclamation-circle,
body .sidebar-left section.sidebarFilters .fa-exclamation-circle {
  color: #7c7c7c;
}
body .sidebar-left section.processInformation ul.notes li.note,
body .sidebar-left section#processNotes ul.notes li.note,
body .sidebar-left section#relatedNewTasks ul.notes li.note,
body .sidebar-left section#relatedReportTasks ul.notes li.note,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.notes li.note,
body .sidebar-left section.sidebarFilters ul.notes li.note {
  padding: 1rem;
  margin-bottom: 1rem;
  background: #f6f6f6;
  font-size: 13px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
body .sidebar-left section.processInformation ul.notes li.note .details div,
body .sidebar-left section#processNotes ul.notes li.note .details div,
body .sidebar-left section#relatedNewTasks ul.notes li.note .details div,
body .sidebar-left section#relatedReportTasks ul.notes li.note .details div,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.notes li.note .details div,
body .sidebar-left section.sidebarFilters ul.notes li.note .details div {
  margin: 0 1rem 0 1rem;
  word-wrap: break-word;
  max-height: 6rem;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0.2rem;
}
body .sidebar-left section.processInformation ul.notes li.note div.metadata,
body .sidebar-left section#processNotes ul.notes li.note div.metadata,
body .sidebar-left section#relatedNewTasks ul.notes li.note div.metadata,
body .sidebar-left section#relatedReportTasks ul.notes li.note div.metadata,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.notes li.note div.metadata,
body .sidebar-left section.sidebarFilters ul.notes li.note div.metadata {
  font-size: 10px;
  border-top: 0.1rem solid #dddddd;
  margin-top: 0.5rem;
  text-align: right;
  padding-top: 0.5rem;
  max-height: 3rem;
  overflow: visible;
}
[dir="rtl"] body .sidebar-left section.processInformation ul.notes li.note div.metadata,
[dir="rtl"] body .sidebar-left section#processNotes ul.notes li.note div.metadata,
[dir="rtl"] body .sidebar-left section#relatedNewTasks ul.notes li.note div.metadata,
[dir="rtl"] body .sidebar-left section#relatedReportTasks ul.notes li.note div.metadata,
[dir="rtl"] body .sidebar-left section#searchPendingTasksSidebarFilters ul.notes li.note div.metadata,
[dir="rtl"] body .sidebar-left section.sidebarFilters ul.notes li.note div.metadata {
  text-align: left;
}
body .sidebar-left section.processInformation ul.notes li.note div.metadata > div,
body .sidebar-left section#processNotes ul.notes li.note div.metadata > div,
body .sidebar-left section#relatedNewTasks ul.notes li.note div.metadata > div,
body .sidebar-left section#relatedReportTasks ul.notes li.note div.metadata > div,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.notes li.note div.metadata > div,
body .sidebar-left section.sidebarFilters ul.notes li.note div.metadata > div,
body .sidebar-left section.processInformation ul.notes li.note div.metadata > span,
body .sidebar-left section#processNotes ul.notes li.note div.metadata > span,
body .sidebar-left section#relatedNewTasks ul.notes li.note div.metadata > span,
body .sidebar-left section#relatedReportTasks ul.notes li.note div.metadata > span,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.notes li.note div.metadata > span,
body .sidebar-left section.sidebarFilters ul.notes li.note div.metadata > span {
  max-height: 1.5rem;
  overflow: hidden;
}
body .sidebar-left section.processInformation ul.related-tasks li,
body .sidebar-left section#processNotes ul.related-tasks li,
body .sidebar-left section#relatedNewTasks ul.related-tasks li,
body .sidebar-left section#relatedReportTasks ul.related-tasks li,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.related-tasks li,
body .sidebar-left section.sidebarFilters ul.related-tasks li,
body .sidebar-left section.processInformation ul.related-reports li,
body .sidebar-left section#processNotes ul.related-reports li,
body .sidebar-left section#relatedNewTasks ul.related-reports li,
body .sidebar-left section#relatedReportTasks ul.related-reports li,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.related-reports li,
body .sidebar-left section.sidebarFilters ul.related-reports li {
  font-size: 11px;
  margin-bottom: 0.7rem;
  display: block;
}
body .sidebar-left section.processInformation ul.related-tasks li a,
body .sidebar-left section#processNotes ul.related-tasks li a,
body .sidebar-left section#relatedNewTasks ul.related-tasks li a,
body .sidebar-left section#relatedReportTasks ul.related-tasks li a,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.related-tasks li a,
body .sidebar-left section.sidebarFilters ul.related-tasks li a,
body .sidebar-left section.processInformation ul.related-reports li a,
body .sidebar-left section#processNotes ul.related-reports li a,
body .sidebar-left section#relatedNewTasks ul.related-reports li a,
body .sidebar-left section#relatedReportTasks ul.related-reports li a,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.related-reports li a,
body .sidebar-left section.sidebarFilters ul.related-reports li a {
  color: #666666;
}
body .sidebar-left section.processInformation ul.related-tasks li a:hover,
body .sidebar-left section#processNotes ul.related-tasks li a:hover,
body .sidebar-left section#relatedNewTasks ul.related-tasks li a:hover,
body .sidebar-left section#relatedReportTasks ul.related-tasks li a:hover,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.related-tasks li a:hover,
body .sidebar-left section.sidebarFilters ul.related-tasks li a:hover,
body .sidebar-left section.processInformation ul.related-reports li a:hover,
body .sidebar-left section#processNotes ul.related-reports li a:hover,
body .sidebar-left section#relatedNewTasks ul.related-reports li a:hover,
body .sidebar-left section#relatedReportTasks ul.related-reports li a:hover,
body .sidebar-left section#searchPendingTasksSidebarFilters ul.related-reports li a:hover,
body .sidebar-left section.sidebarFilters ul.related-reports li a:hover {
  color: #008045;
}
body .sidebar-left section#searchProcessSidebarFilters label.ui-state-default span.ui-button-text,
body .sidebar-left section#searchTasksSidebarFilters label.ui-state-default span.ui-button-text {
  font-weight: 500;
  background-color: #efefef;
  border-bottom: 0.1rem solid #f6f6f6;
  padding: 0.3rem 0.2rem;
}
body .sidebar-left section#searchProcessSidebarFilters label.ui-state-default span.ui-button-text .ui-button-text,
body .sidebar-left section#searchTasksSidebarFilters label.ui-state-default span.ui-button-text .ui-button-text {
  border: none;
  width: 15rem;
}
body .sidebar-left section#searchProcessSidebarFilters label.ui-state-active span.ui-button-text,
body .sidebar-left section#searchTasksSidebarFilters label.ui-state-active span.ui-button-text {
  border: none;
  color: #333;
  background-color: #fff;
  font-weight: 500;
}
body .sidebar-left section .narrowSet .ui-buttonset .ui-button {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
body .sidebar-left section .narrowSet .ui-buttonset .ui-button .ui-button-text {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body .sidebar-left section.processInformation {
  background: #f6f6f6;
}
body .sidebar-left section.processInformation a#processDiagramOpenLink {
  font-size: 11px;
}
body .sidebar-left section#processNotes {
  padding-left: 1rem;
  padding-right: 0.5rem;
  display: grid;
  grid-template-columns: 100%;
}
[dir="rtl"] body .sidebar-left section#processNotes {
  padding-left: 0.5rem;
  padding-right: 1rem;
}
body .sidebar-left section#processNotes footer {
  text-align: center;
  margin: 0;
}
body .sidebar-left section#processNotes .pager-prev-nr-next {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
body .sidebar-left section article#processDiagram {
  border-top: 0.1rem solid #e9e9e9;
  margin-top: 1.5rem;
}
body .sidebar-left section article#processDiagram a.control {
  font-size: 11px;
  color: #999;
  font-weight: 400;
}
body .sidebar-left section article#processDiagram a.control:hover {
  color: #008045;
}
body .sidebar-left section article#processDiagram header {
  padding-top: 1rem;
}
body .sidebar-left section article#processDiagram header a.control {
  font-size: 11px;
}
body .sidebar-left section article#processDiagram canvas {
  background: #fafafa;
  padding-top: 1rem;
  padding-bottom: 1rem;
  min-height: 16rem;
}
body .trackingSearchContainer,
body .archiveSearchContainer {
  width: 100%;
  display: grid;
  grid-gap: 1rem;
}
body section nav span {
  font-size: 12px;
  font-weight: 700;
  color: #001a0e;
}
body section.content header,
body section.clearfix header {
  padding-top: 0;
}
body section.content header nav,
body section.clearfix header nav {
  background: #f9f9f9;
  padding: 1rem;
  margin-top: 0;
}
body section.content header nav ul li a,
body section.clearfix header nav ul li a {
  font-size: 13px;
}
body section.content header nav ul li.current a,
body section.clearfix header nav ul li.current a {
  font-weight: 400;
  color: #666666;
  cursor: default;
}
body section.content header p,
body section.clearfix header p {
  font-size: 13px;
  line-height: 1.3em;
}
body section.content header .breadcrumb a.back-control,
body section.clearfix header .breadcrumb a.back-control {
  font-size: 10px;
}
body section.content header .task-metadata,
body section.clearfix header .task-metadata {
  display: block;
  margin-top: -1rem;
}
body section.content header .task-metadata .meta-item,
body section.clearfix header .task-metadata .meta-item {
  font-size: 11px;
  margin-right: 0.5rem;
  color: #404040;
  display: inline-block;
}
[dir="rtl"] body section.content header .task-metadata .meta-item,
[dir="rtl"] body section.clearfix header .task-metadata .meta-item {
  margin-right: 0;
  margin-left: 0.5rem;
}
body section.content header .task-metadata .meta-item .meta-label,
body section.clearfix header .task-metadata .meta-item .meta-label {
  font-size: 10px;
  padding-right: 0.5rem;
}
[dir="rtl"] body section.content header .task-metadata .meta-item .meta-label,
[dir="rtl"] body section.clearfix header .task-metadata .meta-item .meta-label {
  padding-right: 0;
  padding-left: 0.5rem;
}
body section.content header .task-metadata .meta-item .meta-value,
body section.clearfix header .task-metadata .meta-item .meta-value {
  font-size: 11px;
  font-weight: 500;
  padding-right: 0.2rem;
}
[dir="rtl"] body section.content header .task-metadata .meta-item .meta-value,
[dir="rtl"] body section.clearfix header .task-metadata .meta-item .meta-value {
  padding-right: 0;
  padding-left: 0.2rem;
}
body section.content header .task-metadata .meta-item .meta-value a,
body section.clearfix header .task-metadata .meta-item .meta-value a,
body section.content header .task-metadata .meta-item .meta-value a:visited,
body section.clearfix header .task-metadata .meta-item .meta-value a:visited {
  text-decoration: none;
  color: #006080;
  font-weight: 400;
}
body section.content header .task-metadata .meta-item .meta-value a:hover,
body section.clearfix header .task-metadata .meta-item .meta-value a:hover,
body section.content header .task-metadata .meta-item .meta-value a:visited:hover,
body section.clearfix header .task-metadata .meta-item .meta-value a:visited:hover,
body section.content header .task-metadata .meta-item .meta-value a:active,
body section.clearfix header .task-metadata .meta-item .meta-value a:active,
body section.content header .task-metadata .meta-item .meta-value a:visited:active,
body section.clearfix header .task-metadata .meta-item .meta-value a:visited:active {
  color: #00cd6e;
}
body section.content header .task-metadata .meta-item .meta-value a:disabled,
body section.clearfix header .task-metadata .meta-item .meta-value a:disabled,
body section.content header .task-metadata .meta-item .meta-value a:visited:disabled,
body section.clearfix header .task-metadata .meta-item .meta-value a:visited:disabled,
body section.content header .task-metadata .meta-item .meta-value a[disabled],
body section.clearfix header .task-metadata .meta-item .meta-value a[disabled],
body section.content header .task-metadata .meta-item .meta-value a:visited[disabled],
body section.clearfix header .task-metadata .meta-item .meta-value a:visited[disabled] {
  color: #DDD;
  cursor: default;
  pointer-events: none;
}
body section.content nav.spaced,
body section.clearfix nav.spaced {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
body section.content nav.spaced > .button,
body section.clearfix nav.spaced > .button {
  margin-right: 0.5rem;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
[dir="rtl"] body section.content nav.spaced > .button,
[dir="rtl"] body section.clearfix nav.spaced > .button {
  margin-right: 0;
  margin-left: 0.5rem;
}
body section.content h1,
body section.clearfix h1,
body section.content h2,
body section.clearfix h2,
body section.content h3,
body section.clearfix h3,
body section.content h4,
body section.clearfix h4,
body section.content h5,
body section.clearfix h5 {
  color: #000000;
  margin: 0;
  font-weight: 300;
}
body section.content h1,
body section.clearfix h1,
body section.content h2,
body section.clearfix h2 {
  margin-top: 0;
  font-size: 32px;
  margin-bottom: 0.8rem;
}
body section.content h1 a,
body section.clearfix h1 a,
body section.content h2 a,
body section.clearfix h2 a {
  font-size: 13px;
}
body section.content h2,
body section.clearfix h2 {
  font-size: 22px;
  font-weight: 300;
  color: #000000;
}
body section.content h3,
body section.clearfix h3 {
  font-size: 17px;
  color: #000000;
}
body section.content nav,
body section.clearfix nav {
  position: relative;
}
body section.content nav > span,
body section.clearfix nav > span {
  display: inline-block;
  position: relative;
  top: 0.5rem;
}
body section.content nav ul.view-controls li a,
body section.clearfix nav ul.view-controls li a {
  display: block;
  padding: 0.5rem 1rem;
  background: #DDD;
  color: #000000;
  font-size: 11px;
}
body section.content nav ul.view-controls li a:hover,
body section.clearfix nav ul.view-controls li a:hover {
  background: #008045;
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
  color: #fff;
}
body section.content nav ul.view-controls li a:hover span,
body section.clearfix nav ul.view-controls li a:hover span {
  color: #fff;
}
body section.content nav ul.view-controls li a.selected,
body section.clearfix nav ul.view-controls li a.selected {
  background: #aaaaaa !important;
  color: #fff;
  font-weight: 700;
}
body section.content nav ul.view-controls li a.selected span,
body section.clearfix nav ul.view-controls li a.selected span {
  color: #fff;
}
body section.content div.pager-prev-nr-next,
body section.clearfix div.pager-prev-nr-next {
  font-size: 11px;
}
body section.content div.pager-prev-nr-next a,
body section.clearfix div.pager-prev-nr-next a {
  font-size: 15px;
}
body section.content div.pager-prev-nr-next a:disabled,
body section.clearfix div.pager-prev-nr-next a:disabled,
body section.content div.pager-prev-nr-next a[disabled],
body section.clearfix div.pager-prev-nr-next a[disabled] {
  color: #DDD;
  cursor: default;
  pointer-events: none;
  display: none !important;
}
body section.content div.pager-prev-nr-next span,
body section.clearfix div.pager-prev-nr-next span {
  font-size: 11px;
}
body section.content p,
body section.clearfix p {
  line-height: 1em;
  font-size: 15px;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
body section.content p a.not-finding,
body section.clearfix p a.not-finding {
  max-width: 39rem;
  position: relative;
  top: 0.1rem;
  padding-left: 0.3rem;
}
[dir="rtl"] body section.content p a.not-finding,
[dir="rtl"] body section.clearfix p a.not-finding {
  padding-left: 0;
  padding-right: 0.3rem;
}
body section.content a.not-finding,
body section.clearfix a.not-finding {
  font-size: 12px;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 45.5rem;
  white-space: nowrap;
}
body section.content input[type=text],
body section.clearfix input[type=text],
body section.content textarea[type=text],
body section.clearfix textarea[type=text],
body section.content input[type=password],
body section.clearfix input[type=password],
body section.content textarea[type=password],
body section.clearfix textarea[type=password] {
  padding-left: 0.7rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  border: 0.1rem solid #999 !important;
  color: #333;
}
[dir="rtl"] body section.content input[type=text],
[dir="rtl"] body section.clearfix input[type=text],
[dir="rtl"] body section.content textarea[type=text],
[dir="rtl"] body section.clearfix textarea[type=text],
[dir="rtl"] body section.content input[type=password],
[dir="rtl"] body section.clearfix input[type=password],
[dir="rtl"] body section.content textarea[type=password],
[dir="rtl"] body section.clearfix textarea[type=password] {
  padding-left: 0.5rem;
  padding-right: 0.7rem;
}
body section.content input:focus,
body section.clearfix input:focus,
body section.content textarea:focus,
body section.clearfix textarea:focus {
  -moz-box-shadow: 0 0 0.5rem #008045;
  -webkit-box-shadow: 0 0 0.5rem #008045;
  box-shadow: 0 0 0.5rem #008045;
  outline: none;
}
body section.content input.search-field,
body section.clearfix input.search-field,
body section.content textarea.search-field,
body section.clearfix textarea.search-field {
  min-width: 13.5rem;
  width: 75%;
  font-size: 13px;
  padding-right: 2.5rem;
}
[dir="rtl"] body section.content input.search-field,
[dir="rtl"] body section.clearfix input.search-field,
[dir="rtl"] body section.content textarea.search-field,
[dir="rtl"] body section.clearfix textarea.search-field {
  padding-right: 0;
  padding-left: 2.5rem;
}
body section.content input.large,
body section.clearfix input.large,
body section.content textarea.large,
body section.clearfix textarea.large {
  min-width: 30rem !important;
  max-width: 35rem !important;
}
body section.content a.search-button,
body section.clearfix a.search-button {
  float: left;
  padding: 0.8rem 1rem;
  margin: 0;
  top: 0;
  margin-top: 1rem;
}
[dir="rtl"] body section.content a.search-button,
[dir="rtl"] body section.clearfix a.search-button {
  float: right;
}
body section.content select,
body section.clearfix select {
  padding: 0.5rem 0.5rem 0.5rem 0.7rem;
  border: 0.1rem solid #999 !important;
  color: #333;
}
[dir="rtl"] body section.content select,
[dir="rtl"] body section.clearfix select {
  padding: 0.5rem 0.7rem 0.5rem 0.5rem;
}
body section.content select:focus,
body section.clearfix select:focus {
  -moz-box-shadow: 0 0 1rem #008045;
  -webkit-box-shadow: 0 0 1rem #008045;
  box-shadow: 0 0 1rem #008045;
}
body section.content div.breadcrumb,
body section.clearfix div.breadcrumb {
  font-size: 11px;
  font-weight: 700;
  color: #333;
  margin-bottom: 0;
  margin-top: 0;
}
body section.content div.breadcrumb a,
body section.clearfix div.breadcrumb a {
  text-transform: lowercase;
  font-size: 1rem;
}
body section.content div.breadcrumb span,
body section.clearfix div.breadcrumb span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
body section.content div.paging,
body section.clearfix div.paging {
  font-size: 11px;
  color: #666666;
  text-align: center;
  display: grid;
  grid-template-areas: "pagingItemNumbers pagingSortBy pagingSortBy";
  grid-template-columns: auto auto auto;
  grid-template-rows: auto;
  align-items: center;
  grid-gap: 1rem;
}
body section.content div.paging.bottom,
body section.clearfix div.paging.bottom {
  grid-template-areas: "pagingItemNumbers pagingPageSize pagingPrevNrNext";
  grid-template-columns: auto auto auto;
}
body section.content div.paging.bottom select,
body section.clearfix div.paging.bottom select {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
body section.content div.paging .pagingItemNumber,
body section.clearfix div.paging .pagingItemNumber,
body section.content div.paging .pagingPageNumber,
body section.clearfix div.paging .pagingPageNumber {
  font-weight: 700;
  color: #000000;
}
body section.content div.paging div,
body section.clearfix div.paging div {
  font-size: inherit;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
}
body section.content div.paging .pagingItemNumbers,
body section.clearfix div.paging .pagingItemNumbers {
  justify-content: flex-start;
  flex-wrap: wrap;
  grid-area: pagingItemNumbers;
}
body section.content div.paging .pagingItemNumbers > .pagingItemNumber,
body section.clearfix div.paging .pagingItemNumbers > .pagingItemNumber {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
body section.content div.paging .pagingSortBy,
body section.clearfix div.paging .pagingSortBy {
  justify-content: flex-end;
  grid-area: pagingSortBy;
  flex-wrap: nowrap;
}
body section.content div.paging .pagingSortBy > span,
body section.clearfix div.paging .pagingSortBy > span {
  margin-left: 0.5rem;
}
body section.content div.paging div.pull-left,
body section.clearfix div.paging div.pull-left {
  padding-top: 0.5rem;
  max-width: 30rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body section.content div.paging div.pull-right,
body section.clearfix div.paging div.pull-right {
  font-size: 11px;
}
body section.content div.paging .ui-buttonset .ui-button .ui-button-text,
body section.clearfix div.paging .ui-buttonset .ui-button .ui-button-text {
  color: #333;
  background-color: #efefef;
}
body section.content div.paging .ui-buttonset .ui-state-default,
body section.clearfix div.paging .ui-buttonset .ui-state-default {
  background-color: transparent;
  border: none;
}
body section.content div.paging .ui-buttonset .ui-state-default .ui-button-text,
body section.clearfix div.paging .ui-buttonset .ui-state-default .ui-button-text {
  color: #333;
  background-color: #efefef;
}
body section.content div.paging .ui-buttonset .ui-state-active,
body section.clearfix div.paging .ui-buttonset .ui-state-active {
  -moz-box-shadow: 0 0 0.3rem #666;
  -webkit-box-shadow: 0 0 0.3rem #666;
  box-shadow: 0 0 0.3rem #666;
  z-index: 99;
}
body section.content div.paging .ui-buttonset .ui-state-active .ui-button-text,
body section.clearfix div.paging .ui-buttonset .ui-state-active .ui-button-text {
  color: #333;
  background-color: #fff;
  font-weight: 500;
}
body section.content div.paging .ui-buttonset .ui-corner-left,
body section.clearfix div.paging .ui-buttonset .ui-corner-left {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-top-left: 0.4rem;
  -webkit-border-top-left-radius: 0.4rem;
  -khtml-border-top-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
  -moz-border-radius-bottom-left: 0.4rem;
  -webkit-border-bottom-left-radius: 0.4rem;
  -khtml-border-bottom-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-left,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-left {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-left,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-left {
  -moz-border-radius-top-right: 0.4rem;
  -webkit-border-top-right-radius: 0.4rem;
  -khtml-border-top-right-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -moz-border-radius-bottom-right: 0.4rem;
  -webkit-border-bottom-right-radius: 0.4rem;
  -khtml-border-bottom-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
body section.content div.paging .ui-buttonset .ui-corner-left .ui-button-text,
body section.clearfix div.paging .ui-buttonset .ui-corner-left .ui-button-text {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-top-left: 0.3rem;
  -webkit-border-top-left-radius: 0.3rem;
  -khtml-border-top-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
  -moz-border-radius-bottom-left: 0.3rem;
  -webkit-border-bottom-left-radius: 0.3rem;
  -khtml-border-bottom-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-left .ui-button-text,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-left .ui-button-text {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-left .ui-button-text,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-left .ui-button-text {
  -moz-border-radius-top-right: 0.3rem;
  -webkit-border-top-right-radius: 0.3rem;
  -khtml-border-top-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  -moz-border-radius-bottom-right: 0.3rem;
  -webkit-border-bottom-right-radius: 0.3rem;
  -khtml-border-bottom-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
body section.content div.paging .ui-buttonset .ui-corner-right,
body section.clearfix div.paging .ui-buttonset .ui-corner-right {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-top-right: 0.4rem;
  -webkit-border-top-right-radius: 0.4rem;
  -khtml-border-top-right-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -moz-border-radius-bottom-right: 0.4rem;
  -webkit-border-bottom-right-radius: 0.4rem;
  -khtml-border-bottom-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-right,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-right {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-right,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-right {
  -moz-border-radius-top-left: 0.4rem;
  -webkit-border-top-left-radius: 0.4rem;
  -khtml-border-top-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
  -moz-border-radius-bottom-left: 0.4rem;
  -webkit-border-bottom-left-radius: 0.4rem;
  -khtml-border-bottom-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
body section.content div.paging .ui-buttonset .ui-corner-right .ui-button-text,
body section.clearfix div.paging .ui-buttonset .ui-corner-right .ui-button-text {
  -moz-border-radius-top-left: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottom-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-top-right: 0.3rem;
  -webkit-border-top-right-radius: 0.3rem;
  -khtml-border-top-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  -moz-border-radius-bottom-right: 0.3rem;
  -webkit-border-bottom-right-radius: 0.3rem;
  -khtml-border-bottom-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-right .ui-button-text,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-right .ui-button-text {
  -moz-border-radius-top-right: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottom-right: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir="rtl"] body section.content div.paging .ui-buttonset .ui-corner-right .ui-button-text,
[dir="rtl"] body section.clearfix div.paging .ui-buttonset .ui-corner-right .ui-button-text {
  -moz-border-radius-top-left: 0.3rem;
  -webkit-border-top-left-radius: 0.3rem;
  -khtml-border-top-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
  -moz-border-radius-bottom-left: 0.3rem;
  -webkit-border-bottom-left-radius: 0.3rem;
  -khtml-border-bottom-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
body section.content div.bottom div.pull-left,
body section.clearfix div.bottom div.pull-left {
  padding-top: 1.5rem;
  max-width: 25.3rem;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
body section.content div.bottom div.pull-right,
body section.clearfix div.bottom div.pull-right {
  max-width: 27.8rem;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
body section.content article header h5,
body section.clearfix article header h5 {
  font-weight: 700;
  color: #000000;
  margin-bottom: 0.4rem;
}
body section.content article.group,
body section.clearfix article.group {
  display: grid;
  width: 100%;
  grid-area: itemList;
  grid-gap: 0.5em;
}
body section.content article.group header,
body section.clearfix article.group header {
  overflow: hidden;
}
body section.content article.group header h1,
body section.clearfix article.group header h1,
body section.content article.group header h2,
body section.clearfix article.group header h2 {
  display: inline-block;
  margin-right: 1.5rem;
  float: left;
}
[dir="rtl"] body section.content article.group header h1,
[dir="rtl"] body section.clearfix article.group header h1,
[dir="rtl"] body section.content article.group header h2,
[dir="rtl"] body section.clearfix article.group header h2 {
  margin-right: 0;
  margin-left: 1.5rem;
}
[dir="rtl"] body section.content article.group header h1,
[dir="rtl"] body section.clearfix article.group header h1,
[dir="rtl"] body section.content article.group header h2,
[dir="rtl"] body section.clearfix article.group header h2 {
  float: right;
}
body section.content article.group header div.count,
body section.clearfix article.group header div.count {
  display: inline-block;
  padding: 0 0.7rem;
  background: #d6d6d6;
  color: #fff;
  font-size: 2.2rem;
}
body section.content article.group header div.overdue,
body section.clearfix article.group header div.overdue {
  background-color: #CC0000;
}
body section.content article.group header a,
body section.clearfix article.group header a {
  display: inline-block;
  font-size: 1.2rem;
}
body section.content article.group ul.cards,
body section.clearfix article.group ul.cards,
body section.content article.group ul.processResults,
body section.clearfix article.group ul.processResults,
body section.content article.group ul.trackingResults,
body section.clearfix article.group ul.trackingResults,
body section.content article.group ul.archiveResults,
body section.clearfix article.group ul.archiveResults {
  list-style: none;
  margin: 0.8rem 0 0 0;
  padding: 0;
}
[dir="rtl"] body section.content article.group ul.cards,
[dir="rtl"] body section.clearfix article.group ul.cards,
[dir="rtl"] body section.content article.group ul.processResults,
[dir="rtl"] body section.clearfix article.group ul.processResults,
[dir="rtl"] body section.content article.group ul.trackingResults,
[dir="rtl"] body section.clearfix article.group ul.trackingResults,
[dir="rtl"] body section.content article.group ul.archiveResults,
[dir="rtl"] body section.clearfix article.group ul.archiveResults {
  margin: 0.8rem 0 0 0;
}
body section.content article.group ul.cards li,
body section.clearfix article.group ul.cards li,
body section.content article.group ul.processResults li,
body section.clearfix article.group ul.processResults li,
body section.content article.group ul.trackingResults li,
body section.clearfix article.group ul.trackingResults li,
body section.content article.group ul.archiveResults li,
body section.clearfix article.group ul.archiveResults li {
  background-color: #f6f6f6;
  display: grid;
  width: 100%;
  grid-template-areas: "taskDetails taskMetaData";
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
body section.content article.group ul.cards li:not(:first-of-type),
body section.clearfix article.group ul.cards li:not(:first-of-type),
body section.content article.group ul.processResults li:not(:first-of-type),
body section.clearfix article.group ul.processResults li:not(:first-of-type),
body section.content article.group ul.trackingResults li:not(:first-of-type),
body section.clearfix article.group ul.trackingResults li:not(:first-of-type),
body section.content article.group ul.archiveResults li:not(:first-of-type),
body section.clearfix article.group ul.archiveResults li:not(:first-of-type) {
  margin-top: 0.7rem;
}
body section.content article.group ul.cards li > div,
body section.clearfix article.group ul.cards li > div,
body section.content article.group ul.processResults li > div,
body section.clearfix article.group ul.processResults li > div,
body section.content article.group ul.trackingResults li > div,
body section.clearfix article.group ul.trackingResults li > div,
body section.content article.group ul.archiveResults li > div,
body section.clearfix article.group ul.archiveResults li > div {
  display: block;
}
body section.content article.group ul.cards li > div:nth-of-type(2),
body section.clearfix article.group ul.cards li > div:nth-of-type(2),
body section.content article.group ul.processResults li > div:nth-of-type(2),
body section.clearfix article.group ul.processResults li > div:nth-of-type(2),
body section.content article.group ul.trackingResults li > div:nth-of-type(2),
body section.clearfix article.group ul.trackingResults li > div:nth-of-type(2),
body section.content article.group ul.archiveResults li > div:nth-of-type(2),
body section.clearfix article.group ul.archiveResults li > div:nth-of-type(2) {
  width: 40%;
}
body section.content article.group ul.cards li > div:nth-of-type(2) > span,
body section.clearfix article.group ul.cards li > div:nth-of-type(2) > span,
body section.content article.group ul.processResults li > div:nth-of-type(2) > span,
body section.clearfix article.group ul.processResults li > div:nth-of-type(2) > span,
body section.content article.group ul.trackingResults li > div:nth-of-type(2) > span,
body section.clearfix article.group ul.trackingResults li > div:nth-of-type(2) > span,
body section.content article.group ul.archiveResults li > div:nth-of-type(2) > span,
body section.clearfix article.group ul.archiveResults li > div:nth-of-type(2) > span {
  display: block;
}
body section.content article.group ul.cards li div.details,
body section.clearfix article.group ul.cards li div.details,
body section.content article.group ul.processResults li div.details,
body section.clearfix article.group ul.processResults li div.details,
body section.content article.group ul.trackingResults li div.details,
body section.clearfix article.group ul.trackingResults li div.details,
body section.content article.group ul.archiveResults li div.details,
body section.clearfix article.group ul.archiveResults li div.details {
  grid-area: taskDetails;
  height: 100%;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  min-width: 10rem;
}
body section.content article.group ul.cards li div.details a,
body section.clearfix article.group ul.cards li div.details a,
body section.content article.group ul.processResults li div.details a,
body section.clearfix article.group ul.processResults li div.details a,
body section.content article.group ul.trackingResults li div.details a,
body section.clearfix article.group ul.trackingResults li div.details a,
body section.content article.group ul.archiveResults li div.details a,
body section.clearfix article.group ul.archiveResults li div.details a,
body section.content article.group ul.cards li div.details a:visited,
body section.clearfix article.group ul.cards li div.details a:visited,
body section.content article.group ul.processResults li div.details a:visited,
body section.clearfix article.group ul.processResults li div.details a:visited,
body section.content article.group ul.trackingResults li div.details a:visited,
body section.clearfix article.group ul.trackingResults li div.details a:visited,
body section.content article.group ul.archiveResults li div.details a:visited,
body section.clearfix article.group ul.archiveResults li div.details a:visited {
  font-weight: 300;
}
body section.content article.group ul.cards li div.metadata,
body section.clearfix article.group ul.cards li div.metadata,
body section.content article.group ul.processResults li div.metadata,
body section.clearfix article.group ul.processResults li div.metadata,
body section.content article.group ul.trackingResults li div.metadata,
body section.clearfix article.group ul.trackingResults li div.metadata,
body section.content article.group ul.archiveResults li div.metadata,
body section.clearfix article.group ul.archiveResults li div.metadata {
  grid-area: taskMetaData;
  justify-self: flex-end;
  align-self: center;
  -moz-border-radius: 0 0.3rem 0.3rem 0;
  -webkit-border-radius: 0 0.3rem 0.3rem 0;
  -khtml-border-radius: 0 0.3rem 0.3rem 0;
  border-radius: 0 0.3rem 0.3rem 0;
}
[dir="rtl"] body section.content article.group ul.cards li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.cards li div.metadata,
[dir="rtl"] body section.content article.group ul.processResults li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.metadata,
[dir="rtl"] body section.content article.group ul.trackingResults li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.metadata,
[dir="rtl"] body section.content article.group ul.archiveResults li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.metadata {
  -moz-border-radius: 0.3rem 0 0 0.3rem;
  -webkit-border-radius: 0.3rem 0 0 0.3rem;
  -khtml-border-radius: 0.3rem 0 0 0.3rem;
  border-radius: 0.3rem 0 0 0.3rem;
}
body section.content article.group ul.cards li div.taskStatus,
body section.clearfix article.group ul.cards li div.taskStatus,
body section.content article.group ul.processResults li div.taskStatus,
body section.clearfix article.group ul.processResults li div.taskStatus,
body section.content article.group ul.trackingResults li div.taskStatus,
body section.clearfix article.group ul.trackingResults li div.taskStatus,
body section.content article.group ul.archiveResults li div.taskStatus,
body section.clearfix article.group ul.archiveResults li div.taskStatus {
  grid-area: taskStatus;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
body section.content article.group ul.cards li div.details,
body section.clearfix article.group ul.cards li div.details,
body section.content article.group ul.processResults li div.details,
body section.clearfix article.group ul.processResults li div.details,
body section.content article.group ul.trackingResults li div.details,
body section.clearfix article.group ul.trackingResults li div.details,
body section.content article.group ul.archiveResults li div.details,
body section.clearfix article.group ul.archiveResults li div.details,
body section.content article.group ul.cards li div.metadata,
body section.clearfix article.group ul.cards li div.metadata,
body section.content article.group ul.processResults li div.metadata,
body section.clearfix article.group ul.processResults li div.metadata,
body section.content article.group ul.trackingResults li div.metadata,
body section.clearfix article.group ul.trackingResults li div.metadata,
body section.content article.group ul.archiveResults li div.metadata,
body section.clearfix article.group ul.archiveResults li div.metadata {
  padding: 0.8rem 1rem;
  font-size: 12px;
  font-weight: 300;
  height: 100%;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  min-width: 10rem;
}
body section.content article.group ul.cards li div.details label,
body section.clearfix article.group ul.cards li div.details label,
body section.content article.group ul.processResults li div.details label,
body section.clearfix article.group ul.processResults li div.details label,
body section.content article.group ul.trackingResults li div.details label,
body section.clearfix article.group ul.trackingResults li div.details label,
body section.content article.group ul.archiveResults li div.details label,
body section.clearfix article.group ul.archiveResults li div.details label,
body section.content article.group ul.cards li div.metadata label,
body section.clearfix article.group ul.cards li div.metadata label,
body section.content article.group ul.processResults li div.metadata label,
body section.clearfix article.group ul.processResults li div.metadata label,
body section.content article.group ul.trackingResults li div.metadata label,
body section.clearfix article.group ul.trackingResults li div.metadata label,
body section.content article.group ul.archiveResults li div.metadata label,
body section.clearfix article.group ul.archiveResults li div.metadata label {
  font-weight: 400;
  color: #666666;
  margin-right: 0.3rem;
}
[dir="rtl"] body section.content article.group ul.cards li div.details label,
[dir="rtl"] body section.clearfix article.group ul.cards li div.details label,
[dir="rtl"] body section.content article.group ul.processResults li div.details label,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.details label,
[dir="rtl"] body section.content article.group ul.trackingResults li div.details label,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.details label,
[dir="rtl"] body section.content article.group ul.archiveResults li div.details label,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.details label,
[dir="rtl"] body section.content article.group ul.cards li div.metadata label,
[dir="rtl"] body section.clearfix article.group ul.cards li div.metadata label,
[dir="rtl"] body section.content article.group ul.processResults li div.metadata label,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.metadata label,
[dir="rtl"] body section.content article.group ul.trackingResults li div.metadata label,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.metadata label,
[dir="rtl"] body section.content article.group ul.archiveResults li div.metadata label,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.metadata label {
  margin-right: 0;
  margin-left: 0.3rem;
}
body section.content article.group ul.cards li div.details label.status,
body section.clearfix article.group ul.cards li div.details label.status,
body section.content article.group ul.processResults li div.details label.status,
body section.clearfix article.group ul.processResults li div.details label.status,
body section.content article.group ul.trackingResults li div.details label.status,
body section.clearfix article.group ul.trackingResults li div.details label.status,
body section.content article.group ul.archiveResults li div.details label.status,
body section.clearfix article.group ul.archiveResults li div.details label.status,
body section.content article.group ul.cards li div.metadata label.status,
body section.clearfix article.group ul.cards li div.metadata label.status,
body section.content article.group ul.processResults li div.metadata label.status,
body section.clearfix article.group ul.processResults li div.metadata label.status,
body section.content article.group ul.trackingResults li div.metadata label.status,
body section.clearfix article.group ul.trackingResults li div.metadata label.status,
body section.content article.group ul.archiveResults li div.metadata label.status,
body section.clearfix article.group ul.archiveResults li div.metadata label.status {
  color: #fff;
}
body section.content article.group ul.cards li div.details span,
body section.clearfix article.group ul.cards li div.details span,
body section.content article.group ul.processResults li div.details span,
body section.clearfix article.group ul.processResults li div.details span,
body section.content article.group ul.trackingResults li div.details span,
body section.clearfix article.group ul.trackingResults li div.details span,
body section.content article.group ul.archiveResults li div.details span,
body section.clearfix article.group ul.archiveResults li div.details span,
body section.content article.group ul.cards li div.metadata span,
body section.clearfix article.group ul.cards li div.metadata span,
body section.content article.group ul.processResults li div.metadata span,
body section.clearfix article.group ul.processResults li div.metadata span,
body section.content article.group ul.trackingResults li div.metadata span,
body section.clearfix article.group ul.trackingResults li div.metadata span,
body section.content article.group ul.archiveResults li div.metadata span,
body section.clearfix article.group ul.archiveResults li div.metadata span {
  font-weight: 700;
  display: inline-block;
  margin-right: 0.3rem;
  color: #595959;
}
[dir="rtl"] body section.content article.group ul.cards li div.details span,
[dir="rtl"] body section.clearfix article.group ul.cards li div.details span,
[dir="rtl"] body section.content article.group ul.processResults li div.details span,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.details span,
[dir="rtl"] body section.content article.group ul.trackingResults li div.details span,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.details span,
[dir="rtl"] body section.content article.group ul.archiveResults li div.details span,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.details span,
[dir="rtl"] body section.content article.group ul.cards li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.cards li div.metadata span,
[dir="rtl"] body section.content article.group ul.processResults li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.metadata span,
[dir="rtl"] body section.content article.group ul.trackingResults li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.metadata span,
[dir="rtl"] body section.content article.group ul.archiveResults li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.metadata span {
  margin-right: 0;
  margin-left: 0.3rem;
}
body section.content article.group ul.cards li div.details span a,
body section.clearfix article.group ul.cards li div.details span a,
body section.content article.group ul.processResults li div.details span a,
body section.clearfix article.group ul.processResults li div.details span a,
body section.content article.group ul.trackingResults li div.details span a,
body section.clearfix article.group ul.trackingResults li div.details span a,
body section.content article.group ul.archiveResults li div.details span a,
body section.clearfix article.group ul.archiveResults li div.details span a,
body section.content article.group ul.cards li div.metadata span a,
body section.clearfix article.group ul.cards li div.metadata span a,
body section.content article.group ul.processResults li div.metadata span a,
body section.clearfix article.group ul.processResults li div.metadata span a,
body section.content article.group ul.trackingResults li div.metadata span a,
body section.clearfix article.group ul.trackingResults li div.metadata span a,
body section.content article.group ul.archiveResults li div.metadata span a,
body section.clearfix article.group ul.archiveResults li div.metadata span a {
  font-weight: 500;
}
body section.content article.group ul.cards li div.details .id,
body section.clearfix article.group ul.cards li div.details .id,
body section.content article.group ul.processResults li div.details .id,
body section.clearfix article.group ul.processResults li div.details .id,
body section.content article.group ul.trackingResults li div.details .id,
body section.clearfix article.group ul.trackingResults li div.details .id,
body section.content article.group ul.archiveResults li div.details .id,
body section.clearfix article.group ul.archiveResults li div.details .id,
body section.content article.group ul.cards li div.metadata .id,
body section.clearfix article.group ul.cards li div.metadata .id,
body section.content article.group ul.processResults li div.metadata .id,
body section.clearfix article.group ul.processResults li div.metadata .id,
body section.content article.group ul.trackingResults li div.metadata .id,
body section.clearfix article.group ul.trackingResults li div.metadata .id,
body section.content article.group ul.archiveResults li div.metadata .id,
body section.clearfix article.group ul.archiveResults li div.metadata .id {
  font-weight: 500;
}
body section.content article.group ul.cards li div.details .id > span,
body section.clearfix article.group ul.cards li div.details .id > span,
body section.content article.group ul.processResults li div.details .id > span,
body section.clearfix article.group ul.processResults li div.details .id > span,
body section.content article.group ul.trackingResults li div.details .id > span,
body section.clearfix article.group ul.trackingResults li div.details .id > span,
body section.content article.group ul.archiveResults li div.details .id > span,
body section.clearfix article.group ul.archiveResults li div.details .id > span,
body section.content article.group ul.cards li div.metadata .id > span,
body section.clearfix article.group ul.cards li div.metadata .id > span,
body section.content article.group ul.processResults li div.metadata .id > span,
body section.clearfix article.group ul.processResults li div.metadata .id > span,
body section.content article.group ul.trackingResults li div.metadata .id > span,
body section.clearfix article.group ul.trackingResults li div.metadata .id > span,
body section.content article.group ul.archiveResults li div.metadata .id > span,
body section.clearfix article.group ul.archiveResults li div.metadata .id > span {
  color: #000000;
  font-size: 11px;
  margin-right: 0;
  font-weight: inherit;
  display: inline-block;
}
[dir="rtl"] body section.content article.group ul.cards li div.details .id > span,
[dir="rtl"] body section.clearfix article.group ul.cards li div.details .id > span,
[dir="rtl"] body section.content article.group ul.processResults li div.details .id > span,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.details .id > span,
[dir="rtl"] body section.content article.group ul.trackingResults li div.details .id > span,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.details .id > span,
[dir="rtl"] body section.content article.group ul.archiveResults li div.details .id > span,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.details .id > span,
[dir="rtl"] body section.content article.group ul.cards li div.metadata .id > span,
[dir="rtl"] body section.clearfix article.group ul.cards li div.metadata .id > span,
[dir="rtl"] body section.content article.group ul.processResults li div.metadata .id > span,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.metadata .id > span,
[dir="rtl"] body section.content article.group ul.trackingResults li div.metadata .id > span,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.metadata .id > span,
[dir="rtl"] body section.content article.group ul.archiveResults li div.metadata .id > span,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.metadata .id > span {
  margin-right: 0;
  margin-left: 0;
}
body section.content article.group ul.cards li div.details > a,
body section.clearfix article.group ul.cards li div.details > a,
body section.content article.group ul.processResults li div.details > a,
body section.clearfix article.group ul.processResults li div.details > a,
body section.content article.group ul.trackingResults li div.details > a,
body section.clearfix article.group ul.trackingResults li div.details > a,
body section.content article.group ul.archiveResults li div.details > a,
body section.clearfix article.group ul.archiveResults li div.details > a,
body section.content article.group ul.cards li div.details > div.pending-task,
body section.clearfix article.group ul.cards li div.details > div.pending-task,
body section.content article.group ul.processResults li div.details > div.pending-task,
body section.clearfix article.group ul.processResults li div.details > div.pending-task,
body section.content article.group ul.trackingResults li div.details > div.pending-task,
body section.clearfix article.group ul.trackingResults li div.details > div.pending-task,
body section.content article.group ul.archiveResults li div.details > div.pending-task,
body section.clearfix article.group ul.archiveResults li div.details > div.pending-task {
  font-size: 26px;
  display: inline-block;
  max-width: 99%;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  padding-bottom: 0.8rem;
}
body section.content article.group ul.cards li div.details > a > div.pending-task,
body section.clearfix article.group ul.cards li div.details > a > div.pending-task,
body section.content article.group ul.processResults li div.details > a > div.pending-task,
body section.clearfix article.group ul.processResults li div.details > a > div.pending-task,
body section.content article.group ul.trackingResults li div.details > a > div.pending-task,
body section.clearfix article.group ul.trackingResults li div.details > a > div.pending-task,
body section.content article.group ul.archiveResults li div.details > a > div.pending-task,
body section.clearfix article.group ul.archiveResults li div.details > a > div.pending-task,
body section.content article.group ul.cards li div.details > div.pending-task > div.pending-task,
body section.clearfix article.group ul.cards li div.details > div.pending-task > div.pending-task,
body section.content article.group ul.processResults li div.details > div.pending-task > div.pending-task,
body section.clearfix article.group ul.processResults li div.details > div.pending-task > div.pending-task,
body section.content article.group ul.trackingResults li div.details > div.pending-task > div.pending-task,
body section.clearfix article.group ul.trackingResults li div.details > div.pending-task > div.pending-task,
body section.content article.group ul.archiveResults li div.details > div.pending-task > div.pending-task,
body section.clearfix article.group ul.archiveResults li div.details > div.pending-task > div.pending-task {
  font-weight: 300;
}
body section.content article.group ul.cards li div.details > a > div,
body section.clearfix article.group ul.cards li div.details > a > div,
body section.content article.group ul.processResults li div.details > a > div,
body section.clearfix article.group ul.processResults li div.details > a > div,
body section.content article.group ul.trackingResults li div.details > a > div,
body section.clearfix article.group ul.trackingResults li div.details > a > div,
body section.content article.group ul.archiveResults li div.details > a > div,
body section.clearfix article.group ul.archiveResults li div.details > a > div,
body section.content article.group ul.cards li div.details > div.pending-task > div,
body section.clearfix article.group ul.cards li div.details > div.pending-task > div,
body section.content article.group ul.processResults li div.details > div.pending-task > div,
body section.clearfix article.group ul.processResults li div.details > div.pending-task > div,
body section.content article.group ul.trackingResults li div.details > div.pending-task > div,
body section.clearfix article.group ul.trackingResults li div.details > div.pending-task > div,
body section.content article.group ul.archiveResults li div.details > div.pending-task > div,
body section.clearfix article.group ul.archiveResults li div.details > div.pending-task > div {
  font-weight: 300;
}
body section.content article.group ul.cards li div.details > a div.title,
body section.clearfix article.group ul.cards li div.details > a div.title,
body section.content article.group ul.processResults li div.details > a div.title,
body section.clearfix article.group ul.processResults li div.details > a div.title,
body section.content article.group ul.trackingResults li div.details > a div.title,
body section.clearfix article.group ul.trackingResults li div.details > a div.title,
body section.content article.group ul.archiveResults li div.details > a div.title,
body section.clearfix article.group ul.archiveResults li div.details > a div.title,
body section.content article.group ul.cards li div.details > div.pending-task div.title,
body section.clearfix article.group ul.cards li div.details > div.pending-task div.title,
body section.content article.group ul.processResults li div.details > div.pending-task div.title,
body section.clearfix article.group ul.processResults li div.details > div.pending-task div.title,
body section.content article.group ul.trackingResults li div.details > div.pending-task div.title,
body section.clearfix article.group ul.trackingResults li div.details > div.pending-task div.title,
body section.content article.group ul.archiveResults li div.details > div.pending-task div.title,
body section.clearfix article.group ul.archiveResults li div.details > div.pending-task div.title,
body section.content article.group ul.cards li div.details > a div.title-pending-task,
body section.clearfix article.group ul.cards li div.details > a div.title-pending-task,
body section.content article.group ul.processResults li div.details > a div.title-pending-task,
body section.clearfix article.group ul.processResults li div.details > a div.title-pending-task,
body section.content article.group ul.trackingResults li div.details > a div.title-pending-task,
body section.clearfix article.group ul.trackingResults li div.details > a div.title-pending-task,
body section.content article.group ul.archiveResults li div.details > a div.title-pending-task,
body section.clearfix article.group ul.archiveResults li div.details > a div.title-pending-task,
body section.content article.group ul.cards li div.details > div.pending-task div.title-pending-task,
body section.clearfix article.group ul.cards li div.details > div.pending-task div.title-pending-task,
body section.content article.group ul.processResults li div.details > div.pending-task div.title-pending-task,
body section.clearfix article.group ul.processResults li div.details > div.pending-task div.title-pending-task,
body section.content article.group ul.trackingResults li div.details > div.pending-task div.title-pending-task,
body section.clearfix article.group ul.trackingResults li div.details > div.pending-task div.title-pending-task,
body section.content article.group ul.archiveResults li div.details > div.pending-task div.title-pending-task,
body section.clearfix article.group ul.archiveResults li div.details > div.pending-task div.title-pending-task {
  display: inline-block;
  max-width: 100%;
  font-weight: 300;
}
body section.content article.group ul.cards li div.details > div:nth-of-type(2),
body section.clearfix article.group ul.cards li div.details > div:nth-of-type(2),
body section.content article.group ul.processResults li div.details > div:nth-of-type(2),
body section.clearfix article.group ul.processResults li div.details > div:nth-of-type(2),
body section.content article.group ul.trackingResults li div.details > div:nth-of-type(2),
body section.clearfix article.group ul.trackingResults li div.details > div:nth-of-type(2),
body section.content article.group ul.archiveResults li div.details > div:nth-of-type(2),
body section.clearfix article.group ul.archiveResults li div.details > div:nth-of-type(2) {
  padding-bottom: 0.5rem;
}
body section.content article.group ul.cards li div.details > div,
body section.clearfix article.group ul.cards li div.details > div,
body section.content article.group ul.processResults li div.details > div,
body section.clearfix article.group ul.processResults li div.details > div,
body section.content article.group ul.trackingResults li div.details > div,
body section.clearfix article.group ul.trackingResults li div.details > div,
body section.content article.group ul.archiveResults li div.details > div,
body section.clearfix article.group ul.archiveResults li div.details > div {
  padding-bottom: 0.3rem;
}
body section.content article.group ul.cards li div.details > a.see-more,
body section.clearfix article.group ul.cards li div.details > a.see-more,
body section.content article.group ul.processResults li div.details > a.see-more,
body section.clearfix article.group ul.processResults li div.details > a.see-more,
body section.content article.group ul.trackingResults li div.details > a.see-more,
body section.clearfix article.group ul.trackingResults li div.details > a.see-more,
body section.content article.group ul.archiveResults li div.details > a.see-more,
body section.clearfix article.group ul.archiveResults li div.details > a.see-more {
  font-size: 13px;
}
body section.content article.group ul.cards li div.details > div.pending-task,
body section.clearfix article.group ul.cards li div.details > div.pending-task,
body section.content article.group ul.processResults li div.details > div.pending-task,
body section.clearfix article.group ul.processResults li div.details > div.pending-task,
body section.content article.group ul.trackingResults li div.details > div.pending-task,
body section.clearfix article.group ul.trackingResults li div.details > div.pending-task,
body section.content article.group ul.archiveResults li div.details > div.pending-task,
body section.clearfix article.group ul.archiveResults li div.details > div.pending-task {
  color: #666666;
  font-weight: 300;
}
body section.content article.group ul.cards li div.details a.see-details,
body section.clearfix article.group ul.cards li div.details a.see-details,
body section.content article.group ul.processResults li div.details a.see-details,
body section.clearfix article.group ul.processResults li div.details a.see-details,
body section.content article.group ul.trackingResults li div.details a.see-details,
body section.clearfix article.group ul.trackingResults li div.details a.see-details,
body section.content article.group ul.archiveResults li div.details a.see-details,
body section.clearfix article.group ul.archiveResults li div.details a.see-details {
  display: block;
  padding-top: 1rem;
  margin-bottom: 0.3rem;
  text-transform: lowercase;
}
body section.content article.group ul.cards li div.details a.see-details:hover,
body section.clearfix article.group ul.cards li div.details a.see-details:hover,
body section.content article.group ul.processResults li div.details a.see-details:hover,
body section.clearfix article.group ul.processResults li div.details a.see-details:hover,
body section.content article.group ul.trackingResults li div.details a.see-details:hover,
body section.clearfix article.group ul.trackingResults li div.details a.see-details:hover,
body section.content article.group ul.archiveResults li div.details a.see-details:hover,
body section.clearfix article.group ul.archiveResults li div.details a.see-details:hover {
  color: #008045;
}
body section.content article.group ul.cards li.newItem div.details,
body section.clearfix article.group ul.cards li.newItem div.details,
body section.content article.group ul.processResults li.newItem div.details,
body section.clearfix article.group ul.processResults li.newItem div.details,
body section.content article.group ul.trackingResults li.newItem div.details,
body section.clearfix article.group ul.trackingResults li.newItem div.details,
body section.content article.group ul.archiveResults li.newItem div.details,
body section.clearfix article.group ul.archiveResults li.newItem div.details {
  border-left: 0.4rem solid #008045;
  -moz-border-radius-top-left: 0.4rem;
  -webkit-border-top-left-radius: 0.4rem;
  -khtml-border-top-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
  -moz-border-radius-bottom-left: 0.4rem;
  -webkit-border-bottom-left-radius: 0.4rem;
  -khtml-border-bottom-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  height: 100%;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  min-width: 10rem;
}
[dir="rtl"] body section.content article.group ul.cards li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.cards li.newItem div.details,
[dir="rtl"] body section.content article.group ul.processResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.processResults li.newItem div.details,
[dir="rtl"] body section.content article.group ul.trackingResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li.newItem div.details,
[dir="rtl"] body section.content article.group ul.archiveResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li.newItem div.details {
  border-left: 0;
  border-right: 0.4rem solid #008045;
}
[dir="rtl"] body section.content article.group ul.cards li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.cards li.newItem div.details,
[dir="rtl"] body section.content article.group ul.processResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.processResults li.newItem div.details,
[dir="rtl"] body section.content article.group ul.trackingResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li.newItem div.details,
[dir="rtl"] body section.content article.group ul.archiveResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li.newItem div.details {
  -moz-border-radius-top-right: 0.4rem;
  -webkit-border-top-right-radius: 0.4rem;
  -khtml-border-top-right-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -moz-border-radius-bottom-right: 0.4rem;
  -webkit-border-bottom-right-radius: 0.4rem;
  -khtml-border-bottom-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
[dir="rtl"] body section.content article.group ul.cards li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.cards li.newItem div.details,
[dir="rtl"] body section.content article.group ul.processResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.processResults li.newItem div.details,
[dir="rtl"] body section.content article.group ul.trackingResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li.newItem div.details,
[dir="rtl"] body section.content article.group ul.archiveResults li.newItem div.details,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li.newItem div.details {
  border-left: 0 solid #008045;
  border-right: 0.4rem solid #008045;
}
body section.content article.group ul.cards li div.metadata,
body section.clearfix article.group ul.cards li div.metadata,
body section.content article.group ul.processResults li div.metadata,
body section.clearfix article.group ul.processResults li div.metadata,
body section.content article.group ul.trackingResults li div.metadata,
body section.clearfix article.group ul.trackingResults li div.metadata,
body section.content article.group ul.archiveResults li div.metadata,
body section.clearfix article.group ul.archiveResults li div.metadata {
  width: 100%;
  background-color: #d6d6d6;
  text-align: right;
  padding: 1rem;
}
[dir="rtl"] body section.content article.group ul.cards li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.cards li div.metadata,
[dir="rtl"] body section.content article.group ul.processResults li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.metadata,
[dir="rtl"] body section.content article.group ul.trackingResults li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.metadata,
[dir="rtl"] body section.content article.group ul.archiveResults li div.metadata,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.metadata {
  text-align: left;
}
body section.content article.group ul.cards li div.metadata label,
body section.clearfix article.group ul.cards li div.metadata label,
body section.content article.group ul.processResults li div.metadata label,
body section.clearfix article.group ul.processResults li div.metadata label,
body section.content article.group ul.trackingResults li div.metadata label,
body section.clearfix article.group ul.trackingResults li div.metadata label,
body section.content article.group ul.archiveResults li div.metadata label,
body section.clearfix article.group ul.archiveResults li div.metadata label {
  margin-bottom: 0;
}
body section.content article.group ul.cards li div.metadata span,
body section.clearfix article.group ul.cards li div.metadata span,
body section.content article.group ul.processResults li div.metadata span,
body section.clearfix article.group ul.processResults li div.metadata span,
body section.content article.group ul.trackingResults li div.metadata span,
body section.clearfix article.group ul.trackingResults li div.metadata span,
body section.content article.group ul.archiveResults li div.metadata span,
body section.clearfix article.group ul.archiveResults li div.metadata span {
  margin-right: 0.2rem;
  margin-bottom: 0.5rem;
}
[dir="rtl"] body section.content article.group ul.cards li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.cards li div.metadata span,
[dir="rtl"] body section.content article.group ul.processResults li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.metadata span,
[dir="rtl"] body section.content article.group ul.trackingResults li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.metadata span,
[dir="rtl"] body section.content article.group ul.archiveResults li div.metadata span,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.metadata span {
  margin-right: 0;
  margin-left: 0.2rem;
}
body section.content article.group ul.cards li div.metadata i,
body section.clearfix article.group ul.cards li div.metadata i,
body section.content article.group ul.processResults li div.metadata i,
body section.clearfix article.group ul.processResults li div.metadata i,
body section.content article.group ul.trackingResults li div.metadata i,
body section.clearfix article.group ul.trackingResults li div.metadata i,
body section.content article.group ul.archiveResults li div.metadata i,
body section.clearfix article.group ul.archiveResults li div.metadata i {
  font-size: 15px;
  color: #404040;
  margin-bottom: 0.5rem;
  cursor: default;
}
body section.content article.group ul.processResults li div.details div,
body section.clearfix article.group ul.processResults li div.details div,
body section.content article.group ul.processResults li div.metadata div,
body section.clearfix article.group ul.processResults li div.metadata div {
  font-weight: 700;
  font-size: 11px;
}
body section.content article.group ul.processResults li div.details div label,
body section.clearfix article.group ul.processResults li div.details div label,
body section.content article.group ul.processResults li div.metadata div label,
body section.clearfix article.group ul.processResults li div.metadata div label,
body section.content article.group ul.processResults li div.details div span,
body section.clearfix article.group ul.processResults li div.details div span,
body section.content article.group ul.processResults li div.metadata div span,
body section.clearfix article.group ul.processResults li div.metadata div span {
  font-size: 11px;
}
body section.content article.group ul.processResults li div.details div.pending-task,
body section.clearfix article.group ul.processResults li div.details div.pending-task,
body section.content article.group ul.processResults li div.metadata div.pending-task,
body section.clearfix article.group ul.processResults li div.metadata div.pending-task {
  font-size: 14px;
}
body section.content article.group ul.processResults li div.metadata > div,
body section.clearfix article.group ul.processResults li div.metadata > div,
body section.content article.group ul.trackingResults li div.metadata > div,
body section.clearfix article.group ul.trackingResults li div.metadata > div,
body section.content article.group ul.archiveResults li div.metadata > div,
body section.clearfix article.group ul.archiveResults li div.metadata > div {
  text-align: right;
}
[dir="rtl"] body section.content article.group ul.processResults li div.metadata > div,
[dir="rtl"] body section.clearfix article.group ul.processResults li div.metadata > div,
[dir="rtl"] body section.content article.group ul.trackingResults li div.metadata > div,
[dir="rtl"] body section.clearfix article.group ul.trackingResults li div.metadata > div,
[dir="rtl"] body section.content article.group ul.archiveResults li div.metadata > div,
[dir="rtl"] body section.clearfix article.group ul.archiveResults li div.metadata > div {
  text-align: left;
}
body section.content article.group ul.processResults li div.metadata label,
body section.clearfix article.group ul.processResults li div.metadata label,
body section.content article.group ul.trackingResults li div.metadata label,
body section.clearfix article.group ul.trackingResults li div.metadata label,
body section.content article.group ul.archiveResults li div.metadata label,
body section.clearfix article.group ul.archiveResults li div.metadata label {
  display: block !important;
}
body section.content article.group div.noresults,
body section.clearfix article.group div.noresults {
  display: grid;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-gap: 1rem;
  font-size: 18px;
  font-weight: 300;
  padding: 2.5rem;
  background: #f6f6f6;
  color: #666666;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
body section.content article.group div.noresults a,
body section.clearfix article.group div.noresults a {
  display: inline-block;
  font-size: 13px !important;
}
body section.content article#pendingTaskHistory ul.branchTaskList li div.about,
body section.clearfix article#pendingTaskHistory ul.branchTaskList li div.about {
  padding-right: 1.5rem;
  display: table-cell;
  vertical-align: middle;
  background-color: #e9e9e9;
}
[dir="rtl"] body section.content article#pendingTaskHistory ul.branchTaskList li div.about,
[dir="rtl"] body section.clearfix article#pendingTaskHistory ul.branchTaskList li div.about {
  padding-right: 0;
  padding-left: 1.5rem;
}
body section.content article#pendingTaskHistory ul.branchTaskList li div.about label,
body section.clearfix article#pendingTaskHistory ul.branchTaskList li div.about label {
  font-weight: 400;
}
body section.content article#pendingTaskHistory ul.branchTaskList li div.about span,
body section.clearfix article#pendingTaskHistory ul.branchTaskList li div.about span {
  font-weight: 700;
  font-size: 12px;
}
body section.content article#pendingTaskHistory ul.branchTaskList li div.about span a,
body section.clearfix article#pendingTaskHistory ul.branchTaskList li div.about span a {
  font-weight: 700;
}
body section.content article#pendingTaskHistory ul.branchTaskList li div.metadata label,
body section.clearfix article#pendingTaskHistory ul.branchTaskList li div.metadata label {
  font-size: 10px !important;
}
body section.content article#pendingTaskHistory ul.branchTaskList li div.metadata div.item,
body section.clearfix article#pendingTaskHistory ul.branchTaskList li div.metadata div.item {
  font-size: 11px !important;
}
body section.content article.column,
body section.clearfix article.column,
body section.content article.step,
body section.clearfix article.step,
body section.content article.onlysearch,
body section.clearfix article.onlysearch {
  padding: 1rem 2rem 1rem 2rem;
  background: #f6f6f6;
}
[dir="rtl"] body section.content article.column,
[dir="rtl"] body section.clearfix article.column,
[dir="rtl"] body section.content article.step,
[dir="rtl"] body section.clearfix article.step,
[dir="rtl"] body section.content article.onlysearch,
[dir="rtl"] body section.clearfix article.onlysearch {
  padding: 1rem 2rem 1rem 2rem;
}
body section.content article.column header h2,
body section.clearfix article.column header h2,
body section.content article.step header h2,
body section.clearfix article.step header h2,
body section.content article.onlysearch header h2,
body section.clearfix article.onlysearch header h2,
body section.content article.column header h3,
body section.clearfix article.column header h3,
body section.content article.step header h3,
body section.clearfix article.step header h3,
body section.content article.onlysearch header h3,
body section.clearfix article.onlysearch header h3 {
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 500;
  color: #000000;
}
body section.content article.column header h2,
body section.clearfix article.column header h2,
body section.content article.step header h2,
body section.clearfix article.step header h2,
body section.content article.onlysearch header h2,
body section.clearfix article.onlysearch header h2 {
  font-size: 14px;
}
body section.content article.column header a,
body section.clearfix article.column header a,
body section.content article.step header a,
body section.clearfix article.step header a,
body section.content article.onlysearch header a,
body section.clearfix article.onlysearch header a {
  font-size: 13px;
  font-weight: 700;
}
body section.content article.column div,
body section.clearfix article.column div,
body section.content article.step div,
body section.clearfix article.step div,
body section.content article.onlysearch div,
body section.clearfix article.onlysearch div,
body section.content article.column p,
body section.clearfix article.column p,
body section.content article.step p,
body section.clearfix article.step p,
body section.content article.onlysearch p,
body section.clearfix article.onlysearch p {
  font-size: 13px;
}
body section.content article.column div.quick-search-content,
body section.clearfix article.column div.quick-search-content,
body section.content article.step div.quick-search-content,
body section.clearfix article.step div.quick-search-content,
body section.content article.onlysearch div.quick-search-content,
body section.clearfix article.onlysearch div.quick-search-content {
  grid-area: quickSearchContent;
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: relative;
}
body section.content article.column div.search-info,
body section.clearfix article.column div.search-info,
body section.content article.step div.search-info,
body section.clearfix article.step div.search-info,
body section.content article.onlysearch div.search-info,
body section.clearfix article.onlysearch div.search-info,
body section.content article.column div.search-inputs,
body section.clearfix article.column div.search-inputs,
body section.content article.step div.search-inputs,
body section.clearfix article.step div.search-inputs,
body section.content article.onlysearch div.search-inputs,
body section.clearfix article.onlysearch div.search-inputs {
  display: block;
}
body section.content article.column div.search-info,
body section.clearfix article.column div.search-info,
body section.content article.step div.search-info,
body section.clearfix article.step div.search-info,
body section.content article.onlysearch div.search-info,
body section.clearfix article.onlysearch div.search-info {
  vertical-align: middle;
  margin-right: 2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
[dir="rtl"] body section.content article.column div.search-info,
[dir="rtl"] body section.clearfix article.column div.search-info,
[dir="rtl"] body section.content article.step div.search-info,
[dir="rtl"] body section.clearfix article.step div.search-info,
[dir="rtl"] body section.content article.onlysearch div.search-info,
[dir="rtl"] body section.clearfix article.onlysearch div.search-info {
  margin-right: 0;
  margin-left: 2rem;
}
body section.content article.column div.search-info p,
body section.clearfix article.column div.search-info p,
body section.content article.step div.search-info p,
body section.clearfix article.step div.search-info p,
body section.content article.onlysearch div.search-info p,
body section.clearfix article.onlysearch div.search-info p {
  line-height: 1.2em;
  margin: 0;
}
body section.content article.column div.search-inputs,
body section.clearfix article.column div.search-inputs,
body section.content article.step div.search-inputs,
body section.clearfix article.step div.search-inputs,
body section.content article.onlysearch div.search-inputs,
body section.clearfix article.onlysearch div.search-inputs {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  vertical-align: middle;
}
body section.content article.column div.search-inputs input[type=text],
body section.clearfix article.column div.search-inputs input[type=text],
body section.content article.step div.search-inputs input[type=text],
body section.clearfix article.step div.search-inputs input[type=text],
body section.content article.onlysearch div.search-inputs input[type=text],
body section.clearfix article.onlysearch div.search-inputs input[type=text],
body section.content article.column div.search-inputs #pIDField,
body section.clearfix article.column div.search-inputs #pIDField,
body section.content article.step div.search-inputs #pIDField,
body section.clearfix article.step div.search-inputs #pIDField,
body section.content article.onlysearch div.search-inputs #pIDField,
body section.clearfix article.onlysearch div.search-inputs #pIDField {
  min-width: 15.5rem;
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 1rem;
}
[dir="rtl"] body section.content article.column div.search-inputs input[type=text],
[dir="rtl"] body section.clearfix article.column div.search-inputs input[type=text],
[dir="rtl"] body section.content article.step div.search-inputs input[type=text],
[dir="rtl"] body section.clearfix article.step div.search-inputs input[type=text],
[dir="rtl"] body section.content article.onlysearch div.search-inputs input[type=text],
[dir="rtl"] body section.clearfix article.onlysearch div.search-inputs input[type=text],
[dir="rtl"] body section.content article.column div.search-inputs #pIDField,
[dir="rtl"] body section.clearfix article.column div.search-inputs #pIDField,
[dir="rtl"] body section.content article.step div.search-inputs #pIDField,
[dir="rtl"] body section.clearfix article.step div.search-inputs #pIDField,
[dir="rtl"] body section.content article.onlysearch div.search-inputs #pIDField,
[dir="rtl"] body section.clearfix article.onlysearch div.search-inputs #pIDField {
  margin-right: 0;
  margin-left: 1rem;
}
body section.content article.column div.search-inputs a.button,
body section.clearfix article.column div.search-inputs a.button,
body section.content article.step div.search-inputs a.button,
body section.clearfix article.step div.search-inputs a.button,
body section.content article.onlysearch div.search-inputs a.button,
body section.clearfix article.onlysearch div.search-inputs a.button {
  display: block;
  padding: 0.8rem 1rem;
  text-align: center;
}
body section.content article.column a.control,
body section.clearfix article.column a.control,
body section.content article.step a.control,
body section.clearfix article.step a.control,
body section.content article.onlysearch a.control,
body section.clearfix article.onlysearch a.control {
  color: #666666;
  font-size: 11px;
}
body section.content article.column div.quickSearch-not-found,
body section.clearfix article.column div.quickSearch-not-found,
body section.content article.step div.quickSearch-not-found,
body section.clearfix article.step div.quickSearch-not-found,
body section.content article.onlysearch div.quickSearch-not-found,
body section.clearfix article.onlysearch div.quickSearch-not-found,
body section.content article.column div.quickSearch-not-valid,
body section.clearfix article.column div.quickSearch-not-valid,
body section.content article.step div.quickSearch-not-valid,
body section.clearfix article.step div.quickSearch-not-valid,
body section.content article.onlysearch div.quickSearch-not-valid,
body section.clearfix article.onlysearch div.quickSearch-not-valid,
body section.content article.column div.quickSearch-not-valid-warning,
body section.clearfix article.column div.quickSearch-not-valid-warning,
body section.content article.step div.quickSearch-not-valid-warning,
body section.clearfix article.step div.quickSearch-not-valid-warning,
body section.content article.onlysearch div.quickSearch-not-valid-warning,
body section.clearfix article.onlysearch div.quickSearch-not-valid-warning {
  grid-area: quickSearchMessage;
  background-color: #CC0000;
  color: #fff;
  padding: 1rem;
  font-size: 11px;
  font-weight: 400;
  border-radius: 0.3rem;
}
body section.content article.column div.quickSearch-not-found i,
body section.clearfix article.column div.quickSearch-not-found i,
body section.content article.step div.quickSearch-not-found i,
body section.clearfix article.step div.quickSearch-not-found i,
body section.content article.onlysearch div.quickSearch-not-found i,
body section.clearfix article.onlysearch div.quickSearch-not-found i,
body section.content article.column div.quickSearch-not-valid i,
body section.clearfix article.column div.quickSearch-not-valid i,
body section.content article.step div.quickSearch-not-valid i,
body section.clearfix article.step div.quickSearch-not-valid i,
body section.content article.onlysearch div.quickSearch-not-valid i,
body section.clearfix article.onlysearch div.quickSearch-not-valid i,
body section.content article.column div.quickSearch-not-valid-warning i,
body section.clearfix article.column div.quickSearch-not-valid-warning i,
body section.content article.step div.quickSearch-not-valid-warning i,
body section.clearfix article.step div.quickSearch-not-valid-warning i,
body section.content article.onlysearch div.quickSearch-not-valid-warning i,
body section.clearfix article.onlysearch div.quickSearch-not-valid-warning i {
  margin-right: 1rem;
}
[dir="rtl"] body section.content article.column div.quickSearch-not-found i,
[dir="rtl"] body section.clearfix article.column div.quickSearch-not-found i,
[dir="rtl"] body section.content article.step div.quickSearch-not-found i,
[dir="rtl"] body section.clearfix article.step div.quickSearch-not-found i,
[dir="rtl"] body section.content article.onlysearch div.quickSearch-not-found i,
[dir="rtl"] body section.clearfix article.onlysearch div.quickSearch-not-found i,
[dir="rtl"] body section.content article.column div.quickSearch-not-valid i,
[dir="rtl"] body section.clearfix article.column div.quickSearch-not-valid i,
[dir="rtl"] body section.content article.step div.quickSearch-not-valid i,
[dir="rtl"] body section.clearfix article.step div.quickSearch-not-valid i,
[dir="rtl"] body section.content article.onlysearch div.quickSearch-not-valid i,
[dir="rtl"] body section.clearfix article.onlysearch div.quickSearch-not-valid i,
[dir="rtl"] body section.content article.column div.quickSearch-not-valid-warning i,
[dir="rtl"] body section.clearfix article.column div.quickSearch-not-valid-warning i,
[dir="rtl"] body section.content article.step div.quickSearch-not-valid-warning i,
[dir="rtl"] body section.clearfix article.step div.quickSearch-not-valid-warning i,
[dir="rtl"] body section.content article.onlysearch div.quickSearch-not-valid-warning i,
[dir="rtl"] body section.clearfix article.onlysearch div.quickSearch-not-valid-warning i {
  margin-right: 0;
  margin-left: 1rem;
}
body section.content article.column div.quickSearch-not-valid-warning,
body section.clearfix article.column div.quickSearch-not-valid-warning,
body section.content article.step div.quickSearch-not-valid-warning,
body section.clearfix article.step div.quickSearch-not-valid-warning,
body section.content article.onlysearch div.quickSearch-not-valid-warning,
body section.clearfix article.onlysearch div.quickSearch-not-valid-warning {
  background-color: #efefef;
  color: #666666;
  margin-top: 1.5rem;
}
body section.content article.column div.quickSearch-not-valid-warning a,
body section.clearfix article.column div.quickSearch-not-valid-warning a,
body section.content article.step div.quickSearch-not-valid-warning a,
body section.clearfix article.step div.quickSearch-not-valid-warning a,
body section.content article.onlysearch div.quickSearch-not-valid-warning a,
body section.clearfix article.onlysearch div.quickSearch-not-valid-warning a {
  color: #004d29;
  font-weight: 700;
}
body section.content article.column div.quickSearch-not-valid-warning a:hover,
body section.clearfix article.column div.quickSearch-not-valid-warning a:hover,
body section.content article.step div.quickSearch-not-valid-warning a:hover,
body section.clearfix article.step div.quickSearch-not-valid-warning a:hover,
body section.content article.onlysearch div.quickSearch-not-valid-warning a:hover,
body section.clearfix article.onlysearch div.quickSearch-not-valid-warning a:hover {
  color: #008045;
}
body section.content article.column div.processButtons,
body section.clearfix article.column div.processButtons,
body section.content article.step div.processButtons,
body section.clearfix article.step div.processButtons,
body section.content article.onlysearch div.processButtons,
body section.clearfix article.onlysearch div.processButtons {
  min-height: 5rem;
  padding-top: 0.5rem;
}
body section.content article.column div.processButtons a.button,
body section.clearfix article.column div.processButtons a.button,
body section.content article.step div.processButtons a.button,
body section.clearfix article.step div.processButtons a.button,
body section.content article.onlysearch div.processButtons a.button,
body section.clearfix article.onlysearch div.processButtons a.button {
  padding: 0.5rem 0.6rem;
  margin: auto;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: center;
  max-width: 10rem;
  text-align: center;
}
body section.content article.column .column,
body section.clearfix article.column .column,
body section.content article.step .column,
body section.clearfix article.step .column,
body section.content article.onlysearch .column,
body section.clearfix article.onlysearch .column {
  background: #fbfbfb;
  padding: 1rem;
  min-height: 17.5rem;
  display: inline-block;
}
body section.content article.column .column label,
body section.clearfix article.column .column label,
body section.content article.step .column label,
body section.clearfix article.step .column label,
body section.content article.onlysearch .column label,
body section.clearfix article.onlysearch .column label {
  margin-top: 0.3rem;
  color: #333;
}
body section.content article.column .column > label,
body section.clearfix article.column .column > label,
body section.content article.step .column > label,
body section.clearfix article.step .column > label,
body section.content article.onlysearch .column > label,
body section.clearfix article.onlysearch .column > label {
  display: block;
}
body section.content article.column .column p,
body section.clearfix article.column .column p,
body section.content article.step .column p,
body section.clearfix article.step .column p,
body section.content article.onlysearch .column p,
body section.clearfix article.onlysearch .column p {
  font-size: 13px;
  margin-bottom: 0.5rem;
  line-height: 1.2em;
}
body section.content article.column .column div#finalParticipantGroupFilterTab input[type=text],
body section.clearfix article.column .column div#finalParticipantGroupFilterTab input[type=text],
body section.content article.step .column div#finalParticipantGroupFilterTab input[type=text],
body section.clearfix article.step .column div#finalParticipantGroupFilterTab input[type=text],
body section.content article.onlysearch .column div#finalParticipantGroupFilterTab input[type=text],
body section.clearfix article.onlysearch .column div#finalParticipantGroupFilterTab input[type=text] {
  width: 17rem;
}
body section.content article.column .showme,
body section.clearfix article.column .showme,
body section.content article.step .showme,
body section.clearfix article.step .showme,
body section.content article.onlysearch .showme,
body section.clearfix article.onlysearch .showme {
  padding: 1rem;
  background-color: #fbfbfb;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-content: flex-start;
  justify-items: flex-start;
  grid-area: showme;
}
body section.content article.column .showme .name,
body section.clearfix article.column .showme .name,
body section.content article.step .showme .name,
body section.clearfix article.step .showme .name,
body section.content article.onlysearch .showme .name,
body section.clearfix article.onlysearch .showme .name {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
body section.content article.column .showme .options,
body section.clearfix article.column .showme .options,
body section.content article.step .showme .options,
body section.clearfix article.step .showme .options,
body section.content article.onlysearch .showme .options,
body section.clearfix article.onlysearch .showme .options {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
body section.content article.column .showme .options label,
body section.clearfix article.column .showme .options label,
body section.content article.step .showme .options label,
body section.clearfix article.step .showme .options label,
body section.content article.onlysearch .showme .options label,
body section.clearfix article.onlysearch .showme .options label {
  padding-right: 1.5rem;
}
[dir="rtl"] body section.content article.column .showme .options label,
[dir="rtl"] body section.clearfix article.column .showme .options label,
[dir="rtl"] body section.content article.step .showme .options label,
[dir="rtl"] body section.clearfix article.step .showme .options label,
[dir="rtl"] body section.content article.onlysearch .showme .options label,
[dir="rtl"] body section.clearfix article.onlysearch .showme .options label {
  padding-right: 0;
  padding-left: 1.5rem;
}
body section.content article.column .showme header,
body section.clearfix article.column .showme header,
body section.content article.step .showme header,
body section.clearfix article.step .showme header,
body section.content article.onlysearch .showme header,
body section.clearfix article.onlysearch .showme header {
  padding: 0.5rem 0;
  padding-top: 0.7rem;
}
body section.content article.column .showme header h3,
body section.clearfix article.column .showme header h3,
body section.content article.step .showme header h3,
body section.clearfix article.step .showme header h3,
body section.content article.onlysearch .showme header h3,
body section.clearfix article.onlysearch .showme header h3 {
  margin: 0;
  line-height: 1em;
}
body section.content article.column .showme label,
body section.clearfix article.column .showme label,
body section.content article.step .showme label,
body section.clearfix article.step .showme label,
body section.content article.onlysearch .showme label,
body section.clearfix article.onlysearch .showme label {
  padding: 0.5rem 0.5rem;
  padding-left: 0;
  display: inline-block;
}
[dir="rtl"] body section.content article.column .showme label,
[dir="rtl"] body section.clearfix article.column .showme label,
[dir="rtl"] body section.content article.step .showme label,
[dir="rtl"] body section.clearfix article.step .showme label,
[dir="rtl"] body section.content article.onlysearch .showme label,
[dir="rtl"] body section.clearfix article.onlysearch .showme label {
  padding-left: 0;
  padding-right: 0;
}
body section.content article.column .showme label input[type=radio],
body section.clearfix article.column .showme label input[type=radio],
body section.content article.step .showme label input[type=radio],
body section.clearfix article.step .showme label input[type=radio],
body section.content article.onlysearch .showme label input[type=radio],
body section.clearfix article.onlysearch .showme label input[type=radio] {
  position: relative;
  top: 0.3rem;
}
body section.content article.column .showme label input[type=radio]:focus,
body section.clearfix article.column .showme label input[type=radio]:focus,
body section.content article.step .showme label input[type=radio]:focus,
body section.clearfix article.step .showme label input[type=radio]:focus,
body section.content article.onlysearch .showme label input[type=radio]:focus,
body section.clearfix article.onlysearch .showme label input[type=radio]:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body section.content article.column .showme .first,
body section.clearfix article.column .showme .first,
body section.content article.step .showme .first,
body section.clearfix article.step .showme .first,
body section.content article.onlysearch .showme .first,
body section.clearfix article.onlysearch .showme .first {
  margin-right: 0;
  min-width: 15rem;
  padding: 0;
  padding-right: 0.5rem;
}
[dir="rtl"] body section.content article.column .showme .first,
[dir="rtl"] body section.clearfix article.column .showme .first,
[dir="rtl"] body section.content article.step .showme .first,
[dir="rtl"] body section.clearfix article.step .showme .first,
[dir="rtl"] body section.content article.onlysearch .showme .first,
[dir="rtl"] body section.clearfix article.onlysearch .showme .first {
  margin-right: 0;
  margin-left: 0;
}
[dir="rtl"] body section.content article.column .showme .first,
[dir="rtl"] body section.clearfix article.column .showme .first,
[dir="rtl"] body section.content article.step .showme .first,
[dir="rtl"] body section.clearfix article.step .showme .first,
[dir="rtl"] body section.content article.onlysearch .showme .first,
[dir="rtl"] body section.clearfix article.onlysearch .showme .first {
  padding-right: 0;
  padding-left: 0.5rem;
}
body section.content article.column .showme .first label,
body section.clearfix article.column .showme .first label,
body section.content article.step .showme .first label,
body section.clearfix article.step .showme .first label,
body section.content article.onlysearch .showme .first label,
body section.clearfix article.onlysearch .showme .first label {
  padding-bottom: 0;
  padding-top: 0;
}
body section.content article.column .full,
body section.clearfix article.column .full,
body section.content article.step .full,
body section.clearfix article.step .full,
body section.content article.onlysearch .full,
body section.clearfix article.onlysearch .full {
  min-width: 25rem;
}
body section.content article.column .full input[type=text],
body section.clearfix article.column .full input[type=text],
body section.content article.step .full input[type=text],
body section.clearfix article.step .full input[type=text],
body section.content article.onlysearch .full input[type=text],
body section.clearfix article.onlysearch .full input[type=text] {
  min-width: 18rem;
}
body section.content article.onlysearch,
body section.clearfix article.onlysearch {
  max-width: 35rem;
  width: 35rem !important;
}
body section.content article #processDateSearch .ui-widget-content,
body section.clearfix article #processDateSearch .ui-widget-content,
body section.content article #taskDateSearch .ui-widget-content,
body section.clearfix article #taskDateSearch .ui-widget-content,
body section.content article #taskFinalParticipantSearch .ui-widget-content,
body section.clearfix article #taskFinalParticipantSearch .ui-widget-content,
body section.content article .search-column .ui-widget-content,
body section.clearfix article .search-column .ui-widget-content {
  border: none;
}
body section.content article #processDateSearch .ui-tabs-vertical,
body section.clearfix article #processDateSearch .ui-tabs-vertical,
body section.content article #taskDateSearch .ui-tabs-vertical,
body section.clearfix article #taskDateSearch .ui-tabs-vertical,
body section.content article #taskFinalParticipantSearch .ui-tabs-vertical,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical,
body section.content article .search-column .ui-tabs-vertical,
body section.clearfix article .search-column .ui-tabs-vertical {
  background: transparent;
}
body section.content article #processDateSearch .ui-tabs-vertical ul,
body section.clearfix article #processDateSearch .ui-tabs-vertical ul,
body section.content article #taskDateSearch .ui-tabs-vertical ul,
body section.clearfix article #taskDateSearch .ui-tabs-vertical ul,
body section.content article #taskFinalParticipantSearch .ui-tabs-vertical ul,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical ul,
body section.content article .search-column .ui-tabs-vertical ul,
body section.clearfix article .search-column .ui-tabs-vertical ul {
  border: 0.1rem solid #DDD;
}
[dir="rtl"] body section.content article #processDateSearch .ui-tabs-vertical ul,
[dir="rtl"] body section.clearfix article #processDateSearch .ui-tabs-vertical ul,
[dir="rtl"] body section.content article #taskDateSearch .ui-tabs-vertical ul,
[dir="rtl"] body section.clearfix article #taskDateSearch .ui-tabs-vertical ul,
[dir="rtl"] body section.content article #taskFinalParticipantSearch .ui-tabs-vertical ul,
[dir="rtl"] body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical ul,
[dir="rtl"] body section.content article .search-column .ui-tabs-vertical ul,
[dir="rtl"] body section.clearfix article .search-column .ui-tabs-vertical ul {
  border-left: 0.1rem solid #fff;
}
body section.content article #processDateSearch .ui-tabs-vertical .tabPanel,
body section.clearfix article #processDateSearch .ui-tabs-vertical .tabPanel,
body section.content article #taskDateSearch .ui-tabs-vertical .tabPanel,
body section.clearfix article #taskDateSearch .ui-tabs-vertical .tabPanel,
body section.content article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel,
body section.content article .search-column .ui-tabs-vertical .tabPanel,
body section.clearfix article .search-column .ui-tabs-vertical .tabPanel {
  min-height: 14rem;
  padding: 0.5rem 1rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
[dir="rtl"] body section.content article #processDateSearch .ui-tabs-vertical .tabPanel,
[dir="rtl"] body section.clearfix article #processDateSearch .ui-tabs-vertical .tabPanel,
[dir="rtl"] body section.content article #taskDateSearch .ui-tabs-vertical .tabPanel,
[dir="rtl"] body section.clearfix article #taskDateSearch .ui-tabs-vertical .tabPanel,
[dir="rtl"] body section.content article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel,
[dir="rtl"] body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel,
[dir="rtl"] body section.content article .search-column .ui-tabs-vertical .tabPanel,
[dir="rtl"] body section.clearfix article .search-column .ui-tabs-vertical .tabPanel {
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body section.content article #processDateSearch .ui-tabs-vertical .tabPanel label,
body section.clearfix article #processDateSearch .ui-tabs-vertical .tabPanel label,
body section.content article #taskDateSearch .ui-tabs-vertical .tabPanel label,
body section.clearfix article #taskDateSearch .ui-tabs-vertical .tabPanel label,
body section.content article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel label,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel label,
body section.content article .search-column .ui-tabs-vertical .tabPanel label,
body section.clearfix article .search-column .ui-tabs-vertical .tabPanel label {
  display: block;
  text-align: left;
  font-size: 11px;
  padding-top: 0.3rem;
  margin-bottom: 0;
}
[dir="rtl"] body section.content article #processDateSearch .ui-tabs-vertical .tabPanel label,
[dir="rtl"] body section.clearfix article #processDateSearch .ui-tabs-vertical .tabPanel label,
[dir="rtl"] body section.content article #taskDateSearch .ui-tabs-vertical .tabPanel label,
[dir="rtl"] body section.clearfix article #taskDateSearch .ui-tabs-vertical .tabPanel label,
[dir="rtl"] body section.content article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel label,
[dir="rtl"] body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel label,
[dir="rtl"] body section.content article .search-column .ui-tabs-vertical .tabPanel label,
[dir="rtl"] body section.clearfix article .search-column .ui-tabs-vertical .tabPanel label {
  text-align: right;
}
body section.content article #processDateSearch .ui-tabs-vertical .tabPanel input[type=text],
body section.clearfix article #processDateSearch .ui-tabs-vertical .tabPanel input[type=text],
body section.content article #taskDateSearch .ui-tabs-vertical .tabPanel input[type=text],
body section.clearfix article #taskDateSearch .ui-tabs-vertical .tabPanel input[type=text],
body section.content article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel input[type=text],
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel input[type=text],
body section.content article .search-column .ui-tabs-vertical .tabPanel input[type=text],
body section.clearfix article .search-column .ui-tabs-vertical .tabPanel input[type=text] {
  min-width: 8rem;
  width: 99%;
}
body section.content article #processDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
body section.clearfix article #processDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
body section.content article #taskDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
body section.clearfix article #taskDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
body section.content article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
body section.content article .search-column .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
body section.clearfix article .search-column .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker {
  min-width: 8rem;
  width: 75%;
  margin-right: 0.3rem;
}
[dir="rtl"] body section.content article #processDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
[dir="rtl"] body section.clearfix article #processDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
[dir="rtl"] body section.content article #taskDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
[dir="rtl"] body section.clearfix article #taskDateSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
[dir="rtl"] body section.content article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
[dir="rtl"] body section.clearfix article #taskFinalParticipantSearch .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
[dir="rtl"] body section.content article .search-column .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker,
[dir="rtl"] body section.clearfix article .search-column .ui-tabs-vertical .tabPanel input[type=text].hasDatepicker {
  margin-right: 0;
  margin-left: 0.3rem;
}
body section.content article #processDateSearch .ui-tabs-panel,
body section.clearfix article #processDateSearch .ui-tabs-panel,
body section.content article #taskDateSearch .ui-tabs-panel,
body section.clearfix article #taskDateSearch .ui-tabs-panel,
body section.content article #taskFinalParticipantSearch .ui-tabs-panel,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-panel,
body section.content article .search-column .ui-tabs-panel,
body section.clearfix article .search-column .ui-tabs-panel {
  background: #fff;
  border: 0.1rem solid #DDD;
  border-left: none;
  min-height: 9.5rem;
}
[dir="rtl"] body section.content article #processDateSearch .ui-tabs-panel,
[dir="rtl"] body section.clearfix article #processDateSearch .ui-tabs-panel,
[dir="rtl"] body section.content article #taskDateSearch .ui-tabs-panel,
[dir="rtl"] body section.clearfix article #taskDateSearch .ui-tabs-panel,
[dir="rtl"] body section.content article #taskFinalParticipantSearch .ui-tabs-panel,
[dir="rtl"] body section.clearfix article #taskFinalParticipantSearch .ui-tabs-panel,
[dir="rtl"] body section.content article .search-column .ui-tabs-panel,
[dir="rtl"] body section.clearfix article .search-column .ui-tabs-panel {
  border-left: 0.1rem solid #DDD;
  border-right: none;
}
body section.content article #processDateSearch .ui-tabs-panel input[type=text],
body section.clearfix article #processDateSearch .ui-tabs-panel input[type=text],
body section.content article #taskDateSearch .ui-tabs-panel input[type=text],
body section.clearfix article #taskDateSearch .ui-tabs-panel input[type=text],
body section.content article #taskFinalParticipantSearch .ui-tabs-panel input[type=text],
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-panel input[type=text],
body section.content article .search-column .ui-tabs-panel input[type=text],
body section.clearfix article .search-column .ui-tabs-panel input[type=text] {
  position: relative;
  margin-bottom: 0;
  width: 13rem;
  padding-right: 0;
}
[dir="rtl"] body section.content article #processDateSearch .ui-tabs-panel input[type=text],
[dir="rtl"] body section.clearfix article #processDateSearch .ui-tabs-panel input[type=text],
[dir="rtl"] body section.content article #taskDateSearch .ui-tabs-panel input[type=text],
[dir="rtl"] body section.clearfix article #taskDateSearch .ui-tabs-panel input[type=text],
[dir="rtl"] body section.content article #taskFinalParticipantSearch .ui-tabs-panel input[type=text],
[dir="rtl"] body section.clearfix article #taskFinalParticipantSearch .ui-tabs-panel input[type=text],
[dir="rtl"] body section.content article .search-column .ui-tabs-panel input[type=text],
[dir="rtl"] body section.clearfix article .search-column .ui-tabs-panel input[type=text] {
  padding-right: 0;
  padding-left: 0;
}
body section.content article #processDateSearch .ui-tabs-panel div label,
body section.clearfix article #processDateSearch .ui-tabs-panel div label,
body section.content article #taskDateSearch .ui-tabs-panel div label,
body section.clearfix article #taskDateSearch .ui-tabs-panel div label,
body section.content article #taskFinalParticipantSearch .ui-tabs-panel div label,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-panel div label,
body section.content article .search-column .ui-tabs-panel div label,
body section.clearfix article .search-column .ui-tabs-panel div label {
  position: relative;
}
body section.content article #processDateSearch .ui-tabs-panel div button.ui-datepicker-trigger,
body section.clearfix article #processDateSearch .ui-tabs-panel div button.ui-datepicker-trigger,
body section.content article #taskDateSearch .ui-tabs-panel div button.ui-datepicker-trigger,
body section.clearfix article #taskDateSearch .ui-tabs-panel div button.ui-datepicker-trigger,
body section.content article #taskFinalParticipantSearch .ui-tabs-panel div button.ui-datepicker-trigger,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-panel div button.ui-datepicker-trigger,
body section.content article .search-column .ui-tabs-panel div button.ui-datepicker-trigger,
body section.clearfix article .search-column .ui-tabs-panel div button.ui-datepicker-trigger {
  position: relative;
}
body section.content article #processDateSearch .ui-tabs-panel input[type=text]:focus,
body section.clearfix article #processDateSearch .ui-tabs-panel input[type=text]:focus,
body section.content article #taskDateSearch .ui-tabs-panel input[type=text]:focus,
body section.clearfix article #taskDateSearch .ui-tabs-panel input[type=text]:focus,
body section.content article #taskFinalParticipantSearch .ui-tabs-panel input[type=text]:focus,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-panel input[type=text]:focus,
body section.content article .search-column .ui-tabs-panel input[type=text]:focus,
body section.clearfix article .search-column .ui-tabs-panel input[type=text]:focus {
  -moz-box-shadow: 0 0 5 #008045;
  -webkit-box-shadow: 0 0 5 #008045;
  box-shadow: 0 0 5 #008045;
}
body section.content article #processDateSearch .smallForm,
body section.clearfix article #processDateSearch .smallForm,
body section.content article #taskDateSearch .smallForm,
body section.clearfix article #taskDateSearch .smallForm,
body section.content article #taskFinalParticipantSearch .smallForm,
body section.clearfix article #taskFinalParticipantSearch .smallForm,
body section.content article .search-column .smallForm,
body section.clearfix article .search-column .smallForm {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(10rem, auto);
}
body section.content article #processDateSearch .smallForm .field,
body section.clearfix article #processDateSearch .smallForm .field,
body section.content article #taskDateSearch .smallForm .field,
body section.clearfix article #taskDateSearch .smallForm .field,
body section.content article #taskFinalParticipantSearch .smallForm .field,
body section.clearfix article #taskFinalParticipantSearch .smallForm .field,
body section.content article .search-column .smallForm .field,
body section.clearfix article .search-column .smallForm .field {
  display: flex;
  flex-direction: column;
}
body section.content article #processDateSearch .no-bottom,
body section.clearfix article #processDateSearch .no-bottom,
body section.content article #taskDateSearch .no-bottom,
body section.clearfix article #taskDateSearch .no-bottom,
body section.content article #taskFinalParticipantSearch .no-bottom,
body section.clearfix article #taskFinalParticipantSearch .no-bottom,
body section.content article .search-column .no-bottom,
body section.clearfix article .search-column .no-bottom {
  margin-bottom: 0;
}
body section.content article #processDateSearch #specificDateFilterTab input[type=text],
body section.clearfix article #processDateSearch #specificDateFilterTab input[type=text],
body section.content article #taskDateSearch #specificDateFilterTab input[type=text],
body section.clearfix article #taskDateSearch #specificDateFilterTab input[type=text],
body section.content article #taskFinalParticipantSearch #specificDateFilterTab input[type=text],
body section.clearfix article #taskFinalParticipantSearch #specificDateFilterTab input[type=text],
body section.content article .search-column #specificDateFilterTab input[type=text],
body section.clearfix article .search-column #specificDateFilterTab input[type=text] {
  top: 0;
}
body section.content article #processDateSearch .ui-widget-header,
body section.clearfix article #processDateSearch .ui-widget-header,
body section.content article #taskDateSearch .ui-widget-header,
body section.clearfix article #taskDateSearch .ui-widget-header,
body section.content article #taskFinalParticipantSearch .ui-widget-header,
body section.clearfix article #taskFinalParticipantSearch .ui-widget-header,
body section.content article .search-column .ui-widget-header,
body section.clearfix article .search-column .ui-widget-header {
  border: none;
}
body section.content article #processDateSearch .ui-tabs-nav li,
body section.clearfix article #processDateSearch .ui-tabs-nav li,
body section.content article #taskDateSearch .ui-tabs-nav li,
body section.clearfix article #taskDateSearch .ui-tabs-nav li,
body section.content article #taskFinalParticipantSearch .ui-tabs-nav li,
body section.clearfix article #taskFinalParticipantSearch .ui-tabs-nav li,
body section.content article .search-column .ui-tabs-nav li,
body section.clearfix article .search-column .ui-tabs-nav li {
  font-size: 11px;
  border: none;
  background-color: transparent !important;
  max-width: 7.5rem !important;
}
body section.content article #processDateSearch .ui-buttonset .ui-button,
body section.clearfix article #processDateSearch .ui-buttonset .ui-button,
body section.content article #taskDateSearch .ui-buttonset .ui-button,
body section.clearfix article #taskDateSearch .ui-buttonset .ui-button,
body section.content article #taskFinalParticipantSearch .ui-buttonset .ui-button,
body section.clearfix article #taskFinalParticipantSearch .ui-buttonset .ui-button,
body section.content article .search-column .ui-buttonset .ui-button,
body section.clearfix article .search-column .ui-buttonset .ui-button {
  display: inline-block !important;
}
body section.content article #processDateSearch .ui-buttonset .ui-state-default,
body section.clearfix article #processDateSearch .ui-buttonset .ui-state-default,
body section.content article #taskDateSearch .ui-buttonset .ui-state-default,
body section.clearfix article #taskDateSearch .ui-buttonset .ui-state-default,
body section.content article #taskFinalParticipantSearch .ui-buttonset .ui-state-default,
body section.clearfix article #taskFinalParticipantSearch .ui-buttonset .ui-state-default,
body section.content article .search-column .ui-buttonset .ui-state-default,
body section.clearfix article .search-column .ui-buttonset .ui-state-default {
  background-color: transparent !important;
  border: none !important;
}
body section.content article #processDateSearch .ui-buttonset .ui-state-active,
body section.clearfix article #processDateSearch .ui-buttonset .ui-state-active,
body section.content article #taskDateSearch .ui-buttonset .ui-state-active,
body section.clearfix article #taskDateSearch .ui-buttonset .ui-state-active,
body section.content article #taskFinalParticipantSearch .ui-buttonset .ui-state-active,
body section.clearfix article #taskFinalParticipantSearch .ui-buttonset .ui-state-active,
body section.content article .search-column .ui-buttonset .ui-state-active,
body section.clearfix article .search-column .ui-buttonset .ui-state-active {
  -moz-box-shadow: 0 0 0.3rem #666;
  -webkit-box-shadow: 0 0 0.3rem #666;
  box-shadow: 0 0 0.3rem #666;
  z-index: 99;
}
body section.content article #processDateSearch .ui-buttonset .ui-state-active .ui-button-text,
body section.clearfix article #processDateSearch .ui-buttonset .ui-state-active .ui-button-text,
body section.content article #taskDateSearch .ui-buttonset .ui-state-active .ui-button-text,
body section.clearfix article #taskDateSearch .ui-buttonset .ui-state-active .ui-button-text,
body section.content article #taskFinalParticipantSearch .ui-buttonset .ui-state-active .ui-button-text,
body section.clearfix article #taskFinalParticipantSearch .ui-buttonset .ui-state-active .ui-button-text,
body section.content article .search-column .ui-buttonset .ui-state-active .ui-button-text,
body section.clearfix article .search-column .ui-buttonset .ui-state-active .ui-button-text {
  font-weight: 500;
}
body section.content article #taskDateSearch input[type=text],
body section.clearfix article #taskDateSearch input[type=text] {
  max-width: 14.5rem !important;
}
body section.content article.spaced,
body section.clearfix article.spaced {
  margin-bottom: 1.5rem;
}
body section.content article.full,
body section.clearfix article.full {
  min-width: 45rem;
  max-width: 76rem;
}
body section.content article input#pIDField,
body section.clearfix article input#pIDField {
  width: 18rem;
  margin-right: 0.5rem;
}
[dir="rtl"] body section.content article input#pIDField,
[dir="rtl"] body section.clearfix article input#pIDField {
  margin-right: 0;
  margin-left: 0.5rem;
}
body section.content article.first,
body section.clearfix article.first {
  margin-right: 2rem;
  max-width: 20rem;
  min-width: 20rem;
}
[dir="rtl"] body section.content article.first,
[dir="rtl"] body section.clearfix article.first {
  margin-right: 0;
  margin-left: 2rem;
}
body section.content article.step,
body section.clearfix article.step {
  padding: 0 0 1.5rem 0;
  margin-top: 0;
  /* Don't change this as it will affect RTL */
  /* Don't change this as it will affect RTL */
}
[dir="rtl"] body section.content article.step,
[dir="rtl"] body section.clearfix article.step {
  padding: 0 0 1.5rem 0;
}
body section.content article.step header,
body section.clearfix article.step header {
  padding: 0 2rem;
}
body section.content article.step div a,
body section.clearfix article.step div a {
  /*display: inline-block;
							font-size: @regular - 1;
							white-space: nowrap;
							max-width: 20rem;
							overflow: hidden;
							-ms-text-overflow: ellipsis;
							-o-text-overflow: ellipsis;
							text-overflow: ellipsis;*/
}
body section.content article.step div.subheader,
body section.clearfix article.step div.subheader {
  color: #000000;
  font-weight: 500;
  max-width: 75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0.5rem;
}
[dir="rtl"] body section.content article.step div.subheader,
[dir="rtl"] body section.clearfix article.step div.subheader {
  padding-right: 0;
  padding-left: 0.5rem;
}
body section.content article.step div.filter,
body section.clearfix article.step div.filter {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
body section.content article.step div.filter span,
body section.clearfix article.step div.filter span {
  padding-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: 300;
}
[dir="rtl"] body section.content article.step div.filter span,
[dir="rtl"] body section.clearfix article.step div.filter span {
  padding-right: 0;
  padding-left: 1rem;
}
body section.content article.step div.filter input,
body section.clearfix article.step div.filter input {
  margin-right: 0.3rem;
}
[dir="rtl"] body section.content article.step div.filter input,
[dir="rtl"] body section.clearfix article.step div.filter input {
  margin-right: 0;
  margin-left: 0.3rem;
}
body section.content article.step .fcBoxSlider,
body section.clearfix article.step .fcBoxSlider {
  margin-top: 1rem;
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
}
body section.content article.step .fcBoxSliderListWrap,
body section.clearfix article.step .fcBoxSliderListWrap {
  overflow: hidden;
  position: relative;
  height: 9rem;
  width: 100%;
  background-color: #ffffff;
  -moz-box-shadow: inset 0 0 0.2rem #999;
  -webkit-box-shadow: inset 0 0 0.2rem #999;
  box-shadow: inset 0 0 0.2rem #999;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
body section.content article.step .fcBoxSliderListWrap ul.fcBoxSliderList,
body section.clearfix article.step .fcBoxSliderListWrap ul.fcBoxSliderList {
  list-style: none;
  padding: 0.5rem;
  margin: 0;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  height: 100%;
  width: 100%;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
body section.content article.step .fcBoxSliderListWrap ul.fcBoxSliderList li,
body section.clearfix article.step .fcBoxSliderListWrap ul.fcBoxSliderList li {
  padding: 0.5rem 0.5rem;
  height: 100%;
  margin: 0;
  position: relative;
  top: 0;
}
body section.content article.step .fcBoxSliderListWrap ul.fcBoxSliderList li a,
body section.clearfix article.step .fcBoxSliderListWrap ul.fcBoxSliderList li a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  line-height: 2rem;
  vertical-align: middle;
  border-radius: 0.3rem;
  background: #001a0e;
  color: #fafafa;
  padding: 1rem 1rem;
  text-align: center;
  height: 7rem;
  max-height: 7rem;
  min-height: 7rem;
  width: 14rem;
  max-width: 14rem;
  font-weight: 400;
  font-size: 13px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
body section.content article.step .fcBoxSliderListWrap ul.fcBoxSliderList li a:hover,
body section.clearfix article.step .fcBoxSliderListWrap ul.fcBoxSliderList li a:hover {
  background: #008045;
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
}
body section.content article.step .fcBoxSliderPrev,
body section.clearfix article.step .fcBoxSliderPrev,
body section.content article.step .fcBoxSliderNext,
body section.clearfix article.step .fcBoxSliderNext {
  top: 0%;
  padding: 3rem 1rem;
  color: #333;
  font-weight: 500;
  margin: 0.5rem 0;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
body section.content article.step .fcBoxSliderPrev:before,
body section.clearfix article.step .fcBoxSliderPrev:before,
body section.content article.step .fcBoxSliderNext:before,
body section.clearfix article.step .fcBoxSliderNext:before {
  color: #006080;
  font-size: 15px;
}
body section.content article.step .fcBoxSliderPrev:hover,
body section.clearfix article.step .fcBoxSliderPrev:hover,
body section.content article.step .fcBoxSliderNext:hover,
body section.clearfix article.step .fcBoxSliderNext:hover {
  background-color: #f6f6f6;
  border-radius: 0.3rem;
}
body section.content article.step .fcBoxSliderPrev,
body section.clearfix article.step .fcBoxSliderPrev {
  margin-right: 0.5rem;
}
[dir="rtl"] body section.content article.step .fcBoxSliderPrev,
[dir="rtl"] body section.clearfix article.step .fcBoxSliderPrev {
  margin-right: 0;
  margin-left: 0.5rem;
}
body section.content article.step .fcBoxSliderPrev:before,
body section.clearfix article.step .fcBoxSliderPrev:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f053";
  font-weight: 700;
}
[dir="rtl"] body section.content article.step .fcBoxSliderPrev:before,
[dir="rtl"] body section.clearfix article.step .fcBoxSliderPrev:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f054";
  font-weight: 700;
}
body section.content article.step .fcBoxSliderNext,
body section.clearfix article.step .fcBoxSliderNext {
  margin-left: 0.5rem;
}
[dir="rtl"] body section.content article.step .fcBoxSliderNext,
[dir="rtl"] body section.clearfix article.step .fcBoxSliderNext {
  margin-left: 0;
  margin-right: 0.5rem;
}
body section.content article.step .fcBoxSliderNext:before,
body section.clearfix article.step .fcBoxSliderNext:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f054";
  font-weight: 700;
}
[dir="rtl"] body section.content article.step .fcBoxSliderNext:before,
[dir="rtl"] body section.clearfix article.step .fcBoxSliderNext:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f053";
  font-weight: 700;
}
body section.content article.step .fcBoxSliderNext,
body section.clearfix article.step .fcBoxSliderNext {
  right: 0;
}
body section.content article.step .fcBoxSliderPrev,
body section.clearfix article.step .fcBoxSliderPrev {
  left: 0;
}
body section.content article.step div.completed,
body section.clearfix article.step div.completed {
  font-size: 11px;
  margin-bottom: 1rem;
}
body section.content article.step div.completed div.subheader,
body section.clearfix article.step div.completed div.subheader {
  font-weight: 400;
  font-size: 11px;
  float: left;
}
[dir="rtl"] body section.content article.step div.completed div.subheader,
[dir="rtl"] body section.clearfix article.step div.completed div.subheader {
  float: right;
}
body section.content article.step div.completed div.subheader i,
body section.clearfix article.step div.completed div.subheader i {
  color: #51a351;
}
body section.content article.step div.completed div.subheader a.change,
body section.clearfix article.step div.completed div.subheader a.change {
  float: right !important;
  text-transform: none;
}
[dir="rtl"] body section.content article.step div.completed div.subheader a.change,
[dir="rtl"] body section.clearfix article.step div.completed div.subheader a.change {
  float: left !important;
}
body section.content article.step div.completed span,
body section.clearfix article.step div.completed span {
  font-weight: 500;
}
body section.content article.step input,
body section.clearfix article.step input {
  margin-top: 0;
}
body section.content article.step > div,
body section.clearfix article.step > div {
  padding: 0 2rem;
}
body section.content article#pendingTaskSelectors,
body section.clearfix article#pendingTaskSelectors {
  background-color: transparent;
}
body section.content article.gauges-wrapper,
body section.clearfix article.gauges-wrapper {
  border-radius: 0.3rem;
  background-color: #f6f6f6;
}
body section.content article.gauges-wrapper > header,
body section.clearfix article.gauges-wrapper > header {
  width: 100%;
}
body section.content article.gauges-wrapper > header h1,
body section.clearfix article.gauges-wrapper > header h1 {
  margin: 0;
  margin-bottom: 1rem;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 500;
}
body section.content article.gauges-wrapper > header h3,
body section.clearfix article.gauges-wrapper > header h3 {
  font-size: 12px;
  margin-top: 0;
  font-weight: 500;
  color: #000000;
  max-width: 76rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body section.content article.gauges-wrapper a,
body section.clearfix article.gauges-wrapper a {
  cursor: pointer;
  max-width: 100%;
  height: 100%;
  white-space: nowrap;
}
body section.content article.gauges-wrapper a:last-of-type div,
body section.clearfix article.gauges-wrapper a:last-of-type div {
  margin-right: 0;
}
[dir="rtl"] body section.content article.gauges-wrapper a:last-of-type div,
[dir="rtl"] body section.clearfix article.gauges-wrapper a:last-of-type div {
  margin-right: 0;
  margin-left: 0;
}
body section.content article.gauges-wrapper a > div,
body section.clearfix article.gauges-wrapper a > div {
  height: 100%;
}
body section.content article.gauges-wrapper a > .gauge,
body section.clearfix article.gauges-wrapper a > .gauge {
  display: grid;
  grid-template-areas: "icon number number" "status status status" "link link link";
  grid-template-columns: repeat(3, minmax(5rem, 1fr));
  grid-template-rows: auto min-content min-content;
  grid-auto-flow: column;
  grid-gap: 0.3rem;
  justify-items: flex-end;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body section.content article.gauges-wrapper a > .gauge i,
body section.clearfix article.gauges-wrapper a > .gauge i {
  grid-area: icon;
  opacity: 0.3;
  justify-self: flex-start;
  font-size: 5em;
}
body section.content article.gauges-wrapper a div,
body section.clearfix article.gauges-wrapper a div {
  padding: 1rem;
  background-color: #fff;
  color: #fff;
  border-radius: 0.3rem;
}
body section.content article.gauges-wrapper a div > .number,
body section.clearfix article.gauges-wrapper a div > .number {
  grid-area: number;
  grid-column: 1 / 4;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  max-width: 100%;
  line-height: 1;
}
body section.content article.gauges-wrapper a div div,
body section.clearfix article.gauges-wrapper a div div {
  padding: 0 0.1rem 0 0.1rem;
  font-size: 13px;
  font-weight: 400;
  background-color: transparent;
}
[dir="rtl"] body section.content article.gauges-wrapper a div div,
[dir="rtl"] body section.clearfix article.gauges-wrapper a div div {
  padding: 0 0.1rem 0 0.1rem;
}
body section.content article.gauges-wrapper a div div.link,
body section.clearfix article.gauges-wrapper a div div.link {
  text-transform: lowercase;
  font-size: 11px;
  font-weight: 700;
  grid-area: link;
  grid-column: 1 / 4;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 0.2rem;
}
body section.content article.gauges-wrapper a div div.status,
body section.clearfix article.gauges-wrapper a div div.status {
  grid-area: status;
  grid-column: 1 / 4;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 0.2rem;
}
body section.content article.gauges-wrapper a div div.filtered,
body section.clearfix article.gauges-wrapper a div div.filtered,
body section.content article.gauges-wrapper a div div.notFiltered,
body section.clearfix article.gauges-wrapper a div div.notFiltered {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0.3rem;
  justify-items: flex-end;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body section.content article.gauges-wrapper a div div.filtered,
body section.clearfix article.gauges-wrapper a div div.filtered {
  grid-template-areas: "icon number number" "totals totals totals";
  grid-template-columns: repeat(3, minmax(5rem, 1fr));
  grid-template-rows: auto min-content;
  height: 100%;
}
body section.content article.gauges-wrapper a div div.filtered div.totals,
body section.clearfix article.gauges-wrapper a div div.filtered div.totals {
  grid-area: totals;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
  font-size: 11px;
  padding-top: 0.4rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
}
body section.content article.gauges-wrapper a div div.filtered div.totals span,
body section.clearfix article.gauges-wrapper a div div.filtered div.totals span {
  font-size: 11px;
  padding-right: 0.5rem;
}
[dir="rtl"] body section.content article.gauges-wrapper a div div.filtered div.totals span,
[dir="rtl"] body section.clearfix article.gauges-wrapper a div div.filtered div.totals span {
  padding-right: 0;
  padding-left: 0.5rem;
}
body section.content article.gauges-wrapper a div div.notFiltered,
body section.clearfix article.gauges-wrapper a div div.notFiltered {
  display: grid;
  grid-template-areas: "icon number number" "status status status";
  grid-template-columns: repeat(3, minmax(5rem, 1fr));
  grid-template-rows: auto min-content;
  height: 100%;
}
body section.content article.gauges-wrapper a div div span,
body section.clearfix article.gauges-wrapper a div div span {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  white-space: pre-wrap;
}
body section.content article.gauges-wrapper a div span,
body section.clearfix article.gauges-wrapper a div span {
  font-size: 48px;
  font-weight: 300;
  display: inline-block;
}
body section.content article.gauges-wrapper a div i,
body section.clearfix article.gauges-wrapper a div i {
  font-size: 26px;
  opacity: 0.4;
  grid-area: icon;
  justify-self: flex-start;
}
body section.content article.gauges-wrapper a div.plainTile,
body section.clearfix article.gauges-wrapper a div.plainTile {
  background-color: #fafafa;
  color: inherit;
}
body section.content article.gauges-wrapper a div.plainTile div,
body section.clearfix article.gauges-wrapper a div.plainTile div,
body section.content article.gauges-wrapper a div.plainTile span,
body section.clearfix article.gauges-wrapper a div.plainTile span {
  background-color: inherit;
  color: inherit;
}
body section.content article.gauges-wrapper a div.plainTile div.link,
body section.clearfix article.gauges-wrapper a div.plainTile div.link {
  visibility: hidden;
}
body section.content article.gauges-wrapper a div.all,
body section.clearfix article.gauges-wrapper a div.all {
  background-color: #e2e2e2;
  color: #333;
}
body section.content article.gauges-wrapper a div.all div,
body section.clearfix article.gauges-wrapper a div.all div,
body section.content article.gauges-wrapper a div.all span,
body section.clearfix article.gauges-wrapper a div.all span {
  background-color: transparent;
  color: #333;
}
body section.content article.gauges-wrapper a div.all div.link,
body section.clearfix article.gauges-wrapper a div.all div.link {
  color: #aaaaaa;
  font-weight: 500;
}
body section.content article.gauges-wrapper a div.overdue,
body section.clearfix article.gauges-wrapper a div.overdue {
  background-color: #CC0000;
  color: #fff;
}
body section.content article.gauges-wrapper a div.overdue div,
body section.clearfix article.gauges-wrapper a div.overdue div,
body section.content article.gauges-wrapper a div.overdue span,
body section.clearfix article.gauges-wrapper a div.overdue span {
  background-color: transparent;
  color: #fff;
}
body section.content article.gauges-wrapper a div.overdue div.link,
body section.clearfix article.gauges-wrapper a div.overdue div.link {
  color: #ff9999;
  font-weight: 500;
}
body section.content article.gauges-wrapper a div.today,
body section.clearfix article.gauges-wrapper a div.today {
  background-color: #5d5d5d;
  color: #fff;
}
body section.content article.gauges-wrapper a div.today div,
body section.clearfix article.gauges-wrapper a div.today div,
body section.content article.gauges-wrapper a div.today span,
body section.clearfix article.gauges-wrapper a div.today span {
  background-color: transparent;
  color: #fff;
}
body section.content article.gauges-wrapper a div.today div.link,
body section.clearfix article.gauges-wrapper a div.today div.link {
  background-color: inherit;
  color: #c3c3c3;
  font-weight: 500;
}
body section.content article.gauges-wrapper a div.other,
body section.clearfix article.gauges-wrapper a div.other {
  background-color: #aaaaaa;
  color: #4d4d4d;
}
body section.content article.gauges-wrapper a div.other div,
body section.clearfix article.gauges-wrapper a div.other div,
body section.content article.gauges-wrapper a div.other span,
body section.clearfix article.gauges-wrapper a div.other span {
  background-color: transparent;
  color: #ffffff;
}
body section.content article.gauges-wrapper a div.other div.link,
body section.clearfix article.gauges-wrapper a div.other div.link {
  color: #e9e9e9;
  font-weight: 500;
  background-color: transparent;
}
body section.content article.gauges-wrapper a:hover > div,
body section.clearfix article.gauges-wrapper a:hover > div {
  -moz-box-shadow: 0 0 0.5rem #333;
  -webkit-box-shadow: 0 0 0.5rem #333;
  box-shadow: 0 0 0.5rem #333;
  border-radius: 0.3rem;
}
body section.content article.gauges-wrapper a:disabled,
body section.clearfix article.gauges-wrapper a:disabled,
body section.content article.gauges-wrapper a[disabled],
body section.clearfix article.gauges-wrapper a[disabled],
body section.content article.gauges-wrapper a.selected,
body section.clearfix article.gauges-wrapper a.selected {
  cursor: default;
  pointer-events: none;
  border-radius: 0.3rem;
}
body section.content article.gauges-wrapper a:disabled > div,
body section.clearfix article.gauges-wrapper a:disabled > div,
body section.content article.gauges-wrapper a[disabled] > div,
body section.clearfix article.gauges-wrapper a[disabled] > div {
  -moz-box-shadow: 0 0 0 #333 !important;
  -webkit-box-shadow: 0 0 0 #333 !important;
  box-shadow: 0 0 0 #333 !important;
  border-radius: 0.3rem;
}
body section.content article.gauges-wrapper a.selected > div,
body section.clearfix article.gauges-wrapper a.selected > div {
  -moz-box-shadow: 0 0 0.5rem #333 !important;
  -webkit-box-shadow: 0 0 0.5rem #333 !important;
  box-shadow: 0 0 0.5rem #333 !important;
  border-radius: 0.3rem;
}
body section.content article.gauges-wrapper a:hover > div.overdue .link,
body section.clearfix article.gauges-wrapper a:hover > div.overdue .link {
  color: #fff;
  font-weight: 700;
}
body section.content article.gauges-wrapper a:hover > div.today .link,
body section.clearfix article.gauges-wrapper a:hover > div.today .link,
body section.content article.gauges-wrapper a:hover > div.other .link,
body section.clearfix article.gauges-wrapper a:hover > div.other .link {
  color: #fff;
  font-weight: 700;
}
body section.content article.gauges-wrapper a:hover > div.all .link,
body section.clearfix article.gauges-wrapper a:hover > div.all .link {
  color: #008045;
  font-weight: 700;
}
body section.content article.taskHistory,
body section.clearfix article.taskHistory {
  padding: 0.5rem 1.5rem;
  background-color: #f6f6f6;
  margin-left: -1.5rem;
  margin-bottom: 1rem;
}
[dir="rtl"] body section.content article.taskHistory,
[dir="rtl"] body section.clearfix article.taskHistory {
  margin-left: 0;
  margin-right: -1.5rem;
}
body section.content .details-wrapper,
body section.clearfix .details-wrapper {
  padding: 1.5rem;
  background-color: #f6f6f6;
  border-radius: 0.3rem;
  -moz-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  margin-top: 1.5rem;
  overflow: hidden;
}
body section.content .details-wrapper .accountDetailsActions,
body section.clearfix .details-wrapper .accountDetailsActions {
  grid-area: accountActions;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 0 0 auto;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-end;
  align-self: flex-start;
}
body section.content .details-wrapper .accountProfile,
body section.clearfix .details-wrapper .accountProfile {
  grid-area: accountProfileImage;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: center;
  align-self: flex-start;
}
body section.content .details-wrapper .accountProfile:before,
body section.clearfix .details-wrapper .accountProfile:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  filter: opacity(60%);
  color: #000000;
  font-size: 7em;
  font-weight: 700;
}
body section.content .details-wrapper ol,
body section.clearfix .details-wrapper ol {
  list-style: none;
  position: relative;
  font-size: 14px;
  padding-left: 2rem;
}
[dir="rtl"] body section.content .details-wrapper ol,
[dir="rtl"] body section.clearfix .details-wrapper ol {
  padding-left: 0;
  padding-right: 2rem;
}
body section.content .details-wrapper ol i,
body section.clearfix .details-wrapper ol i {
  padding-right: 1rem;
}
[dir="rtl"] body section.content .details-wrapper ol i,
[dir="rtl"] body section.clearfix .details-wrapper ol i {
  padding-right: 0;
  padding-left: 1rem;
}
body section.content .details-wrapper div.newPasswordForm,
body section.clearfix .details-wrapper div.newPasswordForm {
  grid-area: newPasswordForm;
}
body section.content .details-wrapper div.newPasswordForm div.details,
body section.clearfix .details-wrapper div.newPasswordForm div.details,
body section.content .details-wrapper div.newPasswordForm div.password-rules,
body section.clearfix .details-wrapper div.newPasswordForm div.password-rules {
  width: 40%;
  display: block;
  vertical-align: top;
}
body section.content .details-wrapper div.password-rules,
body section.clearfix .details-wrapper div.password-rules {
  width: 85%;
  grid-area: passwordRules;
  align-self: flex-start;
}
body section.content .details-wrapper div.password-rules div.password-rules-box,
body section.clearfix .details-wrapper div.password-rules div.password-rules-box {
  display: flex;
  flex-direction: column;
  flex: 0 0 0;
  flex-wrap: nowrap;
  padding: 2rem;
  background-color: #fff;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
body section.content .details-wrapper div.details,
body section.clearfix .details-wrapper div.details {
  padding-bottom: 1rem;
  display: block;
}
body section.content .details-wrapper div.details div.editor,
body section.clearfix .details-wrapper div.details div.editor {
  display: block;
  margin-right: 1.5rem;
}
[dir="rtl"] body section.content .details-wrapper div.details div.editor,
[dir="rtl"] body section.clearfix .details-wrapper div.details div.editor {
  margin-right: 0;
  margin-left: 1.5rem;
}
body section.content .details-wrapper div.details h3,
body section.clearfix .details-wrapper div.details h3 {
  padding-bottom: 0.5rem;
  display: block;
  border-bottom: 0.1rem solid #e9e9e9;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
body section.content .details-wrapper div.details ul li,
body section.clearfix .details-wrapper div.details ul li {
  font-size: 14px;
  display: block;
  min-height: 3.7rem;
  max-width: 25rem;
  min-width: 25rem;
  padding-right: 1rem;
  text-align: left;
}
[dir="rtl"] body section.content .details-wrapper div.details ul li,
[dir="rtl"] body section.clearfix .details-wrapper div.details ul li {
  padding-right: 0;
  padding-left: 1rem;
}
[dir="rtl"] body section.content .details-wrapper div.details ul li,
[dir="rtl"] body section.clearfix .details-wrapper div.details ul li {
  text-align: right;
}
body section.content .details-wrapper div.details ul li label,
body section.clearfix .details-wrapper div.details ul li label {
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
[dir="rtl"] body section.content .details-wrapper div.details ul li label,
[dir="rtl"] body section.clearfix .details-wrapper div.details ul li label {
  text-align: right;
}
body section.content .details-wrapper div.details ul#status li,
body section.clearfix .details-wrapper div.details ul#status li {
  min-width: 10rem;
  max-width: 100%;
}
body section.content .details-wrapper div.details input[type=text],
body section.clearfix .details-wrapper div.details input[type=text],
body section.content .details-wrapper div.details input[type=password],
body section.clearfix .details-wrapper div.details input[type=password] {
  min-width: 22rem;
}
body section.content .details-wrapper div.changePasswordActions,
body section.clearfix .details-wrapper div.changePasswordActions {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: center;
}
body section.content .details-wrapper div.changePasswordActions input,
body section.clearfix .details-wrapper div.changePasswordActions input {
  margin-right: 0.5rem;
}
body section.content .details-wrapper div.form-field,
body section.clearfix .details-wrapper div.form-field {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
body section.content .details-wrapper div.form-field input,
body section.clearfix .details-wrapper div.form-field input,
body section.content .details-wrapper div.form-field a,
body section.clearfix .details-wrapper div.form-field a {
  min-width: 15rem;
  width: 15rem;
  max-width: 15rem;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  text-overflow: ellipsis;
}
body section.content .details-wrapper a#updateAccountInformation,
body section.clearfix .details-wrapper a#updateAccountInformation,
body section.content .details-wrapper a#changePassword,
body section.clearfix .details-wrapper a#changePassword,
body section.content .details-wrapper a#cancel,
body section.clearfix .details-wrapper a#cancel,
body section.content .details-wrapper input#updateAccountInformation,
body section.clearfix .details-wrapper input#updateAccountInformation {
  display: block;
  font-weight: 500;
  margin-right: 1.5rem;
  color: #fff;
  background-color: #001a0e;
  padding: 1rem;
  font-size: 12px;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  text-align: center;
}
[dir="rtl"] body section.content .details-wrapper a#updateAccountInformation,
[dir="rtl"] body section.clearfix .details-wrapper a#updateAccountInformation,
[dir="rtl"] body section.content .details-wrapper a#changePassword,
[dir="rtl"] body section.clearfix .details-wrapper a#changePassword,
[dir="rtl"] body section.content .details-wrapper a#cancel,
[dir="rtl"] body section.clearfix .details-wrapper a#cancel,
[dir="rtl"] body section.content .details-wrapper input#updateAccountInformation,
[dir="rtl"] body section.clearfix .details-wrapper input#updateAccountInformation {
  margin-right: 0;
  margin-left: 1.5rem;
}
body section.content .details-wrapper a#updateAccountInformation:hover,
body section.clearfix .details-wrapper a#updateAccountInformation:hover,
body section.content .details-wrapper a#changePassword:hover,
body section.clearfix .details-wrapper a#changePassword:hover,
body section.content .details-wrapper a#cancel:hover,
body section.clearfix .details-wrapper a#cancel:hover,
body section.content .details-wrapper input#updateAccountInformation:hover,
body section.clearfix .details-wrapper input#updateAccountInformation:hover {
  background-color: #008045;
  color: #fff;
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
}
body section.content label,
body section.clearfix label,
body section.content .field-label,
body section.clearfix .field-label {
  font-size: 11px;
  font-weight: 500;
}
body section.content .field-label,
body section.clearfix .field-label {
  color: #000000;
}
body section.content label,
body section.clearfix label {
  /*color: @darker-text-colour; //todo - white variable???*/
}
body section.content #grid_container #grid_groupbyarea,
body section.clearfix #grid_container #grid_groupbyarea {
  font-size: 11px;
}
body section.content #grid_container thead tr th,
body section.clearfix #grid_container thead tr th {
  border: none;
  font-size: 11px;
  font-weight: 700 !important;
  background-color: #DDD;
  color: #000000;
}
body section.content #grid_container thead tr th a,
body section.clearfix #grid_container thead tr th a {
  color: inherit;
  font-weight: 700 !important;
}
body section.content #grid_container thead tr th a span,
body section.clearfix #grid_container thead tr th a span {
  color: inherit;
  font-weight: 700 !important;
}
body section.content #grid_container thead tr .ui-iggrid-filtercell,
body section.clearfix #grid_container thead tr .ui-iggrid-filtercell {
  font-size: 13px;
}
body section.content #grid_container tbody tr td,
body section.clearfix #grid_container tbody tr td {
  font-size: 13px;
  border-bottom: 0.1rem solid #cfcfcf;
  vertical-align: bottom;
  padding: 0.5rem;
  padding-bottom: 1rem;
}
body section.content #pendingTaskRowTemplate tr td,
body section.clearfix #pendingTaskRowTemplate tr td {
  font-size: 11px;
}
body section .charts-wrapper * {
  font-style: normal;
}
body section .charts-wrapper .ui-corner-all {
  border: none;
}
body section .charts-wrapper .ui-corner-all .ui-chart-legend-item-text {
  font-size: 11px;
}
body section .charts-wrapper .chart {
  padding: 1rem 2rem 1rem 2rem;
  background-color: #f6f6f6;
}
body section .charts-wrapper .chart header h3 {
  font-size: 1.2rem;
  margin-top: 0;
  font-weight: 500;
  color: #000000;
  max-width: 76rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 99%;
  padding-bottom: 0.2rem;
}
body section .charts-wrapper .chart header h5 {
  max-width: 36rem;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body section .charts-wrapper .chart .container {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-areas: "chartContainer legendContainer";
  grid-template-columns: auto minmax(13rem, 1fr);
  grid-template-rows: auto;
  vertical-align: middle;
  align-items: center;
  justify-items: center;
}
body section .charts-wrapper .chart .container > :first-child {
  grid-area: chartContainer;
}
body section .charts-wrapper .chart .noData {
  color: #aaaaaa;
  font-size: 25px;
  font-weight: 300;
}
body section.trackingProcessResults,
body section.trackingTasksResults,
body section.archiveProcessResults,
body section.archiveTasksResults {
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-gap: 0.5em;
  grid-template-areas: "header header" "message message" "topPager topPager" "itemList itemList" "bottomPager bottomPager";
  grid-template-columns: auto auto;
  grid-template-rows: auto auto auto auto auto auto;
}
body section.trackingProcessResults header,
body section.trackingTasksResults header,
body section.archiveProcessResults header,
body section.archiveTasksResults header {
  grid-area: header;
}
body section.trackingProcessResults p,
body section.trackingTasksResults p,
body section.archiveProcessResults p,
body section.archiveTasksResults p {
  grid-area: message;
  font-weight: 300;
}
body section.trackingProcessResults .paging,
body section.trackingTasksResults .paging,
body section.archiveProcessResults .paging,
body section.archiveTasksResults .paging {
  grid-area: topPager;
}
body section.trackingProcessResults .bottom,
body section.trackingTasksResults .bottom,
body section.archiveProcessResults .bottom,
body section.archiveTasksResults .bottom {
  grid-area: bottomPager;
}
body section.instance-layout,
body section.process-result {
  padding-right: 1rem;
  display: grid;
  grid-gap: 1rem;
  width: 100%;
}
[dir="rtl"] body section.instance-layout,
[dir="rtl"] body section.process-result {
  padding-right: 0;
  padding-left: 1rem;
}
body section.instance-layout header h1,
body section.process-result header h1 {
  border-bottom: 0.1rem solid #f6f6f6;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  max-width: 100%;
  padding: 0 0.1rem 0 0.1rem;
}
[dir="rtl"] body section.instance-layout header h1,
[dir="rtl"] body section.process-result header h1 {
  padding: 0 0.1rem 0 0.1rem;
}
body section.forms-layout {
  display: grid;
  grid-gap: 1rem;
  min-width: 50rem;
  max-width: 136.6rem;
}
body section.forms-layout .taskId {
  display: inline-block;
  width: auto;
  top: auto;
  font-size: 14px;
  font-weight: 500;
  position: relative;
}
body section.forms-layout header h1 {
  border-bottom: 0.1rem solid #f6f6f6;
  max-width: 100%;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
body section.forms-layout .actions-bar {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
body section.forms-layout .actions-bar #branchHistory,
body section.forms-layout .actions-bar .action-item {
  display: block;
  margin-right: 1.5rem;
}
[dir="rtl"] body section.forms-layout .actions-bar #branchHistory,
[dir="rtl"] body section.forms-layout .actions-bar .action-item {
  margin-right: 0;
  margin-left: 1.5rem;
}
body section.forms-layout .actions-bar #branchHistory a,
body section.forms-layout .actions-bar .action-item a {
  font-size: 11px;
  display: inline-block;
  font-weight: 500;
}
body section.forms-layout .actions-bar #branchHistory a span.number,
body section.forms-layout .actions-bar .action-item a span.number {
  background-color: #898989;
  color: #fff;
  padding: 0.1rem 0.3rem;
  font-size: 13px;
  display: inline-block;
  border-radius: 0.4rem;
}
body section.forms-layout .actions-bar #branchHistory a:hover span.number,
body section.forms-layout .actions-bar .action-item a:hover span.number {
  background-color: #004d29;
}
body section#pendingTasks nav {
  margin-bottom: 0;
  grid-area: pendingGauges;
  width: 100%;
  padding-right: 0.5rem;
}
[dir="rtl"] body section#pendingTasks nav {
  padding-right: 0;
  padding-left: 0.5rem;
}
body section#pendingTasks nav label {
  margin-bottom: 0.5rem;
  display: block;
}
body section#pendingTasks nav .gauges-wrapper {
  display: grid;
  grid-template-areas: "header header header header" ". . . .";
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto auto;
  grid-gap: 0.5rem;
  justify-items: flex-start;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  overflow: hidden;
  padding: 0.5rem;
}
body section#pendingTasks nav .gauges-wrapper .main-number {
  font-size: 48px;
}
body section#pendingTasks nav .gauges-wrapper .message {
  font-size: 13px;
  font-weight: 400;
  padding-left: 0.3rem;
}
[dir="rtl"] body section#pendingTasks nav .gauges-wrapper .message {
  padding-left: 0;
  padding-right: 0.3rem;
}
body section#pendingTasks nav .gauges-wrapper > header {
  width: auto;
  align-self: center;
  grid-area: header;
}
body section#pendingTasks nav .gauges-wrapper a {
  margin-bottom: 0;
  width: 100%;
  max-width: 100%;
}
body section#pendingTasks nav div.pendingTaskSelectors {
  padding-bottom: 1.5rem;
}
body section#pendingTasks nav div.pendingTaskSelectors a {
  background: #fafafa;
  display: inline-block;
  padding: 0.5rem 1.5rem;
  min-width: 16.5rem;
  color: #fafafa;
}
body section#pendingTasks nav div.pendingTaskSelectors a div {
  background: transparent;
  color: #fafafa;
  font-size: 13px;
  font-weight: 700;
}
body section#pendingTasks nav div.pendingTaskSelectors a div .main-number {
  font-size: 48px;
  color: #fafafa;
  font-weight: 400;
}
body section#pendingTasks nav div.pendingTaskSelectors a:hover {
  -moz-box-shadow: 0 0 0.5rem #333;
  -webkit-box-shadow: 0 0 0.5rem #333;
  box-shadow: 0 0 0.5rem #333;
}
body section#pendingTasks nav div.pendingTaskSelectors a.selected {
  background: #001a0e;
  color: #fff;
  -moz-box-shadow: 0 0 1rem #222;
  -webkit-box-shadow: 0 0 1rem #222;
  box-shadow: 0 0 1rem #222;
}
body section#pendingTasks nav div.pendingTaskSelectors a.selected div {
  color: #fff;
}
body section#pendingTasks nav div.pendingTaskSelectors a.selected div span.main-number {
  color: #fff;
  font-size: 48px;
}
body section#pendingTasks nav div.pendingTaskSelectors a#overdue,
body section#pendingTasks nav div.pendingTaskSelectors a#today {
  background: #CC0000 !important;
  color: #fff !important;
}
body section#pendingTasks nav div.pendingTaskSelectors a#overdue div,
body section#pendingTasks nav div.pendingTaskSelectors a#today div,
body section#pendingTasks nav div.pendingTaskSelectors a#overdue span,
body section#pendingTasks nav div.pendingTaskSelectors a#today span {
  color: #fff;
}
body section#pendingTasks nav div.pendingTaskSelectors a#today {
  background-color: #5d5d5d !important;
}
body section#pendingTasks nav div.pendingTaskSelectors a#other {
  background: #909090 !important;
}
body section#pendingTasks nav div.pendingTaskSelectors a#other div,
body section#pendingTasks nav div.pendingTaskSelectors a#other span {
  color: #fff;
}
body section#pendingTasks nav div.pendingTaskSelectors a#all {
  background: #c3c3c3 !important;
  margin-right: 0;
}
[dir="rtl"] body section#pendingTasks nav div.pendingTaskSelectors a#all {
  margin-right: 0;
  margin-left: 0;
}
body section#pendingTasks nav div.pendingTaskSelectors a#all div,
body section#pendingTasks nav div.pendingTaskSelectors a#all span {
  color: #fff;
}
body section#pendingTasks nav div.pendingTaskSelectors a:disabled,
body section#pendingTasks nav div.pendingTaskSelectors a[disabled] {
  cursor: default;
  pointer-events: none;
}
body section#pendingTasks nav div.pendingTaskSelectors a:disabled:hover,
body section#pendingTasks nav div.pendingTaskSelectors a[disabled]:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
body section#pendingTasks .group {
  align-content: flex-start;
}
body section#processInstance #processBranchesAccordion li,
body section#assignTask #processBranchesAccordion li,
body section#taskGrid #processBranchesAccordion li {
  background: #e9e9e9;
}
body section#processInstance ul.branchTaskList li div.about,
body section#assignTask ul.branchTaskList li div.about,
body section#taskGrid ul.branchTaskList li div.about {
  display: block;
  flex-direction: row;
  vertical-align: middle;
}
body section#processInstance ul.branchTaskList li div.about label,
body section#assignTask ul.branchTaskList li div.about label,
body section#taskGrid ul.branchTaskList li div.about label {
  font-weight: 400;
}
body section#processInstance ul.branchTaskList li div.about span,
body section#assignTask ul.branchTaskList li div.about span,
body section#taskGrid ul.branchTaskList li div.about span {
  font-weight: 700;
  font-size: 12px;
  color: #595959;
}
body section#processInstance ul.branchTaskList li div.about span a,
body section#assignTask ul.branchTaskList li div.about span a,
body section#taskGrid ul.branchTaskList li div.about span a {
  font-weight: 700;
}
body section#processInstance ul.branchTaskList li div.metadata label,
body section#assignTask ul.branchTaskList li div.metadata label,
body section#taskGrid ul.branchTaskList li div.metadata label {
  font-size: 11px !important;
  font-weight: 400;
  color: #666666;
  margin-top: 0.4rem !important;
  margin-bottom: 0 !important;
}
body section#processInstance ul.branchTaskList li div.metadata div.item,
body section#assignTask ul.branchTaskList li div.metadata div.item,
body section#taskGrid ul.branchTaskList li div.metadata div.item {
  font-size: 12px !important;
  color: #666666 !important;
}
body section#processInstance ul li,
body section#assignTask ul li,
body section#taskGrid ul li {
  background: #f6f6f6;
}
body section#processInstance ul li div.details,
body section#assignTask ul li div.details,
body section#taskGrid ul li div.details,
body section#processInstance ul li div.metadata,
body section#assignTask ul li div.metadata,
body section#taskGrid ul li div.metadata {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  vertical-align: middle;
  overflow: hidden;
}
body section#processInstance ul li div.details div.title,
body section#assignTask ul li div.details div.title,
body section#taskGrid ul li div.details div.title,
body section#processInstance ul li div.details div.title-pending-task,
body section#assignTask ul li div.details div.title-pending-task,
body section#taskGrid ul li div.details div.title-pending-task {
  font-size: 18px;
  font-weight: 400;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  color: #666666;
}
body section#processInstance ul li div.details div.title a,
body section#assignTask ul li div.details div.title a,
body section#taskGrid ul li div.details div.title a,
body section#processInstance ul li div.details div.title-pending-task a,
body section#assignTask ul li div.details div.title-pending-task a,
body section#taskGrid ul li div.details div.title-pending-task a {
  font-weight: 400;
  color: #004d29;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  display: inline-block;
  max-width: 100%;
}
body section#processInstance ul li div.details div.title a:hover,
body section#assignTask ul li div.details div.title a:hover,
body section#taskGrid ul li div.details div.title a:hover,
body section#processInstance ul li div.details div.title-pending-task a:hover,
body section#assignTask ul li div.details div.title-pending-task a:hover,
body section#taskGrid ul li div.details div.title-pending-task a:hover {
  color: #008045;
}
body section#processInstance ul li div.details div.about,
body section#assignTask ul li div.details div.about,
body section#taskGrid ul li div.details div.about {
  margin-top: 0.5rem;
}
body section#processInstance ul li div.details div.about label,
body section#assignTask ul li div.details div.about label,
body section#taskGrid ul li div.details div.about label {
  display: inline-block;
  font-weight: 400;
  font-size: 11px;
  margin-right: 0.4rem;
}
[dir="rtl"] body section#processInstance ul li div.details div.about label,
[dir="rtl"] body section#assignTask ul li div.details div.about label,
[dir="rtl"] body section#taskGrid ul li div.details div.about label {
  margin-right: 0;
  margin-left: 0.4rem;
}
body section#processInstance ul li div.details div.about span,
body section#assignTask ul li div.details div.about span,
body section#taskGrid ul li div.details div.about span {
  display: inline-block;
  font-weight: 700;
  font-size: 11px;
  margin-right: 0.4rem;
}
[dir="rtl"] body section#processInstance ul li div.details div.about span,
[dir="rtl"] body section#assignTask ul li div.details div.about span,
[dir="rtl"] body section#taskGrid ul li div.details div.about span {
  margin-right: 0;
  margin-left: 0.4rem;
}
body section#processInstance ul li div.details div.about span a,
body section#assignTask ul li div.details div.about span a,
body section#taskGrid ul li div.details div.about span a {
  font-weight: bold;
  color: #004d29 !important;
}
body section#processInstance ul li div.details div.about span a:hover,
body section#assignTask ul li div.details div.about span a:hover,
body section#taskGrid ul li div.details div.about span a:hover {
  color: #008045 !important;
}
body section#processInstance ul li div.details div.about a.see-details,
body section#assignTask ul li div.details div.about a.see-details,
body section#taskGrid ul li div.details div.about a.see-details,
body section#processInstance ul li div.details div.about a.see-pending-details,
body section#assignTask ul li div.details div.about a.see-pending-details,
body section#taskGrid ul li div.details div.about a.see-pending-details {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.3rem;
  font-size: 11px;
  color: #004d29;
}
body section#processInstance ul li div.details div.about a.see-details:hover,
body section#assignTask ul li div.details div.about a.see-details:hover,
body section#taskGrid ul li div.details div.about a.see-details:hover,
body section#processInstance ul li div.details div.about a.see-pending-details:hover,
body section#assignTask ul li div.details div.about a.see-pending-details:hover,
body section#taskGrid ul li div.details div.about a.see-pending-details:hover {
  color: #008045;
}
body section#processInstance ul li div.metadata,
body section#assignTask ul li div.metadata,
body section#taskGrid ul li div.metadata {
  background: #dddddd;
  font-size: 11px;
  height: 100%;
  justify-content: center;
  -moz-border-radius: 0 0.3rem 0.3rem 0;
  -webkit-border-radius: 0 0.3rem 0.3rem 0;
  -khtml-border-radius: 0 0.3rem 0.3rem 0;
  border-radius: 0 0.3rem 0.3rem 0;
}
[dir="rtl"] body section#processInstance ul li div.metadata,
[dir="rtl"] body section#assignTask ul li div.metadata,
[dir="rtl"] body section#taskGrid ul li div.metadata {
  -moz-border-radius: 0.3rem 0 0 0.3rem;
  -webkit-border-radius: 0.3rem 0 0 0.3rem;
  -khtml-border-radius: 0.3rem 0 0 0.3rem;
  border-radius: 0.3rem 0 0 0.3rem;
}
body section#processInstance ul li div.metadata label,
body section#assignTask ul li div.metadata label,
body section#taskGrid ul li div.metadata label,
body section#processInstance ul li div.metadata div.item,
body section#assignTask ul li div.metadata div.item,
body section#taskGrid ul li div.metadata div.item {
  display: block;
  text-align: right;
  font-size: 11px;
}
[dir="rtl"] body section#processInstance ul li div.metadata label,
[dir="rtl"] body section#assignTask ul li div.metadata label,
[dir="rtl"] body section#taskGrid ul li div.metadata label,
[dir="rtl"] body section#processInstance ul li div.metadata div.item,
[dir="rtl"] body section#assignTask ul li div.metadata div.item,
[dir="rtl"] body section#taskGrid ul li div.metadata div.item {
  text-align: left;
}
body section#processInstance ul li div.metadata div.item,
body section#assignTask ul li div.metadata div.item,
body section#taskGrid ul li div.metadata div.item {
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #666666 !important;
}
body section#processInstance article#processBranches header div.showme,
body section#assignTask article#processBranches header div.showme,
body section#taskGrid article#processBranches header div.showme {
  margin: 1rem 0 0.5rem 0;
  color: #666666;
  font-size: 10px;
  background: #f6f6f6;
  padding: 0.5rem 1rem;
  border-radius: 0.3rem;
}
[dir="rtl"] body section#processInstance article#processBranches header div.showme,
[dir="rtl"] body section#assignTask article#processBranches header div.showme,
[dir="rtl"] body section#taskGrid article#processBranches header div.showme {
  margin: 1rem 0 0.5rem 0;
}
body section#processInstance article#processBranches header div.showme a,
body section#assignTask article#processBranches header div.showme a,
body section#taskGrid article#processBranches header div.showme a {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  margin-left: 1rem;
}
[dir="rtl"] body section#processInstance article#processBranches header div.showme a,
[dir="rtl"] body section#assignTask article#processBranches header div.showme a,
[dir="rtl"] body section#taskGrid article#processBranches header div.showme a {
  margin-left: 0;
  margin-right: 1rem;
}
body section#processInstance article#processBranches .ui-accordion,
body section#assignTask article#processBranches .ui-accordion,
body section#taskGrid article#processBranches .ui-accordion {
  border: none !important;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header {
  background: #a6a6a6;
  padding: 1.5rem;
  color: #fff;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  display: grid;
  grid-gap: 1rem;
  grid-template-areas: "count . icon";
  grid-template-columns: minmax(min-content, 0.07fr) auto 1.5rem;
  grid-template-rows: auto;
  align-content: center;
  justify-items: flex-start;
  width: 100%;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header.ui-state-hover:not(.ui-state-active),
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header.ui-state-hover:not(.ui-state-active),
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header.ui-state-hover:not(.ui-state-active) {
  background: #00341c;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header label.count,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header label.count,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header label.count {
  grid-area: count;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #efefef;
  padding: 0.2rem 1rem;
  color: #666666;
  font-size: 23px;
  width: 100%;
  max-width: 100%;
  text-align: center;
  vertical-align: middle;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header div.status,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header div.status,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header div.status {
  color: #f6f6f6;
  display: block;
  font-size: 11px;
  font-weight: 700;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header .ui-accordion-header-icon,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header .ui-accordion-header-icon,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  grid-area: icon;
  justify-self: center;
  align-self: center;
  position: relative;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header-active,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header-active,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header-active {
  background: #333;
  font-weight: 300;
  font-size: 18px;
  cursor: default;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header-active label.count,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header-active label.count,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header-active label.count {
  background: #fafafa;
  padding: 0.2rem 1rem;
  color: #666666;
  font-size: 28px;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-header-active div.status,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-header-active div.status,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-header-active div.status {
  color: #f6f6f6;
  display: block;
  font-size: 11px;
  font-weight: 400;
}
body section#processInstance article#processBranches .ui-accordion .ui-helper-reset,
body section#assignTask article#processBranches .ui-accordion .ui-helper-reset,
body section#taskGrid article#processBranches .ui-accordion .ui-helper-reset {
  border: none !important;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-content,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-content,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-content {
  padding: 1.5rem;
  background: #f6f6f6;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-content h3,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-content h3,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-content h3 {
  margin-bottom: 1rem;
}
body section#processInstance article#processBranches .ui-accordion .ui-accordion-content h4,
body section#assignTask article#processBranches .ui-accordion .ui-accordion-content h4,
body section#taskGrid article#processBranches .ui-accordion .ui-accordion-content h4 {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
body section#processInstance ul.branchTaskList,
body section#assignTask ul.branchTaskList,
body section#taskGrid ul.branchTaskList {
  display: grid;
  grid-gap: 0.5em;
}
body section#processInstance ul.branchTaskList li div.details div.id,
body section#assignTask ul.branchTaskList li div.details div.id,
body section#taskGrid ul.branchTaskList li div.details div.id {
  padding-bottom: 0.3rem;
  font-size: 12px;
}
body section#processInstance ul.branchTaskList li div.details div.id span,
body section#assignTask ul.branchTaskList li div.details div.id span,
body section#taskGrid ul.branchTaskList li div.details div.id span {
  font-weight: 700;
}
body section#processInstance ul.branchTaskList li div.details div.id span a,
body section#assignTask ul.branchTaskList li div.details div.id span a,
body section#taskGrid ul.branchTaskList li div.details div.id span a {
  font-weight: 700;
}
body section#processInstance #toggleTaskHistory,
body section#assignTask #toggleTaskHistory,
body section#taskGrid #toggleTaskHistory {
  display: block;
  margin-bottom: 1.5rem;
  font-size: 11px;
}
body section#processInstance #pendingTaskHistory,
body section#assignTask #pendingTaskHistory,
body section#taskGrid #pendingTaskHistory,
body section#processInstance #trackingTaskHistory,
body section#assignTask #trackingTaskHistory,
body section#taskGrid #trackingTaskHistory,
body section#processInstance #archiveTaskHistory,
body section#assignTask #archiveTaskHistory,
body section#taskGrid #archiveTaskHistory {
  background: #fdfdfd;
  padding: 0.5rem 1.2rem;
  margin-bottom: 1.5rem;
}
body section#processInstance #pendingTaskHistory h3,
body section#assignTask #pendingTaskHistory h3,
body section#taskGrid #pendingTaskHistory h3,
body section#processInstance #trackingTaskHistory h3,
body section#assignTask #trackingTaskHistory h3,
body section#taskGrid #trackingTaskHistory h3,
body section#processInstance #archiveTaskHistory h3,
body section#assignTask #archiveTaskHistory h3,
body section#taskGrid #archiveTaskHistory h3 {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #001a0e;
}
body section#processInstance #pendingTaskHistory h3 a.control,
body section#assignTask #pendingTaskHistory h3 a.control,
body section#taskGrid #pendingTaskHistory h3 a.control,
body section#processInstance #trackingTaskHistory h3 a.control,
body section#assignTask #trackingTaskHistory h3 a.control,
body section#taskGrid #trackingTaskHistory h3 a.control,
body section#processInstance #archiveTaskHistory h3 a.control,
body section#assignTask #archiveTaskHistory h3 a.control,
body section#taskGrid #archiveTaskHistory h3 a.control {
  text-transform: lowercase;
  font-weight: 400;
  font-size: 11px;
}
body section#processResult .forms-canvas a {
  display: inline-block;
}
body section .trackingProcessSearchForm,
body section .trackingTaskSearchForm,
body section .archiveProcessSearchForm,
body section .archiveTaskSearchForm {
  display: grid;
  grid-template-columns: minmax(55rem, auto);
  grid-gap: 1rem;
}
body section#trackingSearch #trackingStep,
body section#archiveSearch #trackingStep,
body section#trackingSearch #archiveStep,
body section#archiveSearch #archiveStep {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
body section#trackingSearch #trackingStep nav,
body section#archiveSearch #trackingStep nav,
body section#trackingSearch #archiveStep nav,
body section#archiveSearch #archiveStep nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-content: flex-start;
}
body section#trackingSearch #trackingStep nav a,
body section#archiveSearch #trackingStep nav a,
body section#trackingSearch #archiveStep nav a,
body section#archiveSearch #archiveStep nav a {
  margin-right: 1rem;
  display: block;
  padding: 1rem 1.5rem;
  background-color: #001a0e;
  color: #fff;
  font-size: 26px;
  font-weight: 300;
  max-width: 30rem;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
[dir="rtl"] body section#trackingSearch #trackingStep nav a,
[dir="rtl"] body section#archiveSearch #trackingStep nav a,
[dir="rtl"] body section#trackingSearch #archiveStep nav a,
[dir="rtl"] body section#archiveSearch #archiveStep nav a {
  margin-right: 0;
  margin-left: 1rem;
}
body section#trackingSearch #trackingStep nav a:hover,
body section#archiveSearch #trackingStep nav a:hover,
body section#trackingSearch #archiveStep nav a:hover,
body section#archiveSearch #archiveStep nav a:hover {
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
  background-color: #008045;
}
body section#trackingSearch #trackingStep nav a.selected,
body section#archiveSearch #trackingStep nav a.selected,
body section#trackingSearch #archiveStep nav a.selected,
body section#archiveSearch #archiveStep nav a.selected {
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
  background-color: #008045;
}
body section.archiveSearch,
body section.trackingSearch {
  margin-bottom: 1.5rem;
}
body section#trackingProcessSearch > nav,
body section#archiveProcessSearch > nav,
body section#trackingTaskSearch > nav,
body section#archiveTaskSearch > nav {
  margin-top: 1.5rem;
}
body section#trackingProcessSearch nav.spaced a.notfound,
body section#archiveProcessSearch nav.spaced a.notfound,
body section#trackingTaskSearch nav.spaced a.notfound,
body section#archiveTaskSearch nav.spaced a.notfound {
  font-size: 13px;
  padding-top: 0.5rem;
}
body section#trackingProcessSearch #quickSearch,
body section#archiveProcessSearch #quickSearch,
body section#trackingTaskSearch #quickSearch,
body section#archiveTaskSearch #quickSearch {
  padding-bottom: 1rem;
  display: grid;
  grid-gap: 0.5rem;
  grid-template-areas: "header header header" "quickSearchContent quickSearchContent quickSearchContent" "quickSearchMessage quickSearchMessage quickSearchMessage";
  grid-template-columns: repeat(3, minmax(0, auto));
  grid-template-rows: repeat(3, minmax(0, auto));
  border-radius: 0.3rem;
}
body section#trackingProcessSearch #quickSearch header,
body section#archiveProcessSearch #quickSearch header,
body section#trackingTaskSearch #quickSearch header,
body section#archiveTaskSearch #quickSearch header {
  grid-area: header;
}
body section#trackingProcessSearch #advancedSearch,
body section#archiveProcessSearch #advancedSearch,
body section#trackingTaskSearch #advancedSearch,
body section#archiveTaskSearch #advancedSearch {
  overflow: hidden;
  padding-bottom: 1.5rem;
  display: grid;
  grid-gap: 1rem;
  grid-template-areas: "header " "description" "." "." "showme";
  grid-template-columns: auto;
  grid-template-rows: repeat(5, min-content);
  border-radius: 0.3rem;
}
body section#trackingProcessSearch #advancedSearch .columnContainer,
body section#archiveProcessSearch #advancedSearch .columnContainer,
body section#trackingTaskSearch #advancedSearch .columnContainer,
body section#archiveTaskSearch #advancedSearch .columnContainer {
  display: grid;
  grid-template-columns: 0.5fr 0.5fr;
  grid-gap: 1rem;
  justify-self: stretch;
  flex-wrap: wrap;
  flex: 0 0 auto;
  align-content: center;
  max-width: 100%;
}
body section#trackingProcessSearch #advancedSearch h2,
body section#archiveProcessSearch #advancedSearch h2,
body section#trackingTaskSearch #advancedSearch h2,
body section#archiveTaskSearch #advancedSearch h2 {
  margin-bottom: 0;
}
body section#trackingProcessSearch #advancedSearch p,
body section#archiveProcessSearch #advancedSearch p,
body section#trackingTaskSearch #advancedSearch p,
body section#archiveTaskSearch #advancedSearch p {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  grid-area: description;
}
body section#trackingProcessSearch #advancedSearch header,
body section#archiveProcessSearch #advancedSearch header,
body section#trackingTaskSearch #advancedSearch header,
body section#archiveTaskSearch #advancedSearch header {
  grid-area: header;
}
body section#trackingProcessSearch #advancedSearch .column,
body section#archiveProcessSearch #advancedSearch .column,
body section#trackingTaskSearch #advancedSearch .column,
body section#archiveTaskSearch #advancedSearch .column {
  display: grid;
  grid-template-rows: min-content;
  grid-gap: 1rem;
  justify-items: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  border-radius: 0.3rem;
  max-width: 100%;
}
body section#trackingProcessSearch #advancedSearch .column #processInformation,
body section#archiveProcessSearch #advancedSearch .column #processInformation,
body section#trackingTaskSearch #advancedSearch .column #processInformation,
body section#archiveTaskSearch #advancedSearch .column #processInformation,
body section#trackingProcessSearch #advancedSearch .column #taskInformation,
body section#archiveProcessSearch #advancedSearch .column #taskInformation,
body section#trackingTaskSearch #advancedSearch .column #taskInformation,
body section#archiveTaskSearch #advancedSearch .column #taskInformation,
body section#trackingProcessSearch #advancedSearch .column #statusInformation,
body section#archiveProcessSearch #advancedSearch .column #statusInformation,
body section#trackingTaskSearch #advancedSearch .column #statusInformation,
body section#archiveTaskSearch #advancedSearch .column #statusInformation,
body section#trackingProcessSearch #advancedSearch .column #startedBy,
body section#archiveProcessSearch #advancedSearch .column #startedBy,
body section#trackingTaskSearch #advancedSearch .column #startedBy,
body section#archiveTaskSearch #advancedSearch .column #startedBy,
body section#trackingProcessSearch #advancedSearch .column #completedBy,
body section#archiveProcessSearch #advancedSearch .column #completedBy,
body section#trackingTaskSearch #advancedSearch .column #completedBy,
body section#archiveTaskSearch #advancedSearch .column #completedBy,
body section#trackingProcessSearch #advancedSearch .column #startDate,
body section#archiveProcessSearch #advancedSearch .column #startDate,
body section#trackingTaskSearch #advancedSearch .column #startDate,
body section#archiveTaskSearch #advancedSearch .column #startDate,
body section#trackingProcessSearch #advancedSearch .column #receivedDate,
body section#archiveProcessSearch #advancedSearch .column #receivedDate,
body section#trackingTaskSearch #advancedSearch .column #receivedDate,
body section#archiveTaskSearch #advancedSearch .column #receivedDate,
body section#trackingProcessSearch #advancedSearch .column #completedDate,
body section#archiveProcessSearch #advancedSearch .column #completedDate,
body section#trackingTaskSearch #advancedSearch .column #completedDate,
body section#archiveTaskSearch #advancedSearch .column #completedDate {
  width: 100%;
  /*height: 100%;*/
}
body section#trackingProcessSearch #advancedSearch .column .name,
body section#archiveProcessSearch #advancedSearch .column .name,
body section#trackingTaskSearch #advancedSearch .column .name,
body section#archiveTaskSearch #advancedSearch .column .name {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: auto auto;
}
body section#trackingProcessSearch #advancedSearch .column .name .first,
body section#archiveProcessSearch #advancedSearch .column .name .first,
body section#trackingTaskSearch #advancedSearch .column .name .first,
body section#archiveTaskSearch #advancedSearch .column .name .first {
  padding-right: 3rem;
}
[dir="rtl"] body section#trackingProcessSearch #advancedSearch .column .name .first,
[dir="rtl"] body section#archiveProcessSearch #advancedSearch .column .name .first,
[dir="rtl"] body section#trackingTaskSearch #advancedSearch .column .name .first,
[dir="rtl"] body section#archiveTaskSearch #advancedSearch .column .name .first {
  padding-right: 0;
  padding-left: 3rem;
}
body section#trackingProcessSearch #advancedSearch .column #datePicker,
body section#archiveProcessSearch #advancedSearch .column #datePicker,
body section#trackingTaskSearch #advancedSearch .column #datePicker,
body section#archiveTaskSearch #advancedSearch .column #datePicker {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  align-items: center;
  flex-wrap: nowrap;
}
body section#trackingProcessSearch #advancedSearch .column #processInformation input,
body section#archiveProcessSearch #advancedSearch .column #processInformation input,
body section#trackingTaskSearch #advancedSearch .column #processInformation input,
body section#archiveTaskSearch #advancedSearch .column #processInformation input,
body section#trackingProcessSearch #advancedSearch .column #taskInformation input,
body section#archiveProcessSearch #advancedSearch .column #taskInformation input,
body section#trackingTaskSearch #advancedSearch .column #taskInformation input,
body section#archiveTaskSearch #advancedSearch .column #taskInformation input,
body section#trackingProcessSearch #advancedSearch .column #startedBy input,
body section#archiveProcessSearch #advancedSearch .column #startedBy input,
body section#trackingTaskSearch #advancedSearch .column #startedBy input,
body section#archiveTaskSearch #advancedSearch .column #startedBy input,
body section#trackingProcessSearch #advancedSearch .column #processInformation select,
body section#archiveProcessSearch #advancedSearch .column #processInformation select,
body section#trackingTaskSearch #advancedSearch .column #processInformation select,
body section#archiveTaskSearch #advancedSearch .column #processInformation select,
body section#trackingProcessSearch #advancedSearch .column #taskInformation select,
body section#archiveProcessSearch #advancedSearch .column #taskInformation select,
body section#trackingTaskSearch #advancedSearch .column #taskInformation select,
body section#archiveTaskSearch #advancedSearch .column #taskInformation select,
body section#trackingProcessSearch #advancedSearch .column #startedBy select,
body section#archiveProcessSearch #advancedSearch .column #startedBy select,
body section#trackingTaskSearch #advancedSearch .column #startedBy select,
body section#archiveTaskSearch #advancedSearch .column #startedBy select {
  width: 100%;
  min-width: 14rem;
}
body section#trackingProcessSearch #advancedSearch .column header:not(:first-of-type),
body section#archiveProcessSearch #advancedSearch .column header:not(:first-of-type),
body section#trackingTaskSearch #advancedSearch .column header:not(:first-of-type),
body section#archiveTaskSearch #advancedSearch .column header:not(:first-of-type) {
  margin-top: 1rem;
}
body section#trackingProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default,
body section#archiveProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default,
body section#trackingTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default,
body section#archiveTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default {
  outline: none;
}
body section#trackingProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor,
body section#archiveProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor,
body section#trackingTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor,
body section#archiveTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor {
  background-color: #efefef;
  background-image: none;
  font-weight: 500;
  outline: none;
  border-bottom-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
}
[dir="rtl"] body section#trackingProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor,
[dir="rtl"] body section#archiveProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor,
[dir="rtl"] body section#trackingTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor,
[dir="rtl"] body section#archiveTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-state-default .ui-tabs-anchor {
  border-radius: 0 0.4rem 0.4rem 0;
}
body section#trackingProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active,
body section#archiveProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active,
body section#trackingTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active,
body section#archiveTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active {
  -moz-box-shadow: -0.1rem 0 0.1rem #666;
  -webkit-box-shadow: -0.1rem 0 0.1rem #666;
  box-shadow: -0.1rem 0 0.1rem #666;
  z-index: 999;
  outline: none;
  border-bottom-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0;
}
[dir="rtl"] body section#trackingProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active,
[dir="rtl"] body section#archiveProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active,
[dir="rtl"] body section#trackingTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active,
[dir="rtl"] body section#archiveTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active {
  -moz-box-shadow: 0.1rem 0 0.1rem #666;
  -webkit-box-shadow: 0.1rem 0 0.1rem #666;
  box-shadow: 0.1rem 0 0.1rem #666;
  border-radius: 0 0.4rem 0.4rem 0;
  margin-left: 0.1rem;
  margin-right: 0;
}
body section#trackingProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active .ui-tabs-anchor,
body section#archiveProcessSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active .ui-tabs-anchor,
body section#trackingTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active .ui-tabs-anchor,
body section#archiveTaskSearch #advancedSearch .column .ui-tabs-vertical .ui-tabs-active .ui-tabs-anchor {
  background-color: #fff;
  outline: none;
}
body section#trackingProcessSearch #advancedSearch .column label,
body section#archiveProcessSearch #advancedSearch .column label,
body section#trackingTaskSearch #advancedSearch .column label,
body section#archiveTaskSearch #advancedSearch .column label {
  display: block;
  margin-bottom: 0.5rem;
}
body section#trackingProcessSearch #advancedSearch .column .ui-widget-header,
body section#archiveProcessSearch #advancedSearch .column .ui-widget-header,
body section#trackingTaskSearch #advancedSearch .column .ui-widget-header,
body section#archiveTaskSearch #advancedSearch .column .ui-widget-header {
  background-color: #e9e9e9;
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
[dir="rtl"] body section#trackingProcessSearch #advancedSearch .column .ui-widget-header,
[dir="rtl"] body section#archiveProcessSearch #advancedSearch .column .ui-widget-header,
[dir="rtl"] body section#trackingTaskSearch #advancedSearch .column .ui-widget-header,
[dir="rtl"] body section#archiveTaskSearch #advancedSearch .column .ui-widget-header {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
body section#trackingProcessSearch #advancedSearch .column > input[type=text],
body section#archiveProcessSearch #advancedSearch .column > input[type=text],
body section#trackingTaskSearch #advancedSearch .column > input[type=text],
body section#archiveTaskSearch #advancedSearch .column > input[type=text],
body section#trackingProcessSearch #advancedSearch .column > select,
body section#archiveProcessSearch #advancedSearch .column > select,
body section#trackingTaskSearch #advancedSearch .column > select,
body section#archiveTaskSearch #advancedSearch .column > select {
  width: 99%;
  min-width: 17rem;
}
body section#trackingProcessSearch #advancedSearch .column .ui-buttonset,
body section#archiveProcessSearch #advancedSearch .column .ui-buttonset,
body section#trackingTaskSearch #advancedSearch .column .ui-buttonset,
body section#archiveTaskSearch #advancedSearch .column .ui-buttonset {
  margin-right: 0;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  align-items: stretch;
  justify-content: flex-start;
}
[dir="rtl"] body section#trackingProcessSearch #advancedSearch .column .ui-buttonset,
[dir="rtl"] body section#archiveProcessSearch #advancedSearch .column .ui-buttonset,
[dir="rtl"] body section#trackingTaskSearch #advancedSearch .column .ui-buttonset,
[dir="rtl"] body section#archiveTaskSearch #advancedSearch .column .ui-buttonset {
  margin-right: 0;
  margin-left: 0;
}
body section#trackingProcessSearch #advancedSearch .column .ui-buttonset .ui-button-text,
body section#archiveProcessSearch #advancedSearch .column .ui-buttonset .ui-button-text,
body section#trackingTaskSearch #advancedSearch .column .ui-buttonset .ui-button-text,
body section#archiveTaskSearch #advancedSearch .column .ui-buttonset .ui-button-text {
  border-radius: 0.4rem;
}
body section#trackingProcessSearch #advancedSearch .column .ui-buttonset .ui-state-default .ui-button-text,
body section#archiveProcessSearch #advancedSearch .column .ui-buttonset .ui-state-default .ui-button-text,
body section#trackingTaskSearch #advancedSearch .column .ui-buttonset .ui-state-default .ui-button-text,
body section#archiveTaskSearch #advancedSearch .column .ui-buttonset .ui-state-default .ui-button-text {
  background-color: #efefef;
}
body section#trackingProcessSearch #advancedSearch .column .ui-buttonset .ui-state-active .ui-button-text,
body section#archiveProcessSearch #advancedSearch .column .ui-buttonset .ui-state-active .ui-button-text,
body section#trackingTaskSearch #advancedSearch .column .ui-buttonset .ui-state-active .ui-button-text,
body section#archiveTaskSearch #advancedSearch .column .ui-buttonset .ui-state-active .ui-button-text {
  border: none;
  color: #333;
  background-color: #fff;
}
body section#trackingProcessSearch #advancedSearch .spacer,
body section#archiveProcessSearch #advancedSearch .spacer,
body section#trackingTaskSearch #advancedSearch .spacer,
body section#archiveTaskSearch #advancedSearch .spacer {
  width: 2rem;
  display: table-cell;
}
body section#trackingProcessSearch #advancedSearch #processDateSearch,
body section#archiveProcessSearch #advancedSearch #processDateSearch,
body section#trackingTaskSearch #advancedSearch #processDateSearch,
body section#archiveTaskSearch #advancedSearch #processDateSearch,
body section#trackingProcessSearch #advancedSearch #taskFinalParticipantSearch,
body section#archiveProcessSearch #advancedSearch #taskFinalParticipantSearch,
body section#trackingTaskSearch #advancedSearch #taskFinalParticipantSearch,
body section#archiveTaskSearch #advancedSearch #taskFinalParticipantSearch {
  width: 50%;
  display: inline-block;
}
body section#trackingTaskSearch #advancedSearch #taskInformationSearch,
body section#archiveTaskSearch #advancedSearch #taskInformationSearch {
  min-height: 40rem;
}
body section#trackingProcessResults header h1,
body section#trackingTasksResults header h1,
body section#archiveProcessResults header h1,
body section#archiveTasksResults header h1 {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 79.2rem;
  white-space: nowrap;
}
body section#trackingProcessResults #trackingProcessResultList,
body section#trackingTasksResults #trackingProcessResultList,
body section#archiveProcessResults #trackingProcessResultList,
body section#archiveTasksResults #trackingProcessResultList,
body section#trackingProcessResults #trackingTasksResultList,
body section#trackingTasksResults #trackingTasksResultList,
body section#archiveProcessResults #trackingTasksResultList,
body section#archiveTasksResults #trackingTasksResultList,
body section#trackingProcessResults #archiveProcessResultList,
body section#trackingTasksResults #archiveProcessResultList,
body section#archiveProcessResults #archiveProcessResultList,
body section#archiveTasksResults #archiveProcessResultList,
body section#trackingProcessResults #archiveTasksResultList,
body section#trackingTasksResults #archiveTasksResultList,
body section#archiveProcessResults #archiveTasksResultList,
body section#archiveTasksResults #archiveTasksResultList {
  margin: 1.5rem 0 1.5rem 0;
  padding: 0;
  list-style: none;
}
[dir="rtl"] body section#trackingProcessResults #trackingProcessResultList,
[dir="rtl"] body section#trackingTasksResults #trackingProcessResultList,
[dir="rtl"] body section#archiveProcessResults #trackingProcessResultList,
[dir="rtl"] body section#archiveTasksResults #trackingProcessResultList,
[dir="rtl"] body section#trackingProcessResults #trackingTasksResultList,
[dir="rtl"] body section#trackingTasksResults #trackingTasksResultList,
[dir="rtl"] body section#archiveProcessResults #trackingTasksResultList,
[dir="rtl"] body section#archiveTasksResults #trackingTasksResultList,
[dir="rtl"] body section#trackingProcessResults #archiveProcessResultList,
[dir="rtl"] body section#trackingTasksResults #archiveProcessResultList,
[dir="rtl"] body section#archiveProcessResults #archiveProcessResultList,
[dir="rtl"] body section#archiveTasksResults #archiveProcessResultList,
[dir="rtl"] body section#trackingProcessResults #archiveTasksResultList,
[dir="rtl"] body section#trackingTasksResults #archiveTasksResultList,
[dir="rtl"] body section#archiveProcessResults #archiveTasksResultList,
[dir="rtl"] body section#archiveTasksResults #archiveTasksResultList {
  margin: 1.5rem 0 1.5rem 0;
}
body section#trackingProcessResults #trackingProcessResultList li,
body section#trackingTasksResults #trackingProcessResultList li,
body section#archiveProcessResults #trackingProcessResultList li,
body section#archiveTasksResults #trackingProcessResultList li,
body section#trackingProcessResults #trackingTasksResultList li,
body section#trackingTasksResults #trackingTasksResultList li,
body section#archiveProcessResults #trackingTasksResultList li,
body section#archiveTasksResults #trackingTasksResultList li,
body section#trackingProcessResults #archiveProcessResultList li,
body section#trackingTasksResults #archiveProcessResultList li,
body section#archiveProcessResults #archiveProcessResultList li,
body section#archiveTasksResults #archiveProcessResultList li,
body section#trackingProcessResults #archiveTasksResultList li,
body section#trackingTasksResults #archiveTasksResultList li,
body section#archiveProcessResults #archiveTasksResultList li,
body section#archiveTasksResults #archiveTasksResultList li {
  display: table;
  width: 100%;
}
body section#trackingProcessResults #trackingProcessResultList li:not(:first-of-type),
body section#trackingTasksResults #trackingProcessResultList li:not(:first-of-type),
body section#archiveProcessResults #trackingProcessResultList li:not(:first-of-type),
body section#archiveTasksResults #trackingProcessResultList li:not(:first-of-type),
body section#trackingProcessResults #trackingTasksResultList li:not(:first-of-type),
body section#trackingTasksResults #trackingTasksResultList li:not(:first-of-type),
body section#archiveProcessResults #trackingTasksResultList li:not(:first-of-type),
body section#archiveTasksResults #trackingTasksResultList li:not(:first-of-type),
body section#trackingProcessResults #archiveProcessResultList li:not(:first-of-type),
body section#trackingTasksResults #archiveProcessResultList li:not(:first-of-type),
body section#archiveProcessResults #archiveProcessResultList li:not(:first-of-type),
body section#archiveTasksResults #archiveProcessResultList li:not(:first-of-type),
body section#trackingProcessResults #archiveTasksResultList li:not(:first-of-type),
body section#trackingTasksResults #archiveTasksResultList li:not(:first-of-type),
body section#archiveProcessResults #archiveTasksResultList li:not(:first-of-type),
body section#archiveTasksResults #archiveTasksResultList li:not(:first-of-type) {
  margin-top: 1.5rem;
}
body section#trackingProcessResults #trackingProcessResultList li > div,
body section#trackingTasksResults #trackingProcessResultList li > div,
body section#archiveProcessResults #trackingProcessResultList li > div,
body section#archiveTasksResults #trackingProcessResultList li > div,
body section#trackingProcessResults #trackingTasksResultList li > div,
body section#trackingTasksResults #trackingTasksResultList li > div,
body section#archiveProcessResults #trackingTasksResultList li > div,
body section#archiveTasksResults #trackingTasksResultList li > div,
body section#trackingProcessResults #archiveProcessResultList li > div,
body section#trackingTasksResults #archiveProcessResultList li > div,
body section#archiveProcessResults #archiveProcessResultList li > div,
body section#archiveTasksResults #archiveProcessResultList li > div,
body section#trackingProcessResults #archiveTasksResultList li > div,
body section#trackingTasksResults #archiveTasksResultList li > div,
body section#archiveProcessResults #archiveTasksResultList li > div,
body section#archiveTasksResults #archiveTasksResultList li > div {
  display: table-cell;
}
body section#trackingProcessResults #trackingProcessResultList li > div:nth-of-type(2),
body section#trackingTasksResults #trackingProcessResultList li > div:nth-of-type(2),
body section#archiveProcessResults #trackingProcessResultList li > div:nth-of-type(2),
body section#archiveTasksResults #trackingProcessResultList li > div:nth-of-type(2),
body section#trackingProcessResults #trackingTasksResultList li > div:nth-of-type(2),
body section#trackingTasksResults #trackingTasksResultList li > div:nth-of-type(2),
body section#archiveProcessResults #trackingTasksResultList li > div:nth-of-type(2),
body section#archiveTasksResults #trackingTasksResultList li > div:nth-of-type(2),
body section#trackingProcessResults #archiveProcessResultList li > div:nth-of-type(2),
body section#trackingTasksResults #archiveProcessResultList li > div:nth-of-type(2),
body section#archiveProcessResults #archiveProcessResultList li > div:nth-of-type(2),
body section#archiveTasksResults #archiveProcessResultList li > div:nth-of-type(2),
body section#trackingProcessResults #archiveTasksResultList li > div:nth-of-type(2),
body section#trackingTasksResults #archiveTasksResultList li > div:nth-of-type(2),
body section#archiveProcessResults #archiveTasksResultList li > div:nth-of-type(2),
body section#archiveTasksResults #archiveTasksResultList li > div:nth-of-type(2) {
  width: 40%;
}
body section#trackingProcessResults #trackingProcessResultList li > div:nth-of-type(2) > span,
body section#trackingTasksResults #trackingProcessResultList li > div:nth-of-type(2) > span,
body section#archiveProcessResults #trackingProcessResultList li > div:nth-of-type(2) > span,
body section#archiveTasksResults #trackingProcessResultList li > div:nth-of-type(2) > span,
body section#trackingProcessResults #trackingTasksResultList li > div:nth-of-type(2) > span,
body section#trackingTasksResults #trackingTasksResultList li > div:nth-of-type(2) > span,
body section#archiveProcessResults #trackingTasksResultList li > div:nth-of-type(2) > span,
body section#archiveTasksResults #trackingTasksResultList li > div:nth-of-type(2) > span,
body section#trackingProcessResults #archiveProcessResultList li > div:nth-of-type(2) > span,
body section#trackingTasksResults #archiveProcessResultList li > div:nth-of-type(2) > span,
body section#archiveProcessResults #archiveProcessResultList li > div:nth-of-type(2) > span,
body section#archiveTasksResults #archiveProcessResultList li > div:nth-of-type(2) > span,
body section#trackingProcessResults #archiveTasksResultList li > div:nth-of-type(2) > span,
body section#trackingTasksResults #archiveTasksResultList li > div:nth-of-type(2) > span,
body section#archiveProcessResults #archiveTasksResultList li > div:nth-of-type(2) > span,
body section#archiveTasksResults #archiveTasksResultList li > div:nth-of-type(2) > span {
  display: inline-block;
}
body section#loginForm {
  font-size: 13px;
}
body section#loginForm p {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 13px;
  width: 85%;
}
body section#loginForm form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: flex-start;
  justify-content: flex-start;
  width: 100%;
}
body section#loginForm.expiredForm form {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: flex-start;
  width: 75%;
  grid-area: expiredPasswordForm;
}
body section#loginForm.expiredForm ol {
  list-style: none;
  position: relative;
  font-size: 14px;
  padding-left: 2rem;
}
[dir="rtl"] body section#loginForm.expiredForm ol {
  padding-left: 0;
  padding-right: 2rem;
}
body section#loginForm.expiredForm ol i {
  padding-right: 1rem;
}
[dir="rtl"] body section#loginForm.expiredForm ol i {
  padding-right: 0;
  padding-left: 1rem;
}
body section#loginForm.expiredForm div.password-rules {
  display: flex;
  vertical-align: top;
  grid-area: passwordRules;
}
body section#loginForm.expiredForm div.password-rules div.password-rules-box {
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  align-items: flex-start;
  flex: 0 0 auto;
  padding: 1.5rem;
  background-color: #f6f6f6;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  width: 100%;
}
body section#standardSection {
  display: grid;
  grid-gap: 1rem;
  align-items: center;
  justify-content: center;
  grid-gap: 0.5rem;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto auto;
  grid-area: loginForm;
  max-width: 100%;
  align-self: center;
  justify-self: center;
}
body section#loginForm,
body section#standardSection {
  border-radius: 0.3rem;
  background-color: #fff;
  padding: 2.5rem;
  overflow: hidden;
  z-index: 1;
}
body section#loginForm h2,
body section#standardSection h2 {
  font-size: 3.5rem;
  color: #000000;
  font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0;
  margin-bottom: 0.5rem;
  padding-bottom: 0.3rem;
  width: auto;
  min-height: 3.5rem;
}
body section#loginForm p,
body section#standardSection p {
  margin: 0;
  padding: 1rem 0 1rem 0;
  min-height: 3.5rem;
}
body section#loginForm div.back-action,
body section#standardSection div.back-action {
  position: relative;
}
body section#loginForm a.error-link,
body section#standardSection a.error-link {
  font-size: 11px;
  font-weight: 700;
  color: #666666;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
}
body section#loginForm a.error-link:hover,
body section#standardSection a.error-link:hover {
  color: #008045;
}
body section#loginForm div.error-details,
body section#standardSection div.error-details {
  display: none;
  padding: 1rem;
  background: #f6f6f6;
  margin-top: 0.5rem;
  border-radius: 0.3rem;
}
body section#loginForm div.error-details p,
body section#standardSection div.error-details p {
  margin: 0;
}
body section#loginForm form > :nth-child(1),
body section#standardSection form > :nth-child(1) {
  margin-bottom: 1rem;
}
body section#loginForm form .editor,
body section#standardSection form .editor {
  display: flex;
  flex-direction: column;
  padding-bottom: 0.8rem;
  width: 100%;
}
body section#loginForm form .editor .editor-label,
body section#standardSection form .editor .editor-label {
  padding-left: 0;
  padding-bottom: 0.3rem;
}
[dir="rtl"] body section#loginForm form .editor .editor-label,
[dir="rtl"] body section#standardSection form .editor .editor-label {
  padding-left: 0;
  padding-right: 0;
}
body section#loginForm form .editor .editor-field,
body section#standardSection form .editor .editor-field {
  padding-left: 0;
}
[dir="rtl"] body section#loginForm form .editor .editor-field,
[dir="rtl"] body section#standardSection form .editor .editor-field {
  padding-left: 0;
  padding-right: 0;
}
body section#loginForm form .editor .field-validation-error,
body section#standardSection form .editor .field-validation-error {
  margin-left: 0;
}
[dir="rtl"] body section#loginForm form .editor .field-validation-error,
[dir="rtl"] body section#standardSection form .editor .field-validation-error {
  margin-left: 0;
  margin-right: 0;
}
body section#loginForm form label,
body section#standardSection form label {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
body section#loginForm form a,
body section#standardSection form a {
  color: #000000;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 1rem;
  display: inline-block;
}
body section#loginForm form a:hover,
body section#standardSection form a:hover {
  color: #00cd6e;
}
body section#loginForm form div.submitSection:last-of-type,
body section#standardSection form div.submitSection:last-of-type {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.5rem;
}
body section#loginForm form input,
body section#standardSection form input {
  padding: 1rem;
  font-size: 15px;
  font-weight: 400;
}
body section#loginForm form input[type=text],
body section#standardSection form input[type=text],
body section#loginForm form input[type=password],
body section#standardSection form input[type=password] {
  width: 100%;
  max-width: 100%;
}
body section#loginForm form input[type=text]:focus,
body section#standardSection form input[type=text]:focus,
body section#loginForm form input[type=password]:focus,
body section#standardSection form input[type=password]:focus {
  -moz-box-shadow: 0 0 1rem #008045;
  -webkit-box-shadow: 0 0 1rem #008045;
  box-shadow: 0 0 1rem #008045;
  outline: none;
}
body section#loginForm form input[type=submit],
body section#standardSection form input[type=submit] {
  cursor: pointer;
  padding: 1rem 0.5rem 1rem 0.5rem;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 35%;
  width: 35%;
  margin: 0;
}
[dir="rtl"] body section#loginForm form input[type=submit],
[dir="rtl"] body section#standardSection form input[type=submit] {
  padding: 1rem 0.5rem 1rem 0.5rem;
}
body section#loginForm form .form-field input[type=submit],
body section#standardSection form .form-field input[type=submit] {
  max-width: 30rem;
  width: auto;
}
body section#loginForm form select#languageSelect,
body section#standardSection form select#languageSelect {
  padding: 0.8rem 0.5rem 0.8rem 0.5rem;
  font-size: 11px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 60%;
  width: 60%;
}
[dir="rtl"] body section#loginForm form select#languageSelect,
[dir="rtl"] body section#standardSection form select#languageSelect {
  padding: 0.8rem 0.5rem 0.8rem 0.5rem;
}
body section#loginForm form select#languageSelect option,
body section#standardSection form select#languageSelect option {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 25rem;
  max-width: 30rem;
}
body section#standardSection hgroup.title h1.error {
  margin: 0;
  font-size: 8em;
  line-height: 1em;
  color: #999;
}
body section#standardSection hgroup.title h2.error {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #000000;
}
body section#pendingTasksDashboard nav ul li {
  font-size: 11px;
  font-weight: 700;
  color: #666666;
}
body section#pendingTasksDashboard nav ul li span {
  font-size: 3.2rem;
}
body section#pendingTasksDashboard nav ul li.overdue span {
  color: #CC0000;
}
body section#pendingTasksDashboard nav ul li.today span {
  color: #333;
}
body section#processTrackingDashboard {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
body section#processTrackingDashboard nav {
  margin: 0 -1rem;
}
body section#processTrackingDashboard nav ul li {
  font-size: 11px;
  text-align: center;
}
body section#processTrackingDashboard nav ul li span {
  color: #333;
  font-size: 32px;
}
body section #advancedSearch div.row {
  margin-top: 2rem;
  clear: both;
}
body section #advancedSearch #dateType {
  position: relative;
  top: -2rem;
  margin-bottom: -2rem;
}
body section #advancedSearch .itemSelector {
  white-space: nowrap;
}
body section #taskGrid .form-field label b {
  color: #008045 !important;
  font-size: 13px;
}
body section.controlGrid {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
body section.controlGrid header {
  height: auto;
  min-height: 0;
  padding: 0.5em;
  border-radius: 0.3rem 0.3rem 0 0;
  background-color: #001a0e;
  color: #fff;
}
body section.controlGrid header h3 {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  white-space: normal;
}
body section.controlGrid header menu {
  padding-left: 1rem;
}
[dir="rtl"] body section.controlGrid header menu {
  padding-left: 0;
  padding-right: 1rem;
}
body section.controlGrid header menu input[type=submit],
body section.controlGrid header menu input[type=button] {
  background-color: #fff;
  color: #000000;
  font-size: 11px;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
}
body section.controlGrid header menu input {
  border-radius: 0;
  padding: 0.7rem;
  min-width: 4rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
body section.controlGrid header menu input:hover {
  border: none;
  background-color: #008045;
  color: #fff;
}
body section.controlGrid header menu input:not(:first-of-type):not(:last-of-type) {
  border-left: 0.1rem solid #000000;
  border-top: 0.1rem solid #000000;
  border-bottom: 0.1rem solid #000000;
  border-right: none;
}
[dir="rtl"] body section.controlGrid header menu input:not(:first-of-type):not(:last-of-type) {
  border-left: none;
  border-right: 0.1rem solid #000000;
}
body section.controlGrid header menu input:first-of-type {
  border-left: 0.1rem solid #000000;
  border-top: 0.1rem solid #000000;
  border-bottom: 0.1rem solid #000000;
  border-right: none;
  border-radius: 0.8rem 0 0 0.8rem;
}
[dir="rtl"] body section.controlGrid header menu input:first-of-type {
  border-left: none;
  border-right: 0.1rem solid #000000;
  border-radius: 0 0.8rem 0.8rem 0;
}
body section.controlGrid header menu input:last-of-type {
  border-left: 0.1rem solid #000000;
  border-top: 0.1rem solid #000000;
  border-bottom: 0.1rem solid #000000;
  border-right: 0.1rem solid #000000;
  border-radius: 0 0.8rem 0.8rem 0;
}
[dir="rtl"] body section.controlGrid header menu input:last-of-type {
  border-radius: 0.8rem 0 0 0.8rem;
}
body section.controlGrid header menu input:only-child {
  border-left: 0.1rem solid #000000;
  border-top: 0.1rem solid #000000;
  border-bottom: 0.1rem solid #000000;
  border-right: 0.1rem solid #000000;
  border-radius: 0.8rem 0.8rem 0.8rem 0.8rem;
}
body section.controlGrid div.gridArea {
  background: #fbfbfb;
  overflow: auto;
  padding: 0.5rem 1rem 1rem 1rem;
  max-height: 100%;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
body section.controlGrid div.gridArea > table {
  border-collapse: collapse;
}
body section.controlGrid div.gridArea > table tr {
  border-bottom: 0.1rem solid #e9e9e9;
}
body section.controlGrid div.gridArea > table tr:last-of-type {
  border-bottom: none;
}
body section.controlGrid div.gridArea > table tr .fileUpload {
  min-width: 16rem;
}
body section.controlGrid div.gridArea > table tr .fileUpload ul[data-role="fcFileUploadControlList"] {
  min-width: 17rem;
  max-width: 99%;
  width: 99%;
}
body section.controlGrid div.gridArea > table tr .fileUpload ul[data-role="fcFileUploadControlList"] li {
  padding-top: 0;
  padding-bottom: 0;
}
body section.controlGrid div.gridArea > table,
body section div.editor div.gridArea > table,
body section.controlGrid div.editor-field > table,
body section div.editor div.editor-field > table {
  width: 100%;
}
body section.controlGrid div.gridArea table th,
body section div.editor div.gridArea table th,
body section.controlGrid div.editor-field table th,
body section div.editor div.editor-field table th,
body section.controlGrid div.gridArea table td,
body section div.editor div.gridArea table td,
body section.controlGrid div.editor-field table td,
body section div.editor div.editor-field table td {
  background: #fbfbfb;
  margin: 0;
  text-align: left;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
[dir="rtl"] body section.controlGrid div.gridArea table th,
[dir="rtl"] body section div.editor div.gridArea table th,
[dir="rtl"] body section.controlGrid div.editor-field table th,
[dir="rtl"] body section div.editor div.editor-field table th,
[dir="rtl"] body section.controlGrid div.gridArea table td,
[dir="rtl"] body section div.editor div.gridArea table td,
[dir="rtl"] body section.controlGrid div.editor-field table td,
[dir="rtl"] body section div.editor div.editor-field table td {
  text-align: right;
}
body section.controlGrid div.gridArea table th textarea,
body section div.editor div.gridArea table th textarea,
body section.controlGrid div.editor-field table th textarea,
body section div.editor div.editor-field table th textarea,
body section.controlGrid div.gridArea table td textarea,
body section div.editor div.gridArea table td textarea,
body section.controlGrid div.editor-field table td textarea,
body section div.editor div.editor-field table td textarea,
body section.controlGrid div.gridArea table th input[data-role="fcTextControl"],
body section div.editor div.gridArea table th input[data-role="fcTextControl"],
body section.controlGrid div.editor-field table th input[data-role="fcTextControl"],
body section div.editor div.editor-field table th input[data-role="fcTextControl"],
body section.controlGrid div.gridArea table td input[data-role="fcTextControl"],
body section div.editor div.gridArea table td input[data-role="fcTextControl"],
body section.controlGrid div.editor-field table td input[data-role="fcTextControl"],
body section div.editor div.editor-field table td input[data-role="fcTextControl"] {
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
body section.controlGrid div.gridArea table th span[data-role="fcLabelControl"],
body section div.editor div.gridArea table th span[data-role="fcLabelControl"],
body section.controlGrid div.editor-field table th span[data-role="fcLabelControl"],
body section div.editor div.editor-field table th span[data-role="fcLabelControl"],
body section.controlGrid div.gridArea table td span[data-role="fcLabelControl"],
body section div.editor div.gridArea table td span[data-role="fcLabelControl"],
body section.controlGrid div.editor-field table td span[data-role="fcLabelControl"],
body section div.editor div.editor-field table td span[data-role="fcLabelControl"] {
  overflow: hidden;
  font-weight: inherit;
  white-space: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  vertical-align: middle;
}
body section.controlGrid div.gridArea table thead th,
body section div.editor div.gridArea table thead th,
body section.controlGrid div.editor-field table thead th,
body section div.editor div.editor-field table thead th {
  padding: 0.5rem;
  text-align: center;
  border-bottom: 0.1rem solid #808080;
  font-size: 12px;
  font-weight: 700;
  background: #fff;
  color: #000000;
}
body section.controlGrid div.gridArea table thead th span,
body section div.editor div.gridArea table thead th span,
body section.controlGrid div.editor-field table thead th span,
body section div.editor div.editor-field table thead th span {
  font-size: 11px;
  font-weight: 500;
}
body section.controlGrid div.gridArea table thead th:not(:last-of-type),
body section div.editor div.gridArea table thead th:not(:last-of-type),
body section.controlGrid div.editor-field table thead th:not(:last-of-type),
body section div.editor div.editor-field table thead th:not(:last-of-type) {
  border-right: 0.1rem solid #999999;
}
[dir="rtl"] body section.controlGrid div.gridArea table thead th:not(:last-of-type),
[dir="rtl"] body section div.editor div.gridArea table thead th:not(:last-of-type),
[dir="rtl"] body section.controlGrid div.editor-field table thead th:not(:last-of-type),
[dir="rtl"] body section div.editor div.editor-field table thead th:not(:last-of-type) {
  border-right: 0;
  border-left: 0.1rem solid #999999;
}
body section.controlGrid div.gridArea table thead span.required:after,
body section div.editor div.gridArea table thead span.required:after,
body section.controlGrid div.editor-field table thead span.required:after,
body section div.editor div.editor-field table thead span.required:after {
  color: #CC0000;
  content: "*";
}
body section.controlGrid div.gridArea table tbody tr,
body section div.editor div.gridArea table tbody tr,
body section.controlGrid div.editor-field table tbody tr,
body section div.editor div.editor-field table tbody tr {
  border-bottom: 0.1rem solid #e9e9e9;
}
body section.controlGrid div.gridArea table tbody tr:hover,
body section div.editor div.gridArea table tbody tr:hover,
body section.controlGrid div.editor-field table tbody tr:hover,
body section div.editor div.editor-field table tbody tr:hover {
  background: #f6f6f6;
}
body section.controlGrid div.gridArea table tbody tr:hover button.ui-datepicker-trigger,
body section div.editor div.gridArea table tbody tr:hover button.ui-datepicker-trigger,
body section.controlGrid div.editor-field table tbody tr:hover button.ui-datepicker-trigger,
body section div.editor div.editor-field table tbody tr:hover button.ui-datepicker-trigger {
  background: transparent;
}
body section.controlGrid div.gridArea table tbody tr td,
body section div.editor div.gridArea table tbody tr td,
body section.controlGrid div.editor-field table tbody tr td,
body section div.editor div.editor-field table tbody tr td {
  padding: 0.7rem;
  vertical-align: middle;
}
body section.controlGrid div.gridArea table tbody tr td input[type="radio"],
body section div.editor div.gridArea table tbody tr td input[type="radio"],
body section.controlGrid div.editor-field table tbody tr td input[type="radio"],
body section div.editor div.editor-field table tbody tr td input[type="radio"],
body section.controlGrid div.gridArea table tbody tr td input[type="checkbox"],
body section div.editor div.gridArea table tbody tr td input[type="checkbox"],
body section.controlGrid div.editor-field table tbody tr td input[type="checkbox"],
body section div.editor div.editor-field table tbody tr td input[type="checkbox"] {
  padding: 0.2rem;
}
body section.controlGrid div.gridArea table tbody tr td button.ui-datepicker-trigger,
body section div.editor div.gridArea table tbody tr td button.ui-datepicker-trigger,
body section.controlGrid div.editor-field table tbody tr td button.ui-datepicker-trigger,
body section div.editor div.editor-field table tbody tr td button.ui-datepicker-trigger {
  background: transparent;
}
body section.controlGrid div.gridArea table tbody tr td input,
body section div.editor div.gridArea table tbody tr td input,
body section.controlGrid div.editor-field table tbody tr td input,
body section div.editor div.editor-field table tbody tr td input {
  vertical-align: middle;
}
body section.controlGrid div.gridArea table tbody tr td:not(:last-of-type),
body section div.editor div.gridArea table tbody tr td:not(:last-of-type),
body section.controlGrid div.editor-field table tbody tr td:not(:last-of-type),
body section div.editor div.editor-field table tbody tr td:not(:last-of-type) {
  border-right: 0.1rem solid #e9e9e9;
}
[dir="rtl"] body section.controlGrid div.gridArea table tbody tr td:not(:last-of-type),
[dir="rtl"] body section div.editor div.gridArea table tbody tr td:not(:last-of-type),
[dir="rtl"] body section.controlGrid div.editor-field table tbody tr td:not(:last-of-type),
[dir="rtl"] body section div.editor div.editor-field table tbody tr td:not(:last-of-type) {
  border-right: 0;
  border-left: 0.1rem solid #e9e9e9;
}
body section.controlGrid div.gridArea div.noItems,
body section div.editor div.gridArea div.noItems,
body section.controlGrid div.editor-field div.noItems,
body section div.editor div.editor-field div.noItems {
  padding: 1.5rem;
  padding-left: 0;
  color: #666666;
  font-size: 15px;
  font-weight: 300;
}
[dir="rtl"] body section.controlGrid div.gridArea div.noItems,
[dir="rtl"] body section div.editor div.gridArea div.noItems,
[dir="rtl"] body section.controlGrid div.editor-field div.noItems,
[dir="rtl"] body section div.editor div.editor-field div.noItems {
  padding-left: 0;
  padding-right: 0;
}
body section.controlGrid .gridArea td,
body section div.editor .gridArea td {
  font-size: 12px;
  font-weight: 300;
}
body section.controlGrid .gridArea td a,
body section div.editor .gridArea td a,
body section.controlGrid .gridArea td a:visited,
body section div.editor .gridArea td a:visited,
body section.controlGrid .gridArea td span,
body section div.editor .gridArea td span {
  font-size: inherit;
}
body section.controlGrid .gridArea td span,
body section div.editor .gridArea td span {
  font-weight: inherit;
}
body section.controlGrid .gridArea td a,
body section div.editor .gridArea td a,
body section.controlGrid .gridArea td a:visited,
body section div.editor .gridArea td a:visited {
  font-weight: 400;
}
body section span.required:after {
  color: #CC0000;
  content: "*";
}
body section#accountDetails header nav span.label,
body section#updateAccountDetails header nav span.label,
body section#changePassword header nav span.label {
  position: relative;
  top: -0.3rem;
}
body section#accountDetails header nav li,
body section#updateAccountDetails header nav li,
body section#changePassword header nav li {
  float: left;
}
body section#accountDetails header nav a,
body section#updateAccountDetails header nav a,
body section#changePassword header nav a {
  font-size: 13px;
  margin: 0;
  padding: 0;
  margin-left: 1.5rem;
}
[dir="rtl"] body section#accountDetails header nav a,
[dir="rtl"] body section#updateAccountDetails header nav a,
[dir="rtl"] body section#changePassword header nav a {
  margin-left: 0;
  margin-right: 1.5rem;
}
body [data-role="controlGrid-dialog"] > table {
  width: 100%;
}
body [data-role="controlGrid-dialog"] > table tbody tr {
  border-bottom: 0.1rem solid #e9e9e9;
}
body div.loginHeader {
  background: none;
  grid-area: header;
  align-self: end;
  justify-self: center;
  width: 100%;
}
body div.loginHeader H1 {
  font-size: 36px;
  margin: 0.5rem 0;
  margin-top: 2.5rem;
  display: block;
  color: #fff;
  width: 40rem;
  margin: 0 auto;
  background-position: center;
}
body div.loginHeader H1.header {
  width: 43rem;
  height: 4rem;
  top: 0;
}
body #processNotesDialog {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, min-content);
  overflow: auto;
}
body #processNotesDialog header {
  font-size: 15px;
  font-weight: 500;
  color: #404040;
  padding-top: 0;
}
body #processNotesDialog header p.new-note {
  font-size: 15px;
  color: #666666;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
body #processNotesDialog div.no-notes {
  font-size: 36px;
  font-weight: 300;
  color: #c9c9c9;
}
body #processNotesDialog .addNotes {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: 0.5fr;
  grid-template-rows: 0.85fr 0.15fr;
}
body #processNotesDialog .addNotes .notes-input {
  min-width: 15rem;
  width: 100%;
  max-width: 100%;
  min-height: 9rem;
  height: 100%;
}
body #processNotesDialog .addNotes .small {
  width: 10rem;
}
body #processNotesDialog ul.notes {
  padding: 0;
  margin: 0;
}
body #processNotesDialog ul.notes li.note {
  list-style: none;
  margin: 0;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background-color: #f6f6f6;
  display: grid;
  width: 100%;
  grid-template-areas: "taskDetails taskMetaData";
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
body #processNotesDialog ul.notes li.note:not(:first-of-type) {
  margin-top: 0.7rem;
}
body #processNotesDialog ul.notes li.note .fa-quote-left,
body #processNotesDialog ul.notes li.note .fa-quote-right {
  font-size: 13px;
  color: #7c7c7c;
  padding: 0.3em;
}
body #processNotesDialog ul.notes li.note .details {
  grid-area: taskDetails;
  height: 100%;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  min-width: 10rem;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  padding: 1rem;
}
body #processNotesDialog ul.notes li.note .details div {
  font-weight: 300;
}
body #processNotesDialog ul.notes li.note .metadata {
  grid-area: taskMetaData;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-end;
  justify-self: flex-end;
  align-self: center;
  -moz-border-radius: 0 0.3rem 0.3rem 0;
  -webkit-border-radius: 0 0.3rem 0.3rem 0;
  -khtml-border-radius: 0 0.3rem 0.3rem 0;
  border-radius: 0 0.3rem 0.3rem 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  font-size: 10px;
  padding: 1rem;
  background-color: #d6d6d6;
  text-align: right;
}
[dir="rtl"] body #processNotesDialog ul.notes li.note .metadata {
  -moz-border-radius: 0.3rem 0 0 0.3rem;
  -webkit-border-radius: 0.3rem 0 0 0.3rem;
  -khtml-border-radius: 0.3rem 0 0 0.3rem;
  border-radius: 0.3rem 0 0 0.3rem;
}
[dir="rtl"] body #processNotesDialog ul.notes li.note .metadata {
  text-align: left;
}
body #processNotesDialog ul.notes li.note .metadata > div {
  display: flex;
  flex-direction: column;
  font-size: 11px;
  font-weight: 700;
  color: #595959;
  margin-bottom: 0.5rem;
}
body #processNotesDialog ul.notes li.note .metadata > div span,
body #processNotesDialog ul.notes li.note .metadata > div div {
  font-size: 12px;
  font-weight: 700;
  color: #595959;
}
body #processNotesDialog ul.notes li.note .metadata > div label {
  font-weight: 400;
  color: #666666;
}
body #processNotesDialog footer {
  padding-bottom: 1rem;
  font-size: 11px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
body #processNotesDialog footer .pager-prev-nr-next {
  display: flex;
  flex-direction: row;
  justify-items: center;
  align-items: center;
}
body #processNotesDialog footer .pager-prev-nr-next span {
  font-size: 11px;
}
body #mainDashboard > header {
  width: 100%;
}
body #mainDashboard > header h1 {
  margin: 0;
  margin-bottom: 1rem;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
}
body #mainDashboard .gauges-wrapper {
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  height: 100%;
  padding: 1rem 2rem 1rem 2rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content auto;
  grid-gap: 0.5rem;
}
body #mainDashboard .dashboardQuickActions {
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.3rem;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
  padding: 1rem 2rem 1rem 2rem;
}
body #mainDashboard .dashboardQuickActions header {
  width: 100%;
  color: #000000;
  padding-top: 0.5rem;
}
body #mainDashboard .dashboardQuickActions header h1 {
  margin: 0;
  margin-bottom: 1rem;
  padding: 0;
  font-size: 0.9em;
  font-weight: 500;
}
body #mainDashboard .dashboardQuickActions header h3 {
  font-size: 1.2rem;
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 500;
  color: #000000;
  max-width: 76rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body #mainDashboard .dashboardQuickActions header h4 {
  font-size: 1.1rem;
  font-weight: 500;
}
body #mainDashboard .dashboardQuickActions ul {
  padding: 0;
  margin: 0;
}
body #mainDashboard .dashboardQuickActions li {
  margin-top: 0;
  margin: 0.3rem 0;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  list-style: none;
}
body #mainDashboard .dashboardQuickActions li a {
  text-decoration: none;
  text-transform: none;
  font-size: 1.1rem;
  color: #333;
  font-weight: 400;
}
body #mainDashboard .dashboardQuickActions li a:hover {
  color: #00cd6e;
}
body #mainDashboard .charts-wrapper {
  display: block;
  -moz-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
body #mainDashboard .charts-wrapper > * {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: auto;
  grid-template-rows: min-content auto;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  width: 100%;
  height: 100%;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-1 {
  border-color: #0072e6;
  background-color: #007FFF;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-2 {
  border-color: #379f15;
  background-color: #3FB618;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-3 {
  border-color: #fe6600;
  background-color: #FF7518;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-4 {
  border-color: #e69500;
  background-color: #FFA500;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-5 {
  border-color: #c40000;
  background-color: #DD0000;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-6 {
  border-color: #e25bad;
  background-color: #E671B8;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-7 {
  border-color: #8d46b0;
  background-color: #9954BB;
}
body #mainDashboard .charts-wrapper .ui-chart-palette-8 {
  border-color: #1b21a0;
  background-color: #1F26B6;
}
body #mainDashboard .charts-wrapper .ui-chart-axis {
  border-color: #999;
  background-color: #999;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
}
body #mainDashboard .charts-wrapper .ui-chart-piechart-container {
  font-size: 13px;
  padding-bottom: 1rem;
  background: transparent;
}
body #mainDashboard .charts-wrapper .ui-chart-legend {
  overflow: hidden;
  background: transparent;
  grid-area: legendContainer;
  justify-self: flex-start;
}
body #mainDashboard .charts-wrapper .ui-chart-legend-items-list {
  margin: 0;
  display: grid;
  grid-gap: 0.5rem;
  background-color: transparent;
}
body #mainDashboard .charts-wrapper .ui-chart-legend-items-list tbody {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
body #mainDashboard .charts-wrapper .ui-chart-legend-items-list .ui-chart-legend-item {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 0.5rem;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  max-width: 99%;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
body #mainDashboard .charts-wrapper .ui-chart-legend-item-text {
  vertical-align: middle;
  font-size: 11px;
  font-weight: 400;
  max-width: 99%;
  cursor: pointer;
  color: #333;
}
body #mainDashboard .charts-wrapper .ui-chart-legend-item-text span {
  max-width: 99%;
  display: block;
  overflow: hidden;
  font-weight: 400;
  text-overflow: ellipsis;
  padding-bottom: 0.3rem;
}
body #mainDashboard .charts-wrapper .ui-chart-legend-item-text span:hover {
  color: #00cd6e;
}
body #mainDashboard .charts-wrapper .ui-chart-legend table tr {
  display: block;
}
body #mainDashboard .charts-wrapper .ui-chart-legend table tr > td {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
body #mainDashboard .charts-wrapper .ui-chart-legend table tr > td:nth-of-type(odd) {
  width: 99%;
}
body #mainDashboard .charts-wrapper .ui-chart-legend table tr > td:nth-of-type(even) {
  width: 99%;
}
body #mainDashboard .charts-wrapper .ui-chart-tooltip {
  -moz-box-shadow: 0 0 0.5rem 0.2rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 0.5rem 0.2rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0.5rem 0.2rem rgba(0, 0, 0, 0.5);
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
  font-size: 12px;
  padding: 0.5rem;
  background-color: #f6f6f6;
  -moz-border-radius: 0.3rem !important;
  -webkit-border-radius: 0.3rem !important;
  -khtml-border-radius: 0.3rem !important;
  border-radius: 0.3rem !important;
}
body #series1_tooltip.ui-chart-tooltip {
  -moz-box-shadow: 0 0 0.5rem 0.2rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 0.5rem 0.2rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0.5rem 0.2rem rgba(0, 0, 0, 0.5);
  font-size: 13px;
  padding: 0.5rem;
  background-color: #f6f6f6;
}
body input[type=text],
body input[type=number],
body input[type=password],
body textarea,
body select {
  border: 0.1rem solid #999 !important;
  font-size: 12px;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
  color: #000000;
  /* firefox 19+ */
  /* ie */
  border-radius: 0.4rem;
  resize: both;
  line-height: 1.45em;
}
body input[type=text] ::-webkit-input-placeholder,
body input[type=number] ::-webkit-input-placeholder,
body input[type=password] ::-webkit-input-placeholder,
body textarea ::-webkit-input-placeholder,
body select ::-webkit-input-placeholder {
  color: #efefef;
}
body input[type=text] ::-moz-placeholder,
body input[type=number] ::-moz-placeholder,
body input[type=password] ::-moz-placeholder,
body textarea ::-moz-placeholder,
body select ::-moz-placeholder {
  color: #efefef;
}
body input[type=text] :-ms-input-placeholder,
body input[type=number] :-ms-input-placeholder,
body input[type=password] :-ms-input-placeholder,
body textarea :-ms-input-placeholder,
body select :-ms-input-placeholder {
  color: #efefef;
}
body input[type=text] input:-moz-placeholder,
body input[type=number] input:-moz-placeholder,
body input[type=password] input:-moz-placeholder,
body textarea input:-moz-placeholder,
body select input:-moz-placeholder {
  color: #efefef;
}
body input[type=text]:focus,
body input[type=number]:focus,
body input[type=password]:focus,
body textarea:focus,
body select:focus {
  -moz-box-shadow: 0 0 0.5rem #008045;
  -webkit-box-shadow: 0 0 0.5rem #008045;
  box-shadow: 0 0 0.5rem #008045;
  outline: none;
}
body input[type=text]:disabled,
body input[type=number]:disabled,
body input[type=password]:disabled,
body textarea:disabled,
body select:disabled,
body input[type=text][disabled],
body input[type=number][disabled],
body input[type=password][disabled],
body textarea[disabled],
body select[disabled] {
  border-color: #fafafa !important;
  background: #fafafa;
}
body select,
body input[type=checkbox],
body input[type=radio] {
  cursor: pointer;
}
body select:disabled,
body input[type=checkbox]:disabled,
body input[type=radio]:disabled,
body select[disabled],
body input[type=checkbox][disabled],
body input[type=radio][disabled] {
  cursor: default;
}
body div.no-notes {
  font-size: 36px;
  font-weight: 300;
  color: #c9c9c9;
}
body input[type=number] {
  -moz-appearance: textfield;
}
body input[type=number]::-webkit-inner-spin-button,
body input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body textarea {
  padding: 0.5rem !important;
  white-space: pre-wrap;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
body input[type=file] {
  font-size: 13px !important;
}
body .toast-title hr,
body .toast-message hr {
  border-top-style: solid;
  border-top-width: 0.1rem;
  border-top-style: none;
}
body .toast-title {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}
body .toast-message {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 13px;
  color: #fff;
}
body .toast-message #pendingTasksHeader {
  font-weight: 700;
}
body .toast-message #currentTaskMessage,
body .toast-message #processResultMessage {
  font-weight: 400;
  padding-bottom: 0.8rem;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
body .toast-message #clickToView {
  font-weight: 700;
}
body .toast-top-right,
body .toast-bottom-right {
  right: 1.9rem;
}
[dir="rtl"] body .toast-top-right,
[dir="rtl"] body .toast-bottom-right {
  right: auto;
  left: 1.9rem;
}
body #toast-container > div {
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  width: 40rem;
  border-radius: 0.4rem;
}
body #toast-container .toast-info,
body #toast-container .toast-error,
body #toast-container .toast-success,
body #toast-container .toast-warning {
  background-image: none !important;
}
body #toast-container .toast-info {
  background-color: #001a0e;
}
body input[type=submit],
body input[type=button],
body a.button,
body button.button {
  cursor: pointer;
  background: #001a0e;
  color: #fff;
  border: 0.1rem solid #000000;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  font-size: 11px;
  font-weight: 400;
  padding: 1rem 1.5rem;
  min-width: 7rem;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
}
body input[type=submit].ui-button,
body input[type=button].ui-button,
body a.button.ui-button,
body button.button.ui-button {
  background: #001a0e;
  color: #fff !important;
  font-weight: 700 !important;
}
body input[type=submit]:hover,
body input[type=button]:hover,
body a.button:hover,
body button.button:hover {
  -moz-box-shadow: 0 0 0.7rem #333 !important;
  -webkit-box-shadow: 0 0 0.7rem #333 !important;
  box-shadow: 0 0 0.7rem #333 !important;
  border: 0.1rem solid #006737;
  background-color: #008045;
  color: #fff;
  z-index: inherit;
}
body input[type=submit]:disabled,
body input[type=button]:disabled,
body a.button:disabled,
body button.button:disabled,
body input[type=submit][disabled],
body input[type=button][disabled],
body a.button[disabled],
body button.button[disabled] {
  background: #DDD;
  border: 0.1rem solid #DDD;
  -moz-box-shadow: 0 0 0 #333 !important;
  -webkit-box-shadow: 0 0 0 #333 !important;
  box-shadow: 0 0 0 #333 !important;
  pointer-events: none;
  cursor: default;
}
body input[type=submit]:disabled:hover,
body input[type=button]:disabled:hover,
body a.button:disabled:hover,
body button.button:disabled:hover,
body input[type=submit][disabled]:hover,
body input[type=button][disabled]:hover,
body a.button[disabled]:hover,
body button.button[disabled]:hover {
  background: #DDD !important;
  border: 0.1rem solid #DDD;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
body input[type=button].reset {
  background: #006737;
  font-size: 11px;
  padding: 0.5rem 1rem;
}
body a.button {
  position: relative;
}
body a.button:hover {
  -moz-box-shadow: 0 0 0.7rem #333 !important;
  -webkit-box-shadow: 0 0 0.7rem #333 !important;
  box-shadow: 0 0 0.7rem #333 !important;
}
body .ui-menu-item a {
  padding: 0;
  font-size: 11px;
}
body .ui-menu-item a:hover {
  color: #fff;
  background-color: #001a0e;
}
body .ui-widget {
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
}
body .ui-widget input,
body .ui-widget select,
body .ui-widget textarea,
body .ui-widget button {
  font-family: inherit;
}
body .ui-dialog,
body .ui-dialog-content {
  /*box-sizing: content-box;*/
}
body .ui-dialog {
  padding: 0;
  -moz-box-shadow: 0 0 1.5rem #333;
  -webkit-box-shadow: 0 0 1.5rem #333;
  box-shadow: 0 0 1.5rem #333;
  border: none;
  z-index: 9999;
  border-radius: 0.4rem;
}
body .ui-dialog .ui-widget-header {
  border: none;
  background: #001a0e;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}
body .ui-dialog .ui-widget-header a {
  color: #fff !important;
  padding: 0;
}
body .ui-dialog .ui-widget-header .ui-icon {
  position: relative;
  left: 0.5rem;
  right: 1rem;
}
[dir="rtl"] body .ui-dialog .ui-widget-header .ui-icon {
  right: 0.5rem;
  left: 1rem;
}
body .ui-dialog .ui-widget-header .ui-icon:hover {
  background-color: #fff;
  -moz-box-shadow: 0 0 0 0 #333;
  -webkit-box-shadow: 0 0 0 0 #333;
  box-shadow: 0 0 0 0 #333;
}
body .ui-dialog .ui-widget-header a.ui-state-hover {
  border: none !important;
  background: transparent;
}
body .ui-dialog .ui-widget-header a.ui-state-hover .ui-icon {
  background-color: #fff;
  border: none !important;
  -moz-box-shadow: 0 0 0 0 #333;
  -webkit-box-shadow: 0 0 0 0 #333;
  box-shadow: 0 0 0 0 #333;
}
body .ui-dialog .ui-dialog-content {
  width: 100%;
  background: #fbfbfb;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filterdialogclearall {
  float: right !important;
  text-transform: lowercase;
}
[dir="rtl"] body .ui-dialog .ui-dialog-content .ui-iggrid-filterdialogclearall {
  float: left !important;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filterdialogclearall span {
  color: #00341c;
  font-size: 12px;
  font-weight: 400;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filterdialogclearall:hover span {
  color: #008045;
}
body .ui-dialog .ui-dialog-content label.ui-state-error {
  font-size: 13px !important;
}
body .ui-dialog .ui-dialog-content .ui-state-highlight {
  background-image: none;
  background-color: #efefef;
  border: none;
  border-collapse: collapse;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable .ui-igedit-field {
  padding: 0.5rem !important;
  font-size: 13px;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable input[style].ui-igedit-field {
  height: 2.4rem !important;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable td {
  vertical-align: top !important;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable td:last-of-type {
  vertical-align: middle !important;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable td .ui-icon-closethick:hover {
  cursor: pointer !important;
  background-color: #efefef !important;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable td select {
  border: 0.1rem solid #cccccc !important;
  border-collapse: collapse !important;
  border-radius: 0.4rem;
  line-height: 0.1rem !important;
  margin: 0;
  max-height: 2.6rem;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable td select:hover {
  border: 0.1rem solid #8c8c8c !important;
  cursor: pointer;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable td select option {
  cursor: pointer !important;
  border: 0.1rem solid #cccccc !important;
  border-collapse: collapse !important;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filtertable td select option:hover {
  background-color: #008045 !important;
  color: #fff !important;
  cursor: pointer !important;
}
body .ui-dialog .ui-dialog-content .ui-iggrid-filterdialogokcancelbuttoncontainer .ui-dialog-buttonset {
  margin-bottom: 1rem;
}
body .ui-dialog .ui-dialog-content span {
  font-size: 13px;
}
body .ui-dialog .ui-dialog-content table tr button.ui-datepicker-trigger {
  background: transparent;
  vertical-align: middle;
}
body .ui-dialog .ui-dialog-content table tr:hover button.ui-datepicker-trigger {
  background: transparent;
}
body .ui-dialog .ui-dialog-titlebar {
  max-height: 5rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: center;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  color: #000000 !important;
  background-color: #fff;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  right: 0.7em;
}
[dir="rtl"] body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  right: auto;
  left: 0.7em;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
  outline: none;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-icon-primary {
  display: none;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
  background-color: #008045;
  color: #fff !important;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text {
  display: none;
}
body .ui-dialog .ui-dialog-titlebar menu {
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  justify-items: flex-start;
  align-items: center;
  text-align: right;
  padding: 0.5rem 1rem 0.5rem 1rem;
  margin-right: 1rem;
}
[dir="rtl"] body .ui-dialog .ui-dialog-titlebar menu {
  text-align: left;
}
[dir="rtl"] body .ui-dialog .ui-dialog-titlebar menu {
  margin-right: 0;
  margin-left: 1rem;
}
body .ui-dialog .ui-dialog-titlebar menu input {
  border-radius: 0;
  min-width: 4rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
body .ui-dialog .ui-dialog-titlebar menu input[type=submit] {
  line-height: 1em;
  min-height: 2rem;
  min-width: 2rem;
  text-align: center;
}
body .ui-dialog .ui-dialog-titlebar menu input.controlGrid-refreshButton,
body .ui-dialog .ui-dialog-titlebar menu input.controlGrid-removeButton,
body .ui-dialog .ui-dialog-titlebar menu input.controlGrid-addButton {
  color: #000000;
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  vertical-align: middle;
  border: 0.1rem solid #000000;
  background-color: #fff;
  padding: 0.8rem 1rem;
  font-size: 11px;
  font-weight: 700;
}
body .ui-dialog .ui-dialog-titlebar menu input.controlGrid-refreshButton:hover,
body .ui-dialog .ui-dialog-titlebar menu input.controlGrid-removeButton:hover,
body .ui-dialog .ui-dialog-titlebar menu input.controlGrid-addButton:hover {
  background-color: #008045;
  color: #fff;
}
body .ui-dialog .ui-dialog-titlebar menu input:not(last-of-type),
body .ui-dialog .ui-dialog-titlebar menu input:not(first-of-type) {
  border-radius: 0;
}
body .ui-dialog .ui-dialog-titlebar menu input:not(:first-of-type):not(:last-of-type) {
  border-left: 0.1rem solid #000000;
  border-top: 0.1rem solid #000000;
  border-bottom: 0.1rem solid #000000;
  border-right: none;
}
[dir="rtl"] body .ui-dialog .ui-dialog-titlebar menu input:not(:first-of-type):not(:last-of-type) {
  border-left: none;
  border-right: 0.1rem solid #000000;
}
body .ui-dialog .ui-dialog-titlebar menu input:first-of-type {
  border-left: 0.1rem solid #000000;
  border-top: 0.1rem solid #000000;
  border-bottom: 0.1rem solid #000000;
  border-right: none;
  border-radius: 0.8rem 0 0 0.8rem;
}
[dir="rtl"] body .ui-dialog .ui-dialog-titlebar menu input:first-of-type {
  border-left: none;
  border-right: 0.1rem solid #000000;
  border-radius: 0 0.8rem 0.8rem 0;
}
body .ui-dialog .ui-dialog-titlebar menu input:last-of-type {
  border-left: 0.1rem solid #000000;
  border-top: 0.1rem solid #000000;
  border-bottom: 0.1rem solid #000000;
  border-right: 0.1rem solid #000000;
  border-radius: 0 0.8rem 0.8rem 0;
}
[dir="rtl"] body .ui-dialog .ui-dialog-titlebar menu input:last-of-type {
  border-radius: 0.8rem 0 0 0.8rem;
}
body .ui-dialog .ui-dialog-titlebar menu input:only-child {
  border-left: 0.1rem solid #000000;
  border-top: 0.1rem solid #000000;
  border-bottom: 0.1rem solid #000000;
  border-right: 0.1rem solid #000000;
  border-radius: 0.8rem 0.8rem 0.8rem 0.8rem;
}
body .ui-dialog div.ui-iggrid-pager .ui-state-default {
  background: transparent;
  border: none !important;
  color: #fafafa !important;
  display: table-cell;
  vertical-align: middle !important;
  font-size: 1.2rem;
  position: relative;
  top: 0.3rem;
}
body .ui-dialog div.ui-iggrid-pager .ui-icon {
  background-color: #009a53;
  /*background-image: @jqueryWhiteIconSet; //todo - replace with fontawesome*/
  /*display: inline-block;
				background: none repeat scroll 0 0 transparent;
				top: 0;
				.margin-left(0);
				.margin-right(0);
				left: 0;
				right: 0;
				margin-top: 0;
				text-indent: 0;

				&:before {
					font-family: @iconFont;
					font-weight: @heavy-weight;
					content: "\f00d";
					vertical-align: top;
					text-align: center;
				}*/
}
body .ui-dialog div.ui-iggrid-pager .ui-iggrid-pagecurrent {
  border: none !important;
  top: 0;
}
body .ui-dialog div.ui-iggrid-pager .ui-state-active a.ui-iggrid-pagelinkcurrent {
  font-weight: 700 !important;
  color: #008045 !important;
  font-size: 1.2rem !important;
}
body .ui-dialog .ui-widget-content {
  background: #ffffff;
}
body .ui-dialog .ui-widget-content a,
body .ui-dialog .ui-widget-content a:visited {
  font-size: 11px;
  color: #006080;
}
body .ui-dialog .ui-widget-content a:hover,
body .ui-dialog .ui-widget-content a:visited:hover,
body .ui-dialog .ui-widget-content a:active,
body .ui-dialog .ui-widget-content a:visited:active {
  color: #00cd6e;
}
body .ui-dialog .ui-widget-content a:disabled,
body .ui-dialog .ui-widget-content a:visited:disabled,
body .ui-dialog .ui-widget-content a[disabled],
body .ui-dialog .ui-widget-content a:visited[disabled] {
  color: #DDD;
  cursor: default;
}
body .ui-dialog .ui-widget-content .ui-widget-header {
  background: #00341c;
}
body .ui-dialog .ui-widget-content .ui-widget-header .ui-icon:hover {
  background-color: #008045;
  -moz-box-shadow: 0 0 0 0 #333;
  -webkit-box-shadow: 0 0 0 0 #333;
  box-shadow: 0 0 0 0 #333;
}
body .ui-dialog .ui-widget-content section[data-role="controlGrid"] header {
  min-height: 0;
  padding: 0.5em;
}
body .ui-dialog .ui-widget-content section[data-role="controlGrid"] header h3 {
  top: 0;
}
body .ui-dialog .ui-widget-content table {
  padding: 0;
  margin: 0;
  border-collapse: collapse;
}
body .ui-dialog .ui-widget-content table th,
body .ui-dialog .ui-widget-content table td {
  margin: 0;
  font-size: 11px;
  text-align: left;
  white-space: nowrap;
}
[dir="rtl"] body .ui-dialog .ui-widget-content table th,
[dir="rtl"] body .ui-dialog .ui-widget-content table td {
  text-align: right;
}
body .ui-dialog .ui-widget-content table th input,
body .ui-dialog .ui-widget-content table td input {
  vertical-align: middle;
}
body .ui-dialog .ui-widget-content table th span,
body .ui-dialog .ui-widget-content table td span {
  font-size: inherit;
  font-weight: 300;
}
body .ui-dialog .ui-widget-content table td {
  font-size: 12px;
}
body .ui-dialog .ui-widget-content table thead th {
  padding: 0.5rem;
  font-size: 11px;
  font-weight: 700;
  background: #fff;
  color: #000000;
  border-bottom: 0.1rem solid #808080;
}
body .ui-dialog .ui-widget-content table thead th span {
  font-weight: 500;
  font-size: 11px;
}
body .ui-dialog .ui-widget-content table thead th:not(:last-of-type) {
  border-right: 0.1rem solid #999999;
}
[dir="rtl"] body .ui-dialog .ui-widget-content table thead th:not(:last-of-type) {
  border-right: 0;
  border-left: 0.1rem solid #999999;
}
body .ui-dialog .ui-widget-content table tbody tr {
  /*border-bottom: 0.1rem solid darken(@subtle-background-colour, 5%);*/
}
body .ui-dialog .ui-widget-content table tbody td {
  padding: 0.4em;
}
body .ui-dialog .ui-widget-content div.noItems {
  padding: 1.5rem;
  background: #f6f6f6;
  color: #666666;
  font-weight: 300;
  font-size: 15px;
}
body .ui-dialog .ui-iggrid-sortableheader > a {
  font-size: 15px !important;
}
body .ui-dialog input,
body .ui-dialog select,
body .ui-dialog textarea {
  font-size: 13px;
  padding: 0.3rem;
}
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content table thead th {
  text-align: center;
}
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content table td {
  font-size: 12px;
  font-weight: 300;
}
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content table td:not(:last-of-type) {
  border-right: 0.1rem solid #e9e9e9;
}
[dir="rtl"] body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content table td:not(:last-of-type) {
  border-right: 0;
  border-left: 0.1rem solid #e9e9e9;
}
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content table td span {
  font-size: 12px;
}
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content input,
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content select,
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content textarea {
  padding: 0.3rem;
  font-size: 12px;
}
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content input[type="checkbox"],
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content select[type="checkbox"],
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content textarea[type="checkbox"],
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content input[type="radio"],
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content select[type="radio"],
body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content textarea[type="radio"] {
  margin-right: 0.3rem;
}
[dir="rtl"] body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content input[type="checkbox"],
[dir="rtl"] body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content select[type="checkbox"],
[dir="rtl"] body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content textarea[type="checkbox"],
[dir="rtl"] body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content input[type="radio"],
[dir="rtl"] body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content select[type="radio"],
[dir="rtl"] body .ui-dialog [data-role="controlGrid-dialog"].ui-widget-content textarea[type="radio"] {
  margin-right: 0;
  margin-left: 0.3rem;
}
body .ui-dialog div#allProcessGroupsDialog ul li a,
body .ui-dialog div#allProcessesDialog ul li a,
body .ui-dialog div#allTasksDialog ul li a,
body .ui-dialog div#allReportsDialog ul li a,
body .ui-dialog div#allMostUsedTasksDialog ul li a {
  display: grid;
  grid-template-columns: 5rem 20rem;
  grid-template-rows: 7rem;
  grid-template-areas: ". .";
  align-content: center;
  align-items: center;
  justify-content: center;
  background: #001a0e;
  color: #fafafa;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 1em 0 0;
  text-align: center;
  height: 100%;
  line-height: 2rem;
  width: 100%;
  vertical-align: middle;
  font-weight: 400;
  font-size: 13px;
}
[dir="rtl"] body .ui-dialog div#allProcessGroupsDialog ul li a,
[dir="rtl"] body .ui-dialog div#allProcessesDialog ul li a,
[dir="rtl"] body .ui-dialog div#allTasksDialog ul li a,
[dir="rtl"] body .ui-dialog div#allReportsDialog ul li a,
[dir="rtl"] body .ui-dialog div#allMostUsedTasksDialog ul li a {
  padding: 0 0 0 1em;
}
body .ui-dialog div#allProcessGroupsDialog ul li a:hover,
body .ui-dialog div#allProcessesDialog ul li a:hover,
body .ui-dialog div#allTasksDialog ul li a:hover,
body .ui-dialog div#allReportsDialog ul li a:hover,
body .ui-dialog div#allMostUsedTasksDialog ul li a:hover {
  background: #008045 !important;
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
  color: #fff !important;
}
body .ui-dialog button.ui-button-text-only {
  font-size: 13px !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  color: #333 !important;
}
body .ui-dialog button.ui-button-text-only:hover {
  color: #008045 !important;
}
body .ui-dialog .ui-dialog-buttonset .ui-button {
  background: #001a0e !important;
  color: #fff !important;
  border: 0.1rem solid #001a0e;
}
body .ui-dialog .ui-dialog-buttonset .ui-button:hover {
  background: #008045 !important;
  color: #fff !important;
  -moz-box-shadow: 0 0 0.5rem #999;
  -webkit-box-shadow: 0 0 0.5rem #999;
  box-shadow: 0 0 0.5rem #999;
  border: 0.1rem solid #006737;
}
body .ui-dialog div[data-role="controlGrid-dialog"] tr:hover {
  background: #f6f6f6;
}
body .ui-dialog .ui-iggrid-table td {
  font-size: 13px;
  padding: 0.5rem;
  padding-left: 1.5rem;
}
[dir="rtl"] body .ui-dialog .ui-iggrid-table td {
  padding-left: 0;
  padding-right: 1.5rem;
}
body .ui-dialog .ui-iggrid-table td.ui-state-hover {
  border: none !important;
  font-weight: 700;
}
body .ui-dialog .ui-iggrid-table td.ui-state-active {
  background: #008045 !important;
  color: #fff !important;
  border: none !important;
  font-weight: 700 !important;
}
body .ui-dialog .ui-iggrid-table .ui-iggrid-paging a.ui-iggrid-pagelinkcurrent {
  color: #008045 !important;
  cursor: default !important;
}
body .ui-dialog .ui-iggrid-table .ui-iggrid-paging .ui-iggrid-pagedropdownlabels {
  color: #fff !important;
  border: none !important;
  font-weight: 700 !important;
}
body .ui-dialog .ui-iggrid-table .ui-iggrid-paging .ui-iggrid-page:hover {
  cursor: pointer !important;
}
body .ui-dialog .ui-iggrid-table .ui-iggrid-paging a.ui-iggrid-pagelink {
  color: #333 !important;
  display: inline-block !important;
  padding: 0.3rem !important;
}
body .ui-dialog .ui-iggrid-table .ui-iggrid-paging a.ui-iggrid-pagelink:hover {
  cursor: pointer !important;
}
body .process-diagram-tooltip div.node-id {
  font-weight: bold;
  font-size: 11px;
}
body .process-diagram-tooltip div.node-description {
  font-size: 30px;
  color: #333;
  font-weight: 300;
  display: block;
  padding-bottom: 0.5rem;
  border-bottom: 0.1rem solid #f6f6f6;
  margin-bottom: 0.5rem;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
body .process-diagram-tooltip div.node-metadata {
  font-size: 10px;
  color: #666666;
}
body .process-diagram-tooltip div.node-metadata span {
  font-size: 11px;
  font-weight: 700;
}
body .editor-field {
  font-size: 13px;
  font-weight: 300;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow: visible;
  white-space: normal;
  padding-left: 0.4rem;
  margin-top: 0.5rem;
  margin-bottom: 0.2rem;
  /* Browse Page Icon */
}
body .editor-field span {
  font-size: 13px;
  font-weight: 300;
}
body .editor-field a {
  font-size: 12px;
}
[dir="rtl"] body .editor-field {
  padding-left: 0;
  padding-right: 0.4rem;
}
body .editor-field input[type=radio],
body .editor-field input[type=checkbox] {
  padding: 0.2rem;
}
body .editor-field .browsePage-browse-icon:focus {
  outline: none;
}
body #recentProcesses,
body #processQuickSearch,
body #trackMyProcesses,
body #newProcesses,
body #allReports,
body #newProcessSection {
  overflow: hidden;
  border-radius: 0.3rem;
  -moz-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto 0.5fr;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  height: 100%;
  width: 100%;
}
body #recentProcesses > header,
body #processQuickSearch > header,
body #trackMyProcesses > header,
body #newProcesses > header,
body #allReports > header,
body #newProcessSection > header {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
}
body #recentProcesses > header h3,
body #processQuickSearch > header h3,
body #trackMyProcesses > header h3,
body #newProcesses > header h3,
body #allReports > header h3,
body #newProcessSection > header h3 {
  max-width: 30rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 1rem;
}
[dir="rtl"] body #recentProcesses > header h3,
[dir="rtl"] body #processQuickSearch > header h3,
[dir="rtl"] body #trackMyProcesses > header h3,
[dir="rtl"] body #newProcesses > header h3,
[dir="rtl"] body #allReports > header h3,
[dir="rtl"] body #newProcessSection > header h3 {
  padding-right: 0;
  padding-left: 1rem;
}
body #recentProcesses > header h3 .fa-question-circle,
body #processQuickSearch > header h3 .fa-question-circle,
body #trackMyProcesses > header h3 .fa-question-circle,
body #newProcesses > header h3 .fa-question-circle,
body #allReports > header h3 .fa-question-circle,
body #newProcessSection > header h3 .fa-question-circle {
  font-size: 13px;
  margin-left: 0.3rem;
}
[dir="rtl"] body #recentProcesses > header h3 .fa-question-circle,
[dir="rtl"] body #processQuickSearch > header h3 .fa-question-circle,
[dir="rtl"] body #trackMyProcesses > header h3 .fa-question-circle,
[dir="rtl"] body #newProcesses > header h3 .fa-question-circle,
[dir="rtl"] body #allReports > header h3 .fa-question-circle,
[dir="rtl"] body #newProcessSection > header h3 .fa-question-circle {
  margin-left: 0;
  margin-right: 0.3rem;
}
body #recentProcesses > header a,
body #processQuickSearch > header a,
body #trackMyProcesses > header a,
body #newProcesses > header a,
body #allReports > header a,
body #newProcessSection > header a {
  display: block;
  color: #006080;
  font-weight: 400;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 20rem;
  white-space: nowrap;
}
body #recentProcesses > header a:hover,
body #processQuickSearch > header a:hover,
body #trackMyProcesses > header a:hover,
body #newProcesses > header a:hover,
body #allReports > header a:hover,
body #newProcessSection > header a:hover {
  color: #00cd6e;
}
body #recentProcesses div,
body #processQuickSearch div,
body #trackMyProcesses div,
body #newProcesses div,
body #allReports div,
body #newProcessSection div {
  text-overflow: ellipsis;
  white-space: normal;
  margin-bottom: 0.5rem;
  /*display: flex;
			flex-wrap: nowrap;*/
  justify-content: flex-start;
  align-items: center;
  /*display: grid;
			grid-auto-flow: column;
			grid-gap: 0.2rem;
			grid-template-columns: auto min-content;
			grid-template-rows: auto;
			grid-auto-flow: column;
			align-items: center;*/
}
body #recentProcesses div i,
body #processQuickSearch div i,
body #trackMyProcesses div i,
body #newProcesses div i,
body #allReports div i,
body #newProcessSection div i {
  margin-left: 0.6rem;
}
[dir="rtl"] body #recentProcesses div i,
[dir="rtl"] body #processQuickSearch div i,
[dir="rtl"] body #trackMyProcesses div i,
[dir="rtl"] body #newProcesses div i,
[dir="rtl"] body #allReports div i,
[dir="rtl"] body #newProcessSection div i {
  margin-left: 0;
  margin-right: 0.6rem;
}
body #recentProcesses .processButtons,
body #processQuickSearch .processButtons,
body #trackMyProcesses .processButtons,
body #newProcesses .processButtons,
body #allReports .processButtons,
body #newProcessSection .processButtons,
body #recentProcesses .reportButtons,
body #processQuickSearch .reportButtons,
body #trackMyProcesses .reportButtons,
body #newProcesses .reportButtons,
body #allReports .reportButtons,
body #newProcessSection .reportButtons,
body #recentProcesses .taskButtons,
body #processQuickSearch .taskButtons,
body #trackMyProcesses .taskButtons,
body #newProcesses .taskButtons,
body #allReports .taskButtons,
body #newProcessSection .taskButtons {
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  white-space: normal;
}
body #recentProcesses .processButtons li,
body #processQuickSearch .processButtons li,
body #trackMyProcesses .processButtons li,
body #newProcesses .processButtons li,
body #allReports .processButtons li,
body #newProcessSection .processButtons li,
body #recentProcesses .reportButtons li,
body #processQuickSearch .reportButtons li,
body #trackMyProcesses .reportButtons li,
body #newProcesses .reportButtons li,
body #allReports .reportButtons li,
body #newProcessSection .reportButtons li,
body #recentProcesses .taskButtons li,
body #processQuickSearch .taskButtons li,
body #trackMyProcesses .taskButtons li,
body #newProcesses .taskButtons li,
body #allReports .taskButtons li,
body #newProcessSection .taskButtons li {
  display: block;
  list-style: none;
  padding: 0.5rem;
}
body #recentProcesses .processButtons li:last-of-type,
body #processQuickSearch .processButtons li:last-of-type,
body #trackMyProcesses .processButtons li:last-of-type,
body #newProcesses .processButtons li:last-of-type,
body #allReports .processButtons li:last-of-type,
body #newProcessSection .processButtons li:last-of-type,
body #recentProcesses .reportButtons li:last-of-type,
body #processQuickSearch .reportButtons li:last-of-type,
body #trackMyProcesses .reportButtons li:last-of-type,
body #newProcesses .reportButtons li:last-of-type,
body #allReports .reportButtons li:last-of-type,
body #newProcessSection .reportButtons li:last-of-type,
body #recentProcesses .taskButtons li:last-of-type,
body #processQuickSearch .taskButtons li:last-of-type,
body #trackMyProcesses .taskButtons li:last-of-type,
body #newProcesses .taskButtons li:last-of-type,
body #allReports .taskButtons li:last-of-type,
body #newProcessSection .taskButtons li:last-of-type {
  margin-right: 0;
}
[dir="rtl"] body #recentProcesses .processButtons li:last-of-type,
[dir="rtl"] body #processQuickSearch .processButtons li:last-of-type,
[dir="rtl"] body #trackMyProcesses .processButtons li:last-of-type,
[dir="rtl"] body #newProcesses .processButtons li:last-of-type,
[dir="rtl"] body #allReports .processButtons li:last-of-type,
[dir="rtl"] body #newProcessSection .processButtons li:last-of-type,
[dir="rtl"] body #recentProcesses .reportButtons li:last-of-type,
[dir="rtl"] body #processQuickSearch .reportButtons li:last-of-type,
[dir="rtl"] body #trackMyProcesses .reportButtons li:last-of-type,
[dir="rtl"] body #newProcesses .reportButtons li:last-of-type,
[dir="rtl"] body #allReports .reportButtons li:last-of-type,
[dir="rtl"] body #newProcessSection .reportButtons li:last-of-type,
[dir="rtl"] body #recentProcesses .taskButtons li:last-of-type,
[dir="rtl"] body #processQuickSearch .taskButtons li:last-of-type,
[dir="rtl"] body #trackMyProcesses .taskButtons li:last-of-type,
[dir="rtl"] body #newProcesses .taskButtons li:last-of-type,
[dir="rtl"] body #allReports .taskButtons li:last-of-type,
[dir="rtl"] body #newProcessSection .taskButtons li:last-of-type {
  margin-right: 0;
  margin-left: 0;
}
body #allReports .fcBoxSlider {
  margin-top: 1rem;
  position: relative;
}
body #allReports .fcBoxSliderListWrap {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  height: 7rem;
  margin-bottom: -2rem;
  left: -0.2rem;
  top: -0.5rem;
}
[dir="rtl"] body #allReports .fcBoxSliderListWrap {
  left: auto;
  right: -0.2rem;
}
body #allReports .fcBoxSliderListWrap ul.fcBoxSliderList {
  list-style: none;
  padding: 0.5rem 0;
  margin: 0;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
}
[dir="rtl"] body #allReports .fcBoxSliderListWrap ul.fcBoxSliderList {
  left: auto;
  right: 0;
}
[dir="rtl"] body #allReports .fcBoxSliderListWrap ul.fcBoxSliderList {
  right: auto;
  left: 0;
}
body #allReports .fcBoxSliderListWrap ul.fcBoxSliderList li {
  width: 11rem;
  min-width: 11rem;
  max-width: 11rem;
  height: 3rem;
  margin: 0;
  position: relative;
  top: 0;
  height: 100%;
}
body #allReports .fcBoxSliderListWrap ul.fcBoxSliderList li a {
  display: block;
  vertical-align: middle;
  background: #001a0e;
  color: #fafafa;
  padding: 1rem 1rem;
  text-align: center;
  height: 7rem;
  width: 11rem;
  max-width: 11rem;
  font-weight: 500;
  font-size: 1.1rem;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
body #allReports .fcBoxSliderListWrap ul.fcBoxSliderList li a:hover {
  background: #008045;
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
}
body #allReports .fcBoxSliderPrev,
body #allReports .fcBoxSliderNext {
  top: 0%;
  display: inline-block;
  padding: 3rem 1rem;
  color: #333;
  position: absolute;
  font-weight: 500;
  margin: 0.5rem 0;
}
body #allReports .fcBoxSliderPrev:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f101";
  background-color: #f6f6f6;
  font-weight: 700;
}
body #allReports .fcBoxSliderNext:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f101";
  background-color: #f6f6f6;
  font-weight: 700;
}
body #allReports .fcBoxSliderNext {
  right: 0;
}
[dir="rtl"] body #allReports .fcBoxSliderNext {
  right: auto;
  left: 0;
}
body #allReports .fcBoxSliderPrev {
  left: 0;
}
[dir="rtl"] body #allReports .fcBoxSliderPrev {
  left: auto;
  right: 0;
}
body #allProcesses {
  float: left;
  width: 50%;
  min-height: 10.7rem;
}
[dir="rtl"] body #allProcesses {
  float: right;
}
body #allProcesses > header {
  overflow: hidden;
}
body #allProcesses > header a {
  margin-left: 1rem;
  margin-top: 0.1rem;
  color: #006080;
  font-weight: 400;
}
[dir="rtl"] body #allProcesses > header a {
  margin-left: 0;
  margin-right: 1rem;
}
body #allProcesses > header a:hover {
  color: #00cd6e;
}
body input[type=text].input-validation-error,
body input[type=number].input-validation-error,
body input[type=password].input-validation-error,
body select.input-validation-error,
body textarea.input-validation-error {
  -moz-box-shadow: 0 0 0.5rem #fff !important;
  -webkit-box-shadow: 0 0 0.5rem #fff !important;
  box-shadow: 0 0 0.5rem #fff !important;
  border: 0.1rem solid #CC0000 !important;
  background-color: #ffeeee;
  margin-bottom: 0.2rem;
}
.fileUpload.input-validation-error {
  background-color: #ffeeee;
}
.field-validation-error {
  display: block;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  background: #CC0000;
  color: #fff;
  font-size: 13px;
  margin-left: 0.4rem;
  width: 29rem;
  max-width: 90%;
  padding: 0.5rem 0.5rem;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow: hidden;
}
li > .field-validation-error {
  margin-top: 0.6rem;
  left: 0;
}
[dir="rtl"] li > .field-validation-error {
  left: auto;
  right: 0;
}
[dir="rtl"] .field-validation-error {
  margin-left: 0;
  margin-right: 0.4rem;
}
.field-validation-valid {
  display: none !important;
}
.validation-summary {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #CC0000;
  color: #fff;
  font-size: 13px;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.validation-summary div {
  font-weight: 500;
  font-size: 15px !important;
}
.validation-summary ul {
  padding: 0;
}
.validation-summary ul li {
  background: transparent !important;
  list-style: none;
  font-size: 13px;
}
.validation-summary ul li:not(:last-of-type) {
  padding-bottom: 0.5rem;
}
.validation-summary ul li[data-target]:hover {
  text-decoration: underline;
  cursor: pointer;
}
.validation-summary-errors {
  font-weight: 700;
  background: #CC0000;
  color: #fff;
}
.validation-summary-valid {
  display: none;
}
li.error-li-icon:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  display: inline-block;
  font-size: 13px;
  padding-right: 1rem;
  text-decoration: none;
  content: '\F071';
}
[dir="rtl"] li.error-li-icon:before {
  padding-right: 0;
  padding-left: 1rem;
}
.error-li-icon {
  padding-left: 2.5rem;
  text-indent: -1.2rem;
  text-align: left;
}
[dir="rtl"] .error-li-icon {
  padding-left: 0;
  padding-right: 2.5rem;
}
[dir="rtl"] .error-li-icon {
  text-align: right;
}
.selectorButtonWrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  background-color: #ffffff;
  -moz-box-shadow: inset 0 0 0.2rem #999;
  -webkit-box-shadow: inset 0 0 0.2rem #999;
  box-shadow: inset 0 0 0.2rem #999;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  overflow-y: auto;
  max-height: 28.6rem;
}
.processGroupButtons,
.processButtons,
.taskButtons,
.reportButtons {
  position: relative;
  list-style-type: none;
  padding: 0.5em;
  overflow: hidden;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
}
.processGroupButtons li,
.processButtons li,
.taskButtons li,
.reportButtons li {
  padding: 0.5em;
}
.processGroupButtons a.button,
.processButtons a.button,
.taskButtons a.button,
.reportButtons a.button {
  display: grid;
  grid-template-columns: 5rem 20rem;
  grid-template-rows: 7rem;
  grid-template-areas: ". .";
  grid-gap: 0.5rem;
  align-content: center;
  align-items: center;
  justify-content: center;
  justify-items: center;
  background: #001a0e;
  color: #fafafa;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 1em 0 0;
  height: 100%;
  line-height: 1.5em;
  width: 100%;
  vertical-align: middle;
  font-size: 13px;
  text-align: center;
}
[dir="rtl"] .processGroupButtons a.button,
[dir="rtl"] .processButtons a.button,
[dir="rtl"] .taskButtons a.button,
[dir="rtl"] .reportButtons a.button {
  padding: 0 0 0 1em;
}
.processGroupButtons a.button:before,
.processButtons a.button:before,
.taskButtons a.button:before,
.reportButtons a.button:before {
  font-size: 28px;
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  background: #0d8d52;
  height: 100%;
  font-weight: 400;
  vertical-align: middle;
  text-align: center;
  justify-self: center;
  align-self: center;
  align-content: center;
  align-items: center;
  display: inline-grid;
  width: 100%;
  position: relative;
}
.processGroupButtons a.button:hover {
  background: #008045;
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
  color: #fff !important;
}
.processGroupButtons a.button:before {
  content: "\f5fd";
  font-weight: 700;
}
.processButtons a.button:before {
  content: "\f0e8";
  font-weight: 300;
}
.taskButtons a.button:before {
  content: "\f0ae";
  font-weight: 400;
}
.reportButtons a.button:before {
  content: "\f46d";
  font-weight: 700;
}
section#accountDetails span.field-validation-error,
section#updateAccountDetails span.field-validation-error,
section#changePassword span.field-validation-error {
  max-width: 22rem;
  font-size: 10px;
}
section#accountDetails input.input-validation-error,
section#updateAccountDetails input.input-validation-error,
section#changePassword input.input-validation-error {
  -moz-box-shadow: 0 0 0.5rem #fff !important;
  -webkit-box-shadow: 0 0 0.5rem #fff !important;
  box-shadow: 0 0 0.5rem #fff !important;
  border: 0.1rem solid #CC0000 !important;
  background: #fff !important;
}
article#completedTasksColumnChart div.barChart * {
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  margin-top: 1rem;
}
article#completedTasksColumnChart div.barChart div.xAxis {
  margin-top: 0.5rem;
}
i.help-spaced,
i.help {
  display: inline-block;
  font-size: 18px;
  color: #838383;
  cursor: help;
}
i.help-spaced {
  margin-top: 2.2rem;
  margin-left: 1rem;
}
[dir="rtl"] i.help-spaced {
  margin-left: 0;
  margin-right: 1rem;
}
/*Opera Fix*/
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
}
[dir="rtl"] body:before {
  float: right;
}
/*#region structure.css*/
.page-error-notification {
  display: flex;
  flex-direction: row;
  padding: 1rem;
  font-size: 11px;
  font-weight: 500;
  background-color: #efefef;
  color: #666666;
  margin-bottom: 1rem;
}
.page-error-notification i {
  padding-right: 0.5rem;
}
[dir="rtl"] .page-error-notification i {
  padding-right: 0;
  padding-left: 0.5rem;
}
.page-error-notification a {
  padding-left: 1rem;
  color: #004d29;
  font-weight: 700;
}
[dir="rtl"] .page-error-notification a {
  padding-left: 0;
  padding-right: 1rem;
}
.page-error-notification a:hover {
  color: #008045;
}
.page {
  background: #fff;
  padding: 2rem 2rem 2rem 2rem;
}
.page .sidebar-left {
  width: 20rem;
  overflow: hidden;
}
.page .sidebar-left div.pager-prev-nr-next {
  font-size: 11px;
}
.page .sidebar-left div.pager-prev-nr-next a {
  text-transform: lowercase;
}
.page .sidebar-left div.pager-prev-nr-next a:disabled,
.page .sidebar-left div.pager-prev-nr-next a[disabled] {
  color: #DDD;
  cursor: default;
  pointer-events: none;
  display: none !important;
}
nav#mainMenu {
  padding-top: 1em;
  position: sticky;
  top: 0;
}
nav#mainMenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 1 auto;
}
nav#mainMenu ul li {
  display: block;
}
nav#mainMenu ul li:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.2);
}
nav#mainMenu ul li[disabled=true]:hover {
  background-color: transparent;
  cursor: default;
}
nav#mainMenu ul li a {
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
  width: 100%;
  padding: 0.5rem;
  display: grid;
  align-items: center;
  justify-items: flex-start;
  grid-template-areas: "icon text .";
  grid-template-columns: 4rem 10rem;
  grid-template-rows: auto;
  overflow: hidden;
}
nav#mainMenu ul li a:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  padding-right: 1.5rem;
}
[dir="rtl"] nav#mainMenu ul li a:before {
  padding-right: 0;
  padding-left: 1.5rem;
}
nav#mainMenu ul li a[disabled=true] {
  color: #DDD;
}
nav#mainMenu ul li a[disabled=true] i,
nav#mainMenu ul li a[disabled=true] span {
  color: #DDD;
}
nav#mainMenu ul li a.currentSection {
  color: #333;
  background-color: rgba(255, 255, 255, 0.2);
}
nav#mainMenu ul li a.currentSection i,
nav#mainMenu ul li a.currentSection span {
  color: #fafafa;
}
nav#mainMenu ul li i:first-of-type {
  padding: 0.8rem;
  justify-self: center;
  grid-area: icon;
}
nav#mainMenu ul li span {
  grid-area: text;
  font-weight: 400;
}
nav#mainMenu ul li a,
nav#mainMenu ul li i {
  font-weight: 700;
}
nav#mainMenu ul li a,
nav#mainMenu ul li i,
nav#mainMenu ul li span {
  text-decoration: none;
  font-size: 14px;
  color: #1aff95;
}
.account-menu-dropdown {
  position: relative;
}
.account-menu {
  background-color: #fff;
  color: #006080;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  display: block;
  position: absolute;
  top: 3.5rem;
  right: -1rem;
  display: none;
  flex-direction: column;
  flex: 0 0 auto;
  align-content: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.5s ease;
  border: 0.1rem solid lightgrey;
  width: 27rem;
  list-style-type: none;
  padding: 0;
  line-height: 2;
  border-radius: 0.5rem;
  z-index: 999;
}
[dir="rtl"] .account-menu {
  right: auto;
  left: -1rem;
}
.account-menu:hover {
  display: block;
  visibility: visible;
  opacity: 1;
}
.account-menu:before {
  position: absolute;
  top: -1.6rem;
  left: 23.8rem;
  display: block;
  content: "";
  border: 0.8rem solid transparent;
  border-bottom-color: #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.15);
}
[dir="rtl"] .account-menu:before {
  left: auto;
  right: 23.8rem;
}
.account-menu:after {
  position: absolute;
  top: -1.4rem;
  left: 23.8rem;
  display: block;
  content: "";
  border: 0.7rem solid transparent;
  border-bottom-color: #fff;
}
[dir="rtl"] .account-menu:after {
  left: auto;
  right: 23.8rem;
}
.account-menu .divider {
  display: block;
  opacity: 1;
  visibility: visible;
}
.account-menu .account-menu-header {
  text-align: left;
}
.account-menu .account-menu-footer {
  display: grid;
  grid-gap: 0.2rem;
  grid-template-columns: auto;
  grid-template-rows: auto auto auto;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  font-size: 10px;
  text-align: center;
  color: #000000;
}
[dir="rtl"] .account-menu .account-menu-footer {
  padding: 1rem 0.5rem 0.5rem 0.5rem;
}
.account-menu .account-menu-footer .account-menu-footer-item {
  font-weight: 400;
}
.account-menu .account-menu-item {
  text-align: center;
  margin-right: 0;
}
.account-menu .account-menu-item:hover {
  text-decoration: none;
  color: #006080;
  background-color: #efefef;
}
.account-menu .account-menu-item .account-menu-item-link {
  padding: 1em;
  display: block;
  text-decoration: none;
  color: #0d804b;
  font-weight: 500;
  width: 100%;
  height: 100%;
}
.account-menu .account-menu-item .account-menu-item-link:hover {
  text-decoration: none;
  color: #00cd6e;
}
.account-menu-dropdown-trigger {
  position: relative;
  font-size: 26px;
  padding-right: 0.1rem;
}
.account-menu-dropdown-trigger:focus + .account-menu {
  display: grid;
  grid-template-columns: 100%;
  opacity: 1;
  visibility: visible;
}
footer {
  text-align: center;
}
footer nav {
  padding: 0 0 1rem;
}
footer nav a {
  margin: 0 0.5rem;
}
.breadcrumb {
  margin-bottom: 0.5rem;
}
.breadcrumb ul {
  margin: 0;
  padding: 0;
  margin-bottom: 0.1rem;
  position: relative;
  overflow: hidden;
}
.breadcrumb ul li {
  margin-right: 0.5rem;
  display: inline-flex;
  flex-direction: row;
}
[dir="rtl"] .breadcrumb ul li {
  margin-right: 0;
  margin-left: 0.5rem;
}
.breadcrumb ul li i {
  padding-right: 0.5rem;
}
[dir="rtl"] .breadcrumb ul li i {
  padding-right: 0;
  padding-left: 0.5rem;
}
.breadcrumb ul li:not(:last-of-type):after {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f105";
  margin-left: 0.5rem;
}
[dir="rtl"] .breadcrumb ul li {
  margin-left: 0.5rem;
  margin-right: 0;
}
[dir="rtl"] .breadcrumb ul li:not(:last-of-type):after {
  content: "";
  margin-left: 0;
}
[dir="rtl"] .breadcrumb ul li:not(:last-of-type):before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: "\f104";
  margin-left: 0;
  margin-right: 0.5rem;
}
.quick-actions:not(:first-of-type) {
  margin-top: 2rem;
}
.quick-actions header > * {
  margin: 0;
  padding: 0;
}
.quick-actions ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.quick-actions ul li {
  margin: 1rem 0 0 0;
}
[dir="rtl"] .quick-actions ul li {
  margin: 1rem 0 0 0;
}
.quick-actions .secondary {
  margin-top: 1rem;
}
#sidebarDashboard > header,
#trackingGauges > header,
#archiveGauges > header {
  margin: 0;
  padding: 0;
}
#sidebarDashboard > header a,
#trackingGauges > header a,
#archiveGauges > header a {
  margin: 0 0 0 0;
  display: block;
  padding: 0;
  text-transform: none;
}
[dir="rtl"] #sidebarDashboard > header a,
[dir="rtl"] #trackingGauges > header a,
[dir="rtl"] #archiveGauges > header a {
  margin: 0 0 0 0;
}
#sidebarDashboard nav ul,
#trackingGauges nav ul,
#archiveGauges nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sidebarDashboard nav ul li,
#trackingGauges nav ul li,
#archiveGauges nav ul li {
  margin-top: 1rem;
}
#sidebarDashboard nav ul li .value,
#trackingGauges nav ul li .value,
#archiveGauges nav ul li .value {
  display: block;
}
#sidebarDashboard nav ul li a,
#trackingGauges nav ul li a,
#archiveGauges nav ul li a {
  text-transform: none;
  display: block;
}
#accountDetails,
#updateAccountDetails,
#changePassword {
  max-width: 136.6rem;
  border-radius: 0.3rem;
}
#accountDetails header > h3,
#updateAccountDetails header > h3,
#changePassword header > h3 {
  margin: 0;
  padding: 0;
}
#accountDetails header > nav,
#updateAccountDetails header > nav,
#changePassword header > nav {
  margin-top: 0;
}
#accountDetails header > nav ul,
#updateAccountDetails header > nav ul,
#changePassword header > nav ul {
  margin: 0 0 0 1rem;
  padding: 0;
  list-style: none;
  display: inline-block;
}
[dir="rtl"] #accountDetails header > nav ul,
[dir="rtl"] #updateAccountDetails header > nav ul,
[dir="rtl"] #changePassword header > nav ul {
  margin: 0 1rem 0 0;
}
#accountDetails header > nav ul li:not(:last-of-type),
#updateAccountDetails header > nav ul li:not(:last-of-type),
#changePassword header > nav ul li:not(:last-of-type) {
  float: left;
  margin: 0 1rem 0 0;
}
[dir="rtl"] #accountDetails header > nav ul li:not(:last-of-type),
[dir="rtl"] #updateAccountDetails header > nav ul li:not(:last-of-type),
[dir="rtl"] #changePassword header > nav ul li:not(:last-of-type) {
  float: right;
}
[dir="rtl"] #accountDetails header > nav ul li:not(:last-of-type),
[dir="rtl"] #updateAccountDetails header > nav ul li:not(:last-of-type),
[dir="rtl"] #changePassword header > nav ul li:not(:last-of-type) {
  margin: 0 0 0 1rem;
}
#accountDetails .details-wrapper h2,
#updateAccountDetails .details-wrapper h2,
#changePassword .details-wrapper h2 {
  max-width: 60rem;
  overflow: hidden;
  padding-bottom: 0.3rem;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#accountDetails .details-wrapper .sectionTitle,
#updateAccountDetails .details-wrapper .sectionTitle,
#changePassword .details-wrapper .sectionTitle {
  grid-area: sectionTitle;
}
#accountDetails .details-wrapper .password-rules,
#updateAccountDetails .details-wrapper .password-rules,
#changePassword .details-wrapper .password-rules {
  font-size: 15px;
}
#accountDetails .details-wrapper a#updateAccountInformation,
#updateAccountDetails .details-wrapper a#updateAccountInformation,
#changePassword .details-wrapper a#updateAccountInformation,
#accountDetails .details-wrapper a#changePassword,
#updateAccountDetails .details-wrapper a#changePassword,
#changePassword .details-wrapper a#changePassword {
  white-space: nowrap;
  width: 15rem;
  max-width: 15rem;
  min-height: 3rem;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 1rem;
}
#accountDetails .details-wrapper .details,
#updateAccountDetails .details-wrapper .details,
#changePassword .details-wrapper .details {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  align-self: flex-start;
}
#accountDetails .details-wrapper .details ul,
#updateAccountDetails .details-wrapper .details ul,
#changePassword .details-wrapper .details ul {
  margin: 0 0 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: auto;
  justify-content: stretch;
  justify-items: flex-start;
  align-content: center;
  align-items: center;
  width: 100%;
}
[dir="rtl"] #accountDetails .details-wrapper .details ul,
[dir="rtl"] #updateAccountDetails .details-wrapper .details ul,
[dir="rtl"] #changePassword .details-wrapper .details ul {
  margin: 0 0 0 0;
}
#accountDetails .details-wrapper .details ul li,
#updateAccountDetails .details-wrapper .details ul li,
#changePassword .details-wrapper .details ul li {
  display: block;
}
#accountDetails .details-wrapper .details ul li label,
#updateAccountDetails .details-wrapper .details ul li label,
#changePassword .details-wrapper .details ul li label {
  display: block;
  margin-bottom: 0.5rem;
}
#changePassword .details-wrapper .details {
  min-height: 18.5rem;
  width: 100%;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.processQuickSearch {
  width: 30%;
  min-height: 11.5rem;
  max-height: 11.5rem;
  height: 11.5rem;
  overflow: hidden;
}
.processQuickSearch header h3 {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 20rem;
  white-space: nowrap;
}
.processQuickSearch div {
  max-height: 3.5rem;
  max-width: 20rem;
  overflow: hidden;
}
.processQuickSearch div:last-of-type {
  margin-top: 1rem;
}
#startNewProcess .step {
  overflow: hidden;
}
.processSelectionDialog {
  display: none;
}
.processSelectionDialog ul {
  position: relative;
  left: 0;
  top: 0;
  list-style-type: none;
  padding: 0.5em;
  overflow: hidden;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}
.processSelectionDialog ul li {
  padding: 0.5em;
}
.processSelectionDialog ul li a {
  color: #666666;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
#pendingTasks header h3 {
  overflow: hidden;
  margin: 0;
  padding: 0;
  float: left;
}
[dir="rtl"] #pendingTasks header h3 {
  float: right;
}
#pendingTasks > nav {
  margin-top: 1.5rem;
  overflow: hidden;
}
#pendingTasks > nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  display: inline-block;
}
#pendingTasks > nav ul li {
  float: left;
  margin-left: 1.5rem;
}
[dir="rtl"] #pendingTasks > nav ul li {
  float: right;
}
[dir="rtl"] #pendingTasks > nav ul li {
  margin-left: 0;
  margin-right: 1.5rem;
}
#pendingTasks > nav ul li > span {
  margin-left: 1.5rem;
}
[dir="rtl"] #pendingTasks > nav ul li > span {
  margin-left: 0;
  margin-right: 1.5rem;
}
#pendingTasks > nav > span {
  float: left;
}
[dir="rtl"] #pendingTasks > nav > span {
  float: right;
}
.pagingPageSize {
  justify-content: center;
  grid-area: pagingPageSize;
}
.pager-prev-nr-next {
  justify-content: flex-end;
  grid-area: pagingPrevNrNext;
}
.pager-prev-nr-next span {
  font-weight: 700;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.pager-prev-nr-next a {
  font-size: 15px;
  vertical-align: middle;
  padding-right: 0.1rem;
  padding-left: 0.1rem;
}
#processNotes .pager-prev-nr-next a {
  font-size: 13px;
}
[dir="rtl"] .pager-prev-nr-next a {
  padding-right: 0;
  padding-left: 0.1rem;
}
[dir="rtl"] .pager-prev-nr-next a {
  padding-left: 0;
  padding-right: 0.1rem;
}
.pager-prev-nr-next a:first-of-type {
  margin-right: 1rem;
}
[dir="rtl"] .pager-prev-nr-next a:first-of-type {
  margin-right: 0;
  margin-left: 1rem;
}
.pager-prev-nr-next a:last-of-type {
  margin-left: 1rem;
}
[dir="rtl"] .pager-prev-nr-next a:last-of-type {
  margin-left: 0;
  margin-right: 1rem;
}
.dashboard > header,
#pendingTasksDashboard > header,
#processTrackingDashboard > header {
  margin: 0;
  padding: 0;
}
.dashboard > header a,
#pendingTasksDashboard > header a,
#processTrackingDashboard > header a {
  margin: 0 0 0 1rem;
  padding: 0;
  text-transform: none;
}
[dir="rtl"] .dashboard > header a,
[dir="rtl"] #pendingTasksDashboard > header a,
[dir="rtl"] #processTrackingDashboard > header a {
  margin: 0 1rem 0 0;
}
.dashboard > header h5,
#pendingTasksDashboard > header h5,
#processTrackingDashboard > header h5 {
  margin: 0;
  padding: 0;
  display: inline;
}
.dashboard nav ul,
#pendingTasksDashboard nav ul,
#processTrackingDashboard nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dashboard nav ul li,
#pendingTasksDashboard nav ul li,
#processTrackingDashboard nav ul li {
  margin-top: 1rem;
  float: left;
  width: 50%;
}
[dir="rtl"] .dashboard nav ul li,
[dir="rtl"] #pendingTasksDashboard nav ul li,
[dir="rtl"] #processTrackingDashboard nav ul li {
  float: right;
}
.dashboard nav ul li .value,
#pendingTasksDashboard nav ul li .value,
#processTrackingDashboard nav ul li .value {
  display: block;
}
.dashboard nav ul li a,
#pendingTasksDashboard nav ul li a,
#processTrackingDashboard nav ul li a {
  text-transform: none;
  display: block;
}
.ui-tabs-vertical {
  position: relative;
  padding-left: 6.2em;
}
[dir="rtl"] .ui-tabs-vertical {
  padding-left: 0;
  padding-right: 6.2em;
}
.ui-tabs-vertical .ui-tabs-nav {
  position: absolute;
  left: 0.25em;
  top: 0.2em;
  bottom: 0.2em;
  width: 6em;
  padding: 0.2em 0 0.2em 0.2em;
}
[dir="rtl"] .ui-tabs-vertical .ui-tabs-nav {
  left: auto;
  right: 0.25em;
}
[dir="rtl"] .ui-tabs-vertical .ui-tabs-nav {
  padding: 0.2em 0.2em 0.2em 0;
}
.ui-tabs-vertical .ui-tabs-nav li {
  width: 100%;
  border-right: none;
  border-bottom-width: 0.1rem;
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  overflow: hidden;
}
[dir="rtl"] .ui-tabs-vertical .ui-tabs-nav li {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
  border-right: 0.1rem solid transparent;
}
[dir="rtl"] .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
  border-left: 0.1rem solid transparent;
}
.ui-tabs-vertical .ui-tabs-nav li a {
  float: right !important;
  width: 100%;
  text-align: right;
}
[dir="rtl"] .ui-tabs-vertical .ui-tabs-nav li a {
  float: left !important;
}
[dir="rtl"] .ui-tabs-vertical .ui-tabs-nav li a {
  text-align: left;
}
.task-grid {
  width: 100%;
  table-layout: fixed;
}
.task-grid ul[data-role="fcFileUploadControlList"] {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.2rem;
  margin-right: 0;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  min-width: 16.3rem;
  width: 99%;
  min-height: 1.5rem;
  background-color: transparent;
  text-align: left;
  overflow: hidden;
}
[dir="rtl"] .task-grid ul[data-role="fcFileUploadControlList"] {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.task-grid ul[data-role="fcFileUploadControlList"]:empty {
  min-height: 0;
  padding: 0;
}
.task-grid ul[data-role="fcFileUploadControlList"] li {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-word-wrap: normal;
  word-wrap: normal;
  background: #e9e9e9;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
.task-grid ul[data-role="fcFileUploadControlList"] li a {
  font-size: 12px;
  font-weight: 400;
  padding-left: 0.2rem;
}
[dir="rtl"] .task-grid ul[data-role="fcFileUploadControlList"] li a {
  padding-left: 0;
  padding-right: 0.2rem;
}
.task-grid ul[data-role="fcFileUploadControlList"] li:not(:last-of-type) {
  margin-bottom: 0.5rem;
}
.task-grid .controlGrid ul[data-role="fcFileUploadControlList"] {
  width: 23.5rem;
  max-width: 23.5rem;
  min-width: 16.3rem;
}
.task-grid .controlGrid ul[data-role="fcFileUploadControlList"] li {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.task-grid .editor {
  min-height: 3rem;
  padding-bottom: 0.3rem;
}
.task-grid td {
  vertical-align: top;
  padding-right: 0.5rem;
  overflow: hidden;
}
[dir="rtl"] .task-grid td {
  padding-right: 0;
  padding-left: 0.5rem;
}
.task-grid td input[type="radio"],
.task-grid td input[type="checkbox"] {
  padding: 0.2rem;
  margin-right: 0.3rem;
  vertical-align: middle;
}
[dir="rtl"] .task-grid td input[type="radio"],
[dir="rtl"] .task-grid td input[type="checkbox"] {
  margin-right: 0;
  margin-left: 0.3rem;
}
.task-grid td select[data-role="fcListControl"] {
  padding: 0.4rem 0.5rem 0.4rem 0.7rem;
}
.task-grid tbody tr td {
  vertical-align: top;
}
.task-grid tbody tr td input[data-role="fcTextControl"] {
  padding: 0.5rem 0.5rem 0.5rem 0.7rem;
  margin-bottom: 0.2rem;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -khtml-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
.task-grid tbody tr td h3 {
  width: 80%;
  word-wrap: break-word;
  padding-left: 1rem;
}
[dir="rtl"] .task-grid tbody tr td h3 {
  padding-left: 0;
  padding-right: 1rem;
}
.task-grid tbody tr td menu {
  z-index: 20;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
}
[dir="rtl"] .task-grid tbody tr td menu {
  padding-right: 0;
  padding-left: 1rem;
}
.ui-dialog {
  z-index: 101;
}
.ui-dialog .ui-dialog-title {
  font-weight: 400;
}
.ui-dialog table.task-grid td {
  text-align: left;
}
[dir="rtl"] .ui-dialog table.task-grid td {
  text-align: right;
}
.ui-dialog table.task-grid td div.editor {
  padding-bottom: 0.5rem;
}
.ui-dialog table.task-grid td div.editor div.editor-label {
  margin-bottom: 0.5rem;
  white-space: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow-x: visible;
}
.ui-dialog table.task-grid td div.editor div.editor-field {
  font-size: 12px;
}
.ui-dialog table.task-grid td div.editor div.editor-field a[data-role="fcLinkControl"] {
  font-size: 12px;
}
.ui-dialog table.task-grid td div.editor div.editor-field ul[data-role="fcFileUploadControlList"] {
  vertical-align: top;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-width: 26.3rem;
  min-width: 16.3rem;
  padding: 0;
}
[dir="rtl"] .ui-dialog table.task-grid td div.editor div.editor-field ul[data-role="fcFileUploadControlList"] {
  margin-left: 0;
  margin-right: 0;
}
.ui-dialog table.task-grid td div.editor div.editor-field ul[data-role="fcFileUploadControlList"]:empty {
  padding: 0;
}
.ui-dialog table.task-grid td div.editor div.editor-field ul[data-role="fcFileUploadControlList"] li {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  background: #e9e9e9;
  width: 100%;
}
.ui-dialog table.task-grid td div.editor div.editor-field ul[data-role="fcFileUploadControlList"] li a {
  margin-left: 0.5rem;
}
[dir="rtl"] .ui-dialog table.task-grid td div.editor div.editor-field ul[data-role="fcFileUploadControlList"] li a {
  margin-left: 0;
  margin-right: 0.5rem;
}
.ui-dialog table.task-grid td div.editor div.editor-field ul[data-role="fcFileUploadControlList"] li:not(:last-of-type) {
  margin-bottom: 0.5rem;
}
.ui-dialog table.task-grid td .controlGrid .gridArea td {
  font-size: 12px;
  font-weight: 300;
}
.ui-dialog table.task-grid td .controlGrid .gridArea td a,
.ui-dialog table.task-grid td .controlGrid .gridArea td a:visited,
.ui-dialog table.task-grid td .controlGrid .gridArea td span {
  font-size: inherit;
}
.ui-dialog table.task-grid td .controlGrid .gridArea td a,
.ui-dialog table.task-grid td .controlGrid .gridArea td a:visited {
  font-weight: 400;
}
.ui-dialog table.task-grid td .controlGrid ul[data-role="fcFileUploadControlList"] {
  max-width: 26.3rem;
  min-width: 16.3rem;
}
.ui-dialog table.task-grid td .controlGrid ul[data-role="fcFileUploadControlList"] li {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.ui-dialog table.task-grid td .controlGrid ul[data-role="fcFileUploadControlList"] li a {
  margin-left: 0.5rem;
}
[dir="rtl"] .ui-dialog table.task-grid td .controlGrid ul[data-role="fcFileUploadControlList"] li a {
  margin-left: 0;
  margin-right: 0.5rem;
}
.ui-dialog input[type=submit],
.ui-dialog input[type=button],
.ui-dialog a.button,
.ui-dialog button.button {
  background: #001a0e;
  color: #fff;
  border: 0.1rem solid #000000;
  font-size: 11px;
  font-weight: 700;
  padding: 1rem 1.5rem;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
}
.ui-dialog input[type=submit].ui-button,
.ui-dialog input[type=button].ui-button,
.ui-dialog a.button.ui-button,
.ui-dialog button.button.ui-button {
  background: #001a0e;
  color: #fff;
  font-weight: 700;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
.ui-dialog input[type=submit]:hover,
.ui-dialog input[type=button]:hover,
.ui-dialog a.button:hover,
.ui-dialog button.button:hover {
  -moz-box-shadow: 0 0 0.7rem #333 !important;
  -webkit-box-shadow: 0 0 0.7rem #333 !important;
  box-shadow: 0 0 0.7rem #333 !important;
  border: 0.1rem solid #006737;
  background-color: #008045;
  color: #fff;
  z-index: 10;
}
.ui-dialog input[type=submit]:disabled,
.ui-dialog input[type=button]:disabled,
.ui-dialog a.button:disabled,
.ui-dialog button.button:disabled,
.ui-dialog input[type=submit][disabled],
.ui-dialog input[type=button][disabled],
.ui-dialog a.button[disabled],
.ui-dialog button.button[disabled] {
  border: 0.1rem solid #DDD;
  background: #DDD;
  -moz-box-shadow: 0 0 0 #333 !important;
  -webkit-box-shadow: 0 0 0 #333 !important;
  box-shadow: 0 0 0 #333 !important;
  cursor: default;
  pointer-events: none;
}
.ui-dialog input[type=button].reset {
  background: #006737;
  font-size: 11px;
  padding: 0.5rem 1rem;
}
section[data-role=controlGrid] header {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
section[data-role=controlGrid] header h4 {
  display: inline;
  margin: 0;
  padding: 0;
}
section[data-role=controlGrid] header menu {
  display: flex;
  margin: 0;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-items: flex-start;
  flex-wrap: nowrap;
}
section[data-role=controlGrid] > table {
  width: 100%;
}
.editor-label {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  padding-left: 0.4rem;
}
[dir="rtl"] .editor-label {
  padding-left: 0;
  padding-right: 0.4rem;
}
.editor-label .required:after {
  color: #CC0000;
  content: "*";
  margin-left: 0.3rem;
}
[dir="rtl"] .editor-label .required:after {
  margin-left: 0;
  margin-right: 0.3rem;
}
.ui-icon-closethick {
  display: flex  !important;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 transparent !important;
  top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
}
.ui-icon-closethick:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  content: "\f00d";
  vertical-align: middle;
  text-align: center;
}
.ui-icon-plus {
  display: flex  !important;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 transparent !important;
  top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
}
.ui-icon-plus:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f067";
  vertical-align: middle;
  text-align: center;
}
.ui-icon-arrow-4-diag {
  display: flex  !important;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 transparent !important;
  top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
}
.ui-icon-arrow-4-diag:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f31e";
  vertical-align: middle;
  text-align: center;
}
.ui-icon-minus {
  display: flex  !important;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 transparent !important;
  top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
}
.ui-icon-minus:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f068";
  vertical-align: middle;
  text-align: center;
}
.ui-icon-arrowstop-1-w {
  display: flex  !important;
  justify-content: center;
  align-items: center;
  background-image: none !important;
  background: none repeat scroll 0 0 transparent;
  top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
}
.ui-icon-arrowstop-1-w:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  content: "\f048";
  vertical-align: middle;
  text-align: center;
}
.ui-icon-arrowstop-1-e {
  display: flex  !important;
  justify-content: center;
  align-items: center;
  background-image: none !important;
  background: none repeat scroll 0 0 transparent;
  top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
}
.ui-icon-arrowstop-1-e:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  content: "\f051";
  vertical-align: middle;
  text-align: center;
}
.ui-icon-arrowthick-1-n,
.ui-icon-arrowthick-1-s,
.ui-icon-triangle-1-w,
.ui-icon-triangle-1-s,
.ui-icon-triangle-1-e {
  display: flex  !important;
  justify-content: center;
  align-items: center;
  background-image: none !important;
  background: none repeat scroll 0 0 transparent;
  top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
}
.ui-icon-arrowthick-1-n:before,
.ui-icon-arrowthick-1-s:before,
.ui-icon-triangle-1-w:before,
.ui-icon-triangle-1-s:before,
.ui-icon-triangle-1-e:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
}
.ui-icon-arrowthick-1-n:before {
  content: "\f176";
}
.ui-icon-arrowthick-1-s:before {
  content: "\f175";
}
.ui-icon-triangle-1-w:before {
  content: "\f0d9";
}
.ui-icon-triangle-1-s:before {
  content: "\f0dd";
}
.ui-icon-triangle-1-e:before {
  content: "\f0da";
}
/*.ui-datepicker-prev, .ui-datepicker-next {
		span {
			background-image: none !important;
		}

		&:before {
			font-family: @iconFont;
			font-weight: @heavy-weight;
			vertical-align: middle;
			text-align: center;
			position: absolute;
			display: flex  !important;
			justify-content: center;
			align-items: center;
			background: none repeat scroll 0 0 transparent !important;
			top: 0 !important;
			left: 0 !important;
			right: 0 !important;
			bottom: 0 !important;
			margin-left: 0 !important;
			margin-right: 0 !important;
			margin-top: 0 !important;
			text-indent: 0;
		}
	}

	.ui-datepicker-next {
		&:before {
			content: "\f138";
		}
	}
	.ui-datepicker-prev {
		&:before {
			content: "\f137";
		}
	}*/
.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-e {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: flex !important;
  font-weight: normal;
  align-items: center;
  height: auto;
  width: 1.7rem;
  background: none repeat scroll 0 0 transparent !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  text-indent: 0;
  padding: 0.1rem;
}
.ui-icon-circle-triangle-w:before,
.ui-icon-circle-triangle-e:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
}
.ui-icon-circle-triangle-w:before {
  content: "\f137";
}
.ui-icon-circle-triangle-e:before {
  content: "\f138";
}
.ui-igedit-dropdown .ui-igedit-listitem {
  font-size: 0.8em !important;
}
/*#endregion*/
/*#region BROWSE PAGES */
.browsePage-browse-icon {
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  background: none repeat scroll 0 0 transparent !important;
  top: 0;
  margin-left: 0.5rem;
  margin-right: 0;
  left: 0;
  right: 0;
  margin-top: 0;
  text-indent: 0;
  width: auto;
  height: auto;
  color: #333;
}
[dir="rtl"] .browsePage-browse-icon {
  margin-left: 0;
  margin-right: 0.5rem;
}
[dir="rtl"] .browsePage-browse-icon {
  margin-right: 0;
  margin-left: 0;
}
.browsePage-browse-icon:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 400;
  font-size: 11px;
  content: "\f2d2";
  vertical-align: top;
  text-align: center;
}
/*#endregion*/
/*#region FILE UPLOAD */
.fileUpload {
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 0 0 auto;
  justify-items: flex-start;
  align-content: space-between;
  justify-content: center;
  min-width: 20rem;
  max-width: 40rem;
  min-height: 5rem;
  background-color: #fff;
  text-align: left;
  overflow: hidden;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.4rem;
}
[dir="rtl"] .fileUpload {
  text-align: right;
}
.fileUpload .fileUpload-commands {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: center;
}
.fileUpload .fileUpload-commands a {
  margin-right: 0.5rem;
  cursor: pointer;
}
[dir="rtl"] .fileUpload .fileUpload-commands a {
  margin-right: 0;
  margin-left: 0.5rem;
}
.fileUpload .fileUpload-commands div > span {
  padding: 0.2rem;
  overflow: hidden;
  display: block;
  position: relative;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
}
.fileUpload > div {
  padding: 0.5rem 1rem 0.5rem 1rem;
  max-width: 100%;
  min-width: 15rem;
}
.fileUpload ul[data-role="fcFileUploadControlList"] li {
  padding-top: 0;
  padding-bottom: 0;
}
.fileUpload > ul {
  list-style: none;
  padding: 0.5rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.2rem;
  margin-right: 0;
  display: block;
  min-width: 17rem;
  border-collapse: separate;
}
[dir="rtl"] .fileUpload > ul {
  margin-left: 0;
  margin-right: 0.2rem;
}
[dir="rtl"] .fileUpload > ul {
  margin-right: 0;
  margin-left: 0;
}
.fileUpload > ul li {
  overflow: hidden;
}
.fileUpload > ul li:not(:last-of-type) {
  margin-bottom: 0.3rem;
}
.fileUpload > ul li > div {
  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
  background: #e9e9e9;
  display: grid;
  grid-template-columns: auto auto;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  vertical-align: middle;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  border-radius: 0.4rem;
}
[dir="rtl"] .fileUpload > ul li > div {
  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
}
.fileUpload > ul li > div > div {
  display: flex;
}
.fileUpload > ul li > div > div:first-of-type {
  max-width: 25rem;
  min-width: 10rem;
  padding-right: 0;
}
[dir="rtl"] .fileUpload > ul li > div > div:first-of-type {
  padding-right: 0;
  padding-left: 0;
}
.fileUpload > ul li > div > div:first-of-type > span {
  display: block;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.fileUpload > ul li > div > div:not(first-of-type) {
  vertical-align: middle;
  text-align: center;
}
.fileUpload > ul li > div > div:not(first-of-type).fileupload-icons-container {
  min-width: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
}
.fileUpload > ul li > div > div:not(first-of-type).fileupload-progressbar-container {
  display: block;
  max-width: 95%;
  min-width: 95%;
  float: left;
}
[dir="rtl"] .fileUpload > ul li > div > div:not(first-of-type).fileupload-progressbar-container {
  float: right;
}
.fileUpload > ul li > div > div:not(first-of-type).fileupload-progressbar-container > .ui-progressbar {
  width: 99%;
  max-width: 99%;
  min-width: 99%;
  max-height: 1.5rem;
}
.fileUpload > ul li > div > div:not(first-of-type).fileupload-progressbar-container > .ui-progressbar > .ui-progressbar-value {
  background: #00341c !important;
  margin: 0;
  margin-bottom: 0.1rem;
  border: none !important;
}
.fileUpload > ul li > div > div:not(first-of-type) > .ui-icon {
  width: 1.5rem;
  max-width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
}
.fileUpload > ul li > div > div > span > a {
  min-width: 99%;
  max-width: 99%;
  overflow: hidden;
  -ms-word-wrap: normal !important;
  word-wrap: normal !important;
  display: block !important;
  margin-right: 0.1rem !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  font-weight: 400;
  color: #006080;
  -ms-word-break: normal !important;
  word-break: normal !important;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 0.2rem;
}
[dir="rtl"] .fileUpload > ul li > div > div > span > a {
  margin-right: 0 !important;
  margin-left: 0.1rem !important;
}
.fileUpload > ul li > div > div > span > a[disabled=disabled] {
  color: #919191;
}
.fileUpload > ul li > div > div > span > a:hover {
  color: #00cd6e;
}
.fileUpload > ul li > div > div > div {
  vertical-align: middle;
}
.fileUpload > ul li > div .ui-icon-arrowthickstop-1-n {
  width: 1.7rem;
  max-width: 1.7rem;
  min-width: 1.7rem;
  height: 1.7rem;
  max-height: 1.7rem;
  background: none repeat scroll 0 0 transparent;
  text-indent: 0;
  color: #CC0000;
}
.fileUpload > ul li > div .ui-icon-arrowthickstop-1-n:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  content: '\f093';
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
}
.fileUpload > ul li > div .ui-icon-arrowthickstop-1-n:hover {
  background-color: #009a53;
  -moz-border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  -khtml-border-radius: 0.2rem;
  border-radius: 0.2rem;
  cursor: pointer;
  color: #fff;
}
.fileUpload > ul li > div .ui-icon-close {
  width: 1.7rem;
  max-width: 1.7rem;
  min-width: 1.7rem;
  height: 1.7rem;
  max-height: 1.7rem;
  background: none repeat scroll 0 0 transparent;
  text-indent: 0;
}
.fileUpload > ul li > div .ui-icon-close:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  content: '\f00d';
  vertical-align: middle;
  text-align: center;
}
.fileUpload > ul li > div .ui-icon-close:hover {
  background-color: #009a53;
  -moz-border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  -khtml-border-radius: 0.2rem;
  border-radius: 0.2rem;
  cursor: pointer;
  color: #fff;
}
.fileUpload > ul li > div > .ui-progressbar {
  display: block;
  position: relative !important;
  height: 0.3rem !important;
  width: 99% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  vertical-align: middle;
}
.fileUpload > ul li > div > .ui-progressbar > .ui-progressbar-value {
  margin: 0 !important;
  background: #00341c !important;
  margin-bottom: 0.1rem;
  border: none !important;
}
.fileUpload-button {
  min-width: 7rem;
  border: none;
  background: #001a0e;
}
.fileUpload-button .ui-button-text {
  color: #fff;
  background: #001a0e;
  -moz-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -khtml-border-radius: 0.3rem;
  border-radius: 0.3rem;
  padding: 1rem 0.5rem;
  font-size: 11px;
  font-weight: 500;
}
.fileUpload-button .ui-button-text:hover {
  background-color: #008045;
  cursor: pointer !important;
  -moz-box-shadow: 0 0 0.7rem #333 !important;
  -webkit-box-shadow: 0 0 0.7rem #333 !important;
  box-shadow: 0 0 0.7rem #333 !important;
}
input[data-role="fcFileUploadControl"] {
  opacity: 0;
}
/*#endregion*/
/*#region RELATED TASKS */
#relatedNewTasks ul,
#relatedReportTasks ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*#endregion*/
/*#region PROCESS NOTES */
#processNotes ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-right: 0.5rem;
}
[dir="rtl"] #processNotes ul {
  padding-right: 0;
  padding-left: 0.5rem;
}
/*#endregion*/
/*#region PROCESS INSTANCE */
.pending {
  margin-bottom: 1rem;
}
.branchTaskList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.branchTaskList li {
  background-color: #f6f6f6;
  display: grid;
  width: 100%;
  grid-template-areas: "taskDetails taskMetaData";
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
.branchTaskList li:hover {
  cursor: default;
  background-color: #008045;
}
/* Specific styling for Branch List in Pending*/
#branchHistoryList li:hover {
  cursor: pointer;
}
/*#endregion*/
/*#region PROCESS DIAGRAM */
.processDiagram {
  overflow: hidden;
  position: relative;
}
.processDiagram .connectorColor,
.processDiagram .processStartColor,
.processDiagram .processEndColor {
  background-color: #666;
}
.processDiagram .activityFontColor {
  color: #fff;
}
.processDiagram .activityShadowBorderColor {
  background-color: #fff;
}
.processDiagram .activityGradientStartColor {
  background-color: #000000;
}
.processDiagram .activityGradientEndColor {
  background-color: #00341c;
}
.processDiagram .activityShadowColor {
  background-color: #222;
}
.processDiagram .activityFont,
.processDiagram .completedActivityFont {
  font-size: 11px;
  font-weight: 500;
  font-family: 'roboto', 'Segoe UI', Arial, Helvetica, Sans-serif;
}
.processDiagram .completedActivityFontColor {
  color: #262626;
}
.processDiagram .completedActivityShadowColor,
.processDiagram .completedActivityShadowBorderColor {
  background-color: #616161;
}
.processDiagram .completedActivityGradientStartColor {
  background-color: #b3b3b3;
}
.processDiagram .completedActivityGradientEndColor {
  background-color: #a6a6a6;
}
.processDiagram ul {
  display: none;
}
.processDiagram .processDiagram-tooltip {
  display: none;
  position: absolute;
  z-index: 99999;
  padding: 1rem;
  font-size: 15px;
  background: #fff;
}
.processDiagram .processDiagram-tooltip .node-metadata:last-of-type {
  margin-bottom: 1rem;
}
.processDiagram .processDiagram-tooltip table {
  width: 100%;
  padding-bottom: 0.1rem;
}
.processDiagram .processDiagram-tooltip table caption {
  font-size: 13px;
  font-weight: 400;
  height: auto;
  border-radius: 0.3rem 0.3rem 0 0;
  background-color: #001a0e;
  color: #fff;
  margin-bottom: 0.3rem;
  padding-bottom: 0.3rem;
}
.processDiagram .processDiagram-tooltip table thead tr th {
  padding: 0.4rem;
}
.processDiagram .processDiagram-tooltip table tr {
  border-bottom: 0.1rem solid #e9e9e9;
}
.processDiagram .processDiagram-tooltip table tr:last-of-type {
  border-bottom: none;
}
.processDiagram .processDiagram-tooltip table td {
  padding: 0.2rem;
  vertical-align: middle;
}
.processDiagram .processDiagram-tooltip table td:not(:last-of-type) {
  border-right: 0.1rem solid #e9e9e9;
}
[dir="rtl"] .processDiagram .processDiagram-tooltip table td:not(:last-of-type) {
  border-right: 0;
  border-left: 0.1rem solid #e9e9e9;
}
.processDiagram .slider {
  position: absolute;
  top: 0;
  left: 0.5rem;
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  align-items: center;
}
[dir="rtl"] .processDiagram .slider {
  left: auto;
  right: 0.5rem;
}
.processDiagram .slider .ui-slider {
  position: relative;
  margin-right: 1rem;
  margin-top: 0.3rem;
}
[dir="rtl"] .processDiagram .slider .ui-slider {
  margin-right: 0;
  margin-left: 1rem;
}
.processDiagram .slider .ui-slider .ui-slider-handle {
  background: #001a0e;
  font-size: 19px;
}
.processDiagram .slider .ui-slider .ui-slider-handle:focus {
  outline: none;
}
.processDiagram .slider .ui-slider .ui-slider-handle:hover {
  background-color: #008045;
}
.processDiagram .slider > div:first-of-type {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}
.processDiagram .slider div button span {
  position: relative;
}
.processDiagram .slider div button span.ui-button-text {
  display: none;
}
.processDiagram .slider .ui-button {
  background: #001a0e;
  margin: 0;
  height: 3.6rem;
  width: 3.6rem;
  display: flex;
  justify-content: center;
  align-content: center;
  color: #fff;
}
.processDiagram .slider .ui-button:hover {
  background-color: #008045;
}
#processDiagram-dialog {
  overflow: hidden;
}
/* General RTL */
html[dir=rtl] .processDiagram .slider {
  right: 0.5rem;
  left: auto;
}
/*#endregion*/
/*#region PENDING TASK GRID STYLES */
.ui-iggrid table {
  width: 100% !important;
}
.ui-state-disabled {
  pointer-events: none;
  cursor: default;
}
.ui-state-disabled:hover {
  pointer-events: none;
  cursor: default;
}
/*#endregion*/
/*#region LOADER STYLES */
.loader {
  background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///0pISOTk5N3d3e/v705MTEpISGpoaKalpY6MjM3NzWJgYH59fauqqpCPj9DQ0GRjY0xKSoF/f+zs7OPi4vb29nFwcOXl5fX19crKyru6utnY2PLy8gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
  height: 1.1rem;
  width: 1.6rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.loader-large {
  background-image: url(data:image/gif;base64,R0lGODlhgAAPAPEAAP///wAAALa2tgAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAgAAPAAACo5QvoIC33NKKUtF3Z8RbN/55CEiNonMaJGp1bfiaMQvBtXzTpZuradUDZmY+opA3DK6KwaQTCbU9pVHc1LrDUrfarq765Ya9u+VRzLyO12lwG10yy39zY11Jz9t/6jf5/HfXB8hGWKaHt6eYyDgo6BaH6CgJ+QhnmWWoiVnI6ddJmbkZGkgKujhplNpYafr5OooqGst66Uq7OpjbKmvbW/p7UAAAIfkECQoAAAAsAAAAAIAADwAAArCcP6Ag7bLYa3HSZSG2le/Zgd8TkqODHKWzXkrWaq83i7V5s6cr2f2TMsSGO9lPl+PBisSkcekMJphUZ/OopGGfWug2Jr16x92yj3w247bh6teNXseRbyvc0rbr6/x5Ng0op4YSJDb4JxhI58eliEiYYujYmFi5eEh5OZnXhylp+RiaKQpWeDf5qQk6yprawMno2nq6KlsaSauqS5rLu8cI69k7+ytcvGl6XDtsyzxcAAAh+QQJCgAAACwAAAAAgAAPAAACvpw/oIC3IKIUb8pq6cpacWyBk3htGRk1xqMmZviOcemdc4R2kF3DvfyTtFiqnPGm+yCPQdzy2RQMF9Moc+fDArU0rtMK9SYzVUYxrASrxdc0G00+K8ruOu+9tmf1W06ZfsfXJfiFZ0g4ZvEndxjouPfYFzk4mcIICJkpqUnJWYiYs9jQVpm4edqJ+lkqikDqaZoquwr7OtHqAFerqxpL2xt6yQjKO+t7bGuMu1L8a5zsHI2MtOySVwo9fb0bVQAAIfkECQoAAAAsAAAAAIAADwAAAsucP6CAt9zSErSKZyvOd/KdgZaoeaFpRZKiPi1aKlwnfzBF4jcNzDk/e7EiLuLuhzwqayfmaNnjCCGNYhXqw9qcsWjT++TqxIKp2UhOprXf7PoNrpyvQ3p8fAdu82o+O5w3h2A1+Nfl5geHuLgXhEZVWBeZSMnY1oh5qZnyKOhgiGcJKHqYOSrVmWpHGmpauvl6CkvhaUD4qejaOqvH2+doV7tSqdsrexybvMsZrDrJaqwcvSz9i9qM/Vxs7Qs6/S18a+vNjUx9/v1TAAAh+QQJCgAAACwAAAAAgAAPAAAC0Zw/oIC33NKKUomLxct4c718oPV5nJmhGPWwU9TCYTmfdXp3+aXy+wgQuRRDSCN2/PWAoqVTCSVxilQZ0RqkSXFbXdf3ZWqztnA1eUUbEc9wm8yFe+VguniKPbNf6mbU/ubn9ieUZ6hWJAhIOKbo2Pih58C3l1a5OJiJuflYZidpgHSZCOnZGXc6l3oBWrE2aQnLWYpKq2pbV4h4OIq1eldrigt8i7d73Ns3HLjMKGycHC1L+hxsXXydO9wqOu3brPnLXL3C640sK+6cTaxNflEAACH5BAkKAAAALAAAAACAAA8AAALVnD+ggLfc0opS0SeyFnjn7oGbqJHf4mXXFD2r1bKNyaEpjduhPvLaC5nJEK4YTKhI1ZI334m5g/akJacAiDUGiUOHNUd9ApTgcTN81WaRW++Riy6Tv/S4dQ1vG4ps4NwOaBYlOEVYhYbnplexyJf3ZygGOXkWuWSZuNel+aboV0k5GFo4+qN22of6CMoq2kr6apo6m5fJWCoZm+vKu2Hr6KmqiHtJLKebRhuszNlYZ3ncewh9J9z8u3mLHA0rvetrzYjd2Wz8bB6oNO5MLq6FTp2+bVUAACH5BAkKAAAALAAAAACAAA8AAALanD+ggLfc0opS0XeX2Fy8zn2gp40ieHaZFWHt9LKNO5eo3aUhvisj6RutIDUZgnaEFYnJ4M2Z4210UykQ8BtqY0yHstk1UK+/sdk63i7VYLYX2sOa0HR41S5wi7/vcMWP1FdWJ/dUGIWXxqX3xxi4l0g4GEl5yOHIBwmY2cg1aXkHSjZXmbV4uoba5kkqelbaapo6u0rbN/SZG7trKFv7e6savKTby4voaoVpNAysiXscV4w8fSn8fN1pq1kd2j1qDLK8yYy9/ff9mgwrnv2o7QwvGO1ND049UgAAIfkECQoAAAAsAAAAAIAADwAAAticP6CAt9zSilLRd2d8onvBfV0okp/pZdamNRi7ui3yyoo4Ljio42h+w6kgNiJt5kAaasdYE7D78YKlXpX6GWphxqTT210qK1Cf9XT2SKXbYvv5Bg+jaWD5ekdjU9y4+PsXRuZHRrdnZ5inVidAyCTXF+nGlVhpdjil2OE49hjICVh4qZlpibcDKug5KAlHOWqqR8rWCjl564oLFruIucaYGlz7+XoKe2wsIqxLzMxaxIuILIs6/JyLbZsdGF063Uu6vH2tXc79LZ1MLWS96t4JH/rryzhPWgAAIfkECQoAAAAsAAAAAIAADwAAAtWcP6CAt9zSilLRd2fEe4kPCk8IjqTonZnVsQ33arGLwLV8Kyeqnyb5C60gM2LO6MAlaUukwdbcBUspYFXYcla00KfSywRzv1vpldqzprHFoTv7bsOz5jUaUMer5vL+Mf7Hd5RH6HP2AdiUKLa41Tj1Acmjp0bJFuinKKiZyUhnaBd5OLnzSNbluOnZWQZqeVdIYhqWyop6ezoquTs6O0aLC5wrHErqGnvJibms3LzKLIYMe7xnO/yL7TskLVosqa1aCy3u3FrJbSwbHpy9fr1NfR4fUgAAIfkECQoAAAAsAAAAAIAADwAAAsqcP6CAt9zSilLRd2fEW7cnhKIAjmFpZla3fh7CuS38OrUR04p5Ljzp46kgMqLOaJslkbhbhfkc/lAjqmiIZUFzy2zRe5wGTdYQuKs9N5XrrZPbFu94ZYE6ms5/9cd7/T824vdGyIa3h9inJQfA+DNoCHeomIhWGUcXKFIH6RZZ6Bna6Zg5l8JnSamayto2WtoI+4jqSjvZelt7+URKpmlmKykM2vnqa1r1axdMzPz5LLooO326Owxd7Bzam4x8pZ1t3Szu3VMOdF4AACH5BAkKAAAALAAAAACAAA8AAAK/nD+ggLfc0opS0XdnxFs3/i3CSApPSWZWt4YtAsKe/DqzXRsxDqDj6VNBXENakSdMso66WzNX6fmAKCXRasQil9onM+oziYLc8tWcRW/PbGOYWupG5Tsv3TlXe9/jqj7ftpYWaPdXBzbVF2eId+jYCAn1KKlIApfCSKn5NckZ6bnJpxB2t1kKinoqJCrlRwg4GCs4W/jayUqamaqryruES2b72StsqgvsKlurDEvbvOx8mzgazNxJbD18PN1aUgAAIfkECQoAAAAsAAAAAIAADwAAArKcP6CAt9zSilLRd2fEWzf+ecgjlKaQWZ0asqPowAb4urE9yxXUAqeZ4tWEN2IOtwsqV8YkM/grLXvTYbV4PTZpWGYU9QxTxVZyd4wu975ZZ/qsjsPn2jYpatdx62b+2y8HWMTW5xZoSIcouKjYePeTh7TnqFcpabmFSfhHeemZ+RkJOrp5OHmKKapa+Hiyyokaypo6q1CaGDv6akoLu3DLmLuL28v7CdypW6vsK9vsE1UAACH5BAkKAAAALAAAAACAAA8AAAKjnD+ggLfc0opS0XdnxFs3/nkISI2icxokanVt+JoxC8G1fNOlm6tp1QNmZj6ikDcMrorBpBMJtT2lUdzUusNSt9qurvrlhr275VHMvI7XaXAbXTLLf3NjXUnP23/qN/n8d9cHyEZYpoe3p5jIOCjoFofoKAn5CGeZZaiJWcjp10mZuRkaSAq6OGmU2lhp+vk6iioay3rpSrs6mNsqa9tb+ntQAAA7AAAAAAAAAAAA);
  height: 1.5rem;
  width: 12.8rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
/* general jquery styling */
.ui-autocomplete-loading {
  background: #fff url(images/ui-anim_basic_16x16.gif) no-repeat 95% 50%;
}
.ui-dialog + .ui-widget-content {
  /*background: none;*/
}
.ui-autocomplete-loading::-ms-clear {
  display: none;
}
/*#endregion*/
.ui-widget-header {
  background-image: none;
}
.ui-autocomplete .ui-menu-item {
  font-size: 13px !important;
  background-image: none !important;
}
.ui-autocomplete .ui-menu-item .ui-state-focus {
  color: #fff;
  background: #008045;
  outline: none;
  border: 0.1rem solid #008045;
}
.ui-autocomplete .ui-menu-item:hover {
  background-color: #008045 !important;
}
.ui-autocomplete .ui-menu-item a:hover {
  background-color: #008045 !important;
}
/* Overriding default jquery Datepicker styling*/
.ui-datepicker {
  z-index: 9999999 !important;
  -moz-box-shadow: 0 0 1rem #333;
  -webkit-box-shadow: 0 0 1rem #333;
  box-shadow: 0 0 1rem #333;
  height: auto;
  font-size: 15px !important;
}
.ui-datepicker .ui-datepicker-header {
  margin-top: -0.4rem !important;
  margin-left: -0.3rem !important;
  margin-right: -0.4rem !important;
  border: none !important;
  background: #006737 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
[dir="rtl"] .ui-datepicker .ui-datepicker-header {
  margin-left: 0 !important;
  margin-right: -0.3rem !important;
}
[dir="rtl"] .ui-datepicker .ui-datepicker-header {
  margin-right: 0 !important;
  margin-left: -0.4rem !important;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  background-color: #006737;
  color: #fff;
  display: flex;
  justify-content: center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
  /*background-image: @jqueryWhiteIconSet; //todo - replace with fontawesome*/
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
  background: #008045 !important;
  border: 0.1rem solid #009a53;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month option:active,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year option:active {
  color: #fff;
  background-color: #00b360 !important;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month option:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year option:hover {
  color: #fff;
  background-color: #008045 !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  background: #DDD;
  background: -moz-linear-gradient(top, #DDD 0%, #DDD 100%);
  background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%, #DDD), color-stop(100%, #DDD));
  background: -webkit-linear-gradient(top, #DDD 0%, #DDD 100%);
  background: linear-gradient(top, #DDD 0%, #DDD 100%);
  -moz-box-shadow: 0 0 0.1rem #DDD;
  -webkit-box-shadow: 0 0 0.1rem #DDD;
  box-shadow: 0 0 0.1rem #DDD;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  border: 0.1rem solid #00b360 !important;
  color: #fff;
  background: #00b360 !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
  border: 0.1rem solid #666 !important;
  color: #fff !important;
  background: #999 !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active {
  background: #008045 !important;
  color: #fff;
  border: 0.1rem solid #008045 !important;
}
.ui-datepicker .ui-datepicker-unselectable .ui-state-default {
  background: #DDD;
  color: #999;
}
.ui-igedit-focus {
  outline: none;
  -moz-box-shadow: 0 0 0.5rem #008045;
  -webkit-box-shadow: 0 0 0.5rem #008045;
  box-shadow: 0 0 0.5rem #008045;
}
.ui-igedit-dropdown .ui-igedit-list .ui-igedit-listitem {
  font-size: 13px !important;
}
.ui-igedit-list,
.ui-igedit-listitem {
  font-size: 1em !important;
  background-color: #fff !important;
}
.ui-igedit-list:hover,
.ui-igedit-listitem:hover {
  color: #fff !important;
  cursor: pointer !important;
  background-color: #008045 !important;
}
.ui-dialog-titlebar .ui-button {
  background: none;
  border: none;
}
.ui-dialog-titlebar .ui-button:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}
.ui-iggrid-nextpagelabel,
.ui-iggrid-nextpagelabeldisabled {
  margin-right: 1.5rem;
  margin-left: 1rem;
  font-weight: 700;
  font-size: 11px !important;
}
[dir="rtl"] .ui-iggrid-nextpagelabel,
[dir="rtl"] .ui-iggrid-nextpagelabeldisabled {
  margin-right: 0;
  margin-left: 1.5rem;
}
[dir="rtl"] .ui-iggrid-nextpagelabel,
[dir="rtl"] .ui-iggrid-nextpagelabeldisabled {
  margin-left: 0;
  margin-right: 1rem;
}
.ui-iggrid-prevpagelabel,
.ui-iggrid-prevpagelabeldisabled {
  font-weight: 700;
  font-size: 11px !important;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
[dir="rtl"] .ui-iggrid-prevpagelabel,
[dir="rtl"] .ui-iggrid-prevpagelabeldisabled {
  margin-left: 1rem;
  margin-right: 1rem;
}
[dir="rtl"] .ui-iggrid-prevpagelabel,
[dir="rtl"] .ui-iggrid-prevpagelabeldisabled {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.ui-iggrid-headertext {
  font-size: 13px;
}
/* Process Result Dialog Styling*/
#dialog-message {
  font-size: 14px;
  color: #666666;
  font-weight: 700;
}
#dialog-message hr {
  border-top-style: solid;
  border-top-width: 0.1rem;
  border-top-style: none;
}
#dialog-message #pendingTasksHeader,
#dialog-message #currentTaskMessage {
  font-weight: 400;
  padding-bottom: 0.8rem;
}
#dialog-message #processResult {
  padding-left: 0;
}
[dir="rtl"] #dialog-message #processResult {
  padding-left: 0;
  padding-right: 0;
}
#dialog-message #processResultHeading {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  border-bottom-width: 0.1rem;
  border-bottom-style: solid;
  border-bottom-color: #f6f6f6;
}
#dialog-message .pending-task {
  font-weight: 500;
}
#dialog-message .details a {
  font-weight: 400;
  font-size: 15px;
}
#dialog-message .details .id {
  font-weight: 500;
  font-size: 11px;
}
#dialog-message .details .id > span {
  color: #000000;
  font-size: inherit;
  margin-right: 0;
  font-weight: inherit;
  display: inline-block;
}
[dir="rtl"] #dialog-message .details .id > span {
  margin-right: 0;
  margin-left: 0;
}
#dialog-message .details span a {
  font-size: 11px;
}
#dialog-message .details .see-details {
  font-weight: 500;
  font-size: 10px;
  margin-top: 1rem;
}
#dialog-message #processResultMessage {
  font-weight: 300;
  background-color: #f6f6f6;
  padding: 1rem;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  -khtml-border-radius: 0.25em;
  border-radius: 0.25em;
}
#dialog-message .group {
  margin-top: 1rem;
}
#dialog-message .task-metadata {
  display: block;
}
#dialog-message .task-metadata .meta-item {
  font-size: 11px;
  margin-right: 0.5rem;
  color: #404040;
  display: inline-block;
}
[dir="rtl"] #dialog-message .task-metadata .meta-item {
  margin-right: 0;
  margin-left: 0.5rem;
}
#dialog-message .task-metadata .meta-item .meta-label {
  font-size: 10px;
  padding-right: 0.5rem;
}
[dir="rtl"] #dialog-message .task-metadata .meta-item .meta-label {
  padding-right: 0;
  padding-left: 0.5rem;
}
#dialog-message .task-metadata .meta-item .meta-value {
  font-size: 11px;
  font-weight: 700;
  padding-right: 0.2rem;
}
[dir="rtl"] #dialog-message .task-metadata .meta-item .meta-value {
  padding-right: 0;
  padding-left: 0.2rem;
}
#dialog-message .task-metadata .meta-item .meta-value a,
#dialog-message .task-metadata .meta-item .meta-value a:visited {
  text-decoration: none;
  color: #006080;
  font-weight: 400;
}
#dialog-message .task-metadata .meta-item .meta-value a:hover,
#dialog-message .task-metadata .meta-item .meta-value a:visited:hover,
#dialog-message .task-metadata .meta-item .meta-value a:active,
#dialog-message .task-metadata .meta-item .meta-value a:visited:active {
  color: #00cd6e;
}
#dialog-message .task-metadata .meta-item .meta-value a:disabled,
#dialog-message .task-metadata .meta-item .meta-value a:visited:disabled,
#dialog-message .task-metadata .meta-item .meta-value a[disabled],
#dialog-message .task-metadata .meta-item .meta-value a:visited[disabled] {
  color: #DDD;
  cursor: default;
  pointer-events: none;
}
/* Browse Page Styling */
div.fcBrowsePageControl-dialog > .ui-dialog-content {
  overflow: hidden;
  padding-top: 1rem;
  height: auto;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content > div:first-of-type {
  font-size: 14px;
  color: #666666;
  font-weight: 400;
  padding-bottom: 0.5rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid-filtertable .ui-igedit-button {
  border: none;
  background: none;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid:focus {
  outline: none;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-igedit-buttonimage {
  margin-top: 0 !important;
  margin-left: 0 !important;
  height: 85%;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-igedit-buttonimage {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv {
  background-color: #fff;
  overflow-x: auto !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table {
  border-collapse: collapse;
  table-layout: auto !important;
  margin-top: 0;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead {
  padding-left: 0;
  padding-right: 0;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead {
  padding-left: 0;
  padding-right: 0;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead {
  padding-right: 0;
  padding-left: 0;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header {
  max-height: 3rem;
  white-space: nowrap;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-headertext {
  width: 100% !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header a {
  padding-right: 0.5rem;
  display: block !important;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header a {
  padding-right: 0;
  padding-left: 0.5rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer {
  display: block;
  margin-top: calc(0.25em / 9);
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer a {
  float: right;
  display: inline-block;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer a {
  float: left;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-colindicator {
  background: none repeat scroll 0 0 #009a53 !important;
  color: #fff;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none repeat scroll 0 0 #009a53 !important;
  color: #fff;
  top: 0;
  margin-left: 0;
  margin-right: 0;
  left: 0;
  right: 0;
  margin-top: 0;
  text-indent: 0;
  border-radius: 0.3rem;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton {
  margin-left: 0;
  margin-right: 0;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton {
  margin-right: 0;
  margin-left: 0;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-weight: 700;
  content: "\f0b0";
  vertical-align: top;
  text-align: center;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-scrolldiv .ui-iggrid-table thead .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton:hover {
  background-color: #008045 !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable {
  /*this will only get applied when the infragistics fixedHeader option is set to true*/
  padding-left: 0 !important;
  padding-right: 0 !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header {
  max-height: 3rem;
  white-space: normal;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer {
  float: right;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer {
  float: left;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer a {
  float: right;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer a {
  float: left;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton {
  float: right;
  display: inline-block;
  background-color: #009a53 !important;
  right: 0;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton {
  float: left;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton {
  right: auto;
  left: 0;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-filterbutton:hover {
  background-color: #008045 !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-headertable .ui-iggrid-header .ui-iggrid-indicatorcontainer .ui-iggrid-colindicator {
  /*background-image: @jqueryWhiteIconSet !important; //todo - replace with fontawesome*/
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-tablebody .ui-iggrid-altrecord,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-tablebody .ui-iggrid-altrecord {
  border-collapse: collapse;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-tablebody tr,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-tablebody tr {
  border-collapse: collapse;
  border-top: 0.1rem solid #f6f6f6;
  border-bottom: 0;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-tablebody tr:last-of-type,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-tablebody tr:last-of-type {
  border-bottom: 0.1rem solid #f6f6f6;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-tablebody td,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-tablebody td {
  white-space: nowrap !important;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 12px !important;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-tablebody td,
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-tablebody td {
  padding-left: 1rem;
  padding-right: 1rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-state-hover,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-state-hover {
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  background: #00b360;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-state-active,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-state-active {
  font-weight: 400 !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-pagecurrent,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-pagecurrent {
  pointer-events: none;
  cursor: default;
  background-color: #fff !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-pagecurrent:hover,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-pagecurrent:hover {
  pointer-events: none;
  cursor: default;
  background-color: #fff !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-pagecurrent.ui-iggrid-pagelinkcurrent,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-pagecurrent.ui-iggrid-pagelinkcurrent {
  pointer-events: none;
  cursor: default;
  background-color: #fff !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-table .ui-iggrid-pagecurrent.ui-iggrid-pagelinkcurrent:hover,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-iggrid-pagecurrent.ui-iggrid-pagelinkcurrent:hover {
  pointer-events: none;
  cursor: default;
  background-color: #fff !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-pager .ui-state-hover {
  background: none;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer {
  min-height: 0.5rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-pageimg {
  border-radius: 0.3rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-firstpage,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-lastpage {
  padding-left: 1rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-firstpage .ui-iggrid-pageimg,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-lastpage .ui-iggrid-pageimg {
  left: 0.3rem;
  right: 0.3rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-nextpageimg {
  right: 0.3rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-lastpage {
  padding-left: 0.3em;
  padding-right: 1rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-paging-item .ui-state-disabled {
  background-color: transparent;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging .ui-iggrid-paging-item .ui-state-disabled:hover {
  background-color: transparent !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer {
  font-size: 12px;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer .ui-igedit-field {
  padding: 0.4rem !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer .ui-igedit-button {
  height: 1.8rem !important;
  padding-top: 0.4rem;
  padding-bottom: 0.2rem;
  padding-right: 0.5rem;
  top: 0;
  margin-top: 0 !important;
  background-color: #009a53;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer .ui-igedit-button:hover {
  background-color: #008045;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer .ui-igedit-button .ui-igedit-buttonimage {
  background-color: transparent;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer .ui-igedit-button .ui-igedit-buttonimage:hover {
  background-color: transparent;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer span.ui-iggrid-pagedropdowncontainer {
  top: 0;
  width: 8rem !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer span.ui-iggrid-pagedropdowncontainer:focus {
  border: none !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer span.ui-iggrid-pagedropdowncontainer .ui-igedit-field {
  height: 100% !important;
  width: 5.5rem !important;
  padding: 0.4rem;
  font-size: 12px !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer span.ui-iggrid-pagedropdowncontainer .ui-igedit-field:focus {
  border: none !important;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer .ui-igedit-list {
  font-size: 12px;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging div.ui-iggrid-pagedropdowncontainer .ui-iggrid-pagedropdownlabels {
  position: relative;
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  top: 0.3rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-pagerrecordslabel {
  font-size: 11px;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-prevpage {
  padding-left: 2rem;
  padding-right: 1rem;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-prevpage {
  padding-left: 1rem;
  padding-right: 2rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-nextpage {
  padding-left: 1rem;
  padding-right: 2rem;
}
[dir="rtl"] div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-nextpage {
  padding-left: 2rem;
  padding-right: 1rem;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-prevpage .ui-iggrid-prevpagelabel:hover,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-nextpage .ui-iggrid-prevpagelabel:hover,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-prevpage .ui-iggrid-nextpagelabel:hover,
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-nextpage .ui-iggrid-nextpagelabel:hover {
  background-color: #008045;
}
div.fcBrowsePageControl-dialog > .ui-dialog-content .ui-iggrid .ui-iggrid-footer .ui-iggrid-pagelink {
  color: #fff;
}
div.forms-canvas {
  background: #f6f6f6;
  padding: 1rem 1rem 1rem 1rem;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  display: grid;
  overflow: hidden;
}
[dir="rtl"] div.forms-canvas {
  padding: 1rem 1rem 1rem 1rem;
}
div.forms-canvas form p {
  font-weight: 300;
}
div.forms-canvas .form-commands {
  margin-top: 1rem;
  padding-left: 0.4rem;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
[dir="rtl"] div.forms-canvas .form-commands {
  padding-left: 0;
  padding-right: 0.4rem;
}
div.forms-canvas .form-commands > input {
  margin-right: 0.5rem;
}
[dir="rtl"] div.forms-canvas .form-commands > input {
  margin-right: 0;
  margin-left: 0.5rem;
}
div.forms-canvas hr {
  height: 0.1rem;
  color: #999;
  border: none;
  border-top: 0.1rem solid #999;
}
div.forms-canvas a.button {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin: auto;
}
div[data-role="controlGrid-dialog"] table th {
  text-align: center;
  padding: 0.5rem;
}
div[data-role="controlGrid-dialog"] table td {
  text-align: left;
  padding: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
}
[dir="rtl"] div[data-role="controlGrid-dialog"] table td {
  text-align: right;
}
div[data-role="controlGrid-dialog"] table td textarea,
div[data-role="controlGrid-dialog"] table td input[data-role="fcTextControl"] {
  font-size: 12px;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  padding: 0.5rem 0.5rem 0.5rem 0.7rem;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -khtml-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
div[data-role="controlGrid-dialog"] table td select[data-role="fcListControl"] {
  padding: 0.4rem 0.5rem 0.4rem 0.7rem;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
div[data-role="controlGrid-dialog"] table td span[data-role="fcLabelControl"] {
  overflow: hidden;
  font-size: 12px;
  white-space: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
div[data-role="controlGrid-dialog"] table td a[data-role="fcLinkControl"] {
  font-size: 12px;
}
div[data-role="controlGrid-dialog"] table td:not(:last-of-type) {
  border-right: 0.1rem solid #e2e2e2;
}
[dir="rtl"] div[data-role="controlGrid-dialog"] table td:not(:last-of-type) {
  border-right: 0;
  border-left: 0.1rem solid #e2e2e2;
}
#branchHistoryDialog {
  overflow: hidden;
  padding: 0;
}
#branchHistoryDialog .branchTaskList-content {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: auto 2fr;
  grid-template-rows: auto;
  grid-template-areas: "sideBar .";
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left {
  overflow-x: hidden;
  overflow-y: scroll;
  background: #f6f6f6;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList {
  list-style: none;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  justify-content: flex-start;
  justify-items: flex-start;
  align-items: center;
  padding: 1.5rem;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li {
  background: #dddddd;
  padding: 1rem 1.5rem 1rem 1.5rem;
  max-width: 13em;
  line-height: 1em;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  justify-content: flex-start;
  justify-items: center;
  align-items: flex-start;
  border-radius: 0.3rem;
  overflow: hidden;
  margin-bottom: 0.8rem;
}
[dir="rtl"] #branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li {
  padding: 1rem 1.5rem 1rem 1.5rem;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li:hover {
  background-color: #c3c3c3;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li label {
  display: block;
  font-size: 11px;
  clear: both;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li label.step {
  color: #000000;
  font-weight: 700;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li label.meta {
  color: #666666;
  font-weight: 400;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li > div {
  display: block;
  clear: both;
  width: auto;
  text-align: left;
  margin: 0;
}
[dir="rtl"] #branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li > div {
  text-align: right;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li .person,
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li .date {
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 11px;
  color: #4d4d4d;
  line-height: 11px;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li .title {
  font-weight: 500;
  margin-bottom: 1rem;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  line-height: 1.9rem;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li[disabled],
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li[disabled=disabled] {
  background-color: #DDD;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li[disabled] *,
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li[disabled=disabled] * {
  color: #d6d6d6;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li.selected {
  cursor: default;
  background-color: #001a0e;
}
#branchHistoryDialog .branchTaskList-content aside.sidebar-left ul.branchTaskList li.selected * {
  color: #fff !important;
}
#branchHistoryDialog .branchTaskList-content > section.content {
  height: auto;
  overflow: auto;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}
[dir="rtl"] #branchHistoryDialog .branchTaskList-content > section.content {
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}
#branchHistoryDialog .branchTaskList-content > section.content .message {
  font-weight: 300;
  font-size: 16px;
  color: #666666;
}
#branchHistoryDialog .branchTaskList-content > section.content .task-grid tbody td {
  vertical-align: top;
}
#branchHistoryDialog .branchTaskList-content > section.content .task-grid .gridArea td {
  vertical-align: middle;
}
#branchHistoryDialog .branchTaskList-content > section.content .task-grid .gridArea td span,
#branchHistoryDialog .branchTaskList-content > section.content .task-grid .gridArea td input {
  font-size: inherit;
}
#branchHistoryDialog .branchTaskList-content > section.content .controlGrid header {
  min-height: 0;
  padding: 0.5em;
}
#branchHistoryDialog .branchTaskList-content > section.content .controlGrid h3 {
  top: 0;
  word-wrap: break-word;
  white-space: normal;
}
.sign-in-container {
  display: grid;
  grid-template-areas: ". header ." ". loginForm ." ". footer .";
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: 1fr auto 1fr;
  grid-gap: 1rem;
  align-items: center;
  justify-content: center;
}
.grid-container {
  display: grid;
  grid-template-areas: "header header" "sideMenu main";
  grid-template-columns: 18.5rem 1fr;
  grid-template-rows: auto 2fr;
  height: 100%;
}
.page-header-container {
  grid-area: header;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.3);
  box-shadow: -1.1rem 0.4rem 1rem rgba(0, 0, 0, 0.1);
  z-index: 905;
  height: 100%;
}
.page-header-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  height: 100%;
}
.loginMenu-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  height: 95%;
  padding-left: 2rem;
  border-left: 0.1rem solid #1aff95;
}
[dir="rtl"] .loginMenu-wrap {
  padding-left: 0;
  padding-right: 2rem;
}
[dir="rtl"] .loginMenu-wrap {
  border-left: 0;
  border-right: 0.1rem solid #1aff95;
}
.logoArea-container {
  display: grid;
  grid-template-areas: "logo" "poweredby";
  grid-template-columns: 1fr;
  grid-template-rows: 2fr 1fr;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}
.sideMenu-container {
  grid-area: sideMenu;
  display: flex;
  flex-direction: column;
  background-color: #001a0e;
  z-index: 904;
  height: 100%;
  width: 100%;
  -webkit-transition: width 300ms ease;
  transition: width 300ms ease;
}
.main-container {
  grid-area: main;
  min-width: 45rem;
}
.dashboard-container {
  display: grid;
  grid-gap: 1rem;
  grid-template-areas: "tasksAtGlance-container pendingTasksChart-container dashboardQuickActions-container" "mostUsedTasks-container mostUsedTasks-container mostUsedTasks-container" "mostUsedTasks-container mostUsedTasks-container mostUsedTasks-container";
  grid-template-columns: 2fr 1.5fr min-content;
  grid-template-rows: 1fr 0.5fr 0.5fr;
}
.startNewProcess-container {
  display: grid;
  grid-template-areas: "processSearch-container mostUsedTasks-container mostUsedTasks-container" "browseProcess-container browseProcess-container browseProcess-container";
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: auto auto;
  grid-gap: 1rem;
}
.pendingTasks-container {
  display: grid;
  grid-template-areas: "sideBar pendingGauges" "sideBar itemList";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  grid-gap: 1rem;
  justify-items: flex-start;
  align-items: flex-start;
}
.tracking-container,
.archive-container,
.archiveInstance-container,
.trackingInstance-container {
  display: grid;
  grid-template-areas: "sideBar .";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
  justify-items: flex-start;
  align-items: flex-start;
}
.trackingSearch-container {
  display: grid;
  grid-template-areas: "processSearch-container mostUsedTasks-container" "browseProcess-container browseProcess-container";
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: auto auto auto auto;
}
.header-container {
  grid-area: header-container;
}
.processSearch-container {
  grid-area: processSearch-container;
}
.pendingTasksGauges-container {
  grid-area: tasksAtGlance-container;
}
.mostUsedTasks-container {
  grid-area: mostUsedTasks-container;
}
.dashboardQuickActions-container {
  grid-area: dashboardQuickActions-container;
}
.browseProcess-container {
  grid-area: browseProcess-container;
}
.pendingTasksChart-container {
  grid-area: pendingTasksChart-container;
}
.completedTasksChart-container {
  grid-area: completedTasksChart-container;
}
.footer-container {
  display: flex;
  grid-area: footer;
  flex-wrap: wrap;
  flex-direction: column;
}
.gauges-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 0.5rem;
  justify-content: flex-start;
  align-content: flex-start;
}
.accountDetails-container {
  display: grid;
  grid-gap: 1rem;
  grid-template-rows: 1fr auto auto;
  grid-template-areas: "accountProfileImage sectionTitle accountActions" "accountProfileImage details ." "accountProfileImage details .";
  grid-template-columns: 1fr auto 3fr;
  align-items: center;
  justify-content: center;
}
.accountChangePassword-container {
  display: grid;
  grid-gap: 1rem;
  grid-template-rows: 1fr auto auto;
  grid-template-areas: "accountProfileImage sectionTitle ." "accountProfileImage newPasswordForm passwordRules" "accountProfileImage newPasswordForm passwordRules";
  grid-template-columns: 1fr auto 3fr;
  align-items: center;
  justify-content: center;
}
#browseProcess {
  display: block;
  background: #f6f6f6;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.3rem;
  height: 100%;
}
#browseProcess input#filterProcessGroups,
#browseProcess input#filterProcesses,
#browseProcess input#filterTasks,
#browseProcess input#filterReports {
  padding-right: 2.5rem;
}
[dir="rtl"] #browseProcess input#filterProcessGroups,
[dir="rtl"] #browseProcess input#filterProcesses,
[dir="rtl"] #browseProcess input#filterTasks,
[dir="rtl"] #browseProcess input#filterReports {
  padding-right: 0;
  padding-left: 2.5rem;
}
#browseProcess header {
  padding: 1rem 2rem 0 2rem;
}
[dir="rtl"] #browseProcess header {
  padding: 1rem 2rem 0 2rem;
}
#browseProcess header h3 {
  font-size: 12px !important;
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 500;
  color: #000000;
  max-width: 76rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#browseProcess a#openAllProcessGroupsDialog,
#browseProcess a#openAllProcessesDialog,
#browseProcess a#openAllTasksDialog {
  padding-left: 1rem;
}
[dir="rtl"] #browseProcess a#openAllProcessGroupsDialog,
[dir="rtl"] #browseProcess a#openAllProcessesDialog,
[dir="rtl"] #browseProcess a#openAllTasksDialog {
  padding-left: 0;
  padding-right: 1rem;
}
#browseProcess .completed .subheader,
#browseProcess .completed span,
#browseProcess .completed .change {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#browseProcess .completed .subheader {
  max-width: 35rem;
}
#browseProcess .completed .subheader i {
  padding-right: 0.5rem;
}
[dir="rtl"] #browseProcess .completed .subheader i {
  padding-right: 0;
  padding-left: 0.5rem;
}
#browseProcess .completed .change {
  font-weight: 400;
}
#browseProcess .completed span,
#browseProcess .completed .change {
  max-width: 20rem;
  padding-right: 0.5rem;
}
[dir="rtl"] #browseProcess .completed span,
[dir="rtl"] #browseProcess .completed .change {
  padding-right: 0;
  padding-left: 0.5rem;
}
/* Universal Styling */
.siteLogo {
  height: 4rem;
  width: 35rem;
  background: transparent url(images/logo.png) no-repeat;
  background-position-x: left;
  background-size: contain;
  align-self: center;
}
[dir="rtl"] .siteLogo {
  background-position-x: right;
}
.divider {
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.0625);
  border-bottom-width: 0.1rem;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0.063);
  height: 0.1rem;
  overflow: hidden;
}
.signInLogo {
  height: 6rem;
  width: 40rem;
  min-height: 5.5rem;
  background: transparent url(images/logo.png) no-repeat center;
  background-size: contain;
  margin-left: auto;
  margin-right: auto;
}
.externalLinkIcon:after {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Duotone", "Font Awesome 5 Brands";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
  content: "\f08E";
}
.nothing-found {
  font-size: 25px !important;
  font-weight: 300;
  color: #a3a3a3;
  margin-top: 1rem;
}
.top-margin {
  margin-top: 1.5rem;
}
/* General FontAwesome Styling */
[dir="rtl"] .fa-angle-double-right:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
[dir="rtl"] .fa-question-circle:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
[dir="rtl"] .fa-check green:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-angle-right:before {
  padding-left: 0.2rem;
}
[dir="rtl"] .fa-angle-right:before {
  padding-left: 0;
  padding-right: 0.2rem;
}
[dir="rtl"] .fa-angle-right:before {
  content: "\f104" !important;
}
.fa-angle-left:before {
  padding-right: 0.2rem;
}
[dir="rtl"] .fa-angle-left:before {
  padding-right: 0;
  padding-left: 0.2rem;
}
[dir="rtl"] .fa-angle-left:before {
  content: "\f105" !important;
}
.fa-chevron-right:before {
  padding-left: 0.2rem;
}
[dir="rtl"] .fa-chevron-right:before {
  padding-left: 0;
  padding-right: 0.2rem;
}
[dir="rtl"] .fa-chevron-right:before {
  content: "\f053" !important;
}
.fa-chevron-left:before {
  padding-right: 0.2rem;
}
[dir="rtl"] .fa-chevron-left:before {
  padding-right: 0;
  padding-left: 0.2rem;
}
[dir="rtl"] .fa-chevron-left:before {
  content: "\f054" !important;
}
.ui-dialog-content {
  background-color: #fff !important;
}
.ui-dialog-content .ui-button-text-only {
  /*text-transform: lowercase !important;*/
  font-size: 10px !important;
  color: #666666 !important;
  font-weight: 500 !important;
  position: relative !important;
  top: 1.5rem !important;
}
.ui-dialog-content .ui-button-text-only:hover {
  color: #008045 !important;
}
.ui-dialog-content .fileUpload .fileUpload-button {
  top: 0 !important;
  font-size: 11px !important;
  text-transform: none !important;
}
.ui-dialog-content .fileUpload .fileupload-filename-container a[disabled=disabled] {
  color: #919191;
}
/*#endregion*/
/*Responsive Design*/
@media only screen and (max-width: 1366px) {
  body section.content .charts-wrapper .chart .container {
    grid-template-areas: "chartContainer";
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  body section.content .charts-wrapper .ui-chart-legend {
    display: none;
  }
}
@media only screen and (max-width: 1250px) {
  .grid-container {
    grid-template-columns: 5rem auto;
  }
  .gauges-container .gauge .number span,
  .gauges-container .gauge i {
    /*font-size: @main-number;*/
  }
  .sideMenu-container {
    width: 5rem;
  }
  .sideMenu-container nav#mainMenu ul li a {
    grid-template-areas: "icon";
    grid-template-columns: auto;
    grid-template-rows: auto;
    justify-items: center;
  }
  .sideMenu-container .externalLinkIcon,
  .sideMenu-container .linkText {
    display: none;
  }
  body section.content article.gauges-wrapper a > .gauge i {
    /*font-size: @main-number;*/
  }
}
@media only screen and (max-width: 1085px) {
  .grid-container {
    grid-template-columns: 5rem auto;
  }
  body section#pendingTasks nav .gauges-wrapper {
    grid-gap: 0.5rem;
    grid-template-areas: "header header" ". ." ". .";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }
  .dashboard-container {
    grid-template-areas: "tasksAtGlance-container pendingTasksChart-container" "mostUsedTasks-container mostUsedTasks-container" "mostUsedTasks-container mostUsedTasks-container" "dashboardQuickActions-container dashboardQuickActions-container";
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 0.5fr minmax(0, 0.5fr) min-content;
  }
}
@media only screen and (max-width: 900px) {
  .page ul.cards li div.metadata {
    display: none;
  }
  body section.content article.group ul.cards li {
    grid-template-areas: "taskDetails";
    grid-template-columns: 1fr;
  }
  body section.content article.group ul.cards li div.metadata {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .dashboard-container {
    grid-template-areas: "tasksAtGlance-container" "pendingTasksChart-container" "mostUsedTasks-container" "dashboardQuickActions-container";
    grid-template-columns: minmax(55%, 100%);
    grid-template-rows: auto auto auto auto;
  }
}
@media only screen and (max-width: 768px) {
  body .page .sidebar-left {
    display: none;
  }
  body section.content .charts-wrapper .chart .container {
    grid-template-areas: "chartContainer" "legendContainer";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  body section.content .accountDetails-container {
    grid-template-areas: "accountProfileImage" "sectionTitle" "accountActions" "details";
    grid-template-columns: minmax(55%, 100%);
    grid-template-rows: auto auto auto auto;
  }
  body section.content .accountDetails-container .accountProfile {
    justify-content: flex-start;
  }
  body section.content .accountDetails-container .accountDetailsActions {
    justify-content: flex-start;
  }
  body section.content .accountChangePassword-container {
    grid-template-areas: "accountProfileImage" "sectionTitle" "passwordRules" "newPasswordForm";
    grid-template-columns: minmax(55%, 100%);
    grid-template-rows: auto auto auto auto;
  }
  body section.content .accountChangePassword-container .accountProfile {
    justify-content: flex-start;
  }
  body section.content article.gauges-wrapper a > .gauge i {
    font-size: 28px;
  }
  .sideMenu-container {
    width: 5rem;
  }
  .sideMenu-container .linkText {
    display: none;
  }
  .dashboard-container {
    grid-template-areas: "tasksAtGlance-container" "pendingTasksChart-container" "mostUsedTasks-container" "dashboardQuickActions-container";
    grid-template-columns: minmax(55%, 100%);
    grid-template-rows: auto auto auto auto;
  }
  .gauges-container .gauge .number span,
  .gauges-container .gauge i {
    font-size: 28px;
  }
  .startNewProcess-container {
    grid-template-areas: "processSearch-container" "mostUsedTasks-container" "browseProcess-container";
    grid-template-columns: minmax(55%, 100%);
    grid-template-rows: auto auto auto;
  }
  .pendingTasks-container,
  .tracking-container,
  .archive-container,
  .archiveInstance-container,
  .trackingInstance-container {
    grid-template-areas: "pendingGauges" "itemList";
    grid-template-columns: auto;
    grid-template-rows: auto auto;
  }
}
@media only screen and (max-width: 650px) {
  body section#trackingProcessSearch #advancedSearch .columnContainer,
  body section#trackingTaskSearch #advancedSearch .columnContainer,
  body section#archiveProcessSearch #advancedSearch .columnContainer,
  body section#archiveTaskSearch #advancedSearch .columnContainer {
    grid-template-columns: 1fr;
  }
  body section#trackingProcessSearch #advancedSearch .column .name,
  body section#trackingTaskSearch #advancedSearch .column .name,
  body section#archiveProcessSearch #advancedSearch .column .name,
  body section#archiveTaskSearch #advancedSearch .column .name {
    grid-template-columns: auto;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    width: 25em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 0.8rem 0.8rem 0.8rem 1.5rem;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 0.8rem 0.8rem 0.8rem 1.5rem;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
/*#region PAGE PRINT STYLES */
/* !important used as this is the only styling that should apply on printing */
@media print {
  body {
    overflow: visible !important;
    /* Removes page background colour*/
    /* Remove Main Menu, Power By text, Login Menu*/
    /* Styling to enable printing of home dashboard*/
    /* Styling to enable printing of account page*/
    /* Styling to enable printing of forms*/
    /* Styling to enable printing of Pending Task list */
    /* Process Instance Print Styling */
    /* Result pages styling to enable printing */
    /* Styling to print object groups in forms */
    /* Styling to print object group dialogs */
  }
  body #wrap .page-header,
  body #wrap .page header,
  body #wrap .page .breadcrumb,
  body #wrap .page .sidebar-left,
  body .footer {
    display: none;
  }
  body .page {
    background-color: white !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
  }
  body #mainMenu,
  body #poweredby,
  body #loginMenu {
    display: none;
  }
  body #mainDashboard {
    padding: 0 !important;
  }
  body #mainDashboard header {
    display: block !important;
  }
  body #mainDashboard .gauges-wrapper a div {
    background-color: #fff !important;
    border: 0.1rem solid #004d29 !important;
    border-collapse: collapse !important;
    color: #001a0e !important;
    margin-right: "0.2rem !important";
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
    width: 14rem;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  [dir="rtl"] body #mainDashboard .gauges-wrapper a div {
    margin-right: 0;
    margin-left: "0.2rem !important";
  }
  body #mainDashboard .gauges-wrapper a div div {
    border: none !important;
  }
  body #mainDashboard .gauges-wrapper a div span {
    background-color: #fff !important;
    color: #001a0e !important;
  }
  body #mainDashboard .gauges-wrapper a div .link {
    display: none !important;
  }
  body #mainDashboard .charts-wrapper {
    width: 90% !important;
  }
  body #mainDashboard .charts-wrapper article[id|="pendingTasksChart"] {
    width: 30% !important;
  }
  body #mainDashboard .charts-wrapper article[id|="pendingTasksChart"] container {
    width: 100% !important;
  }
  body #mainDashboard .charts-wrapper article[id|="pendingTasksChart"] header {
    display: block !important;
  }
  body #mainDashboard .charts-wrapper article[id|="completedTasksColumnChart"] container {
    width: 100% !important;
  }
  body #mainDashboard .charts-wrapper article[id|="completedTasksColumnChart"] header {
    display: block !important;
  }
  body #accountDetails,
  body #updateAccountDetails,
  body #changePassword {
    overflow: visible !important;
    padding: 0 !important;
  }
  body #accountDetails header,
  body #updateAccountDetails header,
  body #changePassword header {
    display: block !important;
  }
  body #accountDetails header nav,
  body #updateAccountDetails header nav,
  body #changePassword header nav {
    display: none !important;
  }
  body #accountDetails .details-wrapper,
  body #updateAccountDetails .details-wrapper,
  body #changePassword .details-wrapper {
    padding-left: "0 !important";
  }
  [dir="rtl"] body #accountDetails .details-wrapper,
  [dir="rtl"] body #updateAccountDetails .details-wrapper,
  [dir="rtl"] body #changePassword .details-wrapper {
    padding-left: 0;
    padding-right: "0 !important";
  }
  body #accountDetails .details-wrapper #updateAccountInformation,
  body #updateAccountDetails .details-wrapper #updateAccountInformation,
  body #changePassword .details-wrapper #updateAccountInformation {
    display: none !important;
  }
  body #accountDetails .details-wrapper form .form-field,
  body #updateAccountDetails .details-wrapper form .form-field,
  body #changePassword .details-wrapper form .form-field {
    display: none !important;
  }
  body .forms-layout {
    height: auto !important;
    width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
  }
  body .forms-layout header {
    display: block !important;
  }
  body .forms-layout header .breadcrumb {
    display: block !important;
  }
  body .forms-layout .actions-bar {
    display: none !important;
  }
  body .forms-layout .forms-canvas {
    height: auto !important;
    width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
    background-color: transparent !important;
    margin: 0 !important;
  }
  body .forms-layout .forms-canvas .task-grid {
    width: 100% !important;
  }
  body .forms-layout .forms-canvas .task-grid .editor {
    overflow: visible !important;
  }
  body .forms-layout .forms-canvas .task-grid .editor-label,
  body .forms-layout .forms-canvas .task-grid .editor-field {
    page-break-inside: avoid !important;
  }
  body .forms-layout .forms-canvas .form-commands {
    display: none !important;
  }
  body .forms-layout [data-role="controlGrid"] {
    width: auto !important;
  }
  body .forms-layout [data-role="controlGrid"] menu {
    display: none !important;
  }
  body #pendingTasks {
    padding: 0 !important;
    margin: 0 !important;
  }
  body #pendingTasks .group header {
    display: inline-block;
  }
  body #pendingTasks nav {
    display: none !important;
  }
  body #pendingTasks .paging .pull-right {
    display: none !important;
  }
  body #pendingTasks .paging.bottom {
    display: none !important;
  }
  body #pendingTasks .cards {
    margin: 0.5rem;
  }
  body #pendingTasks .cards li {
    page-break-inside: avoid !important;
    border: 0.1rem solid #001a0e !important;
    border-collapse: collapse !important;
    width: 100% !important;
  }
  body #pendingTasks .cards li .details,
  body #pendingTasks .cards li .metadata {
    border: 0.1rem solid #001a0e !important;
    border-collapse: collapse !important;
    padding: 0.2rem !important;
  }
  body #pendingTasks .cards li .details .status,
  body #pendingTasks .cards li .metadata .status {
    color: #000000 !important;
  }
  body #pendingTasks .cards li .details a,
  body #pendingTasks .cards li .metadata a {
    color: #000000 !important;
  }
  body #pendingTasks .cards li .details i,
  body #pendingTasks .cards li .metadata i {
    display: none;
  }
  body #processInstance {
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
  }
  body #processInstance header {
    display: block !important;
  }
  body #processInstance article header {
    display: block !important;
  }
  body #processInstance .showme {
    display: none !important;
  }
  body #processInstance .branchTaskList li .details,
  body #processInstance .branchTaskList li .metadata {
    border: 0.1rem solid #001a0e !important;
    border-collapse: collapse !important;
    padding: 0.2rem !important;
    width: 100% !important;
  }
  body #processInstance .branchTaskList li .details i,
  body #processInstance .branchTaskList li .metadata i {
    color: #000000 !important;
  }
  body #processInstance .branchTaskList li .details .title-pending-task a,
  body #processInstance .branchTaskList li .metadata .title-pending-task a,
  body #processInstance .branchTaskList li .details .title a,
  body #processInstance .branchTaskList li .metadata .title a {
    color: #000000 !important;
  }
  body #processInstance .branchTaskList li .details .about .see-pending-details,
  body #processInstance .branchTaskList li .metadata .about .see-pending-details,
  body #processInstance .branchTaskList li .details .about .see-details,
  body #processInstance .branchTaskList li .metadata .about .see-details {
    display: none !important;
  }
  body #processInstance #processBranches [role="tablist"] h3 label {
    page-break-inside: avoid;
  }
  body #processInstance #processBranches [role="tab"] {
    border: 0.1rem solid #001a0e !important;
    border-collapse: collapse !important;
    padding: 0.5rem !important;
  }
  body #processInstance #processBranches [role="tab"] .count {
    border: 0.1rem solid #001a0e !important;
  }
  body #processInstance #processBranches [role="tabpanel"] {
    padding: 0 !important;
  }
  body #trackingProcessResults,
  body #archiveProcessResults,
  body #trackingTasksResults,
  body #archiveTasksResults {
    padding: 0 !important;
    max-height: none !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  body #trackingProcessResults header,
  body #archiveProcessResults header,
  body #trackingTasksResults header,
  body #archiveTasksResults header {
    display: block !important;
  }
  body #trackingProcessResults p,
  body #archiveProcessResults p,
  body #trackingTasksResults p,
  body #archiveTasksResults p {
    display: none !important;
  }
  body #trackingProcessResults .paging .pull-right,
  body #archiveProcessResults .paging .pull-right,
  body #trackingTasksResults .paging .pull-right,
  body #archiveTasksResults .paging .pull-right {
    display: none !important;
  }
  body #trackingProcessResults .paging.bottom,
  body #archiveProcessResults .paging.bottom,
  body #trackingTasksResults .paging.bottom,
  body #archiveTasksResults .paging.bottom {
    display: none !important;
  }
  body #trackingProcessResults .not-finding,
  body #archiveProcessResults .not-finding,
  body #trackingTasksResults .not-finding,
  body #archiveTasksResults .not-finding {
    display: none !important;
  }
  body #trackingProcessResults .cards,
  body #archiveProcessResults .cards,
  body #trackingTasksResults .cards,
  body #archiveTasksResults .cards {
    margin: 0.5rem !important;
  }
  body #trackingProcessResults .cards li,
  body #archiveProcessResults .cards li,
  body #trackingTasksResults .cards li,
  body #archiveTasksResults .cards li {
    page-break-inside: avoid !important;
    border: 0.1rem solid #001a0e !important;
    border-collapse: collapse !important;
    width: 100% !important;
  }
  body #trackingProcessResults .cards li .details,
  body #archiveProcessResults .cards li .details,
  body #trackingTasksResults .cards li .details,
  body #archiveTasksResults .cards li .details,
  body #trackingProcessResults .cards li .metadata,
  body #archiveProcessResults .cards li .metadata,
  body #trackingTasksResults .cards li .metadata,
  body #archiveTasksResults .cards li .metadata {
    border: 0.1rem solid #001a0e !important;
    border-collapse: collapse !important;
    padding: 0.2rem !important;
  }
  body #trackingProcessResults .cards li .details .see-pending-details,
  body #archiveProcessResults .cards li .details .see-pending-details,
  body #trackingTasksResults .cards li .details .see-pending-details,
  body #archiveTasksResults .cards li .details .see-pending-details,
  body #trackingProcessResults .cards li .metadata .see-pending-details,
  body #archiveProcessResults .cards li .metadata .see-pending-details,
  body #trackingTasksResults .cards li .metadata .see-pending-details,
  body #archiveTasksResults .cards li .metadata .see-pending-details,
  body #trackingProcessResults .cards li .details .see-details,
  body #archiveProcessResults .cards li .details .see-details,
  body #trackingTasksResults .cards li .details .see-details,
  body #archiveTasksResults .cards li .details .see-details,
  body #trackingProcessResults .cards li .metadata .see-details,
  body #archiveProcessResults .cards li .metadata .see-details,
  body #trackingTasksResults .cards li .metadata .see-details,
  body #archiveTasksResults .cards li .metadata .see-details {
    display: none !important;
  }
  body #trackingProcessResults .cards li .details .status,
  body #archiveProcessResults .cards li .details .status,
  body #trackingTasksResults .cards li .details .status,
  body #archiveTasksResults .cards li .details .status,
  body #trackingProcessResults .cards li .metadata .status,
  body #archiveProcessResults .cards li .metadata .status,
  body #trackingTasksResults .cards li .metadata .status,
  body #archiveTasksResults .cards li .metadata .status {
    color: #000000 !important;
  }
  body #trackingProcessResults .cards li .details a,
  body #archiveProcessResults .cards li .details a,
  body #trackingTasksResults .cards li .details a,
  body #archiveTasksResults .cards li .details a,
  body #trackingProcessResults .cards li .metadata a,
  body #archiveProcessResults .cards li .metadata a,
  body #trackingTasksResults .cards li .metadata a,
  body #archiveTasksResults .cards li .metadata a {
    color: #000000 !important;
  }
  body #trackingProcessResults .cards li .details i,
  body #archiveProcessResults .cards li .details i,
  body #trackingTasksResults .cards li .details i,
  body #archiveTasksResults .cards li .details i,
  body #trackingProcessResults .cards li .metadata i,
  body #archiveProcessResults .cards li .metadata i,
  body #trackingTasksResults .cards li .metadata i,
  body #archiveTasksResults .cards li .metadata i {
    color: #000000 !important;
  }
  body div[data-role="controlGrid-content"] {
    max-height: none !important;
    overflow: visible !important;
    -webkit-print-color-adjust: exact;
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    width: auto !important;
  }
  body div[data-role="controlGrid-content"] table tr {
    page-break-inside: avoid !important;
    -webkit-region-break-inside: avoid;
  }
  body div[data-role="controlGrid-content"] table tr th {
    border: 0.1rem solid #004d29 !important;
    background: #001a0e !important;
    background-color: #001a0e !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    page-break-inside: avoid !important;
  }
  body div[data-role="controlGrid-content"] table tr td {
    width: auto !important;
    height: auto !important;
    padding: 0.2rem !important;
    border: 0.1rem solid #004d29 !important;
    font-size: 1.1rem 1.2rem !important;
    page-break-inside: avoid !important;
  }
  body div[data-role="controlGrid-content"] table tr td select,
  body div[data-role="controlGrid-content"] table tr td input {
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
  }
  body div[data-role="controlGrid-content"] table tr td .ui-datepicker-trigger {
    display: none !important;
  }
  body div[role="dialog"] {
    display: none !important;
  }
}
/* -------- Custom Styles --------- */
/*// *****************************************************
// PROCESS GROUP BUTTONS
// *****************************************************
.processGroupButtons{
	a.button {
		&:before {
			content: "\f6b5";
		}
	}
}*/
/*
// *****************************************************
// PROCESSES BUTTONS
// *****************************************************
.processButtons {
	a.button[href*="New/Task/28"] {
		&:before {
			font-size: 50px;
			content: "\f6ed";
		}
	}

	a.button[href*="New/Task/17"] {
		&:before {
			font-size: 50px;
			color: red;
			content: "\f6e2";
		}
	}

	a.button[href*="New/Task/119"] {
		&:before {
			font-size: 50px;
			content: "\f188";
		}
	}
}

// *****************************************************
// TASK BUTTONS
// *****************************************************
.taskButtons {
	a.button {
		&:before {
			content: "\f0ae";
		}
	}
}

// *****************************************************
// REPORT BUTTONS
// *****************************************************
.reportButtons {
	a.button[href*="Report/Task/52"] {
		&:before {
			font-size: 50px;
			content: "\f13d";
		}
	}

	a.button[href*="Report/Task/137"] {
		&:before {
			font-size: 50px;
			color: red;
			content: "\f5d2";
		}
	}

	a.button[href*="Report/Task/108"] {
		&:before {
			font-size: 50px;
			content: "\f5d1";
		}
	}
}*/
/* --------- End of Custom Styles ---------*/