div[data-module="workflow"] .content {
  overflow-y: hidden !important;
}

div[data-module="workflow"] .content > * {
  height: 100%;
}

[data-module="workflow"] .search-project-task-input-container {
  margin-bottom: 7px;
}

.template-name-label {
  color: var(--main-text-color);
  font-weight: bold;
}

[data-module="workflow"] .template-group-list {
  display: flex;
}

[data-module="workflow"] .template-group-list .bold-text {
  margin-right: 10px;
}

[data-module="workflow"] .template-group-list {
  color: var(--subtitle-text-color);
}

[data-module="workflow"] .public-text-label.active-tab {
  color: var(--main-active-color);
}

.ant-collapse-content .cancel-workflow-react-select-wrapper.label-list {
  margin-left: 0px;
  padding-top: 10px;
}

#async-select-container hr {
  margin-top: 30px;
}

.signature-user-search-component #async-select-container hr {
  display: none;
}

.workflow-position-name {
  font-weight: bold;
}

.action-value-label-container {
  position: relative;
}

.action-value-label-container .scope-line {
  height: calc(100% - 10px);
  border-left: 1px solid var(--main-key-border-color);
  position: absolute;
  top: 25px;
  left: 10px;
}

span.state-placeholder {
  font: normal normal bold 11px Lato;
  letter-spacing: 0px;
  color: #848484;
}

span.state-placeholder-value {
  font: normal normal normal 12px Lato;
  letter-spacing: 0px;
  color: #919196;
}

div.toggle-subflow-text-expand-icon {
  color: var(--main-key-color);
  font: normal normal normal 12px Lato;
  letter-spacing: 0px;
  opacity: 1;
}

.subflow-item.completed-subflow-style,
.subflow-item-container.completed-subflow-style {
  border: 1px solid #c8dcb9 !important;
  background-color: #ebf8e2 !important;
}

.subflow-complete-icon {
  margin-left: 10px;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  background-image: url(../common/img/commonIcon/correct-sign.svg);
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat;
}

.subflow-list-container {
  margin-left: 10px;
}

.subflow-label {
  text-align: left;
  font: normal normal normal 14px Lato;
  color: var(--main-placeholder-color);
  padding: 10px 0px;
  position: absolute;
  left: 40px;
  width: max-content;
}

.subflow-list-container > * {
  margin-bottom: 5px;
}

.subflow-list-container > *:last-child {
  margin-bottom: 0px;
}

.subflow-type-icon {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  margin-top: 3px;
  margin-right: 10px;
}

.subflow-type-icon#authorization-icon {
  background-image: url(../common/img/workflowIcon/workflow-approval.svg);
  background-size: 30px 30px;
  background-position: center center;
  background-repeat: no-repeat;
}

.subflow-type-icon#data-form-icon {
  background-image: url(../common/img/workflowIcon/workflow-data-form.svg);
  background-size: 30px 30px;
  background-position: center center;
  background-repeat: no-repeat;
}

.subflow-type-icon#sign-digital-signature-icon {
  background-image: url(../common/img/workflowIcon/workflow-sign-digital-signature.svg);
  background-size: 30px 30px;
  background-position: center center;
  background-repeat: no-repeat;
}

.current-executing-subflow-bar {
  width: 5px;
  height: 100%;
  flex: 1;
  background-color: #419b4b;
  margin-right: 5px;
}

#current-subflow-item {
  padding: 0px;
}

.current-executing-subflow-indicator {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  background-image: url(../common/img/workflowIcon/workflow-running.svg);
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat;
}

#workflow-info-section {
  border-bottom: 1px solid var(--main-key-border-color);
  padding-bottom: 30px;
}

.authorization-status-icon {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
}

#authorization-success-status-icon,
#authorization-done-status-icon {
  background-image: url(../common/img/workflowIcon/workflow-approved.svg);
  background-size: 30px 30px;
  background-position: center center;
  background-repeat: no-repeat;
}

#authorization-reject-status-icon {
  background-image: url(../common/img/workflowIcon/workflow-reject.svg);
  background-size: 30px 30px;
  background-position: center center;
  background-repeat: no-repeat;
}

#authorization-unauthorize-icon {
  background-image: url(../common/img/workflowIcon/workflow-wait-for-approve.svg);
  background-size: 30px 30px;
  background-position: center center;
  background-repeat: no-repeat;
}

#authorization-signed-icon {
  background-image: url(../common/img/workflowIcon/workflow-sign-digital-signature.svg);
  background-size: 30px 30px;
  background-position: center center;
  background-repeat: no-repeat;
}

.authorizer-label {
  margin-top: 10px;
  text-align: left;
  font: normal normal normal 14px Lato;
  letter-spacing: 0px;
  color: var(--main-placeholder-color);
  opacity: 1;
}

.overdue-subflow-icon {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  background-image: url(../common/img/workflowIcon/workflow-overdue.svg);
  background-size: 30px 30px;
  background-position: center center;
  background-repeat: no-repeat;
}

.subflow-trailing-container {
  display: flex;
  align-items: center;
}

.template-group-content-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: calc(100% - 10px);
}

.template-group-list-container {
  overflow-y: auto;
}

div#update-subflow-auto-execute-subflow-input input[type="checkbox"] {
  transform: scale(1.5);
  margin-top: 6px;
}

div#update-subflow-auto-execute-subflow-input div.checkbox-container {
  margin-left: 5px;
}

div#update-subflow-subflow-name-input-container {
  margin-top: 15px;
}

.selected-action-label {
  margin-left: 10px;
}

.current-form-label,
.current-action-target-label {
  margin-left: 10px;
  margin-top: 6px;
  display: flex;
  justify-content: space-between;
}

.current-form-label-container {
  padding-top: 10px;
}

.current-form-action-target-container {
  margin-top: 10px;
}

.request-to-update-content-container:not(#pending-your-action-container
    .request-to-update-content-container) {
  height: 100%;
  overflow: hidden;
}

.request-to-update-template-list-container {
  overflow-y: auto;
  height: calc(100% - 85px);
}

.sign-digital-signature-container .sign-permission-container {
  margin-top: 10px;
}

.specific-position-user-list-container.signing-user-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.form-content .pdf-viewer-ui.pdf-viewer-container,
.form-content .pdf-viewer-ui.pdf-viewer-container .container {
  height: calc(100vh - 180px);
}
.form-content .pdf-viewer-ui.pdf-viewer-container .content {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  overflow: auto;
  height: 100% !important;
  width: 100% !important;
}

.form-content
  .pdf-viewer-ui.pdf-viewer-container
  .content
  .react-pdf__Document {
  height: 100%;
}

.form-content .pdf-viewer-ui.pdf-viewer-container .react-pdf__Page canvas {
  margin-left: auto;
  margin-right: auto;
}


.pdf-viewer-container .container {
  height: 100%;
}