/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/App/app.scss ***!
  \**************************************************************************************************************************************************/
#app .cpp-ui.cpp-ui-modal,
#cppContentPlanning .cpp-ui.cpp-ui-modal {
  z-index: 9999;
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/ContentPlanning/contentPlanning.scss ***!
  \**************************************************************************************************************************************************************************/
.content-planning {
  display: flex;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.content-planning.cppn-acting-as .metadata-form-slider {
  top: 40px;
  height: calc(100% - 40px);
}
.content-planning > div.cp-nav {
  min-height: 100%;
  flex-shrink: 0;
}
.content-planning > div.view {
  padding-bottom: 5px;
  padding-top: 0px;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.is-resizing * {
  box-shadow: none !important;
  transition: none !important;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/View/view.scss ***!
  \****************************************************************************************************************************************************/
.view {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #ffffff;
}
.view > div:not(:first-child):not(.view-legend) {
  margin-top: 10px;
}
.view .collapse-description {
  gap: 5px;
  align-items: center;
  display: flex;
}
.view div.view-info {
  display: flex;
  flex-direction: column-reverse;
}
.view div.backup-mode + div.view-description {
  margin-top: 0px;
}
.view div.view-description {
  background: #f2f7ff;
  box-shadow: 0px 2px 4px 0px rgba(154, 154, 154, 0.25);
  padding: 20px;
  padding-bottom: 15px;
  position: relative;
}
.view div.view-description > div:first-child {
  display: flex;
  gap: 5px;
}
.view div.view-description > div:first-child .cp-breadcrumb {
  flex-grow: 1;
}
.view div.view-description > div:first-child .collapse-description {
  display: flex;
  cursor: pointer;
  color: #0052d6;
  font-size: 13px;
  font-weight: 500;
}
.view div.view-description > div:not(:first-child) {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #3e3e3e;
  margin: 10px 0px 0px 0px;
}
.view .view-tools {
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
}
.view .view-tools button.view-button {
  height: 26px;
}
.view .view-tools > div:first-child {
  flex: 1;
  min-width: 0;
}
.view .view-tools > div:last-child {
  display: flex;
  flex-shrink: 0;
  margin-left: auto;
  max-height: 20px;
  gap: 5px;
}
.view .view-tools .edit-mode-button {
  margin-right: 10px;
  min-width: 78px;
}
.view .view-tools .personalize-button {
  display: flex;
  align-items: center;
  gap: 5px;
  text-transform: uppercase;
  color: #0052d6;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #0052d6;
  border-radius: 2px;
  background-color: #ffffff;
  padding: 2px 5px;
  align-items: center;
}
.view .view-tools .personalize-button svg {
  height: 16px;
  width: 12px;
  overflow: hidden;
  vertical-align: middle;
}
.view .view-tools .personalize-button svg path {
  fill: #0052d6;
}
.view .view-count {
  font-size: 14px;
  font-weight: 700;
  padding-left: 20px;
}
.view .progress-bar.workflow-bar-cat1 .bar-line, .view .progress-bar.workflow-bar-idea .bar-line {
  width: 0%;
}
.view .progress-bar.workflow-bar-conceptreview .bar-line {
  width: 25%;
  background-color: #478eff;
}
.view .progress-bar.workflow-bar-notpursued .bar-line {
  width: 25%;
  background-color: #de0a01;
}
.view .progress-bar.workflow-bar-cat2 .bar-line {
  width: 50%;
  background-color: #478eff;
}
.view .progress-bar.workflow-bar-cat3 .bar-line {
  width: 75%;
  background-color: #478eff;
}
.view .progress-bar.workflow-bar-cat4 .bar-line {
  width: 100%;
  background-color: #00a76d;
}
.view .progress-bar.workflow-bar-archived .bar-line {
  width: 100%;
  background-color: #6a80a3;
}
.view .progress-bar.workflow-bar-retracted .bar-line {
  width: 100%;
  background-color: #de0a01;
}
.view .edit-mode-button {
  white-space: nowrap;
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Filters/filters.scss ***!
  \**********************************************************************************************************************************************************/
.filters {
  display: flex;
  gap: 5px;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.filters .see-filters {
  color: #0052d6;
  cursor: pointer;
  padding: 2px 8px 2px 2px;
}
.filters .filter {
  display: flex;
  align-items: center;
}
.filters .filter .filter-required::before {
  padding-right: 3px;
  color: red;
  content: "*";
}
.filters .filter > span.cpp-icon:last-child {
  margin: 3px;
}
.filters .filter .filter-dropbox .tree-select {
  max-height: 325px !important;
  overflow-y: auto;
  padding-right: 5px;
  height: 100%;
}
.filters .filter .filter-dropbox .tree-select::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}
.filters .filter .filter-dropbox .input-group {
  max-height: 350px !important;
  overflow-y: auto;
  padding-right: 5px;
  height: 100%;
}
.filters .filter .filter-dropbox .input-group::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}
.filters .filter .filter-dropbox .audit-filter .input-group {
  overflow-y: unset;
}
.filters .filter.has-filter .filter-dropbox > div:first-child {
  color: #0052d6;
}
.filters .filter.has-filter .filter-dropbox .cpp-ui-icon.cpp-icon-search path {
  fill: #0052d6;
}
.filters .filter .operator {
  padding: 2px 4px 2px 4px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  margin-bottom: 5px;
  font-weight: 400;
  display: flex;
  gap: 7px;
  white-space: nowrap;
}
.filters .filter .operator > .cpp-ui-icon {
  margin: auto;
}
.filters .filter .operator > .cpp-ui-icon path {
  fill: #323232;
}
.filters .filter .disabled-dropdown {
  color: #757575 !important;
}
.filters .filter .filter-dropbox > div:first-child {
  background-color: #f2f2f2;
  border-radius: 15px;
  height: 26px;
  font-size: 12px;
  padding: 5px;
  display: flex;
  gap: 7px;
}
.filters .filter .filter-dropbox > div:first-child span {
  white-space: nowrap;
}
.filters .filter .filter-dropbox > div:first-child > .cpp-ui-icon {
  margin: auto;
}
.filters .filter .filter-dropbox > div:first-child > .cpp-ui-icon path {
  fill: #757575;
}
.filters .filter .filter-box > div:first-child {
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: auto;
}

.filter-links {
  color: #0052d6;
  display: flex;
  white-space: nowrap;
  font-size: 14px;
  max-height: 20px;
}
.filter-links .clear-filters {
  cursor: pointer;
  height: 20px;
  white-space: nowrap;
}
.filter-links > div {
  display: flex;
  align-items: center;
}
.filter-links > div:not(:first-child)::before {
  content: " ";
  border-right: 1px solid #c3c3c3;
  margin-left: 5px;
  margin-right: 5px;
  height: 12px;
}
.filter-links .dd-list {
  color: initial;
}
.filter-links .dd-list li {
  display: flex;
  justify-content: space-between;
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Filters/TextFilter/textFilter.scss ***!
  \************************************************************************************************************************************************************************/
.text-filter {
  width: 300px;
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Dropbox/dropbox.scss ***!
  \**********************************************************************************************************************************************************/
.dropbox {
  position: relative;
}
.dropbox:not(.dropbox-disabled) > div:first-child {
  cursor: pointer;
}
.dropbox.dropbox-show > div:last-child {
  visibility: visible;
}
.dropbox > div:last-child {
  visibility: hidden;
  position: absolute;
  pointer-events: none;
  min-width: 200px;
  max-width: 500px;
  display: flex;
}
.dropbox > div:last-child > div {
  padding: 15px;
  min-width: fit-content;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0px 0px 3px 3px;
  margin: 5px;
  z-index: 3;
  pointer-events: auto;
  white-space: normal;
}
.dropbox.dropbox-left > div:last-child {
  left: -5px;
}
.dropbox.dropbox-right > div:last-child {
  right: -5px;
}
/*!************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Dropdown/dropdown.scss ***!
  \************************************************************************************************************************************************************/
@charset "UTF-8";
.dd-dropdown > div:first-child {
  font-weight: bold;
}
.dd-dropdown ul.dd-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.dd-dropdown ul.dd-list li {
  padding: 5px;
  cursor: pointer;
  white-space: nowrap;
}
.dd-dropdown ul.dd-list li.dd-disabled {
  cursor: not-allowed;
  color: gray;
}
.dd-dropdown ul.dd-list li .dd-opt {
  display: flex;
  gap: 5px;
}
.dd-dropdown ul.dd-list li .dd-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dd-dropdown ul.dd-list li.dd-text:after,
.dd-dropdown ul.dd-list li .dd-text:after {
  display: block;
  content: attr(data-txt);
  font-weight: bold;
  text-indent: 2px;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}
.dd-dropdown ul.dd-list li:hover:not(.dd-disabled), .dd-dropdown ul.dd-list li.dd-selected {
  background-color: #f1f4f9;
  font-weight: bold;
}
.dd-dropdown.dropbox > div:last-child {
  min-width: unset;
}
.dd-dropdown.dropbox > div:last-child > div {
  padding: 0px;
}
.dd-dropdown.button-dropdown > div:first-child button {
  padding: 5px 5px 5px 10px;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.dd-dropdown.button-dropdown > div:first-child button::after {
  content: "⌄";
  color: #ffffff;
  border-left: 1px solid #ffffff;
  line-height: 50%;
  font-size: 16px;
  padding-left: 5px;
  height: 100%;
}
.dd-dropdown.button-dropdown > div:first-child button.cpp-ui.cpp-ui-button-type-secondary:after {
  color: #0052d6;
  border-color: #0052d6;
}
.dd-dropdown.button-dropdown > div:first-child button.cpp-ui.cpp-ui-button-type-destructive:after {
  color: #de0a01;
  border-color: #de0a01;
}
.dd-dropdown.button-dropdown > div:last-child > div {
  margin-top: 1px;
}
.dd-dropdown.action-dropdown {
  height: 100%;
}
.dd-dropdown.action-dropdown.dropbox-show > div > div {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  border-radius: 4px;
}
.dd-dropdown.action-dropdown > div:first-child {
  height: 100%;
}
.dd-dropdown.action-dropdown > div:first-child > div {
  height: 100%;
  padding: 0px 5px;
  margin: 2px;
  cursor: pointer;
  border: 1px solid transparent;
}
.dd-dropdown.action-dropdown > div:first-child > div:hover {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  border-radius: 4px;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Icon/icon.scss ***!
  \****************************************************************************************************************************************************/
span.workspace-icon {
  position: relative;
}
span.workspace-icon .cpp-icon-home {
  position: absolute;
  right: -2px;
  bottom: -4px;
}
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/TreeSelect/treeSelect.scss ***!
  \****************************************************************************************************************************************************************/
.tree-select {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.tree-select .acronym-prefix {
  color: #99A1AF;
  font-weight: normal;
}
.tree-select .tree-select-cards-edit-mode {
  max-height: 300px !important;
  background-color: white;
  border: 1px solid #ced4da;
}
.tree-select .tree-select-card-container {
  display: flex;
}
.tree-select .tree-select-card-container > div:first-child {
  flex-grow: 1;
}
.tree-select .tree-select-group {
  list-style-type: none;
  padding-left: 18px;
  text-align: left;
  width: 100%;
}
.tree-select .tree-select-item {
  padding: 0px;
}
.tree-select .tree-select-item > div {
  display: flex;
  line-height: 20px;
}
.tree-select .tree-select-item > div > span > span {
  cursor: pointer;
}
.tree-select .tree-select-item > div > div:first-child {
  height: 20px;
  display: flex;
  align-items: center;
}
.tree-select .tree-select-item > div > div:first-child input[type=checkbox] {
  width: 13px;
  height: 13px;
}
.tree-select .tree-select-item > div > div:first-child span.cpp-icon {
  margin: 0px 5px;
}
.tree-select .tree-select-item--disabled > div > span > span {
  cursor: default;
}
.tree-select .tree-select-item--collapsed ul {
  display: none;
}
.tree-select .tree-select-item--leaf > div:first-child > div:first-child .cpp-icon {
  display: none;
}
.tree-select .tree-select-item--leaf > div:first-child > span {
  padding-left: 5px;
}
.tree-select .tree-select-display {
  background-color: #f1f4f9;
  padding-top: 10px;
}
.tree-select .tree-select-display .acronym-prefix {
  color: #046543;
  font-weight: bold;
}
.tree-select .tree-select-display.tree-select-implied {
  background-color: #f4f4f4;
  font-size: 12px;
  color: #6f7878;
}
.tree-select .tree-select-display.tree-select-implied .pill-implied {
  position: absolute;
  right: 10px;
}
.tree-select .tree-select-display > .cpp-icon {
  position: absolute;
  right: 5px;
  top: 5px;
}
.tree-select .tree-select-display > ul {
  margin-bottom: 10px;
}
.tree-select .tree-select-display input {
  display: none;
}
.tree-select .tree-select-display .tree-select-group {
  padding-left: 15px;
}
.tree-select .tree-select-display .tree-select-item > div {
  cursor: default;
}
.tree-select .tree-select-display .tree-select-item > div > span {
  padding-left: 2px;
  line-height: 20px;
  color: #434848;
  font-size: 12px;
  font-weight: 400;
}
.tree-select .tree-select-display > ul > li:not(:last-child) {
  padding-bottom: 10px;
}
.tree-select .tree-select-display > ul > li ul > li:last-child > ul,
.tree-select .tree-select-display > ul > li ul > li:last-child > div {
  border-left: none;
}
.tree-select .tree-select-display > ul > li ul > li > ul,
.tree-select .tree-select-display > ul > li ul > li > div {
  border-left: 1px dashed #5b6670;
}
.tree-select .tree-select-display > ul > li ul > li > div:before {
  position: relative;
  top: 0px;
  left: 0px;
  height: 10px;
  width: 7px;
  color: white;
  border-bottom: 1px dashed #5b6670;
  content: "";
  display: inline-block;
}
.tree-select .tree-select-display > ul > li ul > li:last-child > div:before {
  border-left: 1px dashed #5b6670;
}
.tree-select .tree-select-edit {
  padding: 10px;
}
.tree-select .tree-select-edit > div {
  max-height: 300px;
  min-height: 50px;
}
.tree-select .tree-select-edit > input {
  margin-bottom: 10px;
}
.tree-select .tree-select-edit .see-more {
  color: #0052d6;
  margin-left: 5px;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  max-height: 0px;
  min-height: 18px;
  flex-direction: row-reverse;
  display: flex;
  font-size: 14px;
  justify-content: flex-end;
  align-items: center;
  margin: 10px 0px 6px 0px;
  padding: 13px 13px 13px 5px;
  background-color: #f2f2f2;
  border-radius: 6px;
}
.tree-select .tree-select-edit .see-more-msg {
  padding: 5px;
  min-height: unset;
}
.tree-select .tree-select-edit .no-mapping-msg {
  text-align: left;
  color: #6f7878;
  font-size: 12px;
  font-style: italic;
  margin: 10px 0;
}
.tree-select:not(.tree-select-active) .tree-select-edit {
  padding: 0px;
}
.tree-select:not(.tree-select-active) .tree-select-edit > input {
  margin-bottom: 0px;
}
.tree-select:not(.tree-select-active) .tree-select-edit.card {
  display: none;
}
.tree-select:not(.tree-select-active) .tree-select-edit > div {
  display: none;
}

.tabular .edit-cell-wrapper .tree-select > div,
.tabular .edit-cell-wrapper .tree-select-active > div {
  max-height: 300px;
  min-height: 50px;
}
.tabular .edit-cell-wrapper .tree-select > input,
.tabular .edit-cell-wrapper .tree-select-active > input {
  margin-bottom: 10px;
}
.tabular .edit-cell-wrapper .tree-select .see-more,
.tabular .edit-cell-wrapper .tree-select-active .see-more {
  color: #0052d6;
  margin-left: 5px;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  max-height: 0px;
  min-height: 18px;
  flex-direction: row-reverse;
  display: flex;
  font-size: 14px;
  justify-content: flex-end;
  align-items: center;
  margin: 10px 0px 6px 0px;
  padding: 13px 13px 13px 5px;
  background-color: #f2f2f2;
  border-radius: 6px;
}
.tabular .edit-cell-wrapper .tree-select .see-more-msg,
.tabular .edit-cell-wrapper .tree-select-active .see-more-msg {
  padding: 5px;
  min-height: unset;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Pill/pill.scss ***!
  \****************************************************************************************************************************************************/
.pill {
  border-radius: 6px;
  padding: 0px 4px;
  display: flex;
  overflow: hidden;
}
.pill.pill-dark {
  color: #fff;
}
.pill:not(.pill-multi-line) {
  height: 30px;
  line-height: 30px;
}
.pill.pill-multi-line > div {
  flex-direction: column;
}
.pill > div:first-child {
  font-size: 13px;
  font-weight: 400;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pill.status {
  font-weight: 500;
}
.pill.status--1 {
  color: #f66c9b;
}
.pill.status--10 {
  color: #91bbff;
}
.pill.status--100 {
  color: #43aaa0;
}
.pill.status--800 {
  color: #00a76d;
}
.pill.status--6 {
  color: #9b9b9b;
}

.pill.error {
  border: 1px solid #ff0000;
}

.pills {
  display: flex;
  gap: 2px;
  flex-wrap: wrap;
}
.pills.pills-multi {
  flex-direction: column;
  gap: 5px;
}
.pills.pills-comma .pill {
  padding: 0;
  overflow: unset;
  display: inline;
  line-height: normal;
  height: unset;
  background-color: transparent !important;
}
.pills.pills-comma .pill.pill-dark {
  color: unset;
}
.pills.pills-comma .pill:not(:last-child) > div:first-child.pill-newline {
  content: "\a";
}
.pills.pills-comma .pill:not(:last-child) > div:first-child:not(.pill-newline)::after {
  content: attr(data-separator);
}
.pills.pills-comma .pill > div:first-child {
  text-overflow: unset;
  overflow: unset;
  white-space: unset;
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/SearchInput/searchInput.scss ***!
  \******************************************************************************************************************************************************************/
.tabular .edit-cell-wrapper .input-group-append {
  background-color: white !important;
}

.input-group .form-control {
  border-right-width: 0px !important;
}
.input-group svg path {
  fill: #757575;
}
.input-group .input-group-append .input-group-text {
  border: 1px solid inherit;
  background-color: transparent !important;
  border-left: 0px !important;
}

.input-group:focus-within {
  border-color: inherit;
}
.input-group:focus-within .input-group-append .input-group-text {
  border-color: #80bdff !important;
  outline: 0;
}
.input-group:focus-within .input-group-append svg path {
  fill: #0052d6;
}

.cpp-ui-form-group-error .input-group-append .input-group-text {
  border-color: #ff0000 !important;
  outline: 0;
}
.cpp-ui-form-group-error .input-group-append svg path {
  fill: #757575;
}

.hide .form-control {
  border-right: 1px solid #ced4da !important;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/react-bootstrap-typeahead/css/Typeahead.scss ***!
  \********************************************************************************************************************************************************************************/
.rbt .rbt-input-main::-ms-clear {
  display: none;
}

/**
 * Menu
 */
.rbt-menu {
  margin-bottom: 2px;
}
.rbt-menu > .dropdown-item {
  overflow: hidden;
  text-overflow: ellipsis;
}
.rbt-menu > .dropdown-item:focus {
  outline: none;
}
.rbt-menu-pagination-option {
  text-align: center;
}

/**
 * Multi-select Input
 */
.rbt-input-multi {
  cursor: text;
  overflow: hidden;
  position: relative;
}
.rbt-input-multi.focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  color: #495057;
  outline: 0;
}
.rbt-input-multi.form-control {
  height: auto;
}
.rbt-input-multi.disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.rbt-input-multi.is-invalid.focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.rbt-input-multi.is-valid.focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.rbt-input-multi input::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.rbt-input-multi input:-ms-input-placeholder {
  color: #6c757d;
}
.rbt-input-multi input::-webkit-input-placeholder {
  color: #6c757d;
}
.rbt-input-multi .rbt-input-wrapper {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -4px;
  margin-top: -1px;
  overflow: hidden;
}
.rbt-input-multi .rbt-input-main {
  margin: 1px 0 4px;
}

/**
 * Close Button
 */
.rbt-close {
  z-index: 1;
}
.rbt-close-lg {
  font-size: 1.5rem;
}

/**
 * Token
 */
.rbt-token {
  background-color: #e7f4ff;
  border: 0;
  border-radius: 0.25rem;
  color: #007bff;
  display: inline-flex;
  line-height: 1rem;
  margin: 1px 3px 2px 0;
}
.rbt-token .rbt-token-label {
  padding: 0.25rem 0.5rem;
}
.rbt-token .rbt-token-label:not(:last-child) {
  padding-right: 0.25rem;
}
.rbt-token-disabled {
  background-color: rgba(0, 0, 0, 0.1);
  color: #495057;
  pointer-events: none;
}
.rbt-token-removeable {
  cursor: pointer;
}
.rbt-token-active {
  background-color: #007bff;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.rbt-token .rbt-token-remove-button {
  background-image: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  box-shadow: none;
  color: inherit;
  display: flex;
  justify-content: center;
  font-size: inherit;
  font-weight: normal;
  opacity: 1;
  outline: none;
  padding: 0.25rem 0.5rem;
  padding-left: 0;
  text-shadow: none;
}
.rbt-token .rbt-token-remove-button .rbt-close-content {
  display: block;
}

/**
 * Loader + CloseButton container
 */
.rbt-aux {
  align-items: center;
  display: flex;
  bottom: 0;
  justify-content: center;
  pointer-events: none;
  /* Don't block clicks on the input */
  position: absolute;
  right: 0;
  top: 0;
  width: 2rem;
}
.rbt-aux-lg {
  width: 3rem;
}
.rbt-aux .rbt-close {
  margin-top: -0.25rem;
  pointer-events: auto;
  /* Override pointer-events: none; above */
}

.has-aux .form-control {
  padding-right: 2rem;
}
.has-aux .form-control.is-valid, .has-aux .form-control.is-invalid {
  background-position: right 2rem center;
  padding-right: 4rem;
}

.rbt-highlight-text {
  background-color: inherit;
  color: inherit;
  font-weight: bold;
  padding: 0;
}

/**
 * Input Groups
 */
.input-group > .rbt {
  flex: 1;
}
.input-group > .rbt .rbt-input-hint, .input-group > .rbt .rbt-aux {
  z-index: 5;
}
.input-group > .rbt:not(:first-child) .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .rbt:not(:last-child) .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/ReferenceSearch/referenceSearch.scss ***!
  \**************************************************************************************************************************************************************************/
.reference-search.dropdown-menu-edit-mode .form-control {
  max-height: 85px;
  overflow: auto;
}

.reference-search .form-control {
  padding: 0.475rem;
}
.reference-search .pill {
  background-color: #f2f2f2;
  height: auto;
  line-height: unset;
  overflow: visible;
  word-wrap: break-word;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.reference-search .pill > div:first-child {
  padding: 5px;
}
.reference-search .rbt-input .rbt-input-wrapper {
  gap: 2px;
}
.reference-search .rbt-input .rbt-input-wrapper .pill {
  height: auto;
  line-height: unset;
  align-items: center;
  max-width: 98%;
  margin-right: 5px;
  margin-bottom: 5px;
  gap: 5px;
}
.reference-search .rbt-input .rbt-input-wrapper .pill.pill-dark .cpp-icon svg g g {
  fill: #ffffff;
}
.reference-search .rbt-input .rbt-input-wrapper .pill .cpp-icon {
  margin: 0px;
}
.reference-search .rbt-menu {
  width: 100%;
  display: flex !important;
  flex-direction: column;
  overflow: unset !important;
  width: 100%;
}
.reference-search .rbt-menu.with-see-option {
  padding-top: 0px;
}
.reference-search .rbt-menu .ref-search-items {
  flex-grow: 1;
  height: 100%;
  overflow: auto;
}
.reference-search .rbt-menu .ref-search-items::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
  background-color: #ffffff;
}
.reference-search .rbt-menu .see-more {
  flex-grow: 0;
  color: #0052d6;
  font-size: 11px;
  font-weight: 500;
  max-height: 0px;
  min-height: 18px;
  display: flex;
  font-size: 14px;
  align-items: center;
  padding: 13px 13px 13px 10px;
  margin-bottom: 5px;
  background-color: #f2f2f2;
  border-radius: 6px;
}
.reference-search .rbt-menu .see-more > span {
  cursor: pointer;
}
.reference-search .dropdown-menu .dropdown-item {
  padding: 2px 7px;
}
.reference-search .dropdown-menu .dropdown-item > span {
  display: flex;
}
.reference-search .dropdown-menu .dropdown-item:active {
  background-color: #ffffff;
  color: inherit;
}
.reference-search .dropdown-menu .dropdown-item:active .pill {
  background-color: #e6e6e6;
}
.reference-search.rbt-rs-inline .ref-search-menu,
.reference-search.rbt-rs-inline .dropdown-menu {
  position: unset !important;
  transform: unset !important;
  border: none !important;
}
.reference-search.rbt-rs-inline.dropdown-menu-edit-mode .ref-search-menu,
.reference-search.rbt-rs-inline.dropdown-menu-edit-mode .dropdown-menu {
  position: unset !important;
  transform: unset !important;
  border: none !important;
  max-height: 150px !important;
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/InfiniteLoader/infiniteLoader.scss ***!
  \************************************************************************************************************************************************************************/
.infinite-loader {
  height: 20px;
}
.infinite-loader:not(.infinite-loading) > span {
  visibility: hidden;
}
.infinite-loader.infinite-loader-h {
  height: 100%;
}
.infinite-loader.infinite-loader-h > span {
  width: 5px;
}
.infinite-loader > span {
  display: flex;
  justify-content: center;
  gap: 5px;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  color: #717171;
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Filters/RefereceInput/referenceInput.scss ***!
  \*******************************************************************************************************************************************************************************/
.tree-filter {
  width: unset !important;
  min-width: 300px;
  max-width: 400px;
}
.tree-filter .tree-select {
  width: 400px;
}
.tree-filter .tree-select .tree-select--display2 {
  padding-right: 10px;
}
.tree-filter .tree-select .tree-select--display2 > ul.tree-select-group {
  max-height: 200px;
  overflow-y: auto;
  padding-right: 5px;
}
.tree-filter .tree-select .tree-select--display2 > ul.tree-select-group::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}
.tree-filter .tree-select .tree-select--edit > div.scrollable {
  height: 200px !important;
}
/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/WYSIWYGEditor/WYSIWYGEditor.scss ***!
  \**********************************************************************************************************************************************************************/
/* Basic editor styles */
.cpp-ui-popover .editor-wrapper .tiptap {
  max-height: 270px;
}

.editor-wrapper.wysiwyg-edit-mode {
  border: 1px solid #ced4da;
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.editor-wrapper .tiptap {
  background-color: #ffffff;
  border-radius: 0px 0px 0.25rem 0.25rem;
  cursor: text;
  border-top: 1px solid #c3c3c3;
  padding: 5px;
  min-height: 78px;
  max-height: 100%;
  overflow-y: auto;
}
.editor-wrapper .tiptap > * + * {
  margin-top: 0.75em;
}
.editor-wrapper .tiptap.ProseMirror-focused {
  border: none !important;
}
.editor-wrapper .tiptap ul,
.editor-wrapper .tiptap ol {
  padding: 0 1rem;
}
.editor-wrapper .tiptap h1,
.editor-wrapper .tiptap h2,
.editor-wrapper .tiptap h3,
.editor-wrapper .tiptap h4,
.editor-wrapper .tiptap h5,
.editor-wrapper .tiptap h6 {
  line-height: 1.1;
}
.editor-wrapper .tiptap code {
  background-color: rgba(97, 97, 97, 0.1);
  color: #616161;
}
.editor-wrapper .tiptap pre {
  background: #0d0d0d;
  color: #fff;
  font-family: "JetBrainsMono", monospace;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
}
.editor-wrapper .tiptap pre code {
  color: inherit;
  padding: 0;
  background: none;
  font-size: 0.8rem;
}
.editor-wrapper .tiptap p {
  color: #495057 !important;
}
.editor-wrapper .tiptap a {
  color: #007bff !important;
}
.editor-wrapper .tiptap img {
  max-width: 100%;
  height: auto;
}
.editor-wrapper .tiptap blockquote {
  padding-left: 1rem;
  border-left: 2px solid rgba(13, 13, 13, 0.1);
}
.editor-wrapper .tiptap hr {
  border: none;
  border-top: 2px solid rgba(13, 13, 13, 0.1);
  margin: 2rem 0;
}
.editor-wrapper .readonly .tiptap {
  background-color: unset;
  border-top: unset;
  min-height: unset;
  cursor: default;
}
.editor-wrapper .readonly .tiptap a {
  cursor: pointer;
}
.editor-wrapper .readonly .tiptap p {
  margin-top: unset;
  margin-bottom: unset;
  color: unset !important;
}
.editor-wrapper .button-bar {
  display: flex;
  flex-direction: row;
  background-color: #ffffff;
  padding: 4px 0px 4px 4px;
  border-radius: 0.25rem 0.25rem 0px 0px;
}
.editor-wrapper .button-bar .button {
  margin-right: 5px;
  cursor: pointer;
  min-height: 10px;
  min-width: 25px;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.editor-wrapper .button-bar .button.is-active {
  background-color: #e8f0fc;
}
.editor-wrapper .button-bar .button.disabled {
  cursor: not-allowed;
  color: gray;
  background-color: unset !important;
}
.editor-wrapper .button-bar .button:hover,
.editor-wrapper .button-bar .button:focus {
  background-color: #e8f0fc;
}
.editor-wrapper .dropbox-show.dropbox-left.dropbox {
  margin-left: 25px;
}
.editor-wrapper .dropbox-show.dropbox-left.dropbox .link-container {
  display: flex;
  flex-direction: column;
  width: 480px;
  padding-right: 10px;
}
.editor-wrapper .dropbox-show.dropbox-left.dropbox .link-container .link-input {
  margin-bottom: 5px;
}
.editor-wrapper .dropbox-show.dropbox-left.dropbox .link-container .cpp-ui.cpp-ui-buttons {
  display: flex;
  justify-content: center;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/FieldGroup/fieldGroup.scss ***!
  \*****************************************************************************************************************************************************************************/
.cpp-ui-form-group .cpp-ui-form-group-label {
  align-items: center;
}
.cpp-ui-form-group .cpp-ui-form-group-label .fgl-link {
  cursor: pointer;
  color: #0042ab;
  font-size: 10px;
  line-height: 18px;
}
.cpp-ui-form-group .cpp-ui-form-group-label .character-count {
  color: #757575;
  font-size: 10px;
  line-height: 18px;
}
.cpp-ui-form-group.cpp-ui-form-group-error .cpp-ui-form-group-validation > div:not(:last-child) {
  margin-bottom: 10px;
}

.field-description-tooltip .tooltip-content-wrapper {
  max-width: 400px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/ImpliedData/impliedData.scss ***!
  \*******************************************************************************************************************************************************************************/
.metadata-form .implied-data {
  margin-top: 5px;
  display: flex;
}
.metadata-form .implied-data > div:first-child {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  background-color: rgba(244, 244, 244, 0.8);
  align-items: center;
  padding: 5px 3px;
  border: 1px solid #c3c3c3;
  border-radius: 4px;
}
.metadata-form .implied-data .pill {
  background-color: #e8e8e8;
  padding: 0px 10px;
}
.metadata-form .implied-data .pill-container {
  display: flex;
  flex-direction: row;
}
.metadata-form .pill.pill-implied {
  background-color: #ffffff;
  padding: 0px 5px;
  color: #799cb6;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  height: 16px;
}
/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/ConfirmModal/confirmModal.scss ***!
  \********************************************************************************************************************************************************************/
#confirmModal .cpp-ui-modal-body {
  padding-bottom: 20px;
}
#confirmModal .cpp-ui-modal-body > div:first-child {
  margin-bottom: 20px;
}
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/ActionMenu/actionMenu.scss ***!
  \****************************************************************************************************************************************************************/
.action-menu {
  font-size: 14px;
  display: flex;
  width: 20px;
  min-width: 20px;
  flex-grow: 0;
  justify-content: center;
  align-items: center;
  position: relative;
}
.action-menu .dd-dropdown {
  width: 10px;
}
.action-menu .dd-dropdown .dd-list > li > div {
  display: flex;
  align-items: center;
  padding: 0px 10px;
  font-size: 14px;
  color: #000000;
}
.action-menu .dd-dropdown .dd-list > li > div .dd-text:after {
  display: block;
  content: attr(data-txt);
  font-weight: bold;
  text-indent: 2px;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Filters/DateFilter/dateFilter.scss ***!
  \************************************************************************************************************************************************************************/
.date-filter {
  width: fit-content;
  white-space: nowrap;
}
.date-filter .checkbox-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.date-filter .checkbox-container .checkbox {
  margin-right: 7px;
}
.date-filter .relative-range-filter {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.date-filter .relative-range-filter > div > div:first-child {
  font-weight: bold;
}
.date-filter .relative-range-filter > div > div:last-child {
  display: flex;
  flex-direction: column;
}
.date-filter .relative-range-filter > div > div:last-child > label {
  color: #212529;
  display: flex;
  align-items: center;
  gap: 5px;
}
.date-filter .relative-range-filter > div > div:last-child > label .operator {
  margin-bottom: 0px;
}
.date-filter .relative-range-filter > div > div:last-child > label input[type=number] {
  width: 60px;
}
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/DatePicker/datePicker.scss ***!
  \****************************************************************************************************************************************************************/
.cppn-planning .react-datepicker-popper {
  z-index: 2;
}

.relative-date-picker {
  display: flex;
}
.relative-date-picker .rdp-relative {
  display: flex;
  flex-direction: column;
  width: 140px;
  padding: 10px 0px;
}
.relative-date-picker .rdp-relative > div:not(.rdp-selected) {
  cursor: pointer;
}
.relative-date-picker .rdp-relative > div:active {
  color: #2579ba;
}
.relative-date-picker .rdp-relative > div.rdp-selected, .relative-date-picker .rdp-relative > div:hover {
  background-color: #f0f0f0;
}
.relative-date-picker .rdp-date {
  position: relative;
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Filters/NumberFilter/numberFilter.scss ***!
  \****************************************************************************************************************************************************************************/
.number-filter .multi-value-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.number-filter .multi-value-container textarea {
  min-height: 80px;
  border: 1px solid;
  border-radius: 4px;
  padding: 8px;
}
.number-filter .multi-value-container .recognized-count {
  text-align: right;
}
.number-filter .between-container {
  display: flex;
  gap: 10px;
  align-items: center;
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Filters/AddFilters/addFilters.scss ***!
  \************************************************************************************************************************************************************************/
.add-filters > div:first-child {
  color: #0052d6;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
}
.add-filters > div:first-child path {
  fill: #0052d6;
}
.add-filters > div:last-child {
  min-width: 400% !important;
}
.add-filters .typeahead-inline > div:last-child {
  height: 200px;
}
.add-filters .typeahead .typeahead-popular-fields {
  justify-content: flex-start;
  background-color: #f2f2f2;
  padding: 3px 6px 3px 6px;
  border-radius: 6px;
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/SchemaFieldTypeahead/schemaFieldTypeahead.scss ***!
  \************************************************************************************************************************************************************************************/
.typeahead.typeahead-schema-field.typeahead-inline > div:last-child,
.typeahead.typeahead-schema-field .dropbox > div:last-child > div {
  overflow: unset;
  display: flex;
  flex-direction: column;
}
.typeahead.typeahead-schema-field.typeahead-inline > div:last-child > div:last-child,
.typeahead.typeahead-schema-field .dropbox > div:last-child > div > div:last-child {
  flex-grow: 1;
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Typeahead/typeahead.scss ***!
  \**************************************************************************************************************************************************************/
.typeahead .dropbox > div:last-child {
  width: 100%;
  max-width: 100%;
}
.typeahead .dropbox > div:last-child > div {
  padding: 10px 0px;
}
.typeahead div.input-group input.form-control:focus,
.typeahead div.input-group input {
  border-right: 0px !important;
}
.typeahead div.input-group input-group-append .input-group-text {
  border-left: 0px;
}
.typeahead div.input-group input-group-append .input-group-text :not(.typeahead-edit-mode) {
  background-color: transparent !important;
}
.typeahead div.input-group input:not(:focus) {
  border-color: #c3c3c3;
}
.typeahead div.input-group input:not(:focus) + .input-group-append .input-group-text {
  border-color: #c3c3c3;
}
.typeahead div.input-group input:not(:focus) + .input-group-append .input-group-text svg path {
  fill: #757575;
}
.typeahead div.input-group input.form-control:focus + .input-group-append .input-group-text {
  border-color: #80bdff;
  outline: 0;
}
.typeahead div.input-group input.form-control:focus + .input-group-append svg path {
  fill: 757575;
}
.typeahead .no-match-msg {
  padding: 0px 10px;
}
.typeahead.typeahead-inline {
  width: 100%;
}
.typeahead.typeahead-inline > div:last-child {
  margin-top: 15px;
}
.typeahead .typeahead-popular-fields {
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  background-color: #f2f2f2;
  color: #6f7878;
  font-weight: 500;
}
.typeahead .typeahead-popular-fields > div:not(:first-child) {
  cursor: pointer;
  color: #0052d6;
  border-right: 0px;
}
.typeahead .dropbox > div:last-child > div, .typeahead.typeahead-inline > div:last-child {
  max-height: 300px;
  overflow: auto;
}
.typeahead .dropbox > div:last-child > div::-webkit-scrollbar, .typeahead.typeahead-inline > div:last-child::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}
.typeahead ul.dd-list li ul.dd-list li {
  padding-left: 15px;
}
.typeahead ul.dd-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.typeahead ul.dd-list li {
  padding: 5px;
  padding-left: 10px;
}
.typeahead ul.dd-list li.dd-inactive > span {
  color: #757575;
}
.typeahead ul.dd-list li:not(.dd-inactive) {
  cursor: pointer;
}
.typeahead ul.dd-list li.dd-text:after {
  display: block;
  content: attr(data-txt);
  font-weight: bold;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}
.typeahead ul.dd-list li:not(.dd-inactive):hover, .typeahead ul.dd-list li.dd-selected {
  background-color: #f1f4f9;
  font-weight: bold;
}
.typeahead.typeahead-tree.typeahead-check ul.dd-list li ul.dd-list li, .typeahead:not(.typeahead-tree).typeahead-check ul.dd-list li {
  position: relative;
  padding-left: 25px;
}
.typeahead.typeahead-tree.typeahead-check ul.dd-list li ul.dd-list li::before, .typeahead:not(.typeahead-tree).typeahead-check ul.dd-list li::before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  content: " ";
  width: 20px;
  transform: scaleX(-1) rotate(-35deg);
}
.typeahead.typeahead-tree.typeahead-check ul.dd-list li ul.dd-list li.dd-checked::before, .typeahead:not(.typeahead-tree).typeahead-check ul.dd-list li.dd-checked::before {
  content: "L";
}

.tabular .edit-cell-wrapper .typeahead .input-group-append .input-group-text {
  background-color: unset !important;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Filters/ReferenceFilter/referenceFilter.scss ***!
  \**********************************************************************************************************************************************************************************/
.reference-filter {
  width: 300px;
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Filters/EnumFilter/enumFilter.scss ***!
  \************************************************************************************************************************************************************************/
.enum-filter {
  width: fit-content;
  white-space: nowrap;
}
.enum-filter .checkbox-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.enum-filter .checkbox-container .checkbox {
  margin-right: 7px;
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Filters/PrimaryFilter/primaryFilter.scss ***!
  \******************************************************************************************************************************************************************************/

/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Filters/BooleanFilter/booleanFilter.scss ***!
  \******************************************************************************************************************************************************************************/

/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Filters/AuditFilter/auditFilter.scss ***!
  \**************************************************************************************************************************************************************************/
.audit-filter .date-filter {
  margin-top: 10px;
  width: 100%;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Filters/AppliedFilters/appliedFilters.scss ***!
  \********************************************************************************************************************************************************************************/
.applied-filters-link .applied-filters {
  cursor: pointer;
}
.applied-filters-link .applied-filters-disabled {
  cursor: default;
  color: #002856;
}
.applied-filters-link .dropbox-disabled .applied-filters {
  cursor: default;
  color: #002856;
}
.applied-filters-link .contents {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.applied-filters-link .contents .cpp-ui-popover-container {
  margin-left: 5px;
}
.applied-filters-link .contents .filters-group:not(:last-child) {
  padding-bottom: 5px;
  border-bottom: 1px solid #c3c3c3;
}
.applied-filters-link .dropbox.dropbox-left > div:last-child {
  left: -400px;
  background-color: #fbfcff;
}
.applied-filters-link .applied-filters-container {
  min-width: 400px;
  max-width: 600px;
  color: #002856;
}
.applied-filters-link .applied-filters-container .top-banner {
  height: 28px;
  margin: -15px -15px 0px -15px;
  background-color: #dfeafd;
  display: flex;
  justify-content: space-between;
}
.applied-filters-link .applied-filters-container .top-banner .banner-text {
  font-weight: 600;
  margin-left: 5px;
  padding-top: 2px;
}
.applied-filters-link .applied-filters-container .top-banner .close-container {
  padding: 5px;
  cursor: pointer;
}
.applied-filters-link .applied-filters-container .contents {
  margin-top: 5px;
  font-size: 11px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 600px;
}
.applied-filters-link .applied-filters-container .contents .filter-heading {
  font-size: 13px;
  font-weight: 600;
}
.applied-filters-link .applied-filters-container .contents .filter-heading span {
  padding-left: 2px;
}
.applied-filters-link .applied-filters-container .contents .filter-heading .cpp-ui-popover-container .cpp-ui-icon.cpp-icon-info {
  max-height: 13px;
  max-width: 13px;
}
.applied-filters-link .applied-filters-container .contents .filter-heading .cpp-ui-popover-container .cpp-ui-popover.popover-right.popover-blueinfo {
  top: 120%;
}
.applied-filters-link .applied-filters-container .contents .filter-heading .cpp-ui-popover-container .cpp-ui-popover.popover-right.popover-blueinfo .cpp-ui-popover-pointer {
  top: 25%;
}
.applied-filters-link .applied-filters-container .contents .filter-group {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: baseline;
  min-height: 25px;
}
.applied-filters-link .applied-filters-container .contents .filter-group .filter-subgroup {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  max-width: 450px;
  flex-wrap: wrap;
}
.applied-filters-link .applied-filters-container .contents .filter-group .filter-subgroup .category-name {
  text-wrap: wrap;
  min-width: 110px;
}
.applied-filters-link .applied-filters-container .contents .filter-group .condition {
  font-weight: 600;
  margin: 0px 5px 0px 5px;
  text-transform: uppercase;
}
.applied-filters-link .applied-filters-container .contents .filter-group .condition-values {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
.applied-filters-link .applied-filters-container .contents .filter-group .condition-values .value-container {
  display: flex;
  align-items: center;
}
.applied-filters-link .applied-filters-container .contents .filter-group .condition-values .value-container .condition-value {
  display: inline-block;
  border: 1px solid #52d5ff;
  border-radius: 10px;
  margin: 2px;
  padding: 2px 15px 0px 5px;
  text-wrap: wrap;
  overflow: hidden;
  max-width: 207px;
  cursor: default;
}
.applied-filters-link .applied-filters-container .contents .filter-group .condition-values .value-container .condition-value.disabled {
  background-color: #f8f8f8;
  border-color: #c3c3c3;
  color: #c3c3c3;
  padding: 2px 5px 0px 5px;
}
.applied-filters-link .applied-filters-container .contents .filter-group .condition-values .value-container .cpp-icon.cpp-clickable .cpp-ui-icon.cpp-icon-remove {
  max-height: 5px;
  margin-left: -18px;
}
.applied-filters-link .applied-filters-container .contents .filter-group .condition-values .value-container .cpp-icon.x-icon.cpp-clickable {
  margin-left: -15px;
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Filters/SeriesFilter/seriesFilter.scss ***!
  \****************************************************************************************************************************************************************************/
.series-filter {
  width: 300px;
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/View/Tabular/tabular.scss ***!
  \***************************************************************************************************************************************************************/
.edit-mode-container {
  position: relative;
}

.edit-icon {
  position: absolute;
  left: 0;
  top: 0;
}

.edit-mode-textarea {
  min-height: 28.5px;
}

.edit-mode-hover {
  border: 1px solid #b2bdd4 !important;
}

.selected-cell {
  border: 1px solid #0057e3 !important;
}

.edit-mode-selected-row {
  border-top: 1.5px solid #91dcf8;
  border-bottom: 1.5px solid #91dcf8;
}

.edit-allowed {
  cursor: pointer !important;
}

.edit-not-allowed {
  cursor: not-allowed !important;
}

.warning-cursor {
  cursor: not-allowed !important;
}

.table-row {
  position: relative;
  transform: translate(0);
  display: contents;
}

.flyout-icon {
  position: absolute;
  cursor: pointer;
}

.edit-cell-container {
  position: absolute;
}

.edit-cell-wrapper {
  display: flex;
  flex-direction: column;
}

.edit-cell-buttons {
  display: flex;
}

.error-outline {
  border: 1px solid #de0a01 !important;
  position: relative;
}

.tabular {
  height: 100%;
  width: 100%;
  overflow: auto;
  padding-bottom: 3px;
}
.tabular .pill {
  overflow-wrap: anywhere;
}
.tabular::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}
.tabular .table-wrapper {
  margin-bottom: 25px;
  border-radius: 6px;
  background: #fff;
}
.tabular table {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(150px, 3fr);
}
.tabular table.removable-table thead th:last-child,
.tabular table.removable-table tbody td:last-child {
  cursor: default;
  padding: 0px;
  min-width: 20px;
  display: flex;
  align-items: center;
}
.tabular table.readonly-table tbody td {
  cursor: default;
}
.tabular table tr.selectable-item td {
  cursor: pointer;
}
.tabular table thead,
.tabular table tbody,
.tabular table tr {
  display: contents;
}
.tabular table th {
  position: sticky;
  font-size: 18px;
  top: 0px;
  background: #e9f0fb;
  z-index: 1;
}
.tabular tbody tr:nth-child(odd) > td {
  background-color: rgba(217, 217, 217, 0.12);
}
.tabular table th,
.tabular table td {
  text-align: left;
  padding: 8px 10px;
  min-width: 100px;
}
.tabular table.no-wrap th span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.tabular table.wrap th span {
  word-break: break-word;
}
.tabular table th div.resize-handle {
  height: inherit !important;
  min-height: 100%;
}
.tabular table tr td {
  box-shadow: 0px 2px 0px 0px rgba(71, 71, 71, 0.05);
  font-size: 13px;
  font-weight: 400;
  flex-grow: 1;
  cursor: pointer;
}
.tabular table tr td.with-cb {
  cursor: default;
  min-width: 20px;
  display: flex;
  align-items: center;
}
.tabular table.no-wrap tr td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  line-height: normal;
  max-height: 27.5px;
}
.tabular table.wrap tr td {
  word-break: break-word;
}
.tabular .tabular-context-menu-link,
.tabular .tabular-context-menu-link:link,
.tabular .tabular-context-menu-link:visited,
.tabular .tabular-context-menu-link:hover,
.tabular .tabular-context-menu-link:active {
  color: inherit;
  text-decoration: none;
}
.tabular .resize-handle {
  display: block;
  background-color: white;
  position: absolute;
  cursor: col-resize;
  width: 2px;
  right: 0;
  top: 0;
  z-index: 1;
  border-right: 2px solid transparent;
}
.tabular .resize-handle:hover {
  border-color: #ccc;
}
.tabular .resize-handle.active {
  border-color: #517ea5;
}
.tabular .cpp-ui-modal-body > div:first-child > div + div {
  padding-top: 10px;
  padding-left: 10px;
}
.tabular .select-item td {
  border-top: 1.5px solid #91dcf8 !important;
  border-bottom: 1.5px solid #91dcf8 !important;
  background-color: #f6faff !important;
}
.tabular .select-item td:first-child {
  border-left: 1.5px solid #91dcf8 !important;
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}
.tabular .select-item td:first-child.with-cb {
  padding: 6.5px 8.5px;
}
.tabular .select-item td:last-child {
  border-right: 1.5px solid #91dcf8 !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}
.tabular .column-header {
  display: flex;
  justify-content: space-between;
}
.tabular .hovered-col {
  border: 1px solid #0052d6 !important;
}
.tabular .drag-handle {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
}
.tabular .drag-handle.not-allowed {
  cursor: not-allowed;
  opacity: 0.3;
}

.warning-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  color: #de0a01;
  width: 10px;
  height: 10px;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/View/EditMode/editMode.scss ***!
  \*****************************************************************************************************************************************************************/
.edit-cell-checkbox {
  scale: 1.1;
}

.edit-cell-checkbox-area {
  background-color: white;
  vertical-align: center;
  border: 1px solid #ced4da;
  text-align: left;
  padding: 8px 14.5px;
}

.edit-mode {
  padding: 5px 5px 5px 20px;
  display: flex;
  justify-content: space-between;
  color: #ffffff;
  background-color: #fb8c00;
  box-shadow: 0px 4px 4px 0px #78787840;
}
.edit-mode > div:first-child {
  display: flex;
  gap: 3px;
  align-items: center;
}
.edit-mode > div:first-child > span:nth-child(2) {
  font-weight: bold;
  margin-right: 3px;
  font-size: 14px;
}
.edit-mode > div:first-child > span:nth-child(3) {
  font-size: 14px;
  line-height: 0px;
}
.edit-mode button.cpp-ui.cpp-ui-button-size-medium {
  padding: 0px 10px;
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
  text-transform: uppercase;
}
.edit-mode button.cpp-ui.cpp-ui-button-size-medium svg path {
  fill: #ffffff;
}
.edit-mode button.cpp-ui.cpp-ui-button-size-medium:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
  opacity: 0.8;
}
.edit-mode .edit-mode-buttons {
  display: flex;
  gap: 10px;
}
.edit-mode .edit-mode-buttons .save-button {
  background-color: #ffffff !important;
  color: #fb8c00 !important;
}
.edit-mode .edit-mode-buttons .save-button:disabled {
  background-color: #d3d3d3;
  color: #a9a9a9;
  cursor: not-allowed !important;
  opacity: 0.6;
}

.edit-mode-button > button.cpp-ui.cpp-ui-button-size-medium {
  padding: 0px 10px;
  text-transform: uppercase;
}

.edit-cell-wrapper.flex-column {
  display: flex;
  flex-direction: column;
}
.edit-cell-wrapper .edit-cell-content {
  overflow: auto;
  resize: both;
  pointer-events: all;
}
.edit-cell-wrapper .edit-cell-buttons-container {
  pointer-events: all;
  display: flex;
  padding: 8px 0;
  position: sticky;
  bottom: 0;
  z-index: 1;
  justify-content: flex-start;
}
.edit-cell-wrapper .edit-cell-buttons-container .edit-cell-buttons-inner {
  display: flex;
  gap: 4px;
}

.edit-cell-container {
  z-index: 1000;
  position: absolute;
}

body:has(.edit-cell-container),
body.edit-mode-active {
  overflow-y: scroll !important;
}
body:has(.edit-cell-container) *,
body.edit-mode-active * {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
body:has(.edit-cell-container) *::-webkit-scrollbar,
body.edit-mode-active *::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.edit-cell-error {
  color: red;
  font-size: 12px;
  padding: 2px 0;
  border-radius: 4px;
  background: white;
}

body[style*="position: fixed"] {
  overflow-y: scroll;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/metadataFormField.scss ***!
  \*************************************************************************************************************************************************************************/
.metadata-form .label-field {
  display: flex;
  align-items: center;
  font-weight: 800;
}
.metadata-form .label-field .description {
  margin-left: 5px;
}
.metadata-form .label-field .description svg {
  transform: scale(0.8);
}
.metadata-form .label-field .description .cpp-ui-popover {
  text-transform: none;
}
.metadata-form .cpp-ui-form-group > :not(.cpp-ui-modal) {
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.01em;
  color: #495057;
}
.metadata-form .cpp-ui-form-group .text-danger {
  white-space: pre-line;
  line-height: normal;
}
.metadata-form .cpp-ui-form-group .text-warning {
  color: #ef6c00 !important;
}
.metadata-form .cpp-ui-form-group .rbt-input {
  border-right: 0px !important;
}
.metadata-form .cpp-ui-form-group.cpp-ui-form-group-error .rbt-input {
  border-color: #ff0000;
}
.metadata-form .cpp-ui-form-group.cpp-ui-form-group-error .tree-select-display {
  border: 1px solid #ff0000;
  border-radius: 5px;
}
.metadata-form .cpp-ui-form-group .cpp-ui-form-group-label label {
  line-height: 18px;
  margin-bottom: 0;
  text-transform: none !important;
  font-weight: 500;
  font-size: 12px;
  color: #757575;
}
.metadata-form .cpp-ui-form-group .cpp-ui-form-group-label .field-with-description {
  display: flex;
  align-items: center;
  gap: 5px;
}
.metadata-form .cpp-ui-form-group .cpp-ui-form-group-label .field-with-description svg {
  transform: scale(0.8);
}
.metadata-form .cpp-ui-form-group .cpp-ui-form-group-label .field-with-description .cpp-ui-popover {
  text-transform: none;
}
.metadata-form .cpp-ui-form-group .push-error-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.metadata-form .cpp-ui-form-group .push-error-container .push-error {
  color: #ff0000;
}
.metadata-form .cpp-ui-form-group .push-error-container svg {
  min-width: 12px;
  min-height: 12px;
  margin-right: 5px;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/AdditionalMandatoryReviewersField/additionalMandatoryReviewer.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
#metadataFormModal #additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container {
  width: 80%;
}

#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container {
  height: 55%;
  width: 65%;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .cpp-ui-modal-body {
  border-top: 1px solid #c3c3c3;
  padding: 3px;
  overflow: hidden;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .input-container {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  justify-content: space-between;
  height: 40px;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .input-container .input-group {
  width: 50%;
  max-height: 100%;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .input-container .input-group .rbt-input {
  height: 47px;
  overflow: auto;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .input-container .reason-dd {
  width: 35%;
  height: 47px;
  padding: 0.6rem 0.75rem;
  font-size: 14px;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15sease-in-out, box-shadow 0.15sease-in-out;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .input-container .reason-dd .dd-field-input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 27px;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .input-container .reason-dd .dd-field-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .input-container button.cpp-ui.cpp-ui-button-type-primary {
  height: 47px;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .selected-reviewer-list-container {
  margin-top: 30px;
  max-height: 75%;
  padding-right: 12px;
  overflow-y: auto;
  overflow-x: hidden;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .selected-reviewer-list-container .selected-reviewer-list-header {
  font-size: 12px;
  color: #757575;
  border-bottom: 1px solid #c3c3c3;
  display: flex;
  justify-content: space-between;
  padding-bottom: 6px;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .selected-reviewer-list-container .selected-reviewer-list-header .name-label {
  margin-left: 15px;
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .selected-reviewer-list-container .selected-reviewer-list-header .reason-label {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .selected-reviewer-list-container .selected-reviewer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #c3c3c3;
  font-size: 14px;
  height: 40px;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .selected-reviewer-list-container .selected-reviewer-container .name {
  margin-left: 15px;
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .selected-reviewer-list-container .selected-reviewer-container .reason {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .selected-reviewer-list-container .selected-reviewer-container .selected-reviewer-remove-container {
  display: flex;
  flex-grow: 0;
  flex-basis: 0;
}
#additionalMandatoryReviewerModal #additionalMandatoryReviewerModal-containter.cpp-ui-modal-container .selected-reviewer-list-container .selected-reviewer-container .selected-reviewer-remove-container .remove-reviewer {
  cursor: pointer;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/ReviewerCardList/reviewerCardList.scss ***!
  \*****************************************************************************************************************************************************************************************/
.reviewer-card-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 10px;
}
.reviewer-card-container .reviewer-card {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  background-color: #f1f4f9;
  padding: 10px;
}
.reviewer-card-container .reviewer-card .reviewer-card-right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.reviewer-card-container .reviewer-card .reviewer-card-right .reviewer-card-reason {
  margin-right: 10px;
}
.reviewer-card-container .reviewer-card .reviewer-card-right .reviewer-card-remove {
  margin-right: 10px;
  cursor: pointer;
}
.reviewer-card-container .reviewer-card .reviewer-card-right .reviewer-card-remove.disabled {
  cursor: not-allowed;
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/TreeField/treeField.scss ***!
  \***************************************************************************************************************************************************************************/
.demand-question-label {
  display: block;
}
.demand-question-label .demand-question-question {
  display: inline;
}
.demand-question-label .demand-question-pp {
  display: block;
  margin-left: 16px;
  margin-top: 2px;
  color: #999;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/TextAreaField/textAreaField.scss ***!
  \***********************************************************************************************************************************************************************************/
#textArea {
  overflow-y: auto;
  padding-right: 5px;
  padding: 0.5rem;
}
#textArea::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/RelationshipField/relationshipField.scss ***!
  \*******************************************************************************************************************************************************************************************/
.relationship-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  gap: 5px;
}
.relationship-container .relation-type-dropdown {
  position: absolute;
  left: 65px;
  top: -25px;
  z-index: 1;
}
.relationship-container .relation-type-dropdown .dropdown-btn {
  margin-left: 10px;
  max-height: 25px;
  background-color: white;
  color: #757575;
  display: flex;
  align-items: center;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
}
.relationship-container .relation-type-dropdown .dropdown-btn svg {
  margin-left: 7px;
}
.relationship-container .relation-type-dropdown .dropdown-btn[disabled] {
  cursor: default;
}
.relationship-container .relation-type-dropdown .dropdown-btn[disabled] svg {
  display: none;
}
.relationship-container .relation-type-dropdown .dropdown-categories {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  cursor: pointer;
}
.relationship-container .tree-select {
  width: 100%;
}
.relationship-container .tree-select .relation-type-text {
  color: #9b9b9b;
}
.relationship-container .tree-select .tree-link {
  color: #0042ab;
  cursor: pointer;
}
.relationship-container .tree-select .tree-link + .cpp-icon:not(.cpp-clickable) {
  position: relative;
}
.relationship-container .tree-select .tree-link + .cpp-icon:not(.cpp-clickable) > .cpp-ui.cpp-spinner-icon {
  position: absolute;
  top: 0;
  left: 0;
}
.relationship-container .relation-type-header {
  display: flex;
  gap: 5px;
  padding: 3px;
  cursor: pointer;
  align-items: center;
  color: #0042ab;
  background-color: #f1f4f9;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.relationship-container .relation-type-header svg {
  margin-left: 7px;
}
.relationship-container .relation-type-header.collapse {
  border-radius: 0.25rem;
}
.relationship-container .card {
  border-top: none;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  background: #f1f4f9;
}

.dashes {
  font-size: 14px;
  color: #000000;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/RelationshipField/relationshipModal.scss ***!
  \*******************************************************************************************************************************************************************************************/
.shared-modal.slider-activator .cpp-ui-modal-body {
  border-top: 1px solid #c3c3c3;
  display: flex;
  flex-direction: column;
}
.shared-modal .modal-panel-header {
  padding: 10px 0;
  flex-shrink: 0;
  width: 100%;
  display: flex;
}
.shared-modal .modal-panel-header.align-left {
  justify-content: flex-start;
}
.shared-modal .modal-panel-header.align-center {
  justify-content: center;
}
.shared-modal .modal-panel-header.align-right {
  justify-content: flex-end;
}
.shared-modal .modal-panels {
  display: flex;
  flex: 1;
  overflow: hidden;
  min-height: 0;
  gap: 20px;
}
.shared-modal .modal-panels.vertical {
  flex-direction: column;
}
.shared-modal .modal-panels .modal-panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  flex: 1;
}

#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body {
  border-top: 1px solid #c3c3c3;
  display: flex;
  flex-direction: column;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .select-relationship {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 500;
  text-align: center;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .select-link {
  font-size: 11px;
  margin-top: 10px;
  font-weight: 500;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .multi-toggler {
  align-self: center;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .multi-toggler .multi-toggler-button {
  min-width: 105px;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .input-group {
  width: 98%;
  margin-bottom: 15px;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .input-group .input-group-append {
  cursor: pointer;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .search-result-container {
  max-height: 350px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  border: 0.5px solid #e8e8e8;
  color: #717171;
  box-shadow: 0px 1px 2px 0px #bfbfbf40;
  border-radius: 6px;
  padding: 5px;
  cursor: pointer;
  margin-bottom: 5px;
  position: relative;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result svg {
  margin-top: 10%;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result a {
  font-size: 12px;
  color: #0052d6;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result .card-details {
  line-height: 16px;
  flex: 1;
  min-width: 0;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result .card-details .value {
  font-weight: 500;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result.has-pill .card-details .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 70px;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result.has-pill .card-details .title a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result.highlighted {
  background-color: #dfeafd;
  border: 0.5px solid #91bbff;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-card-pill {
  position: absolute;
  top: 5px;
  right: 5px;
  pointer-events: auto !important;
  margin: 0;
  background-color: #0052d6;
  color: #fff;
  font-weight: 500;
  z-index: 1;
  border-radius: 12px;
  padding: 0 8px;
  opacity: 1 !important;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
}
#relationshipModal .cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-card-pill > div {
  padding: 0;
  margin: 0;
  line-height: 1.4;
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/RelationshipField/seriesPanel.scss ***!
  \*************************************************************************************************************************************************************************************/
.series-panel-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.series-panel-content .select-link {
  font-size: 11px;
  margin-top: 10px;
  font-weight: 500;
}
.series-panel-content .series-cards-list {
  flex: 1;
  overflow-y: auto;
  margin-top: 10px;
}
/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/DraggableCard/draggableCard.scss ***!
  \**********************************************************************************************************************************************************************/
.cards-container {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
  max-width: 100%;
}
.cards-container .draggable-card-trash {
  cursor: pointer;
  color: #999;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  visibility: visible;
}
.cards-container .draggable-card-trash:hover {
  color: #d32f2f;
}
.cards-container .draggable-card-trash svg {
  width: 20px;
  height: 20px;
}
.cards-container .draggable-card-trash.hidden {
  visibility: hidden;
  pointer-events: none;
}

.draggable-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  flex: 1;
  min-width: 0;
  border: 0.5px solid #e8e8e8;
  border-radius: 6px;
  background-color: #fff;
  cursor: move;
  transition: all 0.2s;
}
.draggable-card:hover {
  background-color: #f5f5f5;
  border-color: #91bbff;
}
.draggable-card .draggable-card-number {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  background-color: #0052d6;
  color: white;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 600;
}
.draggable-card .draggable-card-title {
  flex: 1;
  font-size: 12px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.draggable-card .draggable-card-title i {
  color: #999;
}
.draggable-card .draggable-card-title .current-badge {
  color: #0052d6;
  font-weight: 600;
}
.draggable-card .draggable-card-drag-handle {
  display: flex;
  align-items: center;
  color: #999;
  cursor: grab;
}
.draggable-card .draggable-card-drag-handle:active {
  cursor: grabbing;
}
.draggable-card .draggable-card-drag-handle svg {
  width: 16px;
  height: 16px;
}
.draggable-card.draggable-card-current {
  background-color: #e8f4ff;
  border-color: #0052d6;
}
.draggable-card.draggable-card-current:hover {
  background-color: #dfeafd;
  border-color: #0052d6;
}
.draggable-card.draggable-card-current .draggable-card-number {
  background-color: #0052d6;
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Toggler/multiToggler.scss ***!
  \***************************************************************************************************************************************************************/
.multi-toggler {
  background-color: #f6f6f6 !important;
  border-radius: 6px !important;
  border: 0.5px solid #e4e4e4 !important;
  color: black !important;
}
.multi-toggler .active {
  background-color: #2196f3 !important;
  color: white !important;
  border: 0.5px solid #e4e4e4 !important;
}
.multi-toggler .disabled {
  cursor: not-allowed !important;
  opacity: 1 !important;
}

.multi-toggler-button {
  background: transparent !important;
  color: black !important;
  border: 0.5px solid #e4e4e4 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  padding-left: 6px;
  padding-right: 6px;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/DataSourceField/dataSourceModal.scss ***!
  \***************************************************************************************************************************************************************************************/
#dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container {
  min-width: 70% !important;
  min-height: 77% !important;
  max-height: 90% !important;
  max-width: 90% !important;
}
#dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container .cpp-ui-modal-body {
  border-top: 1px solid #c3c3c3;
  display: flex;
  flex-direction: column;
  padding: 10px 0px 0px 0px;
}
#dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .select-dataSource {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 500;
}
#dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .select-link {
  font-size: 11px;
  margin-top: 10px;
  font-weight: 500;
}
#dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .multi-toggler {
  align-self: center;
}
#dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .multi-toggler .multi-toggler-button {
  min-width: 105px;
}
#dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .input-group {
  width: 98%;
  margin-bottom: 15px;
}
#dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .input-group .input-group-append {
  cursor: pointer;
}
#dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .search-result-container {
  max-height: 350px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
#dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  border: 0.5px solid #e8e8e8;
  color: #717171;
  margin-bottom: 5px;
  box-shadow: 0px 1px 2px 0px #bfbfbf40;
  border-radius: 6px;
  padding: 5px;
  cursor: pointer;
}
#dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result svg {
  margin-top: 10%;
}
#dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result a {
  font-size: 12px;
  color: #0052d6;
}
#dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result .card-details {
  line-height: 16px;
}
#dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result .card-details .value {
  font-weight: 500;
}
#dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result.highlighted {
  background-color: #dfeafd;
  border: 0.5px solid #91bbff;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/ConferenceInformationField/conferenceInformationField.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.conference-series-card {
  margin-top: 5px;
}
.conference-series-card .conference-series-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  gap: 5px;
  padding: 3px;
  cursor: pointer;
  background-color: #f1f4f9;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  line-height: 16px;
}
.conference-series-card .conference-series-header.collapse {
  border-radius: 0.25rem;
}
.conference-series-card .conference-series-header .conference-series-text {
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.conference-series-card .conference-series-header .conference-series-text .conference-series-title {
  padding: 2px 0px 2px 0px;
  font-weight: 400;
  font-size: 12px;
}
.conference-series-card .conference-series-header .selected {
  border: 1px solid #4bc5ec;
  color: #4bc5ec;
  font-size: 11px;
  border-radius: 12px;
  padding: 0px 5px 0px 5px;
  margin-left: 10px;
  height: max-content;
  align-self: baseline;
}
.conference-series-card .conference-series-header .conference-series-code {
  flex: 1;
}
.conference-series-card .conference-series-header .conference-series-status {
  flex: 1;
  text-align: right;
  font-size: 11px;
  align-self: flex-start;
}
.conference-series-card .conference-series-container {
  display: flex;
  padding: 10px 10px 10px 22px;
  background-color: #f1f4f9;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top: none;
  line-height: 1.4;
}
.conference-series-card .conference-series-container .conference-series-col {
  flex: 1;
  padding: 0 10px;
}

.conference-information-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.conference-information-header .conference-series {
  font-weight: 500;
  color: #6f7878;
}
.conference-information-header .global-submission-link {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #0052d6;
  font-weight: 400;
  font-size: 12px;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/ConfigureWorkflowField/configureWorkflowField.scss ***!
  \*****************************************************************************************************************************************************************************************************/
#configureWorkflowModal #configureWorkflowModal-containter,
#configureWorkflowModal #contentBusinessCaseModal-containter,
#contentBusinessCaseModal #configureWorkflowModal-containter,
#contentBusinessCaseModal #contentBusinessCaseModal-containter {
  height: 70%;
  max-width: 600px;
}
#configureWorkflowModal .workflow-modal-body,
#contentBusinessCaseModal .workflow-modal-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#configureWorkflowModal .workflow-tree,
#contentBusinessCaseModal .workflow-tree {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#configureWorkflowModal .workflow-tree .workflow-category > div:first-child,
#contentBusinessCaseModal .workflow-tree .workflow-category > div:first-child {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
#configureWorkflowModal .workflow-tree .workflow-stages,
#contentBusinessCaseModal .workflow-tree .workflow-stages {
  padding-left: 21px;
}
#configureWorkflowModal .workflow-tree .workflow-stages .workflow-stage,
#contentBusinessCaseModal .workflow-tree .workflow-stages .workflow-stage {
  display: flex;
  margin: 0;
  padding: 2px 0;
  position: relative;
  align-items: center;
  border-left: 0.5px solid #c4c4c4;
}
#configureWorkflowModal .workflow-tree .workflow-stages .workflow-stage::before,
#contentBusinessCaseModal .workflow-tree .workflow-stages .workflow-stage::before {
  content: "";
  border-top: 1px solid #c4c4c4;
  display: block;
  width: 15px;
  top: 12px;
  position: absolute;
}
#configureWorkflowModal .workflow-tree .workflow-stages .workflow-stage > input,
#contentBusinessCaseModal .workflow-tree .workflow-stages .workflow-stage > input {
  margin: 0px 3px 0px 20px;
}
#configureWorkflowModal .workflow-tree .workflow-stages .workflow-stage > div,
#contentBusinessCaseModal .workflow-tree .workflow-stages .workflow-stage > div {
  margin-left: 5px;
}
#configureWorkflowModal .workflow-tree .workflow-stages .workflow-stage > label,
#contentBusinessCaseModal .workflow-tree .workflow-stages .workflow-stage > label {
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}
#configureWorkflowModal .workflow-tree .workflow-stages .workflow-stage > label .info-icon,
#contentBusinessCaseModal .workflow-tree .workflow-stages .workflow-stage > label .info-icon {
  margin-left: 6px;
}
#configureWorkflowModal .workflow-tree .workflow-stages .workflow-stage > label .info-icon svg,
#contentBusinessCaseModal .workflow-tree .workflow-stages .workflow-stage > label .info-icon svg {
  transform: scale(0.8);
}
#configureWorkflowModal .workflow-tree .token-counter,
#contentBusinessCaseModal .workflow-tree .token-counter {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 16px;
}
#configureWorkflowModal .workflow-tree .token-counter .token-count,
#contentBusinessCaseModal .workflow-tree .token-counter .token-count {
  padding: 0 4px;
  height: 14px;
  font-size: 9px;
  color: #0042ab;
  font-weight: bold;
  line-height: 14px;
  border-radius: 10px;
  border: 0.5px solid #c3c3c3;
}
#configureWorkflowModal .workflow-tree .token-counter .token-count.info,
#contentBusinessCaseModal .workflow-tree .token-counter .token-count.info {
  background-color: #f2f2f2;
  padding: 0 4px;
  border: 0.5px solid #e0e0e0;
  border-radius: 2px;
}
#configureWorkflowModal .workflow-tree .token-counter .token-count.error,
#contentBusinessCaseModal .workflow-tree .token-counter .token-count.error {
  color: #f44336;
}
#configureWorkflowModal .workflow-tree .token-counter .token-count.loading,
#contentBusinessCaseModal .workflow-tree .token-counter .token-count.loading {
  font-size: 8px;
  font-style: italic;
  color: #767676;
}
#configureWorkflowModal .workflow-tree .other-settings-footer .form-group,
#contentBusinessCaseModal .workflow-tree .other-settings-footer .form-group {
  display: flex;
  align-items: center;
}
#configureWorkflowModal .workflow-tree .other-settings-footer .form-group input[type=checkbox],
#contentBusinessCaseModal .workflow-tree .other-settings-footer .form-group input[type=checkbox] {
  margin-right: 5px;
}
#configureWorkflowModal .workflow-tree .other-settings-footer .form-group > label,
#contentBusinessCaseModal .workflow-tree .other-settings-footer .form-group > label {
  margin-bottom: 0px;
}
#configureWorkflowModal .workflow-tree .other-settings-footer .form-group > div,
#contentBusinessCaseModal .workflow-tree .other-settings-footer .form-group > div {
  margin-left: 5px;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/ConfigureWorkflowField/configureWorkflowContent.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.configure-workflow-modal-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.configure-workflow-modal-content > .slider-activator {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.configure-workflow-modal-content > .rcd-cpp-ui-buttons,
.configure-workflow-modal-content > .cpp-ui-buttons {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/ComplimentaryResearchField/complimentaryResearchField.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.complimentary-research-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.complimentary-research-field .card {
  background-color: #f1f4f9;
  padding: 8px;
  box-shadow: 0px 2px 4px 0px #ababab40;
}
.complimentary-research-field .card > div:first-child {
  display: flex;
  gap: 20px;
  margin-bottom: 5px;
}
.complimentary-research-field .card .crf-entitlements {
  display: flex;
}
.complimentary-research-field .card .crf-entitlements > span:not(:last-child)::after {
  content: ",";
  padding-right: 2px;
}

#complimentaryResearchModal #complimentaryResearchModal-containter {
  height: 70%;
  max-width: 800px;
  min-width: 600px;
}
#complimentaryResearchModal #complimentaryResearchModal-containter .cpp-ui-modal-body {
  overflow-y: auto;
}
#complimentaryResearchModal #complimentaryResearchModal-containter .cpp-ui-modal-body .scrollable {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#complimentaryResearchModal #complimentaryResearchModal-containter .cpp-ui-modal-body .card {
  padding: 5px;
  box-shadow: 0px 2px 4px 0px #ababab40;
}
#complimentaryResearchModal #complimentaryResearchModal-containter .cpp-ui-modal-body .card.fixed-card {
  background-color: #f1f4f9;
}
#complimentaryResearchModal #complimentaryResearchModal-containter .cpp-ui-modal-body .card > div:first-child {
  display: flex;
  gap: 10px;
}
#complimentaryResearchModal #complimentaryResearchModal-containter .cpp-ui-modal-body .card > .cpp-icon.cpp-clickable {
  position: absolute;
  top: 0px;
  right: 2px;
}
#complimentaryResearchModal #complimentaryResearchModal-containter .cpp-ui-modal-body .card > .cpp-icon.cpp-clickable:not(:hover) {
  opacity: 0.8;
}
#complimentaryResearchModal #complimentaryResearchModal-containter .cpp-ui-modal-body .add-more {
  color: #0052d6;
  font-size: 12px;
  cursor: pointer;
}
#complimentaryResearchModal #complimentaryResearchModal-containter .cpp-ui-modal-body .add-more:not(:hover) {
  opacity: 0.8;
}
#complimentaryResearchModal #complimentaryResearchModal-containter .cpp-ui-modal-body .add-more svg {
  transform: scale(0.8);
}
#complimentaryResearchModal #complimentaryResearchModal-containter .cpp-ui-modal-body .add-more svg path {
  fill: #0052d6;
}

@media only screen and (max-width: 1100px) {
  #complimentaryResearchModal #complimentaryResearchModal-containter {
    width: 90%;
    min-width: unset;
  }
}
@media only screen and (max-height: 600px) {
  #complimentaryResearchModal .cpp-ui-modal-container {
    height: 80%;
  }
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/DelegateField/delegateField.scss ***!
  \***********************************************************************************************************************************************************************************/
.delegate-field-associated {
  margin-top: 0.5rem;
  padding: 0.75rem;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
}
.delegate-field-associated span {
  line-height: 16px;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/MetadataFormFieldGroup/metadataFormFieldGroup.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.field-group {
  margin-bottom: 20px;
  border: none;
  border-radius: 0;
  background-color: transparent;
  border-bottom: none;
}
.field-group .field-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-radius: 0;
  transition: background-color 0.2s ease;
}
.field-group .field-group-header:hover {
  background-color: transparent;
}
.field-group .field-group-header .field-group-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  color: #495057;
}
.field-group .field-group-header .field-group-title .field-group-icon {
  display: flex;
  align-items: center;
  color: #6c757d;
}
.field-group .field-group-header .field-group-title .field-group-icon svg {
  width: 12px;
  height: 12px;
}
.field-group .field-group-header .field-group-count {
  font-size: 12px;
  color: #6c757d;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}
.field-group .field-group-content .cpp-ui-form-group {
  margin-bottom: 8px;
}
.field-group .field-group-content .cpp-ui-form-group:last-child {
  margin-bottom: 0;
}
.field-group .field-group-content .see-all-metadata-button {
  margin-top: 16px;
  margin-bottom: 8px;
}
.field-group .field-group-content .see-all-metadata-button .see-all-metadata-text {
  color: #0052d6;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0%;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.field-group .field-group-content .see-all-metadata-button .see-all-metadata-text svg {
  width: 12px;
  height: 12px;
}
.field-group .field-group-content .see-all-metadata-button .see-all-metadata-text svg path {
  fill: #0052d6;
}
.field-group .field-group-content .see-all-metadata-button .see-all-metadata-text:hover {
  text-decoration: underline;
}
.field-group .field-group-content .audience-metadata-buttons-container {
  display: flex;
  gap: 24px;
  margin-top: 16px;
  margin-bottom: 8px;
}
.field-group .field-group-content .audience-metadata-buttons-container .see-all-metadata-button {
  margin-top: 0;
  margin-bottom: 0;
}
.field-group.expanded {
  border-bottom: 1px solid #e0e0e0;
}
.field-group:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.field-group .field-group-header {
  background-color: #dfeafd33;
  border: none;
  border-radius: 8px 8px 0 0;
  padding: 12px 16px;
  margin-bottom: 0;
}
.field-group .field-group-header:hover {
  background-color: #dfeafd33;
}
.field-group .field-group-content {
  padding: 0 16px 16px 16px;
  background-color: #dfeafd33;
  border-radius: 0 0 8px 8px;
  margin-bottom: 16px;
  margin-top: 0;
}
.field-group.collapsed .field-group-header {
  border-radius: 8px;
}
.field-group.field-group-additionalitemdetails .field-group-header {
  background-color: transparent;
}
.field-group.field-group-additionalitemdetails .field-group-header:hover {
  background-color: transparent;
}
.field-group.field-group-additionalitemdetails .field-group-content {
  background-color: transparent;
}

.field-group.modal-style {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #e0e0e0 !important;
}
.field-group.modal-style:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.field-group.modal-style .field-group-header {
  cursor: pointer !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  padding: 12px 0 !important;
}
.field-group.modal-style .field-group-header:hover {
  background-color: transparent !important;
}
.field-group.modal-style .field-group-content {
  background-color: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.field-group.modal-style.collapsed .field-group-header {
  border-radius: 0 !important;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/AdditionalQuestionsField/additionalQuestionsModal.scss ***!
  \*********************************************************************************************************************************************************************************************************/
#additionalQuestionsModal .cpp-ui-modal-container {
  min-width: 800px;
  min-height: 600px;
}
#additionalQuestionsModal .cpp-ui-modal-body {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#additionalQuestionsModal .modal-validation-sticky {
  flex-shrink: 0;
}
#additionalQuestionsModal .republish-warning {
  font-size: 12px;
  font-weight: 400;
  color: #323232;
  margin-bottom: 10px;
  padding: 2px;
}
#additionalQuestionsModal .additional-questions-modal-fields {
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
#additionalQuestionsModal .additional-questions-modal-fields > div {
  margin-bottom: 16px;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/FeaturedInsightField/featuredInsightField.scss ***!
  \*************************************************************************************************************************************************************************************************/
.selected-featured-insights {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.selected-featured-insights .featured-insight-group {
  list-style-type: none;
  padding-left: 10px;
  text-align: left;
  width: 100%;
}
.selected-featured-insights .featured-insight-display {
  background-color: #f1f4f9;
  padding-top: 10px;
}
.selected-featured-insights .featured-insight-display > .cpp-icon {
  position: absolute;
  right: 5px;
  top: 5px;
}
.selected-featured-insights .featured-insight-display > ul {
  margin-bottom: 10px;
}
.selected-featured-insights .featured-insight-display input {
  display: none;
}
.selected-featured-insights .featured-insight-display > ul > li:not(:last-child) {
  padding-bottom: 10px;
}
.selected-featured-insights .featured-insight-display > ul > li .featured-insight-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}
.selected-featured-insights .featured-insight-display > ul > li .featured-insight-bullet {
  line-height: 1.3;
}
.selected-featured-insights .featured-insight-display > ul > li .featured-insight-link {
  flex: 1;
  min-width: 0;
}
.selected-featured-insights .featured-insight-display > ul > li .featured-insight-audit-icon {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 18px;
  padding-right: 4px;
}
.selected-featured-insights .featured-insight-display > ul > li .featured-insight-audit-icon .cpp-icon {
  opacity: 0.8;
}
.selected-featured-insights .featured-insight-display a {
  color: #0052d6;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/FeaturedInsightField/featuredInsightModal.scss ***!
  \*************************************************************************************************************************************************************************************************/
.shared-modal.slider-activator .cpp-ui-modal-body {
  border-top: 1px solid #c3c3c3;
  display: flex;
  flex-direction: column;
}
.shared-modal .modal-panel-header {
  padding: 10px 0;
  flex-shrink: 0;
  width: 100%;
  display: flex;
}
.shared-modal .modal-panel-header.align-left {
  justify-content: flex-start;
}
.shared-modal .modal-panel-header.align-center {
  justify-content: center;
}
.shared-modal .modal-panel-header.align-right {
  justify-content: flex-end;
}
.shared-modal .modal-panels {
  display: flex;
  flex: 1;
  overflow: hidden;
  min-height: 0;
  gap: 20px;
}
.shared-modal .modal-panels.vertical {
  flex-direction: column;
}
.shared-modal .modal-panels .modal-panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  flex: 1;
}

#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container {
  height: 638px !important;
  width: 900px !important;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .right-panel {
  flex: none;
  width: 300px;
  border-left: 1px solid #e8e8e8;
  padding-left: 20px;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .right-panel .selected-insights-header {
  font-size: 11px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 15px;
  color: #333;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .right-panel .selected-insights-list {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .right-panel .selected-insights-list .featured-insight-group {
  list-style: none;
  padding: 0;
  margin: 0;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .right-panel .selected-insights-list .featured-insight-group li {
  margin-bottom: 5px;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .right-panel .selected-insights-list .featured-insight-group li div {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .right-panel .selected-insights-list .featured-insight-group li div span {
  flex-shrink: 0;
  color: #717171;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .right-panel .selected-insights-list .featured-insight-group li div a {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0052d6;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .right-panel .selected-insights-list .featured-insight-group li div .cpp-icon {
  flex-shrink: 0;
  cursor: pointer;
  opacity: 0.6;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .right-panel .selected-insights-list .featured-insight-group li div .cpp-icon:hover {
  opacity: 1;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .right-panel .selected-insights-list .no-selection {
  color: #999;
  font-size: 12px;
  font-style: italic;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .select-relationship {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 500;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .select-link {
  font-size: 11px;
  margin-top: 10px;
  font-weight: 500;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .input-group {
  width: 98%;
  margin-bottom: 15px;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .input-group .input-group-append {
  cursor: pointer;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .search-result-container {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  border: 0.5px solid #e8e8e8;
  color: #717171;
  margin-bottom: 5px;
  box-shadow: 0px 1px 2px 0px #bfbfbf40;
  border-radius: 6px;
  padding: 5px;
  cursor: pointer;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result svg {
  margin-top: 10%;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result a {
  font-size: 12px;
  color: #0052d6;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result .card-details {
  line-height: 16px;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result .card-details .value {
  font-weight: 500;
}
#featuredInsightModal #featuredInsightModal-containter.cpp-ui-modal-container .cpp-ui-modal-body .search-result-container .search-result.highlighted {
  background-color: #dfeafd;
  border: 0.5px solid #91bbff;
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/View/Export/export.scss ***!
  \*************************************************************************************************************************************************************/
.export-link {
  cursor: pointer;
}
.export-link.export-disabled {
  cursor: default;
  color: #002856;
}
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/ModalGroup/modalGroup.scss ***!
  \****************************************************************************************************************************************************************/
.modal-groups {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.modal-groups h6 {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.modal-groups p {
  margin-bottom: 5px;
  color: #497fa6;
  font-size: 11px;
  font-weight: 400;
}
.modal-groups .modal-group label {
  color: #757575;
  font-size: 12px;
  font-weight: 500;
}
.modal-groups .modal-group > div {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/View/Info/requiredFiltersError.scss ***!
  \*************************************************************************************************************************************************************************/
#requiredFiltersModal .cpp-ui-modal-container {
  width: 60%;
  height: 68%;
}
#requiredFiltersModal .cpp-ui-modal-container .cpp-ui-modal-body {
  align-items: unset;
  display: flex;
  flex-flow: column;
  gap: 30px;
}
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/FileUpload/fileUpload.scss ***!
  \****************************************************************************************************************************************************************/
.cpp-file-upload input[type=file] {
  display: none;
}
.cpp-file-upload .input-group-append button.cpp-ui {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/View/ActionMenu/actionMenu.scss ***!
  \*********************************************************************************************************************************************************************/
.view-action-menu {
  height: 25px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/EmployeeSelectModal/employeeSelectModal.scss ***!
  \**********************************************************************************************************************************************************************************/
#employeeSelectModal.cpp-ui.cpp-ui-modal .cpp-ui-modal-container {
  min-width: 30%;
  min-height: 35%;
}
#employeeSelectModal.cpp-ui.cpp-ui-modal .cpp-ui-modal-container .cpp-ui-modal-body {
  overflow: hidden;
}
#employeeSelectModal.cpp-ui.cpp-ui-modal .cpp-ui-modal-container .cpp-ui-modal-body .rbt-menu.dropdown-menu.show {
  max-height: 225px !important;
}
#employeeSelectModal.cpp-ui.cpp-ui-modal .typeahead .dropbox {
  width: 50%;
}
#employeeSelectModal.cpp-ui.cpp-ui-modal .boolean-filter .typeahead .dropbox {
  width: 100%;
}
#employeeSelectModal.cpp-ui.cpp-ui-modal .card-group {
  align-items: center;
}
#employeeSelectModal.cpp-ui.cpp-ui-modal .card-group .card {
  max-height: 100px;
  min-height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
  max-width: 50%;
  margin-top: 5px;
  cursor: move;
}
#employeeSelectModal.cpp-ui.cpp-ui-modal .card-group .card-disabled {
  cursor: default;
}
#employeeSelectModal.cpp-ui.cpp-ui-modal select.form-control {
  width: 50%;
  flex: unset;
  border-right-width: 1px !important;
}
#employeeSelectModal.cpp-ui.cpp-ui-modal .toggle-field {
  width: 50%;
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 900px) {
  #employeeSelectModal .cpp-ui-modal-container {
    width: 50%;
  }
}
@media only screen and (max-height: 600px) {
  #employeeSelectModal .cpp-ui-modal-container {
    height: 50%;
  }
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/View/BacktagModal/backtagModal.scss ***!
  \*************************************************************************************************************************************************************************/
#backtagModal .cpp-ui-modal-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#backtagModal .cpp-ui-modal-body > div.cpp-ui-buttons {
  display: flex;
  justify-content: flex-end;
}

@media only screen and (max-width: 1200px) {
  #backtagModal .cpp-ui-modal-container {
    width: 80%;
  }
}
@media only screen and (max-width: 900px) {
  #backtagModal .cpp-ui-modal-container {
    width: 90%;
  }
}
@media only screen and (max-width: 600px) {
  #backtagModal .cpp-ui-modal-container {
    width: 98%;
  }
}
@media only screen and (max-height: 1000px) {
  #backtagModal .cpp-ui-modal-container {
    height: 70%;
  }
}
@media only screen and (max-height: 800px) {
  #backtagModal .cpp-ui-modal-container {
    height: 90%;
  }
}
@media only screen and (max-height: 600px) {
  #backtagModal .cpp-ui-modal-container {
    height: 98%;
  }
}
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Breadcrumb/breadcrumb.scss ***!
  \****************************************************************************************************************************************************************/
.cp-breadcrumb {
  display: flex;
  gap: 15px;
  color: #666666;
  font-size: 16px;
  line-height: 16px;
}
.cp-breadcrumb > span:not(:last-child)::after {
  content: "/";
  padding-left: 15px;
}
.cp-breadcrumb > span:last-child {
  font-weight: bold;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/View/BackupMode/backupMode.scss ***!
  \*********************************************************************************************************************************************************************/
.backup-mode {
  padding: 5px 5px 5px 20px;
  display: flex;
  justify-content: space-between;
  color: #ffffff;
  background-color: #fb8c00;
  box-shadow: 0px 4px 4px 0px #78787840;
}
.backup-mode > div:first-child {
  display: flex;
  gap: 3px;
  align-items: center;
}
.backup-mode > div:first-child > span:nth-child(2) {
  font-weight: bold;
}
.backup-mode button.cpp-ui.cpp-ui-button-size-medium {
  padding: 0px 10px;
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
  text-transform: uppercase;
}
.backup-mode button.cpp-ui.cpp-ui-button-size-medium svg path {
  fill: #ffffff;
}
.backup-mode button.cpp-ui.cpp-ui-button-size-medium:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
  opacity: 0.8;
}

.backup-mode-button > button.cpp-ui.cpp-ui-button-size-medium {
  padding: 0px 10px;
  text-transform: uppercase;
}

#backupModal .backup-text {
  white-space: nowrap;
  margin-bottom: 10px;
  padding-right: 50px;
}
#backupModal .backup-modal {
  min-height: 200px;
  max-height: 400px;
  margin-bottom: 5px;
}
#backupModal .backup-modal div.form-check {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 1.75rem;
}
#backupModal .cpp-ui-modal-body {
  padding-bottom: 20px;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/View/Board/board.scss ***!
  \***********************************************************************************************************************************************************/
.board {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: auto;
  padding-bottom: 3px;
}
.board::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}
.board::-webkit-scrollbar:vertical {
  width: 10px;
}
.board::-webkit-scrollbar:horizontal {
  height: 10px;
}
.board > .infinite-loader {
  position: absolute;
  right: 20px;
}
.board.board-kanban {
  overflow-y: hidden;
}
.board.board-kanban .board-group,
.board.board-kanban .board-headers {
  overflow: hidden;
  height: 100%;
}
.board:not(.board-kanban) > div.board-headers,
.board:not(.board-kanban) > div.board-column-grouping {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #ffffff;
}
.board > div.board-column-grouping + div.board-headers {
  top: 35px;
}
.board > div.board-column-grouping + div.board-headers ~ div.board-subgroup .board-group-header {
  top: 111px;
}
.board .board-column-grouping {
  display: flex;
  gap: 5px;
  height: 35px;
  width: min-content;
}
.board .board-column-grouping .board-group-hidden {
  padding: 0px;
}
.board .board-column-grouping > div > div:first-child {
  justify-content: center;
  background-color: #f4f4f4;
  margin-bottom: 5px;
}
.board .board-column-grouping > div:nth-child(even) > div:first-child {
  background-color: #dfeafd;
}
.board .board-column-grouping,
.board .board-headers,
.board .board-subgroup {
  padding: 0px 10px;
  margin: 0px -10px;
}
.board .board-groups,
.board .board-column-grouping > div > div:last-child,
.board .board-headers {
  display: grid;
  grid-column-gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  width: min-content;
}
.board.board-2lines .board-headers .board-group .board-group-name {
  height: 48px;
}
.board.board-2lines .board-headers .board-group .board-group-name div {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.board.board-2lines .board-subgroup .board-group-header {
  top: 94px;
}
.board.board-2lines div.board-column-grouping + div.board-headers ~ div.board-subgroup .board-group-header {
  top: 131px;
}
.board .board-subgroup {
  display: grid;
  width: min-content;
}
.board .board-subgroup .board-subgroup-count {
  position: sticky;
  text-align: center;
  background-color: #ffffff;
  border: 0px;
  height: 20px;
  margin-top: 2px;
}
.board .board-subgroup .board-subgroup-count > div {
  grid-row: 2;
  min-width: 240px;
}
.board .board-subgroup .board-subgroup-count > div:nth-child(15n) > span {
  background-color: #f1f4f9;
}
.board .board-subgroup .board-subgroup-count > div:nth-child(15n+1) > span {
  background-color: #e4e4e4;
}
.board .board-subgroup .board-subgroup-count > div:nth-child(15n+2) > span {
  background-color: #fddfca;
}
.board .board-subgroup .board-subgroup-count > div:nth-child(15n+3) > span {
  background-color: #d9ecf2;
}
.board .board-subgroup .board-subgroup-count > div:nth-child(15n+4) > span {
  background-color: #e6e3f5;
}
.board .board-subgroup .board-subgroup-count > div:nth-child(15n+5) > span {
  background-color: #dfeafd;
}
.board .board-subgroup .board-subgroup-count > div:nth-child(15n+6) > span {
  background-color: #e5ebde;
}
.board .board-subgroup .board-subgroup-count > div:nth-child(15n+7) > span {
  background-color: #ebe2dc;
}
.board .board-subgroup .board-subgroup-count > div:nth-child(15n+8) > span {
  background-color: #e0e7ea;
}
.board .board-subgroup .board-subgroup-count > div:nth-child(15n+9) > span {
  background-color: #ece0f8;
}
.board .board-subgroup .board-subgroup-count > div:nth-child(15n+10) > span {
  background-color: #d6f5f2;
}
.board .board-subgroup .board-subgroup-count > div:nth-child(15n+11) > span {
  background-color: #f3e6e2;
}
.board .board-subgroup .board-subgroup-count > div:nth-child(15n+12) > span {
  background-color: #fae1f0;
}
.board .board-subgroup .board-subgroup-count > div:nth-child(15n+13) > span {
  background-color: #e6ebed;
}
.board .board-subgroup .board-subgroup-count > div:nth-child(15n+14) > span {
  background-color: #e0f1e4;
}
.board .board-subgroup .board-subgroup-count > div > span {
  border-radius: 10px;
  font-size: 11px;
  font-weight: 500;
  color: #535353;
  line-height: 18px;
  padding: 2px 7px;
}
.board .board-subgroup:nth-child(odd) .board-group-header > div.board-group-name {
  background-color: #f4f4f4;
}
.board .board-subgroup .board-group-header {
  z-index: 1;
  position: sticky;
  left: 10px;
  top: 76px;
  background-color: #fff;
  margin-top: 10px;
}
.board .board-subgroup .board-group-header > div.board-group-name {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 10px;
  padding-left: 10px;
  height: 25px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  text-wrap: nowrap;
  background-color: #dfeafd;
}
.board .board-subgroup .board-subgroup-header {
  grid-row: 1;
  position: sticky;
  left: 0px;
  top: 80px;
  height: 25px;
  text-wrap: nowrap;
  overflow: visible;
  cursor: pointer;
  z-index: 1;
  background-color: #ffffff;
  border: 1px solid #9b9b9b;
}
.board .board-subgroup .board-subgroup-header > div > svg.cpp-icon-arrow {
  margin: 0px 10px;
}
.board .board-subgroup .board-subgroup-header + .board-group-items {
  grid-row: 2;
}
.board .board-group-items {
  grid-row: 2;
}
.board .board-group {
  grid-row: 1;
}
.board .board-group .board-group-items {
  margin-top: 13px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px;
  padding-right: 2px;
  position: relative;
}
.board .board-groups .board-group-items,
.board .board-group {
  min-width: 240px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 6px;
}
.board .board-groups .board-group-items:nth-child(15n) .board-group-name,
.board .board-group:nth-child(15n) .board-group-name {
  background-color: #f1f4f9;
}
.board .board-groups .board-group-items:nth-child(15n+1) .board-group-name,
.board .board-group:nth-child(15n+1) .board-group-name {
  background-color: #e4e4e4;
}
.board .board-groups .board-group-items:nth-child(15n+2) .board-group-name,
.board .board-group:nth-child(15n+2) .board-group-name {
  background-color: #fddfca;
}
.board .board-groups .board-group-items:nth-child(15n+3) .board-group-name,
.board .board-group:nth-child(15n+3) .board-group-name {
  background-color: #d9ecf2;
}
.board .board-groups .board-group-items:nth-child(15n+4) .board-group-name,
.board .board-group:nth-child(15n+4) .board-group-name {
  background-color: #e6e3f5;
}
.board .board-groups .board-group-items:nth-child(15n+5) .board-group-name,
.board .board-group:nth-child(15n+5) .board-group-name {
  background-color: #dfeafd;
}
.board .board-groups .board-group-items:nth-child(15n+6) .board-group-name,
.board .board-group:nth-child(15n+6) .board-group-name {
  background-color: #e5ebde;
}
.board .board-groups .board-group-items:nth-child(15n+7) .board-group-name,
.board .board-group:nth-child(15n+7) .board-group-name {
  background-color: #ebe2dc;
}
.board .board-groups .board-group-items:nth-child(15n+8) .board-group-name,
.board .board-group:nth-child(15n+8) .board-group-name {
  background-color: #e0e7ea;
}
.board .board-groups .board-group-items:nth-child(15n+9) .board-group-name,
.board .board-group:nth-child(15n+9) .board-group-name {
  background-color: #ece0f8;
}
.board .board-groups .board-group-items:nth-child(15n+10) .board-group-name,
.board .board-group:nth-child(15n+10) .board-group-name {
  background-color: #d6f5f2;
}
.board .board-groups .board-group-items:nth-child(15n+11) .board-group-name,
.board .board-group:nth-child(15n+11) .board-group-name {
  background-color: #f3e6e2;
}
.board .board-groups .board-group-items:nth-child(15n+12) .board-group-name,
.board .board-group:nth-child(15n+12) .board-group-name {
  background-color: #fae1f0;
}
.board .board-groups .board-group-items:nth-child(15n+13) .board-group-name,
.board .board-group:nth-child(15n+13) .board-group-name {
  background-color: #e6ebed;
}
.board .board-groups .board-group-items:nth-child(15n+14) .board-group-name,
.board .board-group:nth-child(15n+14) .board-group-name {
  background-color: #e0f1e4;
}
.board .board-groups .board-group-items:nth-child(odd),
.board .board-group:nth-child(odd) {
  background-color: rgba(161, 179, 202, 0.08);
}
.board .board-group-name {
  height: 28px;
  line-height: unset;
  padding: 4px;
}
.board .board-group-name div {
  text-transform: none;
}
.board .board-group-name span {
  background-color: #fec01d;
  color: #ffffff;
  border-radius: 10px;
  height: 17px;
  font-size: 12px;
  line-height: 19px;
  margin: auto 0;
  padding: 0 7px;
}
.board .board-group-add {
  border: 1px dashed #adadad;
  border-radius: 6px;
  height: 23px;
  color: #0052d6;
  font-weight: 600;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  margin-top: 5px;
  cursor: pointer;
}
.board .board-groups .board-group-items {
  margin-top: 3px;
  max-height: 500px;
  min-height: 40px;
}
.board .board-groups .board-group-items--hidden {
  height: 5px;
  min-height: unset;
  visibility: hidden;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.board .board-group-items {
  margin-top: 13px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 2px;
  position: relative;
}
.board .board-group-items::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}
.board .board-group-items > div.cpp-ui {
  margin: 0 auto;
}

.board-item.dragging {
  opacity: 0.5;
}

.board-item.non-droppable {
  cursor: not-allowed !important;
}

.time-frame-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.time-frame-container.droppable-container {
  border: 2px dashed #4caf50;
  background-color: rgba(76, 175, 80, 0.1);
}

.time-frame-container.non-droppable-container {
  border: 2px dashed #f44336;
  background-color: rgba(244, 67, 54, 0.1);
}

.board_360 .board-group,
.board_360 .board-groups .board-group-items,
.board_360 .board-subgroup .board-subgroup-count > div,
.board_360 .board-subgroup .board-group-header,
.board_360 .board-subgroup .board-group-items {
  min-width: 360px !important;
}
.board_360 .board-headers,
.board_360 .board-groups,
.board_360 .board-column-grouping > div > div:last-child {
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/View/ItemCard/itemCard.scss ***!
  \*****************************************************************************************************************************************************************/
.item-card-container {
  position: relative;
}
.item-card-container .item-card-actions {
  position: absolute;
  right: 2px;
  top: 4px;
}
.item-card-container .item-card-actions > a {
  padding: 2px;
}
.item-card-container .item-card-actions .three-dots {
  padding: 1px 5px;
}
.item-card-container .item-card-actions > a,
.item-card-container .item-card-actions .three-dots {
  border: 1px solid transparent;
  text-align: center;
}
.item-card-container .item-card-actions > a:hover,
.item-card-container .item-card-actions .three-dots:hover {
  background-color: #ddd;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.item-card-container .item-card-actions + .item-card .item-card-header {
  padding-right: 20px;
}
.item-card-container .item-card {
  display: block;
  background-color: white;
  border: 0.5px solid #e8e8e8;
  margin-top: 5px;
  border-radius: 8px;
  margin: auto 0;
  box-shadow: 0px 1px 2px #bfbfbf;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.item-card-container .item-card > div:first-child {
  padding: 5px;
}
.item-card-container .item-card .item-card-header {
  display: flex;
  flex-direction: row;
}
.item-card-container .item-card .item-card-header .item-card-icon {
  padding-right: 4px;
}
.item-card-container .item-card .item-card-header .item-card-name {
  font-weight: 500;
}
.item-card-container .item-card .item-card-header .item-card-name i {
  color: #717171;
}
.item-card-container .item-card .item-card-field-container {
  display: flex;
}
.item-card-container .item-card .item-card-field-container .item-card-field + .expiry-info-container::before {
  content: "|";
  padding: 0px 5px;
}
.item-card-container .item-card .item-card-field-container .expiry-info-container {
  color: #717171;
  padding-top: 2px;
  flex: none;
  display: flex;
}
.item-card-container .item-card .item-card-field-container .expiry-info-container + .expiry-info-container {
  margin-left: 5px;
}
.item-card-container .item-card .item-card-field-container .expiry-info-container .cpp-ui-popover-container svg {
  margin-left: 12px;
}
.item-card-container .item-card .item-card-field-container .expiry-info-container .cpp-ui-popover-container .cpp-ui-popover.popover-top.popover-info {
  width: 175px;
  transform: translateX(-81%);
}
.item-card-container .item-card .item-card-field-container .expiry-info-container .cpp-ui-popover-container .cpp-ui-popover-pointer.popover-pointer-top {
  left: 82%;
}
.item-card-container .item-card .item-card-field {
  font-size: 13px;
  color: #717171;
  padding-top: 5px;
  display: flex;
}
.item-card-container .item-card .item-card-field > label {
  min-width: 20px;
  flex-shrink: 0;
  margin-bottom: 0;
  text-align: left;
  display: unset;
  overflow-wrap: break-word;
  font-weight: 500;
}
.item-card-container .item-card .item-card-field > label svg {
  width: 14px;
  height: 13px;
}
.item-card-container .item-card .item-card-field > label svg path {
  fill: #5b6670;
}
.item-card-container .item-card .item-card-field .true-check-svg {
  fill: #48c5ec !important;
}
.item-card-container .item-card .item-card-field.with-title label svg path {
  fill: #48c5ec !important;
}
.item-card-container .item-card .item-card-field.with-label {
  display: block;
}
.item-card-container .item-card .item-card-field .workflow-days {
  color: #48c5ec;
  border: 1px solid #48c5ec;
  border-radius: 17px;
  line-height: 17px;
  padding: 1px 8px;
}
.item-card-container .item-card .item-card-field .workflow-days + .workflow-days {
  margin-left: 5px;
}
.item-card-container .item-card .item-card-field .blue-checked {
  color: #ffffff;
  background-color: #48c5ec;
  border-radius: 5px;
  height: 20px;
  width: 20px;
  content: " ";
  margin-right: 3px;
  position: relative;
}
.item-card-container .item-card .item-card-field .blue-checked::before {
  position: absolute;
  left: 6px;
  top: 0px;
  line-height: 17px;
  font-size: 14px;
  font-weight: bold;
  transform: scaleX(-1) rotate(-45deg);
  content: "L";
}
.item-card-container .item-card.selected {
  background-color: #f6faff;
  border: 1.5px solid #91dcf8;
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/ProgressBar/progressBar.scss ***!
  \******************************************************************************************************************************************************************/
.progress-bar {
  height: 5px;
  width: 100%;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  position: relative;
  background-color: inherit;
  overflow: hidden;
}
.progress-bar > div {
  height: 100%;
  width: 100%;
  position: absolute;
}
.progress-bar > div:first-child {
  background-color: #e8e8e8;
}
.progress-bar > div.bar-line {
  background-color: #478eff;
  width: 0px;
  transition: all 300ms linear;
}
.progress-bar > div:nth-child(3) {
  display: flex;
  justify-content: space-evenly;
  position: relative;
}
.progress-bar > div:nth-child(3)::before, .progress-bar > div:nth-child(3)::after,
.progress-bar > div:nth-child(3) span {
  width: 5px;
  height: 100%;
  content: " ";
  display: block;
  background-color: #ffffff;
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/ItemUpdateModal/itemUpdateModal.scss ***!
  \**************************************************************************************************************************************************************************/
#itemUpdateModal .cpp-ui-modal-body {
  display: flex;
  flex-direction: column;
}
#itemUpdateModal .update-modal-error {
  margin-bottom: 5px;
  color: #f22c2c;
}
#itemUpdateModal .item-update-guidelines {
  font-style: italic;
  padding-bottom: 10px;
}
#itemUpdateModal .item-update-guidelines > span::before {
  content: " ";
}
#itemUpdateModal .item-update-guidelines > span + span::before {
  content: ", ";
}
#itemUpdateModal .item-update-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#itemUpdateModal .item-update-options .card .card-body {
  padding: 5px;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Card/card.scss ***!
  \****************************************************************************************************************************************************/
.card:not(.card-disabled).card-selectable, .card:not(.card-disabled).card-expandable .card-header {
  cursor: pointer;
}
.card:not(.card-disabled).card-selected {
  background-color: #dfeafd;
  border: 0.5px solid #91bbff;
}
.card.card-selectable .card-body {
  font-size: 90%;
}
.card.card-disabled {
  cursor: not-allowed;
  background-color: #f2f2f2;
  color: #9b9b9b;
}
.card .card-header {
  background-color: unset;
  font-weight: 600;
}
.card .card-header .card-expand-icon {
  float: right;
  transform: scale(1.25);
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/ItemKeepActiveModal/itemKeepActiveModal.scss ***!
  \**********************************************************************************************************************************************************************************/
#itemKeepActiveModal #itemKeepActiveModal-containter {
  padding: unset;
  cursor: default;
}
#itemKeepActiveModal #itemKeepActiveModal-containter .cpp-ui-modal-header {
  padding-left: 30px;
}
#itemKeepActiveModal #itemKeepActiveModal-containter .cpp-ui-modal-body {
  display: flex;
  flex-direction: column;
}
#itemKeepActiveModal #itemKeepActiveModal-containter .cpp-ui-modal-body #cppKeepActive {
  padding: 10px 30px;
  height: 100%;
  overflow-y: auto;
}
#itemKeepActiveModal #itemKeepActiveModal-containter .cpp-ui-modal-body #cppKeepActive::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/ItemArchiveModal/itemArchiveModal.scss ***!
  \****************************************************************************************************************************************************************************/
#itemArchiveModal #itemArchiveModal-containter {
  padding: unset;
  cursor: default;
}
#itemArchiveModal #itemArchiveModal-containter .cpp-ui-modal-header {
  padding-left: 30px;
}
#itemArchiveModal #itemArchiveModal-containter .cpp-ui-modal-body {
  display: flex;
  flex-direction: column;
}
#itemArchiveModal #itemArchiveModal-containter .cpp-ui-modal-body #cppArchive {
  padding: 10px 30px;
  height: 100%;
  overflow-y: auto;
}
#itemArchiveModal #itemArchiveModal-containter .cpp-ui-modal-body #cppArchive::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/View/Legend/legend.scss ***!
  \*************************************************************************************************************************************************************/
.view-legend {
  padding: 5px 30px 5px 10px;
  position: relative;
}
.view-legend > div {
  display: flex;
  gap: 10px;
  max-width: 1000px;
  white-space: nowrap;
  color: #6d6d6d;
  font-size: 10px;
  font-weight: 500;
}
.view-legend > div > div {
  flex-grow: 1;
  min-width: 50px;
  border-radius: 4px;
}
.view-legend > span {
  position: absolute;
  right: 5px;
  top: 0px;
}

@media only screen and (max-width: 1000px) {
  .view-legend {
    padding: 5px 30px 5px 2px;
  }
  .view-legend > div {
    gap: 5px;
    font-size: 80%;
  }
  .view-legend .progress-bar {
    height: 3px;
  }
  .view-legend .progress-bar > div:nth-child(3)::before, .view-legend .progress-bar > div:nth-child(3)::after,
.view-legend .progress-bar > div:nth-child(3) span {
    width: 3px;
  }
}
@media only screen and (max-width: 800px) {
  .view-legend {
    padding: 5px 20px 5px 2px;
  }
  .view-legend > div {
    gap: 2px;
    font-size: 60%;
  }
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/NewIdeaMenu/newIdeaMenu.scss ***!
  \******************************************************************************************************************************************************************/
.new-idea-menu button.cpp-ui.cpp-ui-button-type-primary {
  width: 100%;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 5px;
}
.new-idea-menu .dd-dropdown .dd-list > li > div {
  padding: 0px 20px 0px 5px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #000000;
}
.new-idea-menu .dd-dropdown .dd-list > li > div .dd-text:after {
  display: block;
  content: attr(data-txt);
  font-weight: bold;
  text-indent: 2px;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}
.new-idea-menu .dd-dropdown .dd-list div:last-child {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #0052d6;
  gap: 5px;
}
.new-idea-menu .dd-dropdown .dd-list div:last-child svg path {
  fill: #0052d6;
}
.new-idea-menu .dd-dropdown .dd-list > span {
  padding-right: 5px;
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MultiSort/multiSort.scss ***!
  \**************************************************************************************************************************************************************/
.multi-sort-container {
  min-width: 325px;
  max-width: 500px;
}
.multi-sort-container .multi-sort-card-group {
  display: flex;
  min-width: fit-content;
  align-items: center;
  justify-content: space-between;
}
.multi-sort-container .multi-sort-card-group.mscg-disabled .multi-sort-card {
  cursor: default;
  background-color: #f2f2f2;
  color: #9c9b9b;
}
.multi-sort-container .multi-sort-card-group.mscg-disabled .six-dots,
.multi-sort-container .multi-sort-card-group.mscg-disabled .cpp-icon-trash {
  visibility: hidden;
}
.multi-sort-container .add-button {
  display: flex;
  width: 130px;
  gap: 5px;
  align-items: center;
  cursor: pointer;
  color: #0052d6;
  margin-bottom: 10px;
}
.multi-sort-container .add-button svg.cpp-ui-icon.cpp-icon-add path {
  fill: #0052d6;
}
.multi-sort-container .multi-sort-card {
  display: flex;
  border: 1px solid #e8e8e8;
  padding: 5px;
  justify-content: space-between;
  border-radius: 4px;
  width: 100%;
  gap: 10px;
  align-items: center;
  margin-top: 4px;
  margin-right: 5px;
  cursor: pointer;
}
.multi-sort-container .multi-sort-card .option-card-order {
  justify-content: right;
  justify-content: space-between;
  padding: 7px;
}
.multi-sort-container .multi-sort-card .option-card-order.expanded {
  display: flex;
  border-radius: 4px;
  border: 1px solid #c3c3c3;
  width: 68px;
  background-color: #ffffff;
}
.multi-sort-container .multi-sort-card .option-card-header {
  color: #757575;
  font-size: 12px;
  font-weight: 500;
}
.multi-sort-container .multi-sort-card.expanded {
  background: #f6faff;
}
.multi-sort-container .multi-sort-card .form-control {
  font-size: 0.75rem;
}
.multi-sort-container .multi-sort-card .card-text {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 375px;
  min-width: 225px;
}
.multi-sort-container .option-card-column-left {
  float: left;
  width: 100%;
}
.multi-sort-container .option-card-column-right {
  float: none;
}
.multi-sort-container .typeahead .typeahead-popular-fields > div:not(:first-child) {
  text-wrap: pretty;
  text-align: right;
  padding-left: 10px;
  max-width: 100px;
}
.multi-sort-container .typeahead .typeahead-popular-fields > div:first-child {
  text-wrap: pretty;
  text-align: left;
  color: #0052d6;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
}

.sort-by {
  height: 26px;
  margin: 0 10px;
}
.sort-by > div:first-child {
  text-transform: uppercase;
  color: #0042ab;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #0052d6;
  border-radius: 2px;
  background-color: #ffffff;
  padding: 2px 5px;
  display: flex;
  align-items: center;
}
.sort-by .sort-options {
  white-space: nowrap;
  width: max-content;
}
.sort-by .sort-options .dd-list::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/View/ViewAsMode/viewAsMode.scss ***!
  \*********************************************************************************************************************************************************************/
.view-as-mode {
  padding: 5px 5px 5px 20px;
  display: flex;
  justify-content: space-between;
  color: #ffffff;
  background-color: #fb8c00;
  box-shadow: 0px 4px 4px 0px #78787840;
}
.view-as-mode > div:first-child {
  display: flex;
  gap: 3px;
  align-items: center;
}
.view-as-mode > div:first-child > span:nth-child(2) {
  font-weight: bold;
}
.view-as-mode button.cpp-ui.cpp-ui-button-size-medium {
  padding: 0px 10px;
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
  text-transform: uppercase;
}
.view-as-mode button.cpp-ui.cpp-ui-button-size-medium svg path {
  fill: #ffffff;
}
.view-as-mode button.cpp-ui.cpp-ui-button-size-medium:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
  opacity: 0.8;
}

.view-as-mode-button > button.cpp-ui.cpp-ui-button-size-medium {
  padding: 0px 10px;
  text-transform: uppercase;
}

#viewAsModal .view-as-text {
  white-space: nowrap;
  margin-bottom: 10px;
  padding-right: 50px;
}
#viewAsModal .view-as-modal {
  min-height: 200px;
  max-height: 400px;
  margin-bottom: 5px;
}
#viewAsModal .view-as-modal div.form-check {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 1.75rem;
}
#viewAsModal .cpp-ui-modal-body {
  padding-bottom: 20px;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/View/EFSViewComponents/EFSBuilderTools/EFSBuilderTools.scss ***!
  \*************************************************************************************************************************************************************************************************/
.efs-builder-tools {
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: baseline;
}
.efs-builder-tools button.view-button {
  height: 36px;
  min-width: max-content !important;
}
.efs-builder-tools > div:last-child {
  display: flex;
  max-height: 20px;
  width: 375px;
  flex-flow: row-reverse;
}

.efs-persona-dropbox {
  height: 26px;
  margin: 0 10px;
  width: max-content;
}
.efs-persona-dropbox > div:first-child {
  color: #0042ab;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #0052d6;
  border-radius: 3px;
  background-color: #ffffff;
  padding: 2px 8px;
  display: flex;
  align-items: center;
  gap: 2px;
}
.efs-persona-dropbox .efs-persona-options {
  white-space: nowrap;
  width: max-content;
  display: flex;
  flex-direction: column;
  /* Stack options vertically */
}
.efs-persona-dropbox .efs-persona-options .efs-persona-option {
  display: flex;
  /* Ensure proper alignment */
  align-items: center;
  margin: 5px 0;
  /* Add vertical spacing between options */
  cursor: pointer;
}
.efs-persona-dropbox .efs-persona-options .efs-persona-option .pill {
  border-radius: 6px;
  padding: 0px 8px;
  background-color: #f2f2f2;
  color: #0042ab;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  align-items: center;
  transition: background-color 0.2s ease;
}
.efs-persona-dropbox .efs-persona-options .efs-persona-option .pill:hover {
  background-color: #e0e0e0;
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/PersonalizeView/personalizeView.scss ***!
  \**************************************************************************************************************************************************************************/
#personalizeViewModal .cpp-ui-modal-body {
  overflow: hidden !important;
}
#personalizeViewModal .cpp-ui-modal-container {
  height: 65%;
  width: 65%;
}
#personalizeViewModal .header {
  display: flex;
  align-items: center;
  gap: 10px;
}
#personalizeViewModal .header svg {
  height: 22px;
  width: 18px;
  overflow: hidden;
  vertical-align: middle;
}
#personalizeViewModal .description {
  font-size: 12px;
  font-weight: 400;
  color: #323232;
  margin-bottom: 10px;
  padding: 2px;
}
#personalizeViewModal .body {
  display: flex;
  gap: 30px;
  font-size: 14px;
  color: #323232;
  font-weight: 500;
  max-height: 80%;
}
#personalizeViewModal .body .field-settings {
  flex: 2;
}
#personalizeViewModal .body .field-settings .field-settings-header {
  justify-content: space-between;
  display: flex;
  margin-bottom: 15px;
}
#personalizeViewModal .body .field-settings .field-settings-header .field-settings-actions {
  display: flex;
  font-size: 12px;
  align-items: center;
  color: #0052d6;
  cursor: pointer;
  font-weight: 400;
}
#personalizeViewModal .body .field-settings .field-settings-header .field-settings-actions.fsa-disabled {
  cursor: default;
  color: #002856;
}
#personalizeViewModal .body .field-settings .field-settings-container {
  font-size: 12px;
  font-weight: 400;
}
#personalizeViewModal .body .field-settings .field-settings-container .card {
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
  margin-bottom: 5px;
}
#personalizeViewModal .body .other-preferences {
  flex: 1;
}
#personalizeViewModal .body .other-preferences .other-preferences-container {
  border: 0.5px solid #adadad;
  padding: 10px;
  border-radius: 0.25rem;
  margin-top: 15px;
}
#personalizeViewModal .body .other-preferences .other-preferences-container .toggle-switch {
  justify-content: space-between;
  gap: 10px;
}
#personalizeViewModal .body .other-preferences .other-preferences-container .toggle-switch label {
  color: #323232;
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Toggler/toggler.scss ***!
  \**********************************************************************************************************************************************************/
.toggle-switch {
  height: 20px;
  display: flex;
  /* Rounded toggers */
}
.toggle-switch .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.toggle-switch label:not(.switch) {
  white-space: nowrap;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #000000;
}
.toggle-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch:not(.toggle-switch-disabled) .togger {
  cursor: pointer;
}
.toggle-switch .togger {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.toggle-switch .togger:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.toggle-switch input:checked + .togger {
  background-color: #2196f3;
}
.toggle-switch input:disabled + .togger {
  cursor: not-allowed;
}
.toggle-switch input:focus + .togger {
  box-shadow: 0 0 1px #2196f3;
}
.toggle-switch input:checked + .togger:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.toggle-switch .togger.round {
  border-radius: 34px;
}
.toggle-switch .togger.round:before {
  border-radius: 50%;
}
.toggle-switch .switch {
  transform: scale(0.5) translate(-20px, -14px);
}
.toggle-switch div {
  float: left;
  font-weight: bold;
}
/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/metadataForm.scss ***!
  \********************************************************************************************************************************************************************/
.form-legend-grouping {
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
}
.form-legend-grouping > .slider-legend {
  margin-right: 17px;
}
.form-legend-grouping > .modal-legend {
  margin-right: 20px;
  margin-bottom: 2px;
}
.form-legend-grouping .toggle-switch label:not(.switch) {
  color: #717171 !important;
}

.required-details {
  display: flex;
  flex-direction: row-reverse;
  font-size: 12px;
  color: #717171 !important;
  line-height: 20px;
}
.required-details .required-asterisk {
  color: #f22c2c;
}
.required-details .required-next-asterisks {
  margin-left: 5px;
}
.required-details .show-fields-toggler {
  margin-left: 5px;
}
.required-details .show-fields-toggler > div:last-child > div {
  z-index: 9999;
}

.required-next-asterisks {
  color: #3a3a3a;
}

.metadata-form {
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
  padding-right: 35px !important;
}

.slider.metadata-form-slider {
  padding: 10px 10px 40px 10px;
  background-color: #f6f6f6;
}
.slider.metadata-form-slider > div.cpp-ui.alert + div:not(.alert) {
  height: calc(100% - 55px);
}
.slider.metadata-form-slider .approvals-menu {
  font-size: 12px;
  color: #0052d6;
  margin-left: auto;
}
.slider.metadata-form-slider .approvals-menu .approvals-dd {
  display: flex;
  gap: 5px;
  align-items: center;
}
.slider.metadata-form-slider .form-container {
  display: flex;
  height: 100%;
}
.slider.metadata-form-slider .form-container .widget-container {
  position: relative;
  height: 100%;
  display: flex;
}
.slider.metadata-form-slider > div:first-child,
.slider.metadata-form-slider > div:first-child > div {
  gap: 5px;
  display: flex;
  align-items: center;
}
.slider.metadata-form-slider > div:first-child {
  padding-bottom: 5px;
}
.slider.metadata-form-slider > div:first-child > div:first-child {
  font-size: 18px;
  white-space: nowrap;
  line-height: 22px;
}
.slider.metadata-form-slider > div:last-child {
  background-color: #ffffff;
  height: 100%;
  padding: 2px 2px 10px 10px;
}
.slider.metadata-form-slider > div:last-child::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}
.slider.metadata-form-slider .slider-close {
  padding-left: 20px;
}
.slider.metadata-form-slider .slider-close span.cpp-icon {
  margin: 0px;
}

.cpp-ui.cpp-ui-modal .cpp-ui-modal-container .cpp-ui-modal-body {
  overflow: hidden;
}

#metadataFormModal-containter .cpp-ui-modal-body {
  overflow: hidden !important;
}

#metadataFormModal.cpp-ui.cpp-ui-modal .cpp-ui-modal-container {
  min-width: 55%;
  min-height: 75%;
}
#metadataFormModal.cpp-ui.cpp-ui-modal .cpp-ui-modal-container .cpp-ui-modal-header {
  position: relative;
}
#metadataFormModal.cpp-ui.cpp-ui-modal .cpp-ui-modal-container #dataSourceModal #dataSourceModal-containter.cpp-ui-modal-container {
  min-width: 90% !important;
  min-height: 90% !important;
}

#metadataFormModal .new-item-header {
  display: flex;
  align-items: center;
  width: 100%;
}
#metadataFormModal .new-item-header .new-item-header-container {
  display: flex;
  gap: 15px;
  align-items: center;
}
#metadataFormModal .new-item-header .new-item-header-container .bold-text {
  font-weight: 500;
}
#metadataFormModal .new-item-header .new-item-header-container > svg {
  transform: scale(1.25);
}
#metadataFormModal .new-item-header .new-item-header-status {
  padding-left: 15px;
}

@media only screen and (max-height: 900px) {
  #metadataFormModal .cpp-ui-modal-container {
    height: 90%;
  }
}
/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Slider/slider.scss ***!
  \********************************************************************************************************************************************************/
.slider {
  background: #ffffff;
  position: absolute;
  top: 0;
  z-index: 999;
  right: -520px;
  width: 500px;
  height: 100%;
  box-shadow: rgba(15, 15, 15, 0.016) 0px 0px 0px 1px, rgba(15, 15, 15, 0.03) 0px 3px 6px, rgba(15, 15, 15, 0.06) 0px 9px 24px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.slider.slider-in {
  right: 0 !important;
}

@media only screen and (max-width: 600px) {
  .slider {
    right: -620px !important;
    width: 100% !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  .slider.wide {
    width: 90% !important;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1400px) {
  .slider {
    right: -51% !important;
    width: 50% !important;
  }

  .slider.wide {
    width: 75% !important;
  }
}
@media only screen and (min-width: 1400px) {
  .slider {
    right: -720px !important;
    width: 700px !important;
  }

  .slider.wide {
    width: 1000px !important;
  }
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/ShowFields/showFields.scss ***!
  \*****************************************************************************************************************************************************************************/
.show-fields .show-fields-label {
  cursor: pointer;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/StatusBar/statusBar.scss ***!
  \***************************************************************************************************************************************************************************/
.slider.metadata-form-slider .metadata-form-header .link-container {
  flex-grow: 1;
  display: flex;
  justify-content: end;
  gap: 20px;
}
.slider.metadata-form-slider .metadata-form-header .link-container .approval-buttons {
  display: flex;
  gap: 10px;
}
.slider.metadata-form-slider .metadata-form-header .link-container .approval-buttons .reject-mq-button {
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  line-height: 1.5;
  min-height: 23px;
  padding: 3px 10px;
  max-height: 10px;
  border-width: 0px, 0px, 0px, 0px;
  border-style: solid;
  border-color: #596060;
  color: #596060;
}
.slider.metadata-form-slider .metadata-form-header .link-container .approval-buttons .approve-mq-button {
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  line-height: 1.5;
  min-height: 23px;
  padding: 3px 10px;
  max-height: 10px;
}
.slider.metadata-form-slider .metadata-form-header .link-container .push-button {
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  line-height: 1.5;
  min-height: 23px;
  padding: 3px 10px;
  max-height: 10px;
}
.slider.metadata-form-slider .metadata-form-header .link-container .cpp-icon.cpp-opaque,
.slider.metadata-form-slider .metadata-form-header .link-container .push-button:disabled {
  cursor: not-allowed;
}
.slider.metadata-form-slider .metadata-form-header .link-container .reject-mq-button:disabled {
  cursor: not-allowed;
}
.slider.metadata-form-slider .metadata-form-header .link-container .approve-mq-button:disabled {
  cursor: not-allowed;
}
.slider.metadata-form-slider .metadata-form-header .link-container .link {
  font-size: 11px;
  font-weight: 400;
  color: #355578;
  display: inherit;
  gap: 3px;
  align-items: center;
  cursor: pointer;
}
.slider.metadata-form-slider .metadata-form-header .link-container .link > svg.cpp-icon-presentation {
  width: 17px;
  height: 17px;
}
.slider.metadata-form-slider .metadata-form-header .link-container > span.cpp-icon {
  margin: 0px;
  display: flex;
  align-items: center;
}
.slider.metadata-form-slider .metadata-form-header .slideout-status-field .cpp-ui.cpp-ui-form-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.slider.metadata-form-slider .metadata-form-header .slideout-status-field .input-group .rbt.reference-search {
  max-width: 120px;
}
.slider.metadata-form-slider .metadata-form-header .slideout-status-field .input-group .rbt.reference-search .rbt-input-multi.form-control.rbt-input {
  max-height: 25px;
  display: flex;
  align-items: center;
}
.slider.metadata-form-slider .metadata-form-header .slideout-status-field .input-group .rbt.reference-search .rbt-input-multi.form-control.rbt-input .rbt-input-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0px;
  margin-bottom: 0px;
  caret-color: transparent;
}
.slider.metadata-form-slider .metadata-form-header .slideout-status-field .input-group .rbt.reference-search .rbt-input-multi.form-control.rbt-input .rbt-input-wrapper .pill > div:first-child {
  font-size: 20px;
  font-weight: 600;
}
.slider.metadata-form-slider .metadata-form-header .slideout-status-field .input-group .rbt.reference-search .rbt-input-multi.form-control.rbt-input .pill {
  align-self: center;
  background-color: transparent;
  font-weight: 600;
  color: gold;
}
.slider.metadata-form-slider .metadata-form-header .slideout-status-field .input-group .rbt.reference-search .rbt-input-multi.form-control.rbt-input .down-arrow {
  margin-left: 25px;
}
.slider.metadata-form-slider .metadata-form-header .slideout-status-field .input-group .rbt.reference-search .rbt-menu.dropdown-menu.show {
  max-width: 120px;
}
.slider.metadata-form-slider .metadata-form-header .slideout-status-field .dropdown .dropdown-btn {
  margin-left: 10px;
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/StatusField/statusField.scss ***!
  \*******************************************************************************************************************************************************************************/
.status-field .dropdown .dropdown-btn {
  max-height: 25px;
  background-color: white;
  color: #00a76d;
  display: flex;
  align-items: center;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
  padding: 3px 10px;
}
.status-field .dropdown .dropdown-btn svg {
  margin-left: 7px;
}
.status-field .dropdown .dropdown-btn[disabled] {
  cursor: default;
}
.status-field .dropdown .dropdown-btn[disabled] svg {
  display: none;
}
.status-field .dropdown .dropdown-categories {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/ItemActions/itemActions.scss ***!
  \*******************************************************************************************************************************************************************************/
.item-actions .three-dots {
  display: flex;
  width: 20px;
  height: 20px;
  margin: auto;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  border: 1px solid transparent;
}
.item-actions .three-dots svg {
  margin: auto;
  overflow: hidden;
  vertical-align: middle;
}
.item-actions .three-dots:hover {
  background-color: #ddd;
  border: 1px solid #ddd;
  border-radius: 4px;
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/Contextualize/contextualizeModal.scss ***!
  \****************************************************************************************************************************************************************************************/
#contextualizeModal-containter {
  height: 55%;
  max-width: 500px;
}
#contextualizeModal-containter .cpp-ui-modal-body {
  border-top: 1px solid #c3c3c3;
}
#contextualizeModal-containter .cpp-ui-modal-body .modal-container {
  height: 95%;
}
#contextualizeModal-containter .cpp-ui-modal-body .modal-container:first-child {
  margin-top: 15px;
}
#contextualizeModal-containter .cpp-ui-modal-body .modal-container .select-contextualization-type {
  margin-bottom: 10px;
  font-size: 11px;
}
#contextualizeModal-containter .cpp-ui-modal-body .modal-container .contextualize-option {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  font-weight: 500;
  color: #535353;
  border: 0.5px solid #e8e8e8;
  margin-bottom: 15px;
  box-shadow: 0px 1px 2px 0px #bfbfbf40;
  border-radius: 6px;
  padding: 5px;
  cursor: pointer;
  max-width: 500px;
  min-height: 75px;
  min-width: 175px;
}
#contextualizeModal-containter .cpp-ui-modal-body .modal-container .contextualize-option .context-description {
  font-size: 11px;
  font-weight: 100;
}
#contextualizeModal-containter .cpp-ui-modal-body .modal-container .contextualize-option svg {
  margin-top: 10%;
}
#contextualizeModal-containter .cpp-ui-modal-body .modal-container .contextualize-option a {
  font-size: 12px;
  color: #0052d6;
}
#contextualizeModal-containter .cpp-ui-modal-body .modal-container .contextualize-option .card-details {
  line-height: 16px;
}
#contextualizeModal-containter .cpp-ui-modal-body .modal-container .contextualize-option .card-details .value {
  font-weight: 500;
}
#contextualizeModal-containter .cpp-ui-modal-body .modal-container .contextualize-option.highlighted {
  background-color: #dfeafd;
  border: 0.5px solid #91bbff;
}
#contextualizeModal-containter .cpp-ui-modal-body .modal-container .contextualize-option.disabled {
  cursor: not-allowed;
  background-color: #f2f2f2;
  color: #9b9b9b;
}
#contextualizeModal-containter .cpp-ui-modal-body .modal-container .branch-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: -10px 30px 10px 30px;
  font-size: 11px;
  font-weight: 400;
}
#contextualizeModal-containter .cpp-ui-modal-body .modal-container .branch-container .typeahead {
  max-width: 300px;
}
#contextualizeModal-containter .cpp-ui-modal-body .modal-container .branch-container .typeahead input {
  font-size: 11px;
  font-weight: 400;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/ConfigureWorkflowField/contentBusinessCaseModal.scss ***!
  \*******************************************************************************************************************************************************************************************************/
#contentBusinessCaseModal .content-business-case-modal-nav {
  margin-bottom: 16px;
}
#contentBusinessCaseModal .content-business-case-modal-nav .modal-page-nav > div:first-child {
  grid-template-columns: repeat(2, 1fr);
  max-width: 280px;
}
#contentBusinessCaseModal .content-business-case-modal-nav .modal-page-nav > div:first-child > div > div > span:not(.vpn-page) {
  margin-top: 10px;
}
#contentBusinessCaseModal .content-business-case-modal-nav .modal-page-nav > div:first-child > div > div > span.vpn-page {
  height: 20px;
  width: 20px;
}
#contentBusinessCaseModal .content-business-case-modal-estimated-dpv {
  min-height: 220px;
  padding: 8px 0;
}
#contentBusinessCaseModal .content-business-case-modal-section-title {
  font-size: 16px;
  font-weight: 400;
  color: #005c81;
  margin-bottom: 8px;
}
#contentBusinessCaseModal .content-business-case-modal-configure-header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 400;
  color: #005c81;
}
/*!************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/ModalNav/modalNav.scss ***!
  \************************************************************************************************************************************************************/
.modal-with-nav {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 30px;
}
.modal-with-nav > div:last-child {
  flex-grow: 1;
  height: 100%;
  overflow: auto;
}
.modal-with-nav > div:last-child::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}

.modal-page-nav {
  display: flex;
  justify-content: space-between;
}
.modal-page-nav > div {
  margin-right: 10px;
}
.modal-page-nav > div:first-child {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  flex-grow: 1;
  max-width: 400px;
  padding-bottom: 20px;
}
.modal-page-nav > div:first-child > div {
  color: #d9d9d9;
}
.modal-page-nav > div:first-child > div:first-child > div:first-child > span:first-child, .modal-page-nav > div:first-child > div:last-child > div:first-child > span:last-child {
  visibility: hidden;
}
.modal-page-nav > div:first-child > div .vpn-page:hover, .modal-page-nav > div:first-child > div.active .vpn-page {
  background: #002856;
  color: #005c81;
}
.modal-page-nav > div:first-child > div .vpn-page:hover svg path, .modal-page-nav > div:first-child > div.active .vpn-page svg path {
  fill: #ffffff;
}
.modal-page-nav > div:first-child > div:not(.active) .vpn-page {
  cursor: pointer;
}
.modal-page-nav > div:first-child > div:not(.active) .vpn-page:not(:hover) svg path {
  fill: #717171;
}
.modal-page-nav > div:first-child > div > div {
  display: flex;
  justify-content: space-evenly;
}
.modal-page-nav > div:first-child > div > div > span {
  height: 2px;
  background: #d9d9d9;
  flex-grow: 1;
  margin-top: 14px;
}
.modal-page-nav > div:first-child > div > div > span.vpn-page {
  position: relative;
  margin-top: 0;
  height: 30px;
  width: 30px;
  flex-grow: 0;
  border-radius: 100%;
  display: flex;
}
.modal-page-nav > div:first-child > div > div > span.vpn-page svg {
  margin: auto;
}
.modal-page-nav > div:first-child > div > div > span.vpn-page > span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  white-space: nowrap;
  display: block;
  width: auto;
}
.modal-page-nav > div:last-child .cpp-ui-icon.cpp-icon-sort {
  transform: rotate(270deg);
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/Approvals/approvalsMenu.scss ***!
  \*******************************************************************************************************************************************************************************/
.approvals {
  display: flex;
  gap: 10px;
  align-items: baseline;
}
.approvals .approvals-menu {
  display: flex;
  flex-direction: column !important;
  align-items: flex-end;
}
.approvals .approvals-menu .approval {
  display: flex;
  align-self: baseline;
}
.approvals .approvals-menu .approval .approval-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
}
.approvals .approvals-menu .approval .approval-container .node {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.25px;
  height: 11.25px;
  border-radius: 50%;
}
.approvals .approvals-menu .approval .approval-container .node.pending {
  width: 11.25px;
  height: 11.25px;
  background-color: #d9d9d9;
}
.approvals .approvals-menu .approval .approval-container .line {
  width: 1px;
  height: 26px;
  background-color: #d9d9d9;
  position: relative;
  z-index: 0;
}
.approvals .approvals-menu .approval .text-container {
  display: flex;
  flex-direction: column;
}
.approvals .approvals-menu .approval .text-container .role {
  display: flex;
  font-size: 11px;
  font-weight: 500;
  color: #434848;
  gap: 5px;
}
.approvals .approvals-menu .approval .text-container .role svg {
  width: 10px;
  height: 10px;
}
.approvals .approvals-menu .approval .text-container .role svg path {
  fill: #0052d6;
}
.approvals .approvals-menu .approval .text-container .description {
  font-size: 8px;
  font-weight: 400;
  color: #9b9b9b;
}
.approvals .approval-dd-title {
  color: #6f7878;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MetadataForm/ValidationAlert/validationAlert.scss ***!
  \***************************************************************************************************************************************************************************************/
.cpp-ui.metadata-validation-alert.alert-warning .cpp-alert-content > b:first-child {
  display: none;
}
.cpp-ui.metadata-validation-alert.alert-warning .text-warning {
  color: #e69600 !important;
}
.cpp-ui.metadata-validation-alert .cpp-alert-content {
  font-size: 12px;
  color: #000;
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/CommentForm/commentForm.scss ***!
  \******************************************************************************************************************************************************************/
.comment-icon {
  cursor: pointer;
  position: absolute;
  left: -35px;
  top: 25px;
  z-index: 999;
  padding: 4px 2px 3px 5px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: solid 1px transparent;
  border-left: solid 1px transparent;
  border-bottom: solid 1px transparent;
}
.comment-icon.active {
  background-color: #d9ecf2;
  border-top: solid 1px #009ad7;
  border-left: solid 1px #009ad7;
  border-bottom: solid 1px #009ad7;
}

.comment-container textarea {
  resize: none;
}
.comment-container .mentionWrapper {
  font-size: 0.9rem;
  margin: 0px 10px 5px 10px;
  border: 1px solid #9a9a9a;
  background-color: white;
  border-radius: 5px;
  width: 270px;
}
.comment-container .mentionWrapper.reply {
  width: 250px;
}
.comment-container .mentionWrapper.edit {
  width: 250px;
}
.comment-container .mentionWrapper .mentionWrapper__control .mentionWrapper__highlighter {
  padding: 0px 2px;
  max-height: 200px;
}
.comment-container .mentionWrapper .mentionWrapper__control .mentionWrapper__input {
  padding: 1px 10px 2px 10px;
  outline: 0;
  border: 0;
  resize: none;
  outline: none;
  font-size: 0.875rem !important;
  overflow: hidden;
  max-height: 200px;
  min-height: 25px;
  overflow-y: auto !important;
}
.comment-container .mentionWrapper .mentionWrapper__control .mentionWrapper__input::-webkit-scrollbar {
  max-width: 4px;
}
.comment-container .mentionWrapper__suggestions {
  padding: 5px 0px 5px 0px;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}
.comment-container .mentionWrapper__suggestions .mentionWrapper__suggestions__list .avatar-children {
  color: white;
}
.comment-container .mentionWrapper__suggestions .mentionWrapper__suggestions__list .mention-suggestion {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 5px 2px 5px;
}
.comment-container .mentionWrapper__suggestions .mentionWrapper__suggestions__list .name-container {
  display: flex;
  flex-direction: column;
  margin-left: 5px;
}
.comment-container .mentionWrapper__suggestions .mentionWrapper__suggestions__list .name-container .name {
  font-size: 14px;
}
.comment-container .mentionWrapper__suggestions .mentionWrapper__suggestions__list .name-container .email {
  font-size: 10px;
}
.comment-container .mentionWrapper__suggestions .mentionWrapper__suggestions__list .mentionWrapper__suggestions__item.mentionWrapper__suggestions__item--focused {
  background-color: lightgray;
}
.comment-container .comment-form {
  width: 300px;
  background-color: white;
  position: relative;
  height: 100%;
}
.comment-container .comment-form .header-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 10px;
}
.comment-container .comment-form .header-row .header {
  font-size: 18px;
  font-weight: 400;
  margin-left: 20px;
}
.comment-container .comment-form .header-row .close-comments {
  cursor: pointer;
  margin-right: 5px;
}
.comment-container .comment-form .comment-input {
  display: flex;
  flex-direction: column;
}
.comment-container .comment-form .comment-input .form-control-sm {
  margin: 0px 10px 0px 10px;
  border: 1px solid #9a9a9a;
  width: 270px;
}
.comment-container .comment-form .comment-input .buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 5px;
}
.comment-container .comment-form .comment-input .buttons button + button {
  margin-left: 5px;
}
.comment-container .comment-form .comment-list {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.comment-container .comment-form .comment-list > div:last-child {
  margin-bottom: 50px;
}
.comment-container .comment-form .comment-list::-webkit-scrollbar {
  width: 5px;
}
.comment-container .comment-form .comment-list .comment-card {
  position: relative;
  width: 280px;
  background-color: #f8faff;
  border-radius: 4px;
}
.comment-container .comment-form .comment-list .comment-card.group {
  margin-top: 15px;
  border: 0.5px solid #eeeeee;
  box-shadow: 0px 1px 2px 0px #93939340;
}
.comment-container .comment-form .comment-list .comment-card.deleting {
  background-color: gray;
}
.comment-container .comment-form .comment-list .comment-card .cpp-loader-overlay-opaque {
  opacity: 0.75;
  background-color: #000000;
}
.comment-container .comment-form .comment-list .comment-card .delete-popup {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.comment-container .comment-form .comment-list .comment-card .delete-popup .delete-confirmation {
  color: white;
  font-weight: bold;
  white-space: nowrap;
}
.comment-container .comment-form .comment-list .comment-card .delete-popup .buttons {
  display: flex;
}
.comment-container .comment-form .comment-list .comment-card .delete-popup .buttons button + button {
  margin-left: 5px;
}
.comment-container .comment-form .comment-list .comment-card .comment-card-header {
  display: flex;
  justify-content: space-between;
  padding: 0.25rem 0.5rem;
}
.comment-container .comment-form .comment-list .comment-card .comment-card-header .author-signature {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.comment-container .comment-form .comment-list .comment-card .comment-card-header .author-signature .avatar-children {
  color: white;
}
.comment-container .comment-form .comment-list .comment-card .comment-card-header .author-signature .author-details {
  display: flex;
  flex-direction: column;
  margin-left: 5px;
}
.comment-container .comment-form .comment-list .comment-card .comment-card-header .commenter {
  color: #5b6670;
  font-size: 10px;
}
.comment-container .comment-form .comment-list .comment-card .comment-card-header .date {
  display: flex;
  font-size: 8px;
  color: #9a9a9a;
}
.comment-container .comment-form .comment-list .comment-card .comment-card-header .date .edited {
  color: #91bbff;
  margin-left: 5px;
}
.comment-container .comment-form .comment-list .comment-card .comment-card-header .card-icon-container {
  display: flex;
  align-items: center;
}
.comment-container .comment-form .comment-list .comment-card .comment-card-header .card-icon-container .comment-check {
  margin-right: 5px;
  cursor: pointer;
}
.comment-container .comment-form .comment-list .comment-card .comment-card-header .card-icon-container .comment-checked {
  margin-right: 5px;
}
.comment-container .comment-form .comment-list .comment-card .message {
  font-size: 11px;
  color: #3a3a3a;
  padding: 5px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.comment-container .comment-form .comment-list .comment-card .message a {
  color: #0b57d0;
  cursor: pointer;
}
.comment-container .comment-form .comment-list .comment-card .message.group {
  border-bottom: 1px solid #ececec;
}
.comment-container .comment-form .comment-list .comment-card .reply-input {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.comment-container .comment-form .comment-list .comment-card .reply-input .form-control-sm {
  width: 250px;
  margin-bottom: 5px;
}
.comment-container .comment-form .comment-list .comment-card .reply-input .buttons {
  margin-bottom: 5px;
}
.comment-container .comment-form .comment-list .comment-card .reply-input .buttons button + button {
  margin-left: 5px;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/ContentMetricsForm/contentMetricsForm.scss ***!
  \********************************************************************************************************************************************************************************/
.content-metrics-icon {
  cursor: pointer;
  position: absolute;
  left: -36px;
  top: 59px;
  z-index: 999;
  padding: 1px 0px 2px 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: solid 1px transparent;
  border-left: solid 1px transparent;
  border-bottom: solid 1px transparent;
}
.content-metrics-icon.active {
  background-color: #d9ecf2;
  border-top: solid 1px #009ad7;
  border-left: solid 1px #009ad7;
  border-bottom: solid 1px #009ad7;
}

.content-metrics-container .content-metrics-form {
  width: 300px;
  height: 800px;
  color: #757575 !important;
  display: block;
  padding-left: 5px;
}
.content-metrics-container .content-metrics-form .header-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
}
.content-metrics-container .content-metrics-form .header-row .header {
  color: black !important;
  font-size: 18px;
  font-weight: 400;
  margin-left: 4px;
}
.content-metrics-container .content-metrics-form .header-row .close-content-metrics {
  cursor: pointer;
  margin-right: 5px;
}
.content-metrics-container .content-metrics-form .sub-header {
  padding-left: 8px;
}
.content-metrics-container .content-metrics-form .metadata-form {
  padding-right: 5px !important;
}
.content-metrics-container .content-metrics-form .content-metrics-table {
  padding: 5px;
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
  border-top: 1px solid #dcdcdc;
}
.content-metrics-container .content-metrics-form .content-metrics-table .table-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #757575;
  padding-bottom: 4px;
  font-size: 11px;
}
.content-metrics-container .content-metrics-form .content-metrics-table .table-title svg {
  transform: scale(0.7);
}
.content-metrics-container .content-metrics-form .content-metrics-table .table-title .title {
  font-size: 16px;
  font-weight: 450;
  color: #3a3a3a;
}
.content-metrics-container .content-metrics-form .content-metrics-table .table-title .value-nlu {
  width: 67px;
}
.content-metrics-container .content-metrics-form .content-metrics-table .table-title .value-overall {
  padding-left: 80px;
}
.content-metrics-container .content-metrics-form .content-metrics-table .row-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px 6px 2px 6px;
  border-radius: 2px;
  font-size: 11px;
}
.content-metrics-container .content-metrics-form .content-metrics-table .row-container svg {
  transform: scale(0.7);
}
.content-metrics-container .content-metrics-form .content-metrics-table .row-container .field {
  width: 192px;
}
.content-metrics-container .content-metrics-form .content-metrics-table .row-container .value-overall {
  display: flex;
  width: 98px;
  padding-right: 30px;
  justify-content: flex-end;
  min-width: fit-content;
}
.content-metrics-container .content-metrics-form .content-metrics-table .row-container .value-nlu {
  display: flex;
  justify-content: flex-end;
  width: 98px;
  min-width: fit-content;
}
.content-metrics-container .content-metrics-form .content-metrics-table .row-container:nth-child(even) {
  background-color: #f2f2f2;
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/BackTagForm/backTagForm.scss ***!
  \******************************************************************************************************************************************************************/
.backtag-icon {
  cursor: pointer;
  position: absolute;
  left: -37px;
  top: 100px;
  z-index: 999;
  padding: 4px 0px 3px 5px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: solid 1px transparent;
  border-left: solid 1px transparent;
  border-bottom: solid 1px transparent;
}
.backtag-icon.active {
  background-color: #d9ecf2;
  border-top: solid 1px #009ad7;
  border-left: solid 1px #009ad7;
  border-bottom: solid 1px #009ad7;
}
.backtag-icon.elevated {
  top: 59px;
}

.backtag-container .backtag-form {
  width: 450px;
  background-color: white;
  position: relative;
  height: 100%;
}
.backtag-container .backtag-form .header-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 10px;
}
.backtag-container .backtag-form .header-row .header {
  font-size: 18px;
  font-weight: 400;
  margin-left: 20px;
}
.backtag-container .backtag-form .header-row .close-backtag {
  cursor: pointer;
  margin-right: 5px;
}
.backtag-container .backtag-form .backtag-fields {
  padding: 0px 10px 0px 10px;
}
.backtag-container .backtag-form .backtag-fields .metadata-form {
  padding-right: 0px !important;
}
.backtag-container .backtag-form .close-backtagform {
  cursor: pointer;
  margin-right: 5px;
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/SchemaModal/schemaModal.scss ***!
  \******************************************************************************************************************************************************************/
#schemaModal.cpp-ui.cpp-ui-modal .cpp-ui-modal-container {
  min-width: 70%;
  min-height: 75%;
}
#schemaModal.cpp-ui.cpp-ui-modal .cpp-ui-modal-container .cpp-ui-modal-body {
  overflow: hidden;
}

@media only screen and (max-width: 1200px) {
  #schemaModal .cpp-ui-modal-container {
    width: 90%;
  }
}
@media only screen and (max-height: 900px) {
  #schemaModal .cpp-ui-modal-container {
    height: 90%;
  }
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/AuditData/auditData.scss ***!
  \**************************************************************************************************************************************************************/
.audit-data {
  font-size: smaller;
}
.audit-data .audit-data-group {
  color: #757575;
  padding-top: 5px;
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/SchemaModal/PageFields/pageFields.scss ***!
  \****************************************************************************************************************************************************************************/
#schemaModal #manageFields,
#schemaModal #schemaFields {
  height: 100%;
}
#schemaModal #manageFields .scrollable,
#schemaModal #schemaFields .scrollable {
  overflow-x: hidden;
}
#schemaModal #manageFields .field-col,
#schemaModal #schemaFields .field-col {
  font-size: 13px;
  cursor: pointer;
}
#schemaModal #manageFields div.add-more,
#schemaModal #schemaFields div.add-more {
  border-left: 1px solid #c3c3c3;
}
#schemaModal #manageFields div.add-more > span,
#schemaModal #schemaFields div.add-more > span {
  font-size: 12px;
  font-weight: 600;
  text-indent: 5px;
  display: flex;
  align-items: center;
  height: 16px;
  margin: 0;
  margin-left: 5px;
}
#schemaModal #manageFields > div.modal-group,
#schemaModal #schemaFields > div.modal-group {
  height: 100%;
}
#schemaModal #manageFields > div.modal-group > div:last-child,
#schemaModal #schemaFields > div.modal-group > div:last-child {
  gap: 0px;
  padding: 0px;
  height: calc(100% - 36px);
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div .three-dots,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div .three-dots {
  visibility: hidden;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div:hover .three-dots,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div:hover .three-dots {
  visibility: visible;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div:not(.selected-field) .tree-card-container > .card,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div:not(.selected-field) .tree-card-container > .card {
  display: flex;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div:not(.selected-field) > .tree-card-container > .card div.field-form,
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container > div:not(.selected-field) > .card div.field-form, #schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div:not(.selected-field) > .card div.field-form,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div:not(.selected-field) > .tree-card-container > .card div.field-form,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container > div:not(.selected-field) > .card div.field-form,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div:not(.selected-field) > .card div.field-form {
  display: none;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div.selected-field:last-child,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div.selected-field:last-child {
  margin-bottom: 45px;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div.selected-field > .tree-card-container > .card,
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container > div.selected-field > .card,
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container.group-card > div.selected-field > .tree-card-container > .card,
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container.group-card .tree-card-container > div.selected-field > .card, #schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div.selected-field > .card,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div.selected-field > .tree-card-container > .card,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container > div.selected-field > .card,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container.group-card > div.selected-field > .tree-card-container > .card,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container.group-card .tree-card-container > div.selected-field > .card,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div.selected-field > .card {
  grid-template-columns: none;
  background-color: #f6faff;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div.selected-field > .tree-card-container > .card > div.field-col,
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container > div.selected-field > .card > div.field-col,
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container.group-card > div.selected-field > .tree-card-container > .card > div.field-col,
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container.group-card .tree-card-container > div.selected-field > .card > div.field-col, #schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div.selected-field > .card > div.field-col,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div.selected-field > .tree-card-container > .card > div.field-col,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container > div.selected-field > .card > div.field-col,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container.group-card > div.selected-field > .tree-card-container > .card > div.field-col,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container.group-card .tree-card-container > div.selected-field > .card > div.field-col,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div.selected-field > .card > div.field-col {
  display: none;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div.selected-field > .tree-card-container > .card .field-card-dots,
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container > div.selected-field > .card .field-card-dots,
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container.group-card > div.selected-field > .tree-card-container > .card .field-card-dots,
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container.group-card .tree-card-container > div.selected-field > .card .field-card-dots, #schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div.selected-field > .card .field-card-dots,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div.selected-field > .tree-card-container > .card .field-card-dots,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container > div.selected-field > .card .field-card-dots,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container.group-card > div.selected-field > .tree-card-container > .card .field-card-dots,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div > .tree-card-container.group-card .tree-card-container > div.selected-field > .card .field-card-dots,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div.selected-field > .card .field-card-dots {
  position: absolute;
  right: 10px;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div.disabled-field .card,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div.disabled-field .card {
  background-color: #f5f5f5 !important;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div.error-field .card,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div.error-field .card {
  border-color: #ff0000;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div.tree-child .card,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div.tree-child .card {
  background-color: #e5e9ff !important;
  min-width: max-content;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child > div > div.card,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child > div > div.card {
  min-height: 36px;
  position: relative;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:last-child .field-error,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:last-child .field-error {
  color: #dc3545 !important;
  font-size: 80%;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:first-child > div > div:first-child,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:first-child > div > div:first-child {
  padding-bottom: 0px;
  padding-top: 0px;
  font-size: 11px;
  font-weight: 500;
  color: #5b5b5b;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div:first-child > div > div:last-child,
#schemaModal #schemaFields > div.modal-group > div:last-child > div:first-child > div > div:last-child {
  width: 40px;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div > div,
#schemaModal #schemaFields > div.modal-group > div:last-child > div > div {
  display: flex;
  align-items: center;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div > div .tree-card-container,
#schemaModal #schemaFields > div.modal-group > div:last-child > div > div .tree-card-container {
  flex-grow: 1;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div > div .tree-card-container.group-card > .card,
#schemaModal #schemaFields > div.modal-group > div:last-child > div > div .tree-card-container.group-card > .card {
  cursor: pointer;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div > div .tree-card-container .card,
#schemaModal #schemaFields > div.modal-group > div:last-child > div > div .tree-card-container .card {
  background-clip: unset;
  border: unset;
  border-radius: unset;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div > div .tree-card-container .card .field-col,
#schemaModal #schemaFields > div.modal-group > div:last-child > div > div .tree-card-container .card .field-col {
  display: flex;
  align-items: center;
  gap: 8px;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div > div .tree-card-container .card .field-col .field-group-icon,
#schemaModal #schemaFields > div.modal-group > div:last-child > div > div .tree-card-container .card .field-col .field-group-icon {
  display: flex;
  align-items: center;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div > div .tree-card-container .card .field-col .field-group-icon svg,
#schemaModal #schemaFields > div.modal-group > div:last-child > div > div .tree-card-container .card .field-col .field-group-icon svg {
  width: 12px;
  height: 12px;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div > div .tree-card-container > div:first-child,
#schemaModal #schemaFields > div.modal-group > div:last-child > div > div .tree-card-container > div:first-child {
  flex-direction: row;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div > div .tree-card-container > div:first-child > div:not(:last-child),
#schemaModal #schemaFields > div.modal-group > div:last-child > div > div .tree-card-container > div:first-child > div:not(:last-child) {
  flex-grow: 1;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div > div .tree-card-container > div:not(:first-child),
#schemaModal #schemaFields > div.modal-group > div:last-child > div > div .tree-card-container > div:not(:first-child) {
  border-top: 1px solid #e8e8e8;
  border-left: 5px solid #e8e8e8;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div > div .tree-card-container div.card,
#schemaModal #manageFields > div.modal-group > div:last-child > div > div > div:first-child:not(.tree-card-container),
#schemaModal #schemaFields > div.modal-group > div:last-child > div > div .tree-card-container div.card,
#schemaModal #schemaFields > div.modal-group > div:last-child > div > div > div:first-child:not(.tree-card-container) {
  flex-grow: 1;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 0fr;
  padding: 8px 6px 6px 6px;
}
#schemaModal #manageFields > div.modal-group > div:last-child > div > div > div:last-child,
#schemaModal #schemaFields > div.modal-group > div:last-child > div > div > div:last-child {
  width: 20px;
  flex-shrink: 0;
}
#schemaModal .field-actions-menu-container {
  font-size: 12px;
}
#schemaModal .field-actions-menu-container .dd-dropdown ul.dd-list li {
  padding: 2px;
}
#schemaModal .field-actions-menu-container .three-dots {
  display: flex;
  width: 20px;
  height: 20px;
  margin-left: 2px;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  border: 1px solid transparent;
}
#schemaModal .field-actions-menu-container .three-dots svg {
  margin: auto;
  overflow: hidden;
  vertical-align: middle;
}
#schemaModal .field-actions-menu-container .three-dots:hover {
  background-color: #ddd;
  border: 1px solid #ddd;
  border-radius: 4px;
}
#schemaModal .move-modal-wrapper #moveModal {
  visibility: visible;
}
#schemaModal .move-modal-wrapper #moveModal-containter {
  height: 45% !important;
  min-height: 45% !important;
  width: 30% !important;
  min-width: 50% !important;
}
#schemaModal .move-modal-wrapper .move-radio-group {
  padding-bottom: 15px;
}
#schemaModal .move-modal-wrapper .move-header {
  padding-bottom: 8px;
}
#schemaModal #confirmModal {
  visibility: visible;
}
#schemaModal #confirmModal .cpp-ui-modal-container {
  min-height: 25% !important;
  width: 30% !important;
  min-width: 50% !important;
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/SchemaModal/FieldCard/fieldCard.scss ***!
  \**************************************************************************************************************************************************************************/
@media only screen and (max-width: 800px) {
  #schemaModal .cpp-ui-modal-container .field-form > div:not(:last-child):not(.schema-field-description) {
    flex: 0 0 50%;
  }
}
#schemaModal .field-form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0px;
  row-gap: 10px;
}
#schemaModal .field-form .schema-field-description .tiptap {
  max-height: 230px;
}
#schemaModal .field-form > div {
  flex: 0 0 33.333%;
  padding: 0 10px;
}
#schemaModal .field-form > div.schema-field-description {
  flex: 0 0 66.666%;
}
#schemaModal .field-form .field-type-option {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
#schemaModal .field-form .field-type-option svg {
  width: 25px;
  flex: 0 0 25px;
}
#schemaModal .field-form .field-without-label .cpp-ui-form-group-label {
  height: 20px;
}
#schemaModal .field-form .field-togglers {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#schemaModal .field-form .togglers-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
#schemaModal .field-form .field-require {
  display: flex;
  align-items: center;
}
#schemaModal .field-form .cpp-ui.cpp-ui-form-group.name .cpp-ui-form-group-label .icon-bar {
  width: 100%;
  display: flex;
}
#schemaModal .field-form .cpp-ui.cpp-ui-form-group.name .cpp-ui-form-group-label .icon-bar span {
  margin-top: -2px;
}
#schemaModal .field-form .cpp-ui.cpp-ui-form-group.schema-field-description .cpp-ui-form-group-label .icon-bar {
  width: 100%;
  display: flex;
}
#schemaModal .field-form .cpp-ui.cpp-ui-form-group.schema-field-description .cpp-ui-form-group-label .icon-bar span {
  margin-top: -2px;
}
#schemaModal .field-form .cpp-ui-form-group-label {
  justify-content: flex-start;
}
#schemaModal .field-form .cpp-ui-form-group-label .field-icon-bar {
  display: flex;
  justify-content: space-between;
  width: 150px;
}
#schemaModal .field-form .cpp-ui-form-group-label .field-icon-bar svg {
  cursor: pointer;
}
#schemaModal .field-col .edited {
  margin-left: 5px;
  color: #91bbff;
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/SchemaModal/PageManage/pageManage.scss ***!
  \****************************************************************************************************************************************************************************/
#schemaModal #manageFields {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#schemaModal #manageFields > div.modal-group {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#schemaModal #manageFields > div.modal-group p {
  color: #5b5b5b;
  font-size: 10px;
  font-weight: 400;
}
#schemaModal #manageFields > div.modal-group > div:last-child {
  height: calc(100% - 51px);
}
#schemaModal #manageFields .item-type-tabs {
  flex-grow: 0;
  padding: 0px !important;
  height: auto;
  flex: auto;
}
#schemaModal #manageFields .item-type-tabs > nav {
  background-color: #e9f3ff;
}
#schemaModal #manageFields .item-type-tabs > nav span {
  font-size: 14px;
  font-weight: 400;
}
#schemaModal #manageFields .scrollable {
  flex-grow: 1;
  height: 100%;
}
/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Nav/nav.scss ***!
  \**************************************************************************************************************************************************/
.cp-nav {
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 240px;
  max-width: 600px;
  border-right: #e9e9e9 1px solid;
  box-shadow: -8px 2px 22px -7px rgba(0, 0, 0, 0.25);
  border-radius: 10px 0px 0px 10px;
  z-index: 3;
  background-color: #f4f4f4;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cp-nav.cpp-nav-home-ws .ws-dropdown-link-container:not(.closed) {
  background-color: #d0e2ff;
}
.cp-nav .ws-dropdown-link-container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: -10px -17px 0px -10px;
  padding: 10px 0px 7px 10px;
  background-color: #ffe2b7;
  box-shadow: 0px 1px 2px 0px #7e7e7e40;
}
.cp-nav .ws-dropdown-link-container.closed {
  box-shadow: none;
  background-color: transparent;
}
.cp-nav .ws-dropdown-link-container .ws-dropdown {
  display: flex;
  flex-direction: row;
}
.cp-nav .ws-dropdown-link-container .ws-dropdown .arrow {
  position: relative;
  right: 14px;
  width: 0;
}
.cp-nav .ws-dropdown-link-container .workspace-info-link {
  padding: 2px 0px 0px 24px;
  font-size: 11px;
  font-weight: 500;
  color: #0052d6;
  cursor: pointer;
}
.cp-nav .workspace-info-link-modal {
  padding: 0px 0px 7px 0px;
  font-size: 14px;
  font-weight: 500;
  color: #0052d6;
  cursor: pointer;
}
.cp-nav .workspace-info-description {
  max-height: fit-content;
}
.cp-nav .cp-nav-collapsible button[disabled] {
  cursor: not-allowed;
}
.cp-nav > div > button.cpp-ui.cpp-ui-button-type-primary {
  width: 100%;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 5px;
}
.cp-nav.cp-nav-collapsed {
  gap: 10px;
  width: 0px;
  min-width: 0px;
  max-width: 0px;
  padding: 5px;
}
.cp-nav.cp-nav-collapsed .cp-nav-collapsible {
  display: none;
}
.cp-nav.cp-nav-collapsed > div.nav-search > div.dropbox.dropbox-show > div:first-child .cpp-ui-icon path {
  fill: #0042ab;
}
.cp-nav.cp-nav-collapsed > div.nav-search > div.dropbox .workspace-search {
  margin-top: 10px;
}
.cp-nav.cp-nav-collapsed > div.nav-search > div.dropbox > div:first-child {
  height: 30px;
  display: flex;
  flex-direction: column;
}
.cp-nav.cp-nav-collapsed > div.nav-search > div.dropbox > div:first-child .cpp-ui-icon {
  margin: auto;
}
.cp-nav .ws-dropdown-link-container .ws-dropdown:first-child > div.dropbox {
  flex-grow: 1;
  width: calc(100% - 5px);
}
.cp-nav .ws-dropdown-link-container .ws-dropdown:first-child > div.dropbox > div:last-child {
  width: 230px;
}
.cp-nav .ws-dropdown-link-container .ws-dropdown:first-child > div.dropbox > div:last-child > div {
  color: #757575;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.cp-nav .ws-dropdown-link-container .ws-dropdown:first-child > div.dropbox > div:last-child > div > div {
  cursor: pointer;
}
.cp-nav .ws-dropdown-link-container .ws-dropdown:first-child > div.dropbox > div:last-child > div > div.selected-ws, .cp-nav .ws-dropdown-link-container .ws-dropdown:first-child > div.dropbox > div:last-child > div > div:hover {
  color: #002856;
}
.cp-nav .ws-dropdown-link-container .ws-dropdown:first-child > div.dropbox > div:first-child {
  display: flex;
  gap: 4px;
  width: 100%;
  line-height: 27px;
}
.cp-nav .ws-dropdown-link-container .ws-dropdown:first-child > div.dropbox > div:first-child > span:last-child {
  padding-right: 20px;
}
.cp-nav .ws-dropdown-link-container .ws-dropdown:first-child > div.dropbox > div:first-child .workspace-name {
  font-weight: 700;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  width: 180px;
}
.cp-nav .ws-dropdown-link-container .ws-dropdown:first-child > div:last-child {
  z-index: 1;
}
.cp-nav:not(.cp-nav-collapsed) > div.nav-search > div.dropbox > div:first-child .cpp-ui-icon {
  display: none;
}
.cp-nav:not(.cp-nav-collapsed) > div.nav-search > div.dropbox > div:last-child .input-group {
  display: none;
}
.cp-nav > div.nav-search {
  display: none;
}
.cp-nav > div.nav-search .input-group-text {
  background-color: #ffffff;
}
.cp-nav > div.nav-search > div.dropbox > div:last-child {
  width: 230px;
}
.cp-nav > div.nav-search ul {
  padding: 0px;
}
.cp-nav > div.nav-search ul li {
  padding: 5px 0px;
}
.cp-nav .cp-ws-container {
  max-height: 85vh;
  overflow-y: auto;
}
.cp-nav .cp-ws-container::-webkit-scrollbar {
  width: 5px;
}
.cp-nav .inherited-list {
  margin-top: 10px;
}
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Nav/NavGroup/navGroup.scss ***!
  \****************************************************************************************************************************************************************/
.cp-nav div.nav-groups {
  flex-grow: 1;
  display: flex;
  gap: 15px;
  flex-direction: column;
}
.cp-nav div.nav-groups .nav-views {
  position: relative;
}
.cp-nav div.nav-groups > div.nav-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.cp-nav div.nav-groups > div.nav-group:not(.nav-group-collasped) > div:last-child {
  display: flex;
}
.cp-nav div.nav-groups > div.nav-group > div:first-child {
  display: flex;
  gap: 5px;
}
.cp-nav div.nav-groups > div.nav-group > div:first-child > span:not(:last-child) {
  cursor: pointer;
}
.cp-nav div.nav-groups > div.nav-group > div:first-child > span:nth-child(2) {
  flex-grow: 1;
  font-weight: 700;
  font-size: 14px;
}
.cp-nav div.nav-groups > div.nav-group > div:first-child > span:last-child {
  display: flex;
  align-items: center;
  height: 20px;
}
.cp-nav div.nav-groups > div.nav-group > div:first-child > span > .dropbox .dd-list li {
  padding: 5px 10px;
}
.cp-nav div.nav-groups > div.nav-group > div:first-child > span > .dropbox .dd-list li > div {
  display: flex;
  gap: 5px;
  line-height: 20px;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  display: none;
  flex-direction: column;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item {
  margin: 8px;
  position: relative;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item > :first-child {
  flex-grow: 1;
  cursor: pointer;
  font-size: 14px;
  line-height: 14px;
  width: 100%;
  font-weight: 500;
  color: #757575;
  display: flex;
  gap: 5px;
  align-items: baseline;
  line-height: 20px;
  text-decoration: none;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item > :first-child:link, .cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item > :first-child:visited, .cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item > :first-child:hover, .cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item > :first-child:active {
  color: #757575;
  text-decoration: none;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item > :first-child > span:first-child {
  flex-shrink: 0;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item > :first-child > span:first-child > :not(:first-child) {
  margin-left: 5px;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item > :first-child > span:nth-child(2) {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item.selected-ngi > :first-child, .cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item:hover > :first-child {
  color: #002856;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item.selected-ngi > :first-child > span:first-child .cpp-ui-icon path, .cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item:hover > :first-child > span:first-child .cpp-ui-icon path {
  fill: #002856;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item.show-ngi-menu > :first-child > span:last-child, .cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item.has-ngi-menu:hover > :first-child > span:last-child {
  visibility: hidden;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item:not(:hover):not(.show-ngi-menu) > div.nav-group-item-menu {
  display: none;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item > div.nav-group-item-menu {
  position: absolute;
  right: 0;
  top: 0;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item > div.nav-group-item-menu .dd-dropdown > div:first-child {
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item > div.nav-group-item-menu .dd-dropdown > div:first-child:hover {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item > div.nav-group-item-menu .dd-dropdown .dd-list > li > div {
  display: flex;
  align-items: center;
  padding: 0px 10px;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item > div.nav-group-item-menu .dd-dropdown .dd-list > li > div > span:first-child {
  width: 20px;
  flex-shrink: 0;
  display: flex;
}
.cp-nav div.nav-groups > div.nav-group > div:last-child div.nav-group-item > div.nav-group-item-menu .dd-dropdown .dd-list > li > div > span:last-child {
  flex-grow: 1;
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Resizer/resizer.scss ***!
  \**********************************************************************************************************************************************************/
.app-sidebar-resizer {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 6px;
  justify-self: flex-end;
  cursor: col-resize;
  resize: horizontal;
  background: transparent;
  width: 3px;
}

.app-sidebar-resizer:hover {
  width: 3px;
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/ViewModal/PageSetup/pageSetup.scss ***!
  \************************************************************************************************************************************************************************/
#viewModal .view-layouts {
  display: flex;
  gap: 25px;
}
#viewModal .view-layouts > div {
  display: flex;
  gap: 5px;
  flex-direction: column;
  justify-content: center;
  width: 80px;
  height: 65px;
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
}
#viewModal .view-layouts > div.disabled:not(.active) {
  opacity: 0.5;
}
#viewModal .view-layouts > div:not(.disabled):hover, #viewModal .view-layouts > div.active {
  background-color: #e8f0fc;
  border-color: #0052d6;
  box-shadow: 0px 0px 8px rgba(0, 82, 214, 0.16);
}
#viewModal .view-layouts > div:not(.disabled):not(.active) {
  cursor: pointer;
}
#viewModal .view-layouts > div > span:first-child {
  display: flex;
}
#viewModal .view-layouts > div > span:first-child svg {
  margin: 0 auto;
}
#viewModal .view-layouts > div span {
  text-align: center;
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/ViewModal/PageFilters/pageFilters.scss ***!
  \****************************************************************************************************************************************************************************/
#applyFilterGroup.modal-group > div,
#requiredFilterGroup.modal-group > div,
#displayFilterGroup.modal-group > div {
  padding: 0;
}

#displayFilterGroup.modal-group .modal-children-container,
#requiredFilterGroup.modal-group .modal-children-container,
#applyFilterGroup.modal-group .modal-children-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: calc(100% - 5px);
}

#displayFilterGroup.modal-group .filter-links .add-filters.dropbox > div:last-child,
#requiredFilterGroup.modal-group .filter-links .add-filters.dropbox > div:last-child {
  right: -5px;
  left: unset;
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/ViewModal/viewModal.scss ***!
  \**************************************************************************************************************************************************************/
#viewModal.cpp-ui.cpp-ui-modal .modal-page-nav > div:first-child {
  grid-template-columns: repeat(5, 1fr);
  max-width: 500px;
}
#viewModal.cpp-ui.cpp-ui-modal .modal-page-nav > div:first-child .cpp-ui-icon.cpp-icon-filter {
  transform: scale(0.8);
}
#viewModal.cpp-ui.cpp-ui-modal .cpp-ui-modal-container {
  min-width: 70%;
  min-height: 75%;
}
#viewModal.cpp-ui.cpp-ui-modal .cpp-ui-modal-container .cpp-ui-modal-body {
  overflow: hidden;
}
#viewModal.cpp-ui.cpp-ui-modal .typeahead .dropbox,
#viewModal.cpp-ui.cpp-ui-modal .typeahead-field .typeahead.typeahead-check > * {
  width: 50%;
}
#viewModal.cpp-ui.cpp-ui-modal .multi-sort-container .typeahead .dropbox,
#viewModal.cpp-ui.cpp-ui-modal .boolean-filter .typeahead .dropbox {
  width: 100%;
}
#viewModal.cpp-ui.cpp-ui-modal .card-group {
  align-items: center;
}
#viewModal.cpp-ui.cpp-ui-modal .card-group .card {
  min-height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
  max-width: 50%;
  margin-top: 5px;
  cursor: move;
}
#viewModal.cpp-ui.cpp-ui-modal .card-group .card-disabled {
  cursor: default;
}
#viewModal.cpp-ui.cpp-ui-modal select.form-control {
  width: 50%;
  flex: unset;
  border-right-width: 1px !important;
}
#viewModal.cpp-ui.cpp-ui-modal .toggle-field {
  width: 50%;
  display: flex;
  justify-content: space-between;
}
#viewModal.cpp-ui.cpp-ui-modal .toggle-field.tf-packed {
  justify-content: start;
  gap: 10px;
}

@media only screen and (max-width: 1200px) {
  #viewModal .cpp-ui-modal-container {
    width: 90%;
  }
}
@media only screen and (max-height: 900px) {
  #viewModal .cpp-ui-modal-container {
    height: 90%;
  }
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Administration/AdministrationForm/administrationForm.scss ***!
  \***********************************************************************************************************************************************************************************************/
#administrationFormModal.cpp-ui.cpp-ui-modal .cpp-ui-modal-container {
  min-height: 500px;
}
#administrationFormModal.cpp-ui.cpp-ui-modal .role-field {
  padding: 5px 10px;
}
#administrationFormModal.cpp-ui.cpp-ui-modal .role-field label {
  padding-left: 5px;
  cursor: pointer;
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/ErrorPage/errorPage.scss ***!
  \**************************************************************************************************************************************************************/
.cppw-error-page {
  background-color: #00639f;
  height: 100%;
}
.cppw-error-page * {
  font-family: "Source Sans Pro", sans-serif;
  color: #ffffff;
}
.cppw-error-page > div {
  position: relative;
  text-align: left;
  padding-left: 20vh;
  padding-top: 20vh;
}
.cppw-error-page > div .cppw-error-msg {
  font-size: 34px;
  line-height: 46px;
}
.cppw-error-page > div hr {
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  width: 250px;
  margin: 35px 0;
}
.cppw-error-page > div .cppw-error-ctx {
  font-size: 16px;
  line-height: 27px;
}
.cppw-error-page > div .cppw-error-buttons {
  margin-top: 45px;
}
.cppw-error-page > div .cppw-error-buttons a {
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border: 2px solid white;
  border-radius: 99px;
  padding: 8px 30px 9px;
  display: inline-block;
}
.cppw-error-page > div .cppw-error-buttons a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.cppw-error-page > div .cppw-error-buttons a:not(:first-child) {
  margin-left: 25px;
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/WorkspaceSetting/workspaceSetting.scss ***!
  \****************************************************************************************************************************************************************************/
.workspace-setting {
  padding: 10px;
  height: 100%;
  flex: 1 0 100%;
}
.workspace-setting .ws-setting-desc {
  color: #3e3e3e;
  margin-top: 15px;
}
.workspace-setting .ws-setting-togglers {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.workspace-setting .ws-setting-content {
  padding: 10px 5px;
  height: calc(100% - 75px);
}
.workspace-setting .ws-setting-content .editor-group {
  border-radius: 5px;
  padding: 10px;
  background-color: #f8f8f8;
}
.workspace-setting .ws-setting-content .editor-group .editor-wrapper .tiptap {
  max-height: 400px;
}
.workspace-setting .ws-setting-content .editor-group .buttons {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding-top: 10px;
}
.workspace-setting .ws-setting-content .bts .toggle-switch {
  display: flex;
  gap: 5px;
}
.workspace-setting .ws-setting-content .bts .toggle-switch svg {
  transform: scale(0.8);
}
.workspace-setting > nav {
  display: flex;
  gap: 15px;
  border-bottom: 1px solid #e8e8e8;
}
.workspace-setting > nav > div {
  display: flex;
  align-items: center;
  color: #757575;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
}
.workspace-setting > nav > div span:after {
  display: block;
  content: attr(data-txt);
  font-weight: bold;
  text-indent: 2px;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}
.workspace-setting > nav > div svg {
  padding-right: 3px;
}
.workspace-setting > nav > div svg path {
  fill: #757575;
}
.workspace-setting > nav > div.active {
  cursor: default;
}
.workspace-setting > nav > div.active, .workspace-setting > nav > div:hover {
  color: #0042ab;
  font-weight: 600;
  border-bottom: 2px solid #0042ab;
}
.workspace-setting > nav > div.active svg path, .workspace-setting > nav > div:hover svg path {
  fill: #0042ab;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/WorkspaceSetting/DefaultData/defaultData.scss ***!
  \***********************************************************************************************************************************************************************************/
.default-data {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-data .tree-select {
  flex-direction: row;
  flex-wrap: wrap;
}
.default-data .tree-select .tree-select-edit {
  flex-basis: 100%;
}
/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/MultiSelector/multiSelector.scss ***!
  \**********************************************************************************************************************************************************************/
@charset "UTF-8";
.cp-multi-selector-container {
  display: flex;
  gap: 10px;
  height: 100%;
}
.cp-multi-selector-container.cp-multi-selector-dual .cp-multi-selector {
  flex: 0 0 45%;
}
.cp-multi-selector-container .cp-multi-selector-mover {
  flex-grow: 1;
  margin: auto 0;
}
.cp-multi-selector-container .cp-multi-selector-mover > div {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cp-multi-selector-container .cp-multi-selector-mover > div > div {
  opacity: 0.8;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0042ab;
  font-size: 22px;
  border: 1px solid #0042ab;
  border-radius: 4px;
}
.cp-multi-selector-container .cp-multi-selector-mover > div > div:first-child::after {
  content: "⭢";
}
.cp-multi-selector-container .cp-multi-selector-mover > div > div:last-child::after {
  content: "⭠";
}
.cp-multi-selector-container .cp-multi-selector-mover > div > div.disabled {
  color: #757575;
  border-color: #757575;
  opacity: 0.8;
  cursor: default;
}
.cp-multi-selector-container .cp-multi-selector-mover > div > div:not(.disabled) {
  cursor: pointer;
}
.cp-multi-selector-container .cp-multi-selector-mover > div > div:not(.disabled):hover {
  opacity: 1;
}
.cp-multi-selector-container .cp-multi-selector {
  flex-grow: 1;
  height: 100%;
}
.cp-multi-selector-container .cp-multi-selector > div + div {
  height: calc(100% - 20px) !important;
}
.cp-multi-selector-container .cp-multi-selector input[type=text] {
  font-size: 13px;
}
.cp-multi-selector-container .cp-multi-selector > div:last-child {
  height: 100%;
  background-color: #f4f4f4;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.cp-multi-selector-container .cp-multi-selector > div:last-child > .cp-multi-selector-list-item {
  font-size: 11px;
  color: #3e3e3e;
}
.cp-multi-selector-container .cp-multi-selector > div:last-child > .cp-multi-selector-list-item > div:last-child {
  display: flex;
  justify-content: space-between;
}
.cp-multi-selector-container .cp-multi-selector > div:last-child .cp-multi-selector-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.cp-multi-selector-container .cp-multi-selector > div:last-child .cp-multi-selector-list .cp-multi-selector-list-item > div:last-child {
  background-color: #ffffff;
  font-size: 12px;
  line-height: 20px;
  padding: 5px;
}
.cp-multi-selector-container .cp-multi-selector > div:last-child .cp-multi-selector-list-item {
  display: flex;
  padding: 0px 5px;
  align-items: center;
}
.cp-multi-selector-container .cp-multi-selector > div:last-child .cp-multi-selector-list-item > div:first-child {
  flex: 0 0 20px;
}
.cp-multi-selector-container .cp-multi-selector > div:last-child .cp-multi-selector-list-item > :last-child {
  flex-grow: 1;
}
.cp-multi-selector-container .cp-multi-selector > div:last-child .cp-multi-selector-list-item > :last-child label {
  margin: 0px;
  cursor: pointer;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/WorkspaceSetting/DefaultFilters/defaultFilters.scss ***!
  \*****************************************************************************************************************************************************************************************/
.default-filters .cp-multi-selector-container {
  padding: 20px;
}
/*!************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/UserMenu/userMenu.scss ***!
  \************************************************************************************************************************************************************/
.cppn-planning .user-menu {
  z-index: 1000;
  position: relative;
}
.cppn-planning .user-menu > div:first-child {
  display: flex;
  align-items: center;
  height: 54px;
  padding: 0px 15px;
}
@media (max-width: 576px) {
  .cppn-planning .user-menu > div:first-child {
    padding: 0px 5px;
  }
}
.cppn-planning .user-menu > div:first-child:hover {
  background-color: #009ad7;
  cursor: pointer;
}
.cppn-planning .user-menu > div:first-child:hover .cpp-icon-avatar {
  border: 2px solid #c4c4c4;
}
.cppn-planning .user-menu > div:first-child > div:first-child {
  padding: 10px;
  color: #ffffff;
}
.cppn-planning .user-menu.user-menu-expanded > div:first-child {
  background-color: #009ad7;
}
.cppn-planning .user-menu.user-menu-expanded > div:first-child .cpp-icon-avatar {
  border: 2px solid #c4c4c4;
}
.cppn-planning .user-menu.user-menu-hidden {
  display: none;
}
.cppn-planning .user-menu.user-menu-expanded > div:last-child {
  max-height: 600px;
}
.cppn-planning .user-menu > div:last-child {
  position: absolute;
  right: -5px;
  margin-top: -4px;
  width: 314px;
  max-height: 0px;
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  transition: all 150ms;
}
.cppn-planning .user-menu > div:last-child > div {
  z-index: 1;
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0px 0px 3px 3px;
  margin: 5px;
  min-width: 200px;
  max-height: 380px;
}
.cppn-planning .user-menu > div:last-child > div > * {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.cppn-planning .user-menu > div:last-child > div > * > *:first-child {
  width: 50px;
  flex: 0 0 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cppn-planning .user-menu > div:last-child > div > *:first-child {
  margin: 10px;
  border-bottom: 1px solid #c4c4c4;
  padding-top: 5px;
  padding-bottom: 5px;
}
.cppn-planning .user-menu > div:last-child > div > *:first-child .cpp-icon-avatar {
  border: 2px solid #c4c4c4;
}
.cppn-planning .user-menu > div:last-child > div > *:first-child > div:last-child > span {
  font-weight: 700;
}
.cppn-planning .user-menu > div:last-child > div > *:first-child > div:last-child > div {
  font-size: 12px;
  font-weight: 400;
  color: #0052d6;
}
.cppn-planning .user-menu > div:last-child > div > *:not(:first-child) {
  padding: 10px;
  transition: none;
}
.cppn-planning .user-menu > div:last-child > div > *:not(:first-child).user-menu-selected, .cppn-planning .user-menu > div:last-child > div > *:not(:first-child):hover {
  font-weight: 700;
  background-color: #e1f5fe;
}
.cppn-planning .user-menu > div:last-child > div > *:not(:first-child) > div:last-child:after {
  display: block;
  content: attr(data-txt);
  font-weight: 700;
  text-indent: 2px;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}
/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Header/header.scss ***!
  \********************************************************************************************************************************************************/
.cppn-planning > nav.cppw-header {
  height: 54px;
  background-color: #002856;
  padding: 5px 38px;
}
.cppn-planning > nav.cppw-header .cpp-icon-gartner {
  margin-bottom: 5px;
}
.cppn-planning > nav.cppw-header a,
.cppn-planning > nav.cppw-header .navbar-brand {
  color: #ffffff;
}
.cppn-planning > nav.cppw-header .envName {
  text-align: center;
  color: #acacac;
  font-size: 18px;
  padding-left: 8px;
  margin-top: 3px;
  margin-bottom: 0px;
}
.cppn-planning > nav.cppw-header b {
  padding-left: 10px;
  text-transform: uppercase;
}
.cppn-planning > nav.cppw-header .navbar-text {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .cppn-planning nav.cppw-header,
.cppn-planning nav.cppw-search-header,
.cppn-planning nav.cppw-subheader {
    padding: 0px 15px !important;
  }
  .cppn-planning nav.cppw-header > span:first-child {
    margin-right: 0.5rem;
  }
  .cppn-planning nav.cppw-header > span:nth-child(2) b {
    padding-left: 5px;
  }
  .cppn-planning nav.cppw-header > span:nth-child(2) > span {
    display: none;
  }
}
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/HelpCenter/helpCenter.scss ***!
  \****************************************************************************************************************************************************************/
.help-center-slider {
  padding: 10px 10px 40px 10px;
  background-color: #f6f6f6;
  margin-top: 54px;
  align-items: center;
}
.help-center-slider .help-center-status-bar {
  display: flex;
  margin: auto;
  gap: 10px !important;
  align-items: center;
  justify-content: space-between;
}
.help-center-slider .help-center-status-bar div:first-child {
  display: flex;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
}
.help-center-slider .help-center-status-bar div:first-child svg {
  width: 18%;
  height: auto;
}
.help-center-slider .help-center-status-bar div:first-child svg path {
  fill: black;
}
.help-center-slider .help-center-status-bar div:last-child {
  color: #355578;
  display: flex;
  cursor: pointer;
}
.help-center-slider .help-center-status-bar div:last-child svg {
  width: 100%;
  height: auto;
}
.help-center-slider .help-center-form {
  height: 90%;
  background: #ffffff;
  padding: 10px;
  margin-top: 10px;
  font-weight: 400;
  font-size: 16px;
}
.help-center-slider .help-center-form .help-topic-container {
  border: 0.5px solid #c3c3c3;
  border-radius: 8px;
  padding: 16px;
  margin: 16px;
  text-decoration: none;
}
.help-center-slider .help-center-form .help-topic-container .help-topic {
  font-weight: 500;
  font-size: 16px;
}
.help-center-slider .help-center-form .help-topic-container .context {
  font-weight: 400;
  font-size: 14px;
}
.help-center-slider .help-center-form div :hover {
  background-color: #e8f0fc;
  border-color: #0052d6;
}
.help-center-slider .help-center-form a {
  color: black;
}
.help-center-slider .help-center-form .contact-us-container {
  font-weight: 500;
  font-size: 14px;
  background-color: #e9eaeb;
  border-radius: 8px;
  padding: 16px;
  margin: 16px;
  margin-top: 32px;
}
.help-center-slider .help-center-form .contact-us-container :hover {
  background: inherit;
}
.help-center-slider .help-center-form .contact-us-container .contact-us-button {
  padding: 8px 20px 8px 20px;
  width: max-content;
  border-radius: 4px;
  margin-top: 10px;
  background-color: #0052d6;
}
.help-center-slider .help-center-form .contact-us-container .contact-us-button div {
  font-size: 14px;
  font-weight: 700;
  color: white;
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Header/Search/search.scss ***!
  \***************************************************************************************************************************************************************/
.header-search {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.header-search input {
  transition: width 500ms ease;
}
.header-search:not(.header-search--expanded) {
  width: 40px;
}
.header-search:not(.header-search--expanded) input {
  width: 0px;
  background-color: transparent;
  border-color: transparent;
}
.header-search:not(.header-search--expanded) input::placeholder {
  color: transparent;
}
.header-search--expanded input {
  padding-right: 40px;
  width: 300px;
}
.header-search--expanded > span svg.cpp-icon-search path {
  fill: #aaa;
}
.header-search > span:first-child {
  position: absolute;
  right: 5px;
}
.header-search svg.cpp-icon-search {
  height: 30px;
  width: 30px;
  transform: translateY(3px);
}
.header-search svg.cpp-icon-search path {
  fill: #fff;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/HomeWorkspaceModal/homeWorkspaceModal.scss ***!
  \********************************************************************************************************************************************************************************/
#homeWSModal .typeahead .dropbox > div:last-child > div {
  max-height: 200px;
}
#homeWSModal .field-container {
  display: flex;
  align-items: baseline;
}
#homeWSModal .field-container .home-workspace-description {
  margin-left: 5px;
}
#homeWSModal .field-container .home-workspace-description svg {
  transform: scale(0.8);
}
#homeWSModal .field-container .home-workspace-description .cpp-ui-popover {
  text-transform: none;
  top: 230%;
}
#homeWSModal .field-container .home-workspace-description .cpp-ui-popover .cpp-ui-popover-pointer.popover-pointer-right {
  top: 15%;
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/App/SessionExpiry/sessionExpiry.scss ***!
  \**************************************************************************************************************************************************************************/
#sessionExpiryOverlay {
  width: 300px;
  height: 130px;
  background-color: #ffffff;
  border-radius: 5px;
  border-style: none;
  padding: 20px;
}
#sessionExpiryOverlay .cpp-ui.cpp-ui-buttons {
  margin-top: 20px;
}
/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/index.scss ***!
  \*************************************************************************************************************************************/
@charset "UTF-8";
.cpp-ui.cpp-ui-modal {
  display: block;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 9998;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

.cpp-ui.cpp-ui-modal .cpp-ui-modal-container {
  position: absolute;
  z-index: 9;
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  border-radius: 10px;
  padding: 0px 30px;
  filter: drop-shadow(2px 4px 6px black);
  width: 50%;
  height: 50%;
}

.cpp-ui.cpp-ui-modal .cpp-ui-modal-container .cpp-ui-modal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  height: 20px;
  width: 20px;
  cursor: pointer;
  color: #787878;
  margin-right: 5px;
  font-weight: bold;
  z-index: 9999;
}

.cpp-ui.cpp-ui-modal .cpp-ui-modal-container.cpp-ui-modal-no-header .cpp-ui-modal-header {
  height: 5px;
}

.cpp-ui.cpp-ui-modal .cpp-ui-modal-container.cpp-ui-modal-no-header .cpp-ui-modal-body {
  margin-top: 10px;
}

.cpp-ui.cpp-ui-modal .cpp-ui-modal-container.cpp-ui-modal-no-header .cpp-ui-modal-close {
  right: 5px;
  top: 5px;
}

.cpp-ui.cpp-ui-modal .cpp-ui-modal-container.cpp-ui-modal-no-header .cpp-ui-modal-body, .cpp-ui.cpp-ui-modal .cpp-ui-modal-container.cpp-ui-modal-no-footer .cpp-ui-modal-body {
  height: calc(100% - 110px);
}

.cpp-ui.cpp-ui-modal .cpp-ui-modal-container.cpp-ui-modal-no-header.cpp-ui-modal-no-header .cpp-ui-modal-body, .cpp-ui.cpp-ui-modal .cpp-ui-modal-container.cpp-ui-modal-no-header.cpp-ui-modal-no-footer .cpp-ui-modal-body, .cpp-ui.cpp-ui-modal .cpp-ui-modal-container.cpp-ui-modal-no-footer.cpp-ui-modal-no-header .cpp-ui-modal-body, .cpp-ui.cpp-ui-modal .cpp-ui-modal-container.cpp-ui-modal-no-footer.cpp-ui-modal-no-footer .cpp-ui-modal-body {
  height: calc(100% - 75px);
}

.cpp-ui.cpp-ui-modal .cpp-ui-modal-container .cpp-ui-modal-header {
  padding-top: 20px;
  height: 30px;
  overflow: hidden;
  z-index: 10;
  border-radius: 10px 10px 0 0;
  cursor: move;
}

.cpp-ui.cpp-ui-modal .cpp-ui-modal-container .cpp-ui-modal-header > div:first-child {
  position: fixed;
  width: 100%;
  text-align: left;
  font-size: 22px;
  color: #000000;
  line-height: 30px;
  height: 30px;
}

.cpp-ui.cpp-ui-modal .cpp-ui-modal-container .cpp-ui-modal-body {
  height: calc(100% - 120px);
  margin-top: 30px;
  overflow: auto;
}

.cpp-ui.cpp-ui-modal .cpp-ui-modal-container .cpp-ui-modal-footer {
  position: fixed;
  right: 30px;
  bottom: 20px;
  width: calc(100% - 60px);
  height: 30px;
}

/* override button groups within modal */
.cpp-ui.cpp-ui-modal .cpp-ui.cpp-ui-button-groups .cpp-ui-buttons {
  position: fixed;
}

.cpp-ui.cpp-ui-modal .cpp-ui.cpp-ui-button-groups .cpp-ui-buttons:last-child {
  right: 30px;
}

.cpp-ui.cpp-ui-modal .cpp-ui.cpp-ui-button-groups.cpp-ui-button-groups-bottom .cpp-ui-buttons {
  bottom: 20px;
}

.cpp-ui.cpp-ui-button-groups .cpp-ui-buttons {
  position: fixed;
}

.cpp-ui.cpp-ui-button-groups .cpp-ui-buttons:last-child {
  right: 0;
}

.cpp-ui.cpp-ui-button-groups.cpp-ui-button-groups-bottom .cpp-ui-buttons {
  bottom: 1px;
}

.cpp-ui.cpp-ui-buttons {
  float: right;
}

.cpp-ui.cpp-ui-buttons button {
  margin-left: 10px;
}

.cpp-ui.cpp-ui-buttons button:first-child {
  margin-left: 0px;
}

button.cpp-ui {
  background-color: #ffffff;
  font-weight: 500;
  border-radius: 4px;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  text-align: center;
  outline: none;
  cursor: pointer;
}

button.cpp-ui.cpp-ui-button-size-medium {
  min-width: 70px;
  min-height: 30px;
  padding: 5px 20px;
  font-size: 14px;
}

button.cpp-ui.cpp-ui-button-size-small {
  min-width: 40px;
  min-height: 20px;
  padding: 1px 10px;
  font-size: 12px;
}

button.cpp-ui.cpp-ui-button-size-mini {
  min-width: 35px;
  min-height: 10px;
  padding: 0px 5px;
  font-size: 10px;
}

button.cpp-ui:disabled {
  background-color: #f4f4f4 !important;
  color: #989898 !important;
  border-color: #989898 !important;
  cursor: default;
}

button.cpp-ui:disabled svg path {
  fill: #c3c3c3;
}

button.cpp-ui.cpp-ui-button-type-primary {
  background-color: #0052d6;
  border-color: #0052d6;
  color: #ffffff;
}

button.cpp-ui.cpp-ui-button-type-primary:hover {
  background-color: #002856;
  border-color: #002856;
}

button.cpp-ui.cpp-ui-button-type-secondary {
  color: #0052d6;
  border-color: #0052d6;
}

button.cpp-ui.cpp-ui-button-type-secondary:hover {
  background-color: #eaf1ff;
  color: #002856;
  border-color: #002856;
}

button.cpp-ui.cpp-ui-button-type-destructive {
  color: #de0a01;
  border-color: #de0a01;
}

button.cpp-ui.cpp-ui-button-type-destructive:hover {
  background-color: #ffe8e8;
  color: #7d002a;
  border-color: #7d002a;
}

.cpp-ui.alert {
  font-size: 12px;
  padding: 10px 15px;
}

.cpp-ui.alert .cpp-alert-icon {
  width: 14px;
  margin-right: 10px;
  float: left;
}

.cpp-ui.alert .cpp-alert-icon + .cpp-alert-content {
  width: calc(100% - 24px);
  padding-left: 24px;
}

.cpp-ui.alert .cpp-alert-close {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}

.cpp-icon {
  margin: 5px;
}

.cpp-icon.cpp-clickable {
  cursor: pointer;
}

.cpp-icon.cpp-opaque {
  opacity: 0.2;
}

.cpp-icon.cpp-opaque.cpp-clickable:hover {
  opacity: 1;
}

.cpp-icon-avatar {
  height: 36px;
  width: 36px;
  border-radius: 75px;
  background-color: #ffffff;
  color: #009ad7;
  font-weight: 500;
  font-size: 19px;
  line-height: 22px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.cpp-icon-avatar.cpp-icon-avatar-inverted {
  color: #ffffff;
  background-color: #009ad7;
}

.cpp-icon.cpp-clickable:hover .cpp-ui-icon.cpp-icon-arrow.cpp-icon-arrow-circle circle {
  fill: #0052d6;
  stroke: #e8e8e8;
}

.cpp-icon.cpp-clickable:hover .cpp-ui-icon.cpp-icon-arrow.cpp-icon-arrow-circle path {
  fill: white;
}

.cpp-ui-icon.cpp-icon-arrow.cpp-icon-arrow-left {
  transform: rotate(90deg);
}

.cpp-ui-icon.cpp-icon-arrow.cpp-icon-arrow-up {
  transform: rotate(180deg);
}

.cpp-ui-icon.cpp-icon-arrow.cpp-icon-arrow-right {
  transform: rotate(-90deg);
}

.cpp-ui-icon.cpp-icon-sort.cpp-icon-sort-desc {
  transform: rotate(180deg);
}

.cpp-loader-overlay {
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
}

.cpp-loader-overlay .cpp-loader-overlay-opaque {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  background-color: #999999;
}

.cpp-loader-overlay .cpp-loader-overlay-content {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.cpp-spinner-fading-dots {
  height: 50px;
  width: 50px;
}

.cpp-spinner-fading-dots.cpp-spinner-large {
  width: 65px;
  height: 65px;
}

.cpp-spinner-fading-dots.cpp-spinner-small {
  width: 25px;
  height: 25px;
}

.cpp-spinner-fading-dots.cpp-spinner-icon {
  width: 15px;
  height: 15px;
}

.cpp-spinner-fading-dots .cpp-fading-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.cpp-spinner-fading-dots .cpp-fading-dot:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: cpp-fading-dotFadeDelay 1.2s infinite ease-in-out both;
  animation: cpp-fading-dotFadeDelay 1.2s infinite ease-in-out both;
}

.cpp-spinner-fading-dots .cpp-fading-dot2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.cpp-spinner-fading-dots .cpp-fading-dot3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.cpp-spinner-fading-dots .cpp-fading-dot4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.cpp-spinner-fading-dots .cpp-fading-dot5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.cpp-spinner-fading-dots .cpp-fading-dot6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}

.cpp-spinner-fading-dots .cpp-fading-dot7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cpp-spinner-fading-dots .cpp-fading-dot8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}

.cpp-spinner-fading-dots .cpp-fading-dot9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.cpp-spinner-fading-dots .cpp-fading-dot10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.cpp-spinner-fading-dots .cpp-fading-dot11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}

.cpp-spinner-fading-dots .cpp-fading-dot12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}

.cpp-spinner-fading-dots .cpp-fading-dot2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.cpp-spinner-fading-dots .cpp-fading-dot3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.cpp-spinner-fading-dots .cpp-fading-dot4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.cpp-spinner-fading-dots .cpp-fading-dot5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.cpp-spinner-fading-dots .cpp-fading-dot6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.cpp-spinner-fading-dots .cpp-fading-dot7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.cpp-spinner-fading-dots .cpp-fading-dot8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.cpp-spinner-fading-dots .cpp-fading-dot9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.cpp-spinner-fading-dots .cpp-fading-dot10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.cpp-spinner-fading-dots .cpp-fading-dot11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.cpp-spinner-fading-dots .cpp-fading-dot12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes cpp-fading-dotFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes cpp-fading-dotFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
button.cpp-ui.cpp-ui-button-size-medium .cpp-spinner-running-ring.cpp-spinner-icon {
  width: 13px;
  height: 13px;
  margin-right: 5px;
  padding-top: 2px;
  float: left;
}

button.cpp-ui.cpp-ui-button-size-medium .cpp-spinner-running-ring.cpp-spinner-icon div {
  width: 13px;
  height: 13px;
  border: 2px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  border-radius: 50%;
  animation: cpp-spinner-running-ring-kf 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #009dd8 transparent transparent transparent;
  border-style: solid;
}

button.cpp-ui.cpp-ui-button-size-medium .cpp-spinner-running-ring.cpp-spinner-icon div:nth-child(1) {
  animation-delay: -0.45s;
}

button.cpp-ui.cpp-ui-button-size-medium .cpp-spinner-running-ring.cpp-spinner-icon div:nth-child(2) {
  animation-delay: -0.3s;
}

button.cpp-ui.cpp-ui-button-size-medium .cpp-spinner-running-ring.cpp-spinner-icon div:nth-child(3) {
  animation-delay: -0.15s;
}

button.cpp-ui.cpp-ui-button-size-small .cpp-spinner-running-ring.cpp-spinner-icon {
  width: 11px;
  height: 11px;
  margin-right: 3px;
  padding-top: 2px;
  float: left;
}

button.cpp-ui.cpp-ui-button-size-small .cpp-spinner-running-ring.cpp-spinner-icon div {
  width: 11px;
  height: 11px;
  border: 2px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  border-radius: 50%;
  animation: cpp-spinner-running-ring-kf 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #009dd8 transparent transparent transparent;
  border-style: solid;
}

button.cpp-ui.cpp-ui-button-size-small .cpp-spinner-running-ring.cpp-spinner-icon div:nth-child(1) {
  animation-delay: -0.45s;
}

button.cpp-ui.cpp-ui-button-size-small .cpp-spinner-running-ring.cpp-spinner-icon div:nth-child(2) {
  animation-delay: -0.3s;
}

button.cpp-ui.cpp-ui-button-size-small .cpp-spinner-running-ring.cpp-spinner-icon div:nth-child(3) {
  animation-delay: -0.15s;
}

button.cpp-ui.cpp-ui-button-size-mini .cpp-spinner-running-ring.cpp-spinner-icon {
  width: 9px;
  height: 9px;
  margin-right: 2px;
  padding-top: 2px;
  float: left;
}

button.cpp-ui.cpp-ui-button-size-mini .cpp-spinner-running-ring.cpp-spinner-icon div {
  width: 9px;
  height: 9px;
  border: 2px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  border-radius: 50%;
  animation: cpp-spinner-running-ring-kf 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #009dd8 transparent transparent transparent;
  border-style: solid;
}

button.cpp-ui.cpp-ui-button-size-mini .cpp-spinner-running-ring.cpp-spinner-icon div:nth-child(1) {
  animation-delay: -0.45s;
}

button.cpp-ui.cpp-ui-button-size-mini .cpp-spinner-running-ring.cpp-spinner-icon div:nth-child(2) {
  animation-delay: -0.3s;
}

button.cpp-ui.cpp-ui-button-size-mini .cpp-spinner-running-ring.cpp-spinner-icon div:nth-child(3) {
  animation-delay: -0.15s;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-inline {
  width: 50px;
  height: 50px;
  float: left;
}

.cpp-ui.cpp-spinner-running-ring div {
  width: 50px;
  height: 50px;
  border: 6px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  border-radius: 50%;
  animation: cpp-spinner-running-ring-kf 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #009dd8 transparent transparent transparent;
  border-style: solid;
}

.cpp-ui.cpp-spinner-running-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.cpp-ui.cpp-spinner-running-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.cpp-ui.cpp-spinner-running-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-large.cpp-spinner-inline {
  width: 65px;
  height: 65px;
  float: left;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-large div {
  width: 65px;
  height: 65px;
  border: 8px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  border-radius: 50%;
  animation: cpp-spinner-running-ring-kf 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #009dd8 transparent transparent transparent;
  border-style: solid;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-large div:nth-child(1) {
  animation-delay: -0.45s;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-large div:nth-child(2) {
  animation-delay: -0.3s;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-large div:nth-child(3) {
  animation-delay: -0.15s;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-small.cpp-spinner-inline {
  width: 25px;
  height: 25px;
  float: left;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-small div {
  width: 25px;
  height: 25px;
  border: 3px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  border-radius: 50%;
  animation: cpp-spinner-running-ring-kf 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #009dd8 transparent transparent transparent;
  border-style: solid;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-small div:nth-child(1) {
  animation-delay: -0.45s;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-small div:nth-child(2) {
  animation-delay: -0.3s;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-small div:nth-child(3) {
  animation-delay: -0.15s;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-icon.cpp-spinner-inline {
  width: 15px;
  height: 15px;
  float: left;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-icon div {
  width: 15px;
  height: 15px;
  border: 2px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  border-radius: 50%;
  animation: cpp-spinner-running-ring-kf 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #009dd8 transparent transparent transparent;
  border-style: solid;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-icon div:nth-child(1) {
  animation-delay: -0.45s;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-icon div:nth-child(2) {
  animation-delay: -0.3s;
}

.cpp-ui.cpp-spinner-running-ring.cpp-spinner-icon div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes cpp-spinner-running-ring-kf {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,
.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}

.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

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

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 2px;
}

.react-datepicker__navigation--next {
  right: 2px;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
}

.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}

.react-datepicker__navigation-icon--next {
  left: -2px;
}

.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}

.react-datepicker__navigation-icon--previous {
  right: -2px;
}

.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.cpp-ui.cpp-ui-form-group.cpp-ui-form-group-error input,
.cpp-ui.cpp-ui-form-group.cpp-ui-form-group-error textarea,
.cpp-ui.cpp-ui-form-group.cpp-ui-form-group-error select {
  border-color: #ff0000;
}

.cpp-ui.cpp-ui-form-group .cpp-ui-form-group-label {
  font-size: 12px;
  line-height: 1.17;
  color: #585858;
  display: flex;
  justify-content: space-between;
}

.cpp-ui.cpp-ui-form-group .cpp-ui-form-group-label label {
  text-transform: uppercase;
  margin-right: 3px;
  display: block;
  float: left;
}

.cpp-ui.cpp-ui-form-group .cpp-ui-form-group-label label:empty {
  display: none;
}

.cpp-ui.cpp-ui-form-group .cpp-ui-form-group-validation {
  font-size: 80%;
}

.cpp-ui.cpp-ui-form-group .cpp-ui-form-group-validation .text-limit {
  float: right;
}

.cpp-ui.cpp-ui-form-group .cpp-ui-form-group-validation div.text-danger:not(.text-limit) ~ div:not(.text-danger) {
  display: none;
}

.cpp-ui.cpp-ui-form-group .cpp-ui-form-group-validation div.text-warning ~ div {
  display: none;
}

.cpp-ui.cpp-ui-form-group .cpp-ui-form-group-validation div.text-info ~ div {
  display: none;
}

.cpp-ui.cpp-ui-form-group .cpp-ui-form-group-validation div.text-success ~ div {
  display: none;
}

.cpp-ui.cpp-text-input .cpp-text-input-limit {
  text-align: right;
}

.cpp-ui.cpp-text-input input,
.cpp-ui.cpp-text-input textarea {
  outline: none;
  width: 100%;
  border: 1px solid #a9a9a9;
}

.cpp-ui.cpp-text-input textarea {
  height: 100px;
}

.cpp-ui.cpp-text-input.cpp-text-input-overlimit input,
.cpp-ui.cpp-text-input.cpp-text-input-overlimit textarea {
  border-color: #ff0000;
}

.cpp-ui.cpp-text-input.cpp-text-input-overlimit .cpp-text-input-limit {
  color: #ff0000;
}

.cpp-ui.cpp-ui-tad {
  font-size: 14px;
}

.cpp-ui.cpp-ui-tad > label {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 0px;
}

.cpp-ui.cpp-ui-tad .cpp-ui-tad__control .cpp-ui-tad__control,
.cpp-ui.cpp-ui-tad .cpp-ui-tad__control > label, .cpp-ui.cpp-ui-tad:hover .cpp-ui-tad__control,
.cpp-ui.cpp-ui-tad:hover > label {
  opacity: 0.8;
}

.cpp-ui.cpp-ui-tad .cpp-ui-tad__indicators .cpp-ui-tad__indicator-separator {
  display: none !important;
}

.cpp-ui.cpp-ui-tad .cpp-ui-tad__indicators .cpp-ui-tad__clear-indicator svg {
  cursor: pointer;
}

.cpp-ui.cpp-ui-tad .cpp-ui-tad__menu {
  margin-top: 2px;
  padding-top: 0px;
}

.cpp-ui.cpp-ui-tad .cpp-ui-tad__menu-list::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}

.cpp-ui.cpp-ui-tad .cpp-ui-tad__control,
.cpp-ui.cpp-ui-tad .cpp-ui-tad__menu .cpp-ui-tad__option {
  height: 36px;
  min-height: 36px;
  border-color: #c3c3c3 !important;
  font-family: "Roboto", sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  line-height: 18px;
}

.cpp-ui.cpp-ui-tabbed-panel .cpp-ui-tabbed-panel-content {
  padding: 20px 10px;
}

.cpp-ui.cpp-ui-tabbed-panel .cpp-ui-tabbed-panel-tabs {
  display: flex;
  flex-direction: row;
  background-color: #efefef;
  height: 30px;
  border-top: 1px solid #c4c4c4;
}

.cpp-ui.cpp-ui-tabbed-panel .cpp-ui-tabbed-panel-tabs .cpp-ui-tabbed-panel-spacer {
  width: 99%;
  border-bottom: 1px solid #c4c4c4;
}

.cpp-ui.cpp-ui-tabbed-panel .cpp-ui-tabbed-panel-tabs .cpp-ui-tabbed-panel-tab {
  cursor: pointer;
  text-align: center;
  font-size: 12px;
  color: #585858;
  padding-top: 5px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: bold;
  white-space: nowrap;
  text-transform: uppercase;
  border-bottom: 1px solid #c4c4c4;
}

.cpp-ui.cpp-ui-tabbed-panel .cpp-ui-tabbed-panel-tabs .cpp-ui-tabbed-panel-tab.cpp-ui-tabbed-panel-tab-disabled {
  color: #989898;
  cursor: default;
}

.cpp-ui.cpp-ui-tabbed-panel .cpp-ui-tabbed-panel-tabs .cpp-ui-tabbed-panel-tab.cpp-ui-tabbed-panel-tab-active {
  background-color: #fff;
  border-left: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  border-bottom: 0;
  color: #585858;
}

.cpp-ui.cpp-ui-tabbed-panel .cpp-ui-tabbed-panel-tabs .cpp-ui-tabbed-panel-tab-active:first-child {
  border-left: 0;
}

.cpp-ui-popover-container {
  position: relative;
  display: inline-block;
}

.cpp-ui-popover-container .cpp-ui-popover {
  text-align: left;
  position: absolute;
  background: #efefef;
  line-height: 1.17;
  padding: 8px 8px 8px 8px;
  z-index: 100;
  box-shadow: 1px 5px 12px rgba(0, 0, 0, 0.12);
  font: 13px arial, sans-serif;
  width: 250px;
  text-align: left;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  white-space: pre-wrap;
}

.cpp-ui-popover-container .cpp-ui-popover.popover-packed {
  width: auto;
  white-space: nowrap;
}

.cpp-ui-popover-container .cpp-ui-popover .cpp-ui-popover-pointer {
  position: absolute;
  border: solid transparent;
  content: " ";
  pointer-events: none;
  z-index: 100;
  border-width: 8px;
  left: 50%;
  border-color: #efefef;
  filter: drop-shadow(1px 2px 12px rgba(0, 0, 0, 0.2));
}

.cpp-ui-popover-container .cpp-ui-popover.popover-error {
  background: #fdcfcf;
}

.cpp-ui-popover-container .cpp-ui-popover.popover-error .cpp-ui-popover-pointer {
  border-color: #fdcfcf;
}

.cpp-ui-popover-container .cpp-ui-popover.popover-warning {
  background: #fff4ba;
  color: #000000;
}

.cpp-ui-popover-container .cpp-ui-popover.popover-warning .cpp-ui-popover-pointer {
  border-color: #fff4ba;
}

.cpp-ui-popover-container .cpp-ui-popover.popover-blueinfo {
  background: #e4f1f9;
  color: #464a4c;
}

.cpp-ui-popover-container .cpp-ui-popover.popover-blueinfo .cpp-ui-popover-pointer {
  border-color: #e4f1f9;
}

.cpp-ui-popover-container .cpp-ui-popover.popover-dark {
  background: #000000;
  color: #ffffff;
}

.cpp-ui-popover-container .cpp-ui-popover.popover-dark .cpp-ui-popover-pointer {
  border-color: #000000;
}

.cpp-ui-popover-container .cpp-ui-popover.popover-left {
  left: auto;
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}

.cpp-ui-popover-container .cpp-ui-popover.popover-left .cpp-ui-popover-pointer {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  top: 50%;
  left: calc(100% - 2px);
  transform: translateY(-50%);
}

.cpp-ui-popover-container .cpp-ui-popover.popover-right {
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}

.cpp-ui-popover-container .cpp-ui-popover.popover-right .cpp-ui-popover-pointer {
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
}

.cpp-ui-popover-container .cpp-ui-popover.popover-bottom {
  top: calc(100% + 10px);
  left: 50%;
}

.cpp-ui-popover-container .cpp-ui-popover.popover-bottom .cpp-ui-popover-pointer {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: 100%;
  transform: translateX(-50%);
}

.cpp-ui-popover-container .cpp-ui-popover.popover-top {
  left: 50%;
  bottom: calc(100% + 10px);
}

.cpp-ui-popover-container .cpp-ui-popover.popover-top .cpp-ui-popover-pointer {
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  top: 100%;
  transform: translateX(-50%);
}

.new-item-btn {
  background: #009ad7 !important;
  padding: 0px 20px !important;
  border-color: #009ad7 !important;
  color: #ffffff;
  font-weight: 700 !important;
  text-transform: uppercase;
  height: 40px;
  border-radius: 0 !important;
  line-height: 32px;
  margin-top: 5px;
  width: 141px;
}

.new-item-btn span {
  font-size: 19px;
  margin-right: 10px;
}

.new-item-btn span svg {
  width: 16px;
  height: 16px;
}

.new-item-btn:hover {
  background: #287cae !important;
}

/*# sourceMappingURL=styles.css.map */
body {
  font-family: Roboto, "Roboto-Regular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  background-color: #f0f0f0;
  overflow: hidden;
}

#app {
  overflow-x: auto;
  height: 100vh;
}
#app .cppn-planning {
  min-width: 500px;
  height: 100%;
}
#app > div > main {
  height: calc(100% - 54px);
}

#cppToasters {
  position: fixed;
  z-index: 10000;
  right: 2%;
  bottom: 2%;
  width: 288px;
}

.cpp-ui.cpp-loader-overlay {
  z-index: 100001;
}

a {
  color: #41708f;
  text-decoration: none;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

a:hover,
a:focus {
  color: #4597ce;
  text-decoration: none;
  outline: none;
}

#cppContentPlanning {
  height: 100%;
  width: 100%;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

::-webkit-scrollbar:vertical {
  width: 7px;
}

::-webkit-scrollbar:horizontal {
  height: 7px;
}

.scrollable-x {
  overflow-x: auto;
  padding-bottom: 5px;
  width: 100%;
}
.scrollable-x::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}

.scrollable {
  overflow-y: auto;
  padding-right: 5px;
  height: 100%;
}
.scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block !important;
}

.react-datepicker__aria-live {
  display: none !important;
}

.cpp-ui-popover.popover-info {
  border: 1px solid rgba(0, 0, 0, 0.125);
}

/*# sourceMappingURL=index.css.map*/