@charset "UTF-8";

.portal-icon.ui-widget.si,
.portal-icon-container .ui-widget.si,
.ui-widget.si::before {
  font-family: var(--portal-icon-font-family);
}

.portal-icon.ui-icon.si,
.portal-icon-container .ui-icon.si {
  font-size: var(--portal-icon-ui-icon-font-size);
  line-height: var(--portal-icon-line-height);
}

.ui-outputlabel .ui-outputlabel-rfi {
  color: var(--asterik-icon-color); }

[data-icon]:before {
  font-family: var(--data-icon-font-family);
  font-style: var(--data-icon-font-style);
  font-weight: var(--data-icon-font-weight);
  font-variant: var(--data-icon-font-variant); }

[data-icon]:before {
  content: attr(data-icon);
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Data table */
body .ui-datatable tbody tr td.ui-editable-column.ui-state-highlight.ui-cell-editing .ui-inputfield {
  color: var(--ui-input-field-text-color); }

.ui-datatable .ui-inputfield.ui-widget.ui-state-default.ui-corner-all.hasDatepicker {
  background-image: linear-gradient(to bottom, var(--primary-color), var(--primary-color)), linear-gradient(to bottom, #bdbdbd, #bdbdbd); }

@media (max-width: 640px) {
  .ui-datatable-reflow .ui-reflow-dropdown {
    font-size: var(--large-font-size); } }

/* Select one list box */
body .ui-selectonelistbox .ui-selectlistbox-item.ui-state-hover {
  color: var(--hovered-item-select-one-list-box-text-color); }

/* Messages */
.ui-growl-item .ui-growl-message a {
  color: var(--message-info-text-color);
  text-decoration: underline;
}

.message .message-header {
  font-size: var(--large-font-size); }

.message .message-container .message-detail {
  font-size: var(--small-font-size); }

.message .message-container {
  font-size: var(--large-font-size); }

@media screen and (max-width: 64.063em) {
  .ui-messages-info-summary,
  .ui-messages-warn-summary,
  .ui-messages-error-summary,
  .ui-messages-fatal-summary,
  .ui-message-info-summary,
  .ui-message-warn-summary,
  .ui-message-error-summary,
  .ui-message-fatal-summary {
    margin-left: 0px; } }

/* Inputs */
input::-ms-clear {
  display: none; }

body .ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-hover {
  color: var(--hovered-item-select-one-menu-text-color); }

body .md-inputfield span.md-inputwrapper-focus ~ label, body .md-inputfield span.md-inputwrapper-filled ~ label {
  color: var(--primary-color); }

body .md-inputfield input.ui-state-filled ~ label,
body .md-inputfield input:focus ~ label {
  font-size: var(--small-font-size); }

.ui-inplace .ui-inplace-editor .ui-button.ui-inplace-save .ui-icon-check,
.ui-inplace .ui-inplace-editor .ui-button.ui-inplace-cancel .ui-icon-close {
  background: none repeat scroll 0 0 var(--ui-inplace-background-color);
}

/* File upload */
@media (max-width: 1024px) {
  .ui-fileupload-files .ui-fileupload-row > div {
    display: block; } }

.uploading-file-message .ui-fileupload-messages {
  text-align: left; }

.user-task-dyna-container .upload-container {
  margin-top: 10px; }

/* Placeholder */
:-ms-input-placeholder {
  color: var(--place-holder-text-color); }

::placeholder {
  color: var(--place-holder-text-color); }

/* Keypad */
body .keypad-popup .keypad-special,
body .keypad-popup .keypad-special.ui-state-hover,
body .keypad-popup .keypad-special.ui-state-active {
  color: var(--accent-text-color); }


/*Style For Logos --------------------------------------------------------------------------------------*/
body .layout-wrapper .menu-wrapper .sidebar-logo .portal-home-logo-small img {
  width: var(--small-home-logo-width); 
  height: var(--home-logo-height);}

.login-body .login-panel .login-panel-header img {
  height: var(--login-logo-height); }

.login-body .login-panel .login-oauth-providers ul {
  list-style-type: none; 
  padding-left: 0px; }

.login-body .login-panel .login-oauth-providers span {
  position: relative; 
  bottom: 5px; }

/*Style For Color Header --------------------------------------------------------------------------------------*/
.first-header-bar {
  width: 70%;
  background-color: var(--first-header-bar-color); }

.second-header-bar {
  width: 15%;
  background-color: var(--second-header-bar-color); }

.third-header-bar {
  width: 15%;
  background-color: var(--third-header-bar-color); }

/*Style for Top bar -------------------------------------------------------------------------------------- */
@media screen and (max-width: 40em) {
  .task-template-container {
    padding: 0 10px; } }

.application-info-message .ui-messages-info-detail {
  font-weight: bold;
  margin-left: 10px; }

/*Style for Portal breadcrumb ----------------------------------------------------------------------- */
body .portal-breadcrumb.ui-breadcrumb ul li .ui-menuitem-link.ui-state-disabled {
  opacity: var(--current-step-opacity);
  color: var(--current-step-color); }

.portal-breadcrumb .si {
  color: var(--breadcrumb-home-icon-color) !important;
}

/*Style For Item Widget in List -----------------------------------------------------------------------------------*/
.process-start-list-item,
.process-widget .order-list-items.ui-orderlist .ui-orderlist-list .ui-orderlist-item,
a.compact-task-start-link .task-start-list-item {
  box-shadow: var(--item-widget-box-shadow);
  border: 1px solid transparent; }

.dashboard-widget-panel-container .process-start-list-item,
.ui-fieldset-content .process-start-list-item {
  background-color: var(--item-widget-background-color);
  box-shadow: var(--item-widget-box-shadow);
}

.process-widget .order-list-items.ui-orderlist .ui-orderlist-list .ui-orderlist-item {
  background-color: var(--item-widget-background-color); }

.process-grid__header.ui-commandlink {
  color: var(--process-grid-header-color); }

.process-grid__header.ui-commandlink:hover {
  text-decoration: none; }

/*Style For Process Widget --------------------------------------------------------------------------------*/
.process-start-list-item:hover .process-start-list-item-icon {
  color: var(--hovered-process-start-list-item-i-con-color); }

.process-start-list-item .warning-icon,
.order-list-item  .warning-icon {
  color: var(--process-warning-icon-color);
  font-size: var(--process-icon-font-size);
  font-weight: var(--process-warning-icon-font-weight);
}

.process-start-list-item-icon {
  font-size: 2rem; }

.process-widget .order-list-items.ui-orderlist .ui-orderlist-list .ui-orderlist-item:hover .process-start-list-item-icon {
  color: var(--hovered-user-process-start-list-item-icon-color); }

.process-widget .ui-orderlist .ui-orderlist-list .order-list-item .action-icon {
  font-size: var(--process-icon-font-size); }

.new-process-dialog .md-inputfield .md-inputwrapper-focus ~ label.new-process-name-label,
.new-process-dialog .md-inputfield .md-inputwrapper-filled ~ label.new-process-name-label {
  font-size: var(--small-font-size); }

.process-widget--full .process-grid-view__icon,
.process-start-list-container .grid-view-form .process-grid-view-icon {
  font-size: var(--process-grid-icon-font-size);
  padding: 0.7rem;
}

body .process-widget .ui-selectbooleanbutton.ui-state-active {
  background-color: var(--primary-color);
  color: var(--ivy-primary-color-white); }

body .process-widget .ui-selectbooleanbutton.ui-state-active .ui-icon {
  color: var(--ivy-primary-color-white); }

.process-grid-view__name,
.grid-view-form .process-grid-view-name {
  font-size: var(--process-grid-name-font-size);
  font-weight: var(--process-grid-name-font-weight);
  word-break: break-word;
}

.edit-process-header-group,
.edit-process-icon-group {
  border-bottom: 1px solid var(--ivy-primary-color-grey-light); }

.edit-process-header-group .edit-process-header-title {
  overflow: hidden;
  margin-top: auto;
  font-size: var(--process-edit-name-font-size);
  font-weight: var(--process-edit-name-font-weight); }

.edit-process-dialog .edit-process-info-group {
  overflow: hidden; }

.edit-process-header-group .edit-process-header-sub-title,
.edit-process-icon-group .edit-process-header-sub-title,
.edit-process-info-group .edit-process-header-sub-title {
  margin: auto;
  font-weight: var(--widget-header-font-weight);
  font-size: var(--large-font-size); }

.edit-process-icon-group .awesome-icon-selection-panel span,
.external-process-icon .awesome-icon-selection-panel span {
  font-size: var(--process-grid-icon-font-size); }

.edit-process-info-group .edit-process-detail-1st-cell,
.grid-view-form .process-action-group {
  font-size: var(--small-font-size); }

.task-detail-column-title,
.edit-process-info-group .edit-process-detail-1st-cell {
  opacity: 0.65;
  font-size: var(--small-font-size); }

/*Style For Task Widget ----------------------------------------------------------------------------------*/
.filter-selection-form .filter-name:hover,
.filter-selection-form .filter-name-overlay-panel .user-defined-filter-container .delete-user-defined-filter-command:hover {
  color: var(--task-filter-delete-user-defined-icon-hover-color); }

.filter-selection-form .filter-name-overlay-panel .user-defined-filter-container .delete-user-defined-filter-command {
  font-size: var(--large-font-size); }

.task-state-open {
  color: var(--task-state-open-color); }

.task-state-in-progress {
  color: var(--task-state-in-progress-color); }

.task-state-done {
  color: var(--task-state-done-color); }

.task-state-failed {
  color: var(--task-state-failed-color);}

.task-state-waiting {
  color: var(--task-state-waiting-color);}

.task-state-reserved {
  color: var(--task-state-reserved-color); 
  font-size: var(--task-state-reserved-font-size) !important;
}

.task-state-system {
  color: var(--task-state-system-color); 
  font-size: var(--task-state-system-font-size) !important;
}

.task-priority-low {
  color: var(--task-priority-low-color); }

.task-priority-normal {
  color: var(--task-priority-normal-color); }

.task-priority-high {
  color: var(--task-priority-high-color); }

.task-priority-exception {
  color: var(--task-priority-exception-color); }

.task-start-list .description-cell {
  font-size: var(--task-item-description-font-size);
  line-height: var(--task-item-description-line-height); }

.task-start-list .name-cell {
  font-weight: var(--task-item-name-font-weight);
  line-height: var(--task-item-name-line-height); }

/*Style For Statistic Widget -----------------------------------------------------------------------------*/
body .statistic-carousel .ui-widget-header.ui-carousel-header {
  background-color: var(--statistic-panel-header) !important;
  border-color: var(--statistic-panel-header-border); }

.statistic-carousel .ui-carousel-header .ui-carousel-button.ui-icon {
  color: var(--statistic-carousel-header-button-color); }

.statistic-carousel .ui-carousel-header .ui-carousel-next-button:hover,
.statistic-carousel .ui-carousel-header .ui-carousel-prev-button:hover {
  color: var(--statistic-carousel-header-button-hover-color); }

.statistic-carousel .ui-carousel-header .ui-carousel-header-title .chart-info,
.dashboard-chart-panel .chart-actions-container .chart-action,
.dashboard-chart-panel .chart-info {
  font-size: 1.5rem !important; }

.statistic-carousel .ui-carousel-header .ui-carousel-header-title .chart-info:hover,
.dashboard-chart-panel .chart-info:hover,
.dashboard-chart-panel .chart-actions-container .chart-action:hover {
  color: var(--statistic-carousel-header-button-hover-color); }

.chart-filter-header-text,
.statistic-carousel .ui-carousel-header-title .chart-name,
.dashboard-chart-panel .chart-name,
.edit-statistic-container .chart-list .chart-container .label {
  font-size: var(--chart-name-font-size);
  font-weight: var(--chart-name-font-weight);
  line-height: var(--chart-name-line-height); }

.ui-columntoggler[id$='task-table-toggler'] .ui-columntoggler-item label {
  font-size: var(--default-font-size); }

.chart-info-header {
  font-size: var(--large-font-size);
  font-weight: var(--chart-info-header-font-weight); }

.chart-info-container label {
  font-weight: var(--chart-name-font-weight); }

.statistic-filter-accordion-panel .ui-accordion-content {
  border: solid 1px var(--statistic-filter-accordion-panel-border); }

/*Style For Buttons --------------------------------------------------------------------------------------*/
body .portal-cancel-button.ui-widget.ui-button,
body .ui-inplace-cancel.ui-widget.ui-button {
  background-color: var(--cancel-button-background-color);
  border-color: var(--cancel-button-background-color); }

body .portal-cancel-button.ui-widget.ui-button .ui-button-text,
body .portal-cancel-button.ui-widget.ui-button .ui-icon,
.ui-inplace-cancel.ui-widget.ui-button .ui-button-text,
.ui-inplace-cancel.ui-widget.ui-button .ui-icon {
  color: var(--cancel-button-text-color); }

.portal-cancel-button.ui-widget.ui-button.ui-state-hover,
.portal-cancel-button.ui-widget.ui-buttonset .ui-state-hover,
.ui-inplace-cancel.ui-widget.ui-button.ui-state-hover,
.portal-cancel-button.ui-widget.ui-button.ui-state-focus,
.portal-cancel-button.ui-widget.ui-buttonset .ui-state-focus,
.ui-inplace-cancel.ui-widget.ui-button.ui-state-focus  {
  background-color: var(--cancel-button-state-hover-or-focus-background-color); }

.ui-widget.ui-button.context-button {
  border-radius: var(--context-button-border-radius);
  background-color: var(--context-button-background-color); }

.ui-widget.ui-button.context-button .ui-button-text,
.ui-widget.ui-button.context-button .ui-icon {
  color: var(--context-button-text-color); }

.ui-widget.ui-button.context-button.ui-state-hover,
.ui-widget.ui-button.context-button.ui-state-focus {
  background-color: var(--context-button-state-hover-or-focus-background-color); }

/*Style for table --------------------------------------------------------------------------------------*/
.express-many-checkbox-options.ui-datatable tbody tr ui-datatable tbody tr td:last-child {
  border-top: 1px solid var(--top-border-body-express-many-checkbox-table-color); }

/*Style for express --------------------------------------------------------------------------------------*/
.process-start-list-item .process-start-list-item-action .ui-commandlink.express-workflow:hover {
  color: var(--hovered-process-start-list-item-i-con-color); }

.ui-widget.ui-button.defined-task-button.active,
.ui-widget.ui-button.defined-task-button.visited {
  border: solid 2px var(--defined-task-button-actived-border-color);
  background-color: var(--defined-task-button-actived-or-hover-background-color); }

.ui-widget.ui-button.defined-task-button.active:before {
  border-color: var(--defined-task-button-actived-border-color); }

.ui-widget.ui-button.defined-task-button.ui-state-hover {
  background-color: var(--defined-task-button-actived-or-hover-background-color); }

/*Style for stages breadcrumb --------------------------------------------------------------------------------------*/
.stages-chain .current i {
  color: var(--stages-chain-current-icon-color); }

/*Style for stages process chain -----------------------------------------------------------------------------------*/
.circle-process-chain .circle-horizontal-process-step.visited .circle-horizontal-step-container span:before {
  border-color: var(--process-chain-menu-color); }

.circle-process-chain .circle-horizontal-process-step.waiting .circle-horizontal-step-container {
  border: solid 2px var(--process-chain-menu-color);
  background-color: var(--circle-horizontal-waiting-step-number-container-background-color); }

.circle-process-chain .circle-horizontal-process-step .circle-horizontal-step-container {
  background-color: var(--process-chain-menu-color);
  border: solid 2px var(--circle-step-container-border); }

.circle-process-chain .circle-vertical-process-step.visited .circle-vertical-step-container span:before {
  border-color: var(--process-chain-menu-color); }

.circle-process-chain .circle-vertical-process-step.current .circle-vertical-step-title {
  font-weight: var(--current-circle-vertical-step-title-font-weight); }

.circle-process-chain .circle-vertical-process-step.waiting .circle-vertical-step-container {
  border: solid 2px var(--process-chain-menu-color);
  background-color: var(--circle-vertical-step-container-background-color); }

.circle-process-chain .circle-vertical-process-step .circle-vertical-step-container {
  background-color: var(--process-chain-menu-color);
  border: solid 2px var(--circle-step-container-border); }

.circle-process-chain .circle-vertical-process-step:not(:last-child) .circle-vertical-step-container .step-number-container:after {
  border-left: 3px solid var(--circle-vertical-step-number-container-border); }

.circle-process-chain .circle-horizontal-process-step.current .circle-horizontal-step-title {
  font-weight: var(--current-circle-horizontal-step-title-font-weight); }

.line-process-chain .line-horizontal-process-step .line-horizontal-step-container {
  background-color: var(--process-chain-menu-color); }

.line-process-chain .line-horizontal-process-step.current .line-horizontal-step-title {
  font-weight: var(--current-line-horizontal-step-title-font-weight); }

.line-process-chain .line-horizontal-process-step.hide-left-steps {
  background: repeating-linear-gradient(90deg, var(--process-chain-menu-color), var(--process-chain-menu-color) 10px, var(--body-background-color) 10px, var(--body-background-color) 20px); }

.line-process-chain .line-horizontal-process-step.hide-right-steps {
  background: repeating-linear-gradient(90deg, #e0e0e0, #e0e0e0 10px, var(--body-background-color) 10px, var(--body-background-color) 20px); }

.line-process-chain .line-vertical-process-step .line-vertical-step-container {
  background-color: var(--process-chain-menu-color); }

.line-process-chain .line-vertical-process-step.hide-left-steps {
  background: repeating-linear-gradient(180deg, var(--process-chain-menu-color), var(--process-chain-menu-color) 10px, var(--body-background-color) 10px, var(--body-background-color) 20px); }

.line-process-chain .line-vertical-process-step.hide-right-steps {
  background: repeating-linear-gradient(180deg, #e0e0e0, #e0e0e0 10px, var(--body-background-color) 10px, var(--body-background-color) 20px); }

.line-process-chain .line-horizontal-process-step.waiting .line-horizontal-step-container,
.line-process-chain .line-vertical-process-step.waiting .line-vertical-step-container {
  background-color: var(--line-waiting-step-background-color); }

.line-process-chain .line-vertical-process-step.current .line-vertical-step-title {
  font-weight: var(--current-line-vertical-step-title-font-weight); }

.current .cicrle-step-container, .visited .cicrle-step-container,
.process-chain-mobile-container .circle-horizontal-process-step {
  color: var(--circle-step-number-color); }

.circle-horizontal-step-container:not(.right-steps) .step-number-container:after {
  border-top-color: var(--circle-horizontal-step-number-container-border-top); }

.circle-horizontal-step-container:not(.last-step) .step-number-container:after {
  border-top: 3px dashed var(--circle-horizontal-step-number-container-border-top); }

.circle-horizontal-step-container.last-step .step-number-container:after {
  border-top: 3px dashed var(--circle-horizontal-last-step-number-container-border-top); }

.circle-horizontal-step-container .step-number-container:before {
  border-top: 3px solid var(--circle-horizontal-step-number-container-border-top-color); }

.circle-horizontal-process-step:not(:last-child) .circle-horizontal-step-container .step-number-container:after {
  border-top: 3px solid var(--circle-horizontal-step-number-container-border-top); }

.circle-horizontal-process-step.visited .circle-horizontal-step-container .step-number-container:after {
  color: var(--circle-horizontal-step-number-container-border-top-color); }

.circle-process-chain .circle-horizontal-process-step,
.circle-process-chain .circle-vertical-process-step,
.line-process-chain .line-vertical-process-step {
  font-size: var(--small-font-size); }

/*Style for announcement*/
.announcement-message-customizable {
  background-color: var(--announcement-background-color);
  border: 2px solid var(--announcement-border-color);
  color: var(--announcement-color); }

/*Style For Task Detail --------------------------------------------------------------------------------------*/
body .ui-inputfield.task-name-input {
  font-size: var(--large-font-size);
  font-weight: var(--task-name-input-font-weight); }

.task-detail-header .task-name {
  font-weight: var(--task-detail-header-font-weight); }

.task-detail-section-title,
.task-detail-section-title > i.si,
.task-detail-section-title > div > i.si {
  font-weight: var(--task-detail-section-title-font-weight) !important; }

.task-action-item:hover {
  background-color: var(--task-detail-action-item-hover-background-color); }

/*Style For Advance Filter --------------------------------------------------------------------------------------*/
body .ui-datepicker .ui-timepicker-div dl dd {
  margin-top: 30px; }
  body .ui-datepicker .ui-timepicker-div dl dd .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content {
    margin-right: 10px; }

/*Style for start Filter Widget--------------------------------------------------------------------------------------*/


.filter-category-checkbox-tree.ui-tree .ui-treenode .ui-treenode-label,
.task-widget .advanced-filter, .case-widget .advanced-filter,
.case-widget-container .advanced-filter {
  font-size: var(--default-font-size); }

.task-widget .advanced-filter,
.case-widget-container .advanced-filter, .case-widget .advanced-filter {
  border: solid 1px var(--widget-advanced-filter-border); }

.filter-category-checkbox-tree .ui-icon.ui-icon-search:after {
  font-family: var(--icon-font-family); }

.dashboard-action-container-label,
.grid-item-header {
  font-size: var(--large-font-size); }

.widget-header-main-menu a.ui-widget.ui-commandlink, .widget-header-main-menu span.ui-widget.ui-commandlink.ui-state-disabled,
.widget-sort-menu span.ui-widget.ui-commandlink.ui-state-disabled {
  font-size: var(--small-font-size); }

.widget-header-main-title {
  font-size: var(--widget-header-font-size);
  font-weight: var(--widget-header-font-weight); }

.widget-sort-menu.full-mode a.ui-widget.ui-commandlink:not(.filter-add-button):not(.config-columns):not(.is-selected),
.case-widget-container .widget-column-header a.ui-commandlink:not(.filter-add-button):not(.config-columns):not(.is-selected) {
  color: var(--task-widget-header-column); }

.widget-sort-menu.full-mode a.ui-widget.ui-commandlink.is-selected,
.case-widget-container .widget-column-header a.ui-commandlink.is-selected {
  font-weight: bold; }

.task-widget .advanced-filter .ui-button-text-only .ui-button-text,
.case-widget-container .advanced-filter .ui-button-text-only .ui-button-text {
  color: var(--widget-header-filter-color); }

.task-widget .ui-widget.ui-button.advanced-filter-command:after,
.case-widget-container .ui-widget.ui-button.advanced-filter-command:after,
.filter-selection-form a.filter-name.ui-commandlink:after {
  color: var(--widget-header-filter-color);
  font-family: var(--icon-font-family);
  font-size: var(--small-font-size); }

.task-widget .ui-widget.ui-button.advanced-filter-command,
.case-widget-container .ui-widget.ui-button.advanced-filter-command {
  background: var(--widget-advanced-filter-command-background-color); }

.task-widget .ui-widget.ui-button.advanced-filter-command.error-filter:before,
.case-widget-container .ui-widget.ui-button.advanced-filter-command.error-filter:before {
  color: var(--advanced-filter-error-color);
  font-family: var(--icon-font-family); }

.widget-sort-menu.full-mode {
  border-bottom: 1px solid var(--widget-sort-menu-border-bottom-color); }

/*Style for Case Detail --------------------------------------------------------------------------------------*/
.filter-selection-form .filter-name-overlay-panel .user-defined-filter-container:hover .ui-commandlink {
  font-weight: var(--user-defined-filter-container-hover-font-weight); }

.task-start-info-header,
.task-start-list-item.full-mode .task-start-link {
  line-height: 20px; }

.task-start-info-footer, .task-start-info-content {
  font-size: var(--small-font-size); }

.case-details-data-1st-column {
  font-size: var(--large-font-size); }

.additional-case-details-link {
  font-size: var(--large-font-size); }

.case-detail-body .case-details-item .case-description-form .ui-inplace-display.ui-state-highlight {
  color: var(--case-description-text-color-hightlight); }

.case-detail-body .case-details-item .ui-datascroller-content.ui-widget-content.ui-corner-all {
  padding: 0;
  border: none; }

.case-detail-body .case-details-item .ui-datascroller-content.ui-widget-content.ui-corner-all.has-scrollbar {
  border-right: solid 1px var(--case-related-task-content-border); }

.case-detail-body .case-details-item .case-related-task-case-running ul li:last-child .related-task-content {
  border-bottom: 1px solid var(--case-related-task-content-border); }

.case-detail-name-inplace-edit .ui-inplace-display.ui-state-highlight {
  color: var(--case-detail-name-text-color-hight-light);
  padding: 3px;
  border-radius: 2px; }

.case-detail-header,
.task-detail-header .task-name {
  font-size: var(--widget-header-font-size);
  font-weight: var(--widget-header-font-weight);
  line-height: 26px;}

.related-task-content .related-task,
.case-related-running {
  color: var(--case-related-task-color); }

.related-task-content .related-task:hover {
  color: var(--case-related-task-hover-color); }

.additional-case-details-link {
  font-weight: var(--additional-case-detail-link-font-weight); }

.related-task-content,
.no-running-task-case {
  border: 1px solid var(--case-related-task-content-border);
  border-top: none; }

.case-related-running {
  border: 1px solid var(--case-related-task-content-border); }

.no-running-task-case {
  margin-bottom: 10px;
  border-bottom: 1px solid var(--case-related-task-content-border); }

.case-detail-body .name-column .case-name-value,
.case-detail-body .case-details-related-task-table .related-task-name-column .task-name-value {
  font-weight: var(--case-item-name-font-weight);
}

.case-detail-body .name-column .case-description-value,
.case-detail-body .case-details-related-task-table .related-task-name-column .task-description-value {
  font-weight: var(--case-item-description-font-weight);
  font-style: var(--case-item-description-font-style);
  font-size: var(--case-item-description-font-size);
  color: var(--case-item-description-cell);
}

.priority-cell .priority,
.case-detail-body .priority {
  font-size: var(--priority-font-size); }

.priority-cell .low-priority,
.case-detail-body .low-priority {
  color: var(--task-low-priority-color); }

.priority-cell .normal-priority,
.case-detail-body .normal-priority {
  color: var(--task-normal-priority-color); }

.priority-cell .high-priority,
.case-detail-body .high-priority {
  color: var(--task-high-priority-color); }

.priority-cell .exception-priority,
.case-detail-body .exception-priority {
  color: var(--task-exception-priority-color); }

.state-cell .task-state,
.state-column .case-state, .case-detail-body .task-state {
  border-radius: var(--task-state-border-radius);
  font-size: var(--task-state-font-size);
  line-height: var(--task-state-line-height);
  border: 1px solid; }

.state-cell .suspended-task-state,
.state-column .open-task-state, .case-detail-body .suspended-task-state {
  background: var(--task-state-suspended-background);
  border-color: var(--task-state-suspended-background);
  color: var(--task-state-suspended-color); }

.state-cell .resumed-task-state,
.state-column .running-case-state, .case-detail-body .resumed-task-state {
  color: var(--ivy-primary-color-black);
  background: var(--task-state-resumed-background);
  border-color: var(--task-state-resumed-background); }

.state-cell .done-task-state,
.state-column .done-case-state, .case-detail-body .done-task-state {
  background: var(--task-state-done-background);
  border-color: var(--task-state-done-background);
  color: var(--task-state-done-color) }

.state-cell .parked-task-state,
.state-column .parked-task-state {
  background: var(--task-state-parked-background);
  border-color: var(--task-state-parked-background); }

.state-cell .created-case-state,
.state-cell .created-task-state,
.state-column .created-case-state,
.state-column .created-task-state{
  background: var(--task-state-suspended-background);
  border-color: var(--task-state-suspended-background); 
  color: var(--task-state-suspended-color); }

.state-cell .failed-task-state,
.state-column .failed-task-state,
.state-cell .join_failed-task-state,
.state-column .join_failed-task-state {
  background: var(--task-state-failed-background);
  border-color: var(--task-state-failed-background);
  color: var(--task-state-failed-text-color) }

/**Style for Absences and Debuty  --------------------------------------*/
.substituted-user-text {
  font-size: var(--large-font-size); }

.not-display-result-tab-view {
  font-size: var(--small-font-size); }

/** Style for Task Template * --------------------------------------*/
.task-template-title {
  font-size: var(--large-font-size);
  font-weight: var(--task-template-title-font-weight); }

.ui-outputlabel.task-template-title {
  font-size: var(--large-font-size);
  font-weight: var(--output-label-task-template-title-font-weight); }

.process-history-empty-message .ui-outputlabel {
  font-size: var(--small-font-size); }

.task-template-content .task-actions-button:focus {
  outline: var(--task-template-action-button-focus); }

/** Style for Line Horizontal  --------------------------------------*/
.line-process-chain .line-horizontal-process-step {
  font-size: var(--small-font-size); }

.compact-process-widget .toggle-processes-link,
.compact-toggle-tasks-link {
  font-weight: var(--widget-header-font-weight); }

/* Style for Filter Widget -----------------------------**/
.task-widget .advanced-filter:hover,
.case-widget-container .advanced-filter:hover,
.task-widget .filter-selection-container .filter-name:hover,
.case-widget-container .filter-selection-container .filter-name:hover {
  background-color: var(--widget-advanced-filter-hover-backround-color);
  border-color: var(--widget-advanced-filter-hover-border); }

.task-widget .filter-selection-container .filter-name,
.case-widget-container .filter-selection-container .filter-name {
  border: solid 1px var(--widget-filter-selection-container-border);
  background: var(--widget-advanced-filter-background-color); }

.task-widget .ui-widget.ui-button.advanced-filter-command.ui-state-hover,
.task-widget .ui-widget.ui-button.advanced-filter-command.ui-state-active,
.task-widget .ui-widget.ui-button.advanced-filter-command.ui-state-focus,
.case-widget-container .ui-widget.ui-button.advanced-filter-command.ui-state-hover,
.case-widget-container .ui-widget.ui-button.advanced-filter-command.ui-state-active,
.case-widget-container .ui-widget.ui-button.advanced-filter-command.ui-state-focus {
  background: var(--widget-advanced-filter-command-state-focus-background-color); }

.ui-commandlink.advanced-filter-icon {
  color: var(--widget-advanced-filter-icon-color);}

.advanced-filter-icon:hover {
  color: var(--widget-advanced-filter-icon-color-hover);}

.history-note .task-note-link:hover {
  color: var(--task-note-link-hover-color); }

.case-document-name .document-size, .task-document-name .document-size {
  opacity: 0.65;
  font-size: var(--small-font-size);
  margin: auto 0px; }

:-ms-input-placeholder, :root .case-detail-body .history-note a {
  display: inline; }

.task-widget-sub-header .operations-column,
.case-widget .widget-column-header .operations-column {
  color: var(--task-widget-header-column);
  font-family: var(--font-family);
}

/*Style for Case Item --------------------------------------------------------------------------------------*/
.case-list-unsortable-header-cell {
  color: var(--case-list-unsortable-header-cell-text-color); }

a.case-details-document-add-link,
a.task-details-document-add-link,
span.case-details-document-add-link,
span.task-details-document-add-link,
.related-task-section-header-actions a {
  font-weight: var(--details-document-add-link-font-weight); }

body .ui-inputfield.case-detail-name-input {
  font-size: var(--large-font-size);
  font-weight: var(--case-detail-name-input-font-weight); }

.case-detail-section-title, .case-history-button-container,
.task-history-button-container,
.case-detail-section-title > i.si,
.case-detail-section-title > div > i.si {
  font-weight: var(--history-button-container-font-weight) !important; }

.case-header-action-cell .action-item .ui-button {
  background: var(--case-header-action-cell-button-background-color);
  outline: var(--case-header-action-cell-button-background-color); }

.action-steps-panel .case-action-separator::before,
.options-panel .task-action-separator::before {
  border: 0.8px solid var(--case-action-separator-border-color); }

.case-list-item {
  border-bottom: 1px solid var(--case-widget-column-header-border-bottom); }

.case-header-name-desc-cell .case-header-desc-cell {
  color: var(--case-item-description-cell); 
  font-size: var(--case-item-description-font-size);
  line-height: var(--case-item-description-line-height); }

.action-steps-panel {
  font-size: var(--large-font-size); }

.action-steps-panel.ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-disabled {
  color: var(--action-step-disabled-text-color); }

.action-steps-panel a.action-step-item:hover {
  background-color: var(--item-background-hover);
  color: var(--menu-action-hover-text-color); }

.case-state-in-progress {
  color: var(--case-state-in-progress-color); }

.case-state-done {
  color: var(--case-state-done-color); }

.case-widget-container .widget-column-header,
.case-default-widget-container .widget-column-header {
  border-bottom: 1px solid var(--case-widget-column-header-border-bottom); }

.case-list .ui-datascroller,
.case-list .ui-datascroller .ui-datascroller-content {
  background-color: var(--case-list-data-scroller-content-background-color); }

.case-header-action-cell, .task-header-action-cell {
  border-left: solid 1px var(--header-action-action-left-border-color); }

.action-steps-panel .action-icon {
  font-size: var(--large-font-size); }

.action-steps-panel .separator::before {
  border-top: 2px solid var(--action-step-separator-border-color);
}

.case-header-name-desc-cell .case-header-name-cell {
  font-weight: var(--case-item-name-font-weight);
  line-height: var(--case-item-name-line-height); }

/*Process --------------------------------------*/
.process-widget .process-nav .process-nav-item {
  font-size: var(--large-font-size); }

.process-widget .process-nav .process-nav-item.selected {
  font-weight: var(--selected-process-nav-item-font-weight); }

.process-widget .process-nav .process-nav-item.disabled {
  color: var(--process-nav-item-disable-color); }

.process-widget .process-nav {
  border-left: 1px solid var(--process-navigator-border); }

.process-widget .process-nav .process-nav-item.selected:before {
  border-left: 3px solid var(--process-navigator-item-selected-border); }

.process-start-list-item:hover,
.process-widget .order-list-items.ui-orderlist .ui-orderlist-list .ui-orderlist-item:hover {
  background: var(--process-start-list-item-hover-background-color);
  border: var(--process-start-list-item-hover-border); }

.process-start-list-item:hover .process-start-list-item-name,
.process-widget .order-list-items.ui-orderlist .ui-orderlist-list .ui-orderlist-item:hover .process-start-list-item-name {
  font-weight: var(--process-start-list-item-name-font-weight); }

.process-history-list .ui-widget-content {
  border: none; }

.process-history-list .ui-datascroller {
  background-color: var(--process-history-list-data-scroller-background-color); }

.process-history-column-header .is-selected {
  color: var(--process-history-column-header-is-selected-color); }

.process-history-column-header {
  border-bottom: 1px solid var(--process-history-column-header-border); }

.process-history-empty-message .ui-outputlabel {
  color: var(--process-history-message-label-color); }

.process-start-list-item .ui-commandlink,
.process-start-list-item .ui-link,
.process-widget .order-list-items.ui-orderlist .ui-orderlist-list .ui-orderlist-item .ui-commandlink,
.process-widget .order-list-items.ui-orderlist .ui-orderlist-list .ui-orderlist-item .ui-link,
.process-widget .order-list-items.ui-orderlist .ui-orderlist-list table tr td,
.process-widget .order-list-items.ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover tr td {
  color: var(--process-navigator-item-color); }

.compact-process-widget .toggle-processes-link.fa-plus:before,
.compact-toggle-tasks-link.fa-plus:before {
  font-family: var(--icon-font-family);
  font-size: var(--large-font-size); }

.compact-process-widget .toggle-processes-link.fa-minus:before,
.compact-toggle-tasks-link.fa-minus:before {
  font-family: var(--icon-font-family);
  font-size: var(--large-font-size); }

.process-header .create-express-workflow-icon {
  font-size: 1.6rem !important; }

.process-header .create-express-workflow-icon {
  padding-right: 2px;
  margin-top: -1px;
}

.process-item-action-container .si {
  font-size: var(--large-font-size); }

.process-start-list-item .ui-commandlink.process-item:hover {
  color: var(--process-item-color-hover);
}

/* Task Widget --------------------------------**/
.filter-selection-form label,
.filter-selection-form a.ui-commandlink,
.filter-selection-form a.ui-commandlink:not(.delete-user-defined-filter-command):hover {
  color: var(--task-widget-link-color); }

.filter-selection-form .filter-name-overlay-panel .user-defined-filter-container:hover {
  background-color: var(--task-filter-selection-form-hover-background-color); }

.filter-name-overlay-panel .filter-type-label {
  color: var(--filter-name-label-color); }

.task-start-list-item.full-mode,
.case-list-item {
  border: 1px solid transparent;
  border: 1px solid transparent;
  border-bottom: 1px solid var(--task-filter-separator-border-bottom);
}

a.compact-task-start-link .task-start-list-item:hover, .task-start-list-item.full-mode:hover,
.case-list-item:hover {
  background: var(--compact-task-start-list-item-hover-background-color);
  border: var(--compact-task-start-list-item-hover-border); }

.task-start-info-header, .task-start-info-content, .task-start-info-footer {
  color: var(--compact-task-start-info-color); }

.task-start-info-header {
  font-weight: var(--task-start-info-header-font-weight); }

.task-start-info-task-id {
  font-weight: var(--task-start-info-task-id-font-weight); }

.task-start-list .description-cell {
  color: var(--task-start-list-description-cell); }

.filter-name-overlay-panel .filter-separator {
  margin-top: 7px;
  margin-bottom: 7px;}

.filter-name-overlay-panel .filter-separator::before {
  border: 1px solid var(--task-filter-separator-border-bottom); }

.task-view-container .ui-datascroller,
.task-view-container .ui-datascroller .ui-datascroller-content {
  background-color: var(--task-view-container-data-scroller-content-background-color); }

.task-widget .filter-container .filter-selection-container-group,
.case-widget-container .filter-container .filter-selection-container-group {
  border-right: solid 1px var(--filter-selection-container-group-border-color); }

.filter-container .filter-selection-label,
.filter-container .selected-filters-label {
  color: var(--widget-advanced-filter-label-color);
  font-size: var(--small-font-size); }

.task-widget .filter-add-container:hover,
.task-widget .filter-reset-action:hover,
.case-widget-container .filter-add-container:hover {
  border-color: var(--widget-advanced-filter-hover-border);
  background: var(--widget-advanced-filter-hover-backround-color);

}

#task-description .scroll-panel, .action-icon.icon-compact-mode {
  font-size: var(--small-font-size);
  color: var(--compact-task-start-info-icon-color); }

.task-start-list .priority-cell,
.task-start-list .state-cell {
  font-size: var(--large-font-size); }

/* Admin Setting--------------------------*/
.admin-settings-no-permission-message {
  color: var(--admin-setting-no-permission-message-color); }

/* Absences and Debuty -------------------------*/
.substituted-user-text {
  color: var(--substituted-user-text-color); }

.choose-deputy-dialog .deputy-selection-panel .delete-deputy {
  font-size: var(--delete-deputy-icon-font-size); }

/*Awesome Icon Selection--------------------------*/
.ui-commandlink.select-awesome-icon-button {
  font-weight: var(--select-awesome-icon-button-font-weight);
  font-size: var(--small-font-size); }

.icon-selection-dialog-selecting-icon:hover {
  border: solid 1px; }

/*Start Notification ----------------------------*/
.notification-content {
  background: var(--notification-content-background-color);
  font-size: var(--small-font-size); }

.notification-content-message,
.notification-content-action-more-details {
  color: var(--notification-content-action-color); }

.notification-content-action-close:before, .notification-content-action-close:after {
  background: var(--notification-content-action-color); }

.notification-content-action-close:hover:before, .notification-content-action-close:hover:after {
  background: var(--notification-content-action-hover-background-color); }

/* Stages breadcrumb -------------------*/
.stages-chain .visited i {
  color: var(--stages-chain-visited-color); }

.stages-chain .waiting i {
  color: var(--stages-chain-waiting-color); }

.stages-chain .process-flow .flow-txt .visible {
  background: var(--stages-chain-process-flow-visible-background-color); }

.stages-chain .process-step i {
  font-size: 1.6rem; }

/* Task Action Item-----------------------*/
.task-action-item .task-action-item-label {
  font-weight: var(--task-action-item-label-font-weight); }

.task-actions-menu .ui-slidemenu-backward.ui-widget-header {
  background-color: var(--task-action-item-widget-header-color);
  color: #212121; }

.task-actions-menu .ui-slidemenu-backward.ui-widget-header .ui-icon.ui-icon-triangle-1-w {
  color: #212121; }

.task-actions-menu .ui-menu-list .ui-menuitem .ui-menuitem-link:hover span {
  color: var(--action-step-hover-text-color); }

.task-actions-menu .ui-menu-list .ui-menuitem .ui-menuitem-link span {
  color: var(--action-step-text-color); }

.task-actions-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-disabled {
  color: var(--action-step-disabled-text-color); }

/*Style for Message -------------------------*/
.no-documents-message {
  font-size: var(--large-font-size); }

/*Style for Error Page*/
.error-container {
  color: var(--error-container-color); }

.message .message-header {
  color: var(--error-message-header-color); }

/* Express */
.ui-widget.ui-button.defined-task-button {
  border: solid 2px var(--defined-task-button-border-color);
  background-color: var(--defined-task-button-background-color); }

.ui-widget.ui-button.defined-task-button span {
  color: var(--defined-task-button-text-color); }

.ui-widget.ui-button.defined-task-button.ui-state-hover span,
.ui-widget.ui-button.defined-task-button.active span {
  color: var(--active-defined-task-button-text-color); }

.express-work-flow .express-input-switch-selection,
.ui-inputswitch.ui-widget.ui-widget-content.express-input-switch-selection.ui-inputswitch-checked,
.process-widget .process-input-switch-selection,
.ui-inputswitch.ui-widget.ui-widget-content.process-input-switch-selection.ui-inputswitch-checked {
  background-color: var(--express-input-switch-selection-background-color);
  border-color: var(--express-input-switch-selection-border); }

.ui-inputswitch.ui-widget.ui-widget-content.express-input-switch-selection.ui-inputswitch-checked .ui-inputswitch-handle {
  background: var(--ivy-primary-color-white);
}

.available-elements-action-btn button:hover, .available-elements-action-btn button:focus, .express-add-option-panel button:hover, .express-add-option-panel button:focus {	
  background-color:transparent;}

.task-responsible-label.ui-state-error {
  color: var(--task-responsible-label-state-error-color); }

.selected-formelements-panel.hover-drop-section {
  background-color: var(--form-elements-panel-hover-drop-section-background-color); }

.review-content-title {
  font-weight: var(--express-review-content-title-font-weight);
  border-bottom: 1px solid var(--express-review-content-title-border-color); }

.defined-task-label {
  background: var(--defined-task-label-background-color); }

.defined-task-label label {
  font-size: var(--small-font-size);
  color: var(--defined-task-label-text-color); }

.defined-task-label.active label {
  color: var(--defined-task-label-text-color); }

.defined-task-button-container .ui-state-hover ~ span.defined-task-label,
.defined-task-button-container .active ~ span.defined-task-label,
.defined-task-button-container .visited ~ span.defined-task-label {
  background: var(--defined-task-button-container-background-color); }

.defined-task-button-container .ui-state-hover ~ span.defined-task-label label,
.defined-task-button-container .active ~ span.defined-task-label label,
.defined-task-button-container .visited ~ span.defined-task-label label {
  color: var(--active-defined-task-label-text-color); }

.form-definition-table .ui-state-highlight,
.form-definition-table .hover-drop-section {
  color: var(--form-elements-panel-hover-drop-section-label-color); }

.form-definition-table .selected-formelements-panel {
  border: dashed 2px var(--form-definition-table-selected-panel-border); }

.form-definition-table .selected-formelements-panel .ui-datagrid {
  background: var(--form-definition-table-selected-panel-background-color); }

.email-attachment .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top {
  background-color: var(--email-file-upload-corner-top-background-color); }

.task-responsible-link {
  font-size: var(--large-font-size); }

.task-responsible-link:after {
  font-family: var(--icon-font-family); }

.express-work-flow label.switch-active,
.process-widget label.switch-active {
  font-weight: var(--express-workflow-active-switch-label-font-weight);
  color: var(--primary-color); }

.process-widget label.switch-off {
  color: var(--ivy-primary-color-grey-medium);}

.finished-task-label {
  font-weight: var(--express-finished-task-label-font-weight); }

.ui-widget.ui-button.defined-task-button.active {
  font-weight: var(--express-active-defined-task-button-font-weight); }

/* Chat*/
.layout-wrapper .layout-topbar .topbar-menu > li > a.notification-badge i.fa.fa-comment {
  font-size: var(--notification-badge-icon-font-size); }

.chat-panel {
  background: var(--chat-panel-background-color);
  box-shadow: var(--chat-panel-box-shadow); }

.contact-card:not(.no-group-chat):hover .contact-card-icon, .contact-card.active .contact-card-icon {
  color: var(--contact-card-background-color);
  background: var(--contact-card-icon-background-color); }

.no-group-chat {
  color: var(--no-group-chat-color);
  font-size: var(--large-font-size);
  cursor: default; }

.contact-card:not(.no-group-chat):hover {
  background: var(--contact-card-hover-background-color);
  box-shadow: var(--chat-box-shadow); }
.contact-card:not(.no-group-chat):hover .contact-card-name {
  color: var(--contact-card-name); }

.contact-card.active {
  background: var(--contact-card-background-color);
  box-shadow: var(--chat-box-shadow); }
.contact-card.active .contact-card-name {
  color: var(--contact-card-name); }

.contact-card-icon {
  color: var(--contact-card-icon-color);
  font-size: var(--contact-card-icon-font-size);
  background: var(--contact-card-background-color); }

.contact-card-icon[unread-message]:after {
  background: var(--contact-card-icon-unread-message-background-color);
  color: var(--contact-card-icon-unread-message-color);
  font-size: var(--contact-card-icon-after-fontsize); }

.contact-card-name {
  color: var(--contact-card-name-color); }

.contact-card-status {
  background: var(--contact-card-status-background-color); }

.contact-notification {
  color: var(--contact-notification-color);
  background-color: var(--contact-notification-background-color); }

.contact-card-status.is-offline {
  background: var(--contact-card-icon-offline-color); }

.message-list {
  background: var(--message-list-background-color);
  box-shadow: var(--chat-box-shadow); }

.message-list-header {
  background: var(--message-list-header-background-color);
  box-shadow: var(--chat-box-shadow); }

.message-list-header-close {
  font-size: var(--chat-contact-type-header-font-size); }

.chat-message-list .chat-message {
  font-size: var(--large-font-size);
  background: var(--chat-message-background-color); }

.chat-message-list .my-message .chat-message {
  background: var(--chat-my-message-background-color);
  color: var(--primary-dark-color); }

.message-chat-header-name {
  font-weight: var(--message-chat-header-name-font-weight);
  color: var(--message-chat-header-name-color);
  font-size: var(--chat-contact-type-header-font-size);
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default; }

.show-participants-link:hover {
  color: var(--show-participants-link-color); }

.notification-badge[data-badge]:after {
  background-color: var(--notification-badge-background-color);
  color: var(--notification-badge-color);
  font-size: var(--notification-badge-font-size); }

.chat-contact {
  -webkit-box-shadow: var(--chat-contacts-box-shadow);
  -moz-box-shadow: var(--chat-contacts-box-shadow);
  box-shadow: var(--chat-contacts-box-shadow); }

.chat-contact-type-header {
  color: var(--chat-contact-type-header-color);
  font-size: var(--chat-contact-type-header-font-size); }

.chat-meta .tooltip {
  color: var(--chat-tooltip-color);
  background-color: var(--chat-tooltip-background-color); }

.role-name,
.participants-list-header {
  font-weight: var(--participants-list-header-font-weight); }

ul.users-in-role {
  border: solid 1px var(--chat-user-in-role-border); }

/* Ends Chat */

.options-panel .option-item:hover {
  text-decoration: none;
  color: var(--menu-action-hover-text-color);
  background-color: var(--item-background-hover);}

.process-widget-action .name-sort-command,
.process-widget-action .editing-switch-command,
.process-widget-action .show-adding-dialog-commmand,
.process-widget-action .save-process-command,
.process-widget-action .cancel-editing-process-command {
  font-size: var(--small-font-size);
  line-height: 18px; }

.action-link i {
  font-size: var(--header-font-size); }

.action-link span {
  font-weight: var(--task-action-item-label-font-weight); }

.task-action-item.start-task-action .task-action-item-label {
  font-weight: var(--task-start-action-font-weight);
}

/* Portal's File upload component */
.upload-container .ui-widget.ui-selectonemenu,
.upload-container .ui-widget.ui-outputlabel {
  margin-top: 5px; }

.upload-container .ui-widget.ui-fileupload {
  margin-top: 0;
  margin-left: 10px; }

.upload-container .ui-widget.ui-fileupload .ui-fileupload-buttonbar .ui-widget.ui-button {
  float: right;
  margin-right: 0; }

.upload-container .ui-widget.ui-fileupload .ui-fileupload-content {
  border: none;
  padding-right: 0;
  padding-bottom: 0; }

.upload-container .ui-widget.ui-fileupload .ui-fileupload-content .ui-fileupload-messages {
  margin-top: 30px; }

/* Express Management */
.import-express-dialog .import-status {
  font-weight: var(--express-import-status-font-weight); }
  .import-express-dialog .import-status.Success {
    color: var(--express-import-status-success); }
  .import-express-dialog .import-status.Warning {
    color: var(--express-import-status-warning); }
  .import-express-dialog .import-status.Failed {
    color: var(--express-import-status-failed); }	

.express-workflow-summary-table .ui-paginator.ui-paginator-top {
  background-color: var(--express-import-paginator-background-color);
  border-color: var(--express-import-paginator-background-color);
  color: var(--express-import-paginator-text-color); }
  .express-workflow-summary-table .ui-paginator.ui-paginator-top a {
    color: var(--express-import-paginator-text-color); }
    .express-workflow-summary-table .ui-paginator.ui-paginator-top a.ui-state-hover {
      background-color: var(--express-import-paginator-hover-button-background-color); }
  .express-workflow-summary-table .ui-paginator.ui-paginator-top .ui-paginator-pages {
    color: var(--express-import-paginator-text-color); }
    .express-workflow-summary-table .ui-paginator.ui-paginator-top .ui-paginator-pages a.ui-paginator-page.ui-state-active {
      background-color: var(--express-import-paginator-hover-button-background-color); }
    .express-workflow-summary-table .ui-paginator.ui-paginator-top .ui-paginator-pages a.ui-paginator-page.ui-state-hover {
      background-color: var(--express-import-paginator-hover-button-background-color); }

.express-workflow-summary-table tr.ui-datatable-selectable.ui-state-highlight td,
.express-workflow-summary-table tr.ui-datatable-selectable.ui-state-hover td {
  border-bottom-color: var(--ivy-primary-color-grey-medium); }

.express-workflow-summary-table tr.ui-datatable-selectable.ui-state-highlight th:not(:last-child), .express-workflow-summary-table tr.ui-datatable-selectable.ui-state-highlight td:not(:last-child),
.express-workflow-summary-table tr.ui-datatable-selectable.ui-state-hover th:not(:last-child),
.express-workflow-summary-table tr.ui-datatable-selectable.ui-state-hover td:not(:last-child) {
  border-right-color: var(--ivy-primary-color-grey-medium); }

.express-helper-loading-container .si-lg {
  font-size: var(--express-helper-loading-container-si-lg-font-size);
}

body .ui-slider .ui-slider-handle {
  background-color: var(--accent-light-color);
}

.side-step-panel .dropdown-content {
background-color: var(--ivy-primary-color-white);
}

.side-step-panel .dropdown-content a {
color: var(--ivy-primary-color-black);
}

.case-map-stage .line-right:after, .case-map-stage .line-left:before {
border-top: 0.2rem solid var(--primary-color);   
}
.case-map-stage .square {
background-color: var(--primary-color);
}
.case-stage-icon{
background-color:var(--primary-color);
color:var(--ivy-primary-color-white);
}
.case-stage-detail{
background-color:var(--ivy-primary-color-white);	
}
.case-stage{
background-color:var(--primary-color);
color: var(--ivy-primary-color-white);
}
.process-breadcrumb:before {
border-left-color: var(--ivy-primary-color-white);
}
.process-breadcrumb:after {
border-left-color: var(--primary-color);
}
.process-breadcrumb{
background-color:var(--primary-color);
color: var(--button-text-color);
}
.process-first-breadcrumb:after {
border-left-color: var(--primary-color);
}
.process-first-breadcrumb{
background-color:var(--primary-color);
color: var(--button-text-color);
}

.no-item-panel .si {
  font-size: var(--no-item-icon-font-size) !important;
  color: var(--no-item-icon-color);
}

.no-item-panel .si {
  font-size: var(--no-item-icon-font-size) !important;
  color: var(--no-item-icon-color);
}

.no-item-panel .no-item-header {
  font-size: var(--no-item-header-font-size);
}

/* Portal Global Ajax Status */
.portal-dialog-icon {
  font-size: var(--portal-dialog-icon-font-size) !important;
}

.portal-dialog-info-icon {
  color: var(--primary-color);
}

.portal-dialog-warning-icon {
  color: var(--ivy-tertinary-color-yellow-dark);
}

.portal-dialog-error-icon {
  color: var(--ivy-tertinary-color-red-medium);
}


/* My Profile */
.my-profile-container .setting-header span {
  color: var(--general-config-description-color);
}

/* Absences Management */
@media screen and (max-width: 40em) {
  .absences-management-container tbody.ui-datatable-data span.ui-column-title {
    font-weight: bold;
  }
}
body.in-dialog .ui-widget-overlay {
  background-color: transparent;
}

.time-information .si-graphic-tablet-drawing-pen,
.general-information .si-graphic-tablet-drawing-pen,
.task-detail-description .si-add-circle,
.task-detail-description .si-subtract-circle,
.case-detail-description .si-add-circle,
.case-detail-description .si-subtract-circle {
  margin-left: 5px;
  color: var(--primary-color);
}

.task-details-description-title .si-graphic-tablet-drawing-pen, .case-details-description-title .si-graphic-tablet-drawing-pen {
  margin: 0 2px;
  color: var(--primary-color);
}

.time-information .si-information-circle {
  margin-left: 5px;
  top: 2px;
  color: var(--primary-color);
  position: relative;
}

.portal-icon.action-icon.icon-compact-mode,
.portal-icon.action-link i {
  font-size: var(--portal-icon-font-size);
}

.security-member-tooltip.ui-tooltip {
  font-size: var(--security-member-header-font-size);
}

.security-member-tooltip .tooltip-header {
  font-weight: var(--security-member-header-font-weight);
  font-size: var(--security-member-header-font-size);
}

.security-member-tooltip .tooltip-body-item {
  font-size: var(--security-member-item-font-size);
}

.security-member-tooltip.ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
  border-right-color: var(--security-member-tooltip-arrow-color);
}

.security-member-tooltip.ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
  border-left-color: var(--security-member-tooltip-arrow-color);
}

/* Process information page */
.process-overview-layout-content .process-info-icon {
  font-size: var(--process-info-icon-font-size);
}

.process-overview-layout-content .process-step-icon {
  font-size: var(--process-info-step-icon-font-size);
  color: var(--process-info-step-icon-font-color);
}

.dashboard__body .expand-fullscreen .saved-filter-node.selected .saved-filter-node__text {
  font-style: var(--default-font-style);
  font-size: var(--default-body-font-size);
}

.dashboard-action-container {
  box-shadow:  var(--item-widget-box-shadow);
  background-color: var(--item-widget-background-color);
}

.dashboard-action-container:hover {
  background: var(--process-start-list-item-hover-background-color);
  border: var(--process-start-list-item-hover-border);
}

.dashboard-action-container-label {
  color: var(--primary-dark-text-color);
}

.dashboard-action-container-description {
  color: var(--primary-dark-text-color);
}

.dashboard-action-container-icon {
  color: var(--primary-dark-text-color);
}

.dashboard-type-list li a {
  color: var(--dashboard-type-color);
}

#reorder-button:hover {
  cursor: move;
}

.statistic-chart-cases-by-category {
  width: 100%;
  height: 340px;
}

.dashboard-statistic-chart-cases-by-category {
  width: 100%;
  height: 400px;
}

.option-item-long-label {
  max-width: 120px;
  line-height: 1.2;
}

.axonivy-loader h5 {
  color: var(--ajax-loader-color);
}

.result-message__icon {
  color: var(--success-color, green);
}

.failed-message__icon {
  color: var(--error-color, red);
}

/* Fix around for dark mode */
.ui-dialog-content .card,
.search-results-tabview .process-group .card {
  border: 1px solid var(--card-dialog-border-color);
}

/* Dashboard Excel export */
.dashboard-excel-export-form {
  float: left;
  display: inline;
}