/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/header/header.scss ***!
  \************************************************************************************************************************************************************************************/
.routeContainer .hide-profile .header-interactions > div:nth-child(2) > div {
  display: none;
}
.routeContainer .header-interactions div div[role=presentation] {
  border-left-color: #ccc;
}
.routeContainer .header-interactions .help-content {
  padding: 12px;
}
.routeContainer .header-navigation {
  background: #252a3f;
}
.routeContainer .header-navigation__top-nav-logo-wrapper a {
  text-decoration: none;
}
.routeContainer .header-navigation__top-nav-logo-wrapper a figure {
  height: 30px;
  width: 30px;
  margin: 0 20px;
  align-self: center;
}
.routeContainer .header-navigation__top-nav-logo-wrapper a figure img {
  height: 100%;
  width: 100%;
}
.routeContainer .header-navigation__top-nav-logo-wrapper a .logo-text {
  padding-left: 20px;
  border-left: 1px solid #CCCCCC;
  line-height: normal;
  font-size: 26px;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
}
.routeContainer .header-interactions div:nth-child(1) button svg * {
  fill: #CCCCCC;
}
.routeContainer .header-interactions .help-action .hig__avatarV2 {
  background: #252a3f;
}
.routeContainer .header-interactions .help-action .hig__avatarV2__image {
  border-radius: 0;
}
.routeContainer .header-interactions .help-action .hig__avatarV2__initials {
  color: #CCCCCC;
}
.routeContainer .header-interactions .hig__flyout-v1__panel-container .hig__top-nav__profile-flyout-content .hig__button-v1 {
  margin-top: 10px;
  width: 100%;
}

.supportal-logo {
  height: 30px;
  align-self: center;
  margin-right: 20px;
}

.sign-out-button {
  margin-top: 10px !important;
  width: 100%;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/navigation-tool/navigation-tool.scss ***!
  \******************************************************************************************************************************************************************************************************/
.header-navigation {
  z-index: 99 !important;
}
.header-navigation .navigation-tool-container {
  display: flex;
  cursor: default;
  border-left: 1px solid #CCCCCC;
  height: 100%;
  margin: auto;
  margin-left: 20px;
}
.header-navigation .navigation-tool-container .caret-button {
  background: transparent;
  min-width: auto;
  line-height: normal;
  padding-left: 4px;
}
.header-navigation .navigation-tool-container .caret-button :focus, .header-navigation .navigation-tool-container .caret-button :focus-visible, .header-navigation .navigation-tool-container .caret-button :hover {
  outline: none;
  border: none;
  box-shadow: none;
}
.header-navigation .navigation-tool-container .caret-button__icon path {
  fill: #0696d7;
}
.header-navigation .navigation-tool-container .navigation-tool-current-path {
  font-size: 26px;
  color: white;
  line-height: normal;
  font-weight: normal;
  margin-left: 20px;
  min-width: 140px;
}
.header-navigation .navigation-tool-container .dashboard-flyout__pointer-wrapper {
  box-shadow: none;
}
.header-navigation .navigation-tool-container .dashboard-flyout__pointer-wrapper svg polygon {
  fill: #374151;
}
.header-navigation .navigation-tool-container .dashboard-flyout__panel-container {
  border: none;
  background-color: #374151;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.header-navigation .navigation-tool-container .dashboard-flyout__panel-container .dashboard-flyout__panel-container-inner .dashboard-flyout__panel {
  max-width: 100%;
}
.header-navigation .navigation-tool-container .dashboard-flyout__panel-container .dashboard-flyout__panel-container-inner .dashboard-flyout__panel .flyout-content {
  display: flex;
}
.header-navigation .navigation-tool-container .dashboard-flyout__panel-container .dashboard-flyout__panel-container-inner .dashboard-flyout__panel .flyout-content a {
  text-decoration: none;
  color: white;
  font-weight: lighter;
}
.header-navigation .navigation-tool-container .dashboard-flyout__panel-container .dashboard-flyout__panel-container-inner .dashboard-flyout__panel .flyout-content-box {
  display: flex;
  width: 135px;
  height: 180px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.header-navigation .navigation-tool-container .dashboard-flyout__panel-container .dashboard-flyout__panel-container-inner .dashboard-flyout__panel .flyout-content-box .flyout-content-icon {
  height: 80px;
  margin-bottom: 40px;
}
.header-navigation .navigation-tool-container .dashboard-flyout__panel-container .dashboard-flyout__panel-container-inner .dashboard-flyout__panel .flyout-content-box:hover {
  background: #4D5463;
  border-radius: 5px;
}
.header-navigation .navigation-tool-container .help-action__top-nav__nav-action-flyout .hig__flyout-v1__action .hig__button-v1 {
  background: transparent;
  min-width: auto;
  line-height: normal;
}
.header-navigation .navigation-tool-container .help-action__top-nav__nav-action-flyout .hig__flyout-v1__action .hig__button-v1 .hig__button-v1__icon .hig__icon {
  padding-left: 0;
}
.header-navigation .navigation-tool-container .help-action__top-nav__nav-action-flyout .hig__flyout-v1__action .hig__button-v1 .hig__button-v1__icon .hig__icon svg path {
  fill: #00BEFF;
}
.header-navigation .navigation-tool-container .help-action__top-nav__nav-action-flyout .hig__flyout-v1__action .hig__button-v1 .hig__button-v1__icon .hig__icon:hover svg path {
  fill: #66BFE9;
}
.header-navigation .navigation-tool-container .help-action__top-nav__nav-action-flyout .profile-content {
  top: 30px;
}

@media all and (max-width: 600px) {
  .routeContainer .show-profile .header-navigation {
    flex-grow: 1;
  }
  .routeContainer .show-profile .header-navigation .logo-text {
    display: none;
  }
  .routeContainer .show-profile .header-navigation figure {
    margin-left: 5px;
    margin-right: 5px;
  }
  .routeContainer .show-profile .header-navigation .header-interactions {
    flex-grow: 2;
  }
  .routeContainer .show-profile .navigation-tool-container {
    margin-left: 0;
  }
  .routeContainer .show-profile .navigation-tool-container .help-action__top-nav__nav-action-flyout .hig__flyout-v1__panel .flyout-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .routeContainer .show-profile .navigation-tool-container .help-action__top-nav__nav-action-flyout .hig__flyout-v1__panel .flyout-content .flyout-content-box {
    width: 60px;
    height: 100px;
  }
}
@media all and (max-width: 600px) and (max-width: 350px) {
  .routeContainer .show-profile .header-navigation .hig__top-nav__logo figure {
    display: none;
  }
  .routeContainer .show-profile .navigation-tool-container {
    border: 0;
  }
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/footer/footer.scss ***!
  \************************************************************************************************************************************************************************************/
.footer-component-container {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 0;
  text-align: center;
  padding-top: 3px;
  font-size: 11px;
  background-color: #ffffff;
}
.footer-component-container .copy-right {
  display: inline-block;
  color: #4D4D4D;
  padding-right: 10px;
}
.footer-component-container .policy {
  display: inline-block;
  color: #4D4D4D;
  font-weight: normal;
  padding-right: 10px;
  cursor: pointer;
}
.footer-component-container .tc {
  display: inline-block;
  color: #4D4D4D;
  font-weight: normal;
  padding-right: 10px;
  cursor: pointer;
}
.footer-component-container .about {
  display: inline-block;
  color: #4D4D4D;
  padding-right: 10px;
  font-weight: normal;
  cursor: pointer;
}
.footer-component-container a {
  text-decoration: none;
}

.about-content-body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  text-align: justify;
}
.about-content-body .warning-popup-button-cancel {
  padding: 15px 15px 0 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.about-content-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.about-content-header .supportal-logo-container {
  width: 30px;
  border-right: 1px solid gray;
  padding-right: 10px;
  margin-right: 9px;
  box-sizing: border-box;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/text-field/text-field.scss ***!
  \********************************************************************************************************************************************************************************************/
.text-field-container .text-field {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 10px;
}
.text-field-container label {
  position: relative;
  padding-bottom: 8px;
  color: #485366;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  transition-property: top, font-size, line-height;
  transition-duration: 0.1s, 0.1s, 0.1s;
  transition-delay: 0.1s;
  max-width: 100%;
  margin-bottom: 5px;
}
.text-field-container .label-required::after {
  content: "*";
  display: inline-block;
  margin-left: 5px;
  color: red;
}
.text-field-container input {
  display: block;
  height: 25px;
  padding-bottom: 13px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #bec8d2;
  font-family: ArtifaktElement, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #000;
}
.text-field-container .instructions {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #485366;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/dropdown-field/dropdown-field.scss ***!
  \****************************************************************************************************************************************************************************************************/
.dropdown-field-container {
  min-width: 200px;
}
.dropdown-field-container .dropdown-label {
  color: #485366;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/search/search.scss ***!
  \************************************************************************************************************************************************************************************/
.search-text-container .hig__text-field {
  max-width: none;
  margin: 15px 0;
}
.search-text-container .hig__text-area__field {
  max-width: none;
  margin: 15px 0;
  width: 100%;
}

.active a {
  background-color: #087aad;
}

.search-main-container .heading-container h2 {
  font-size: 18px;
  color: #4D4D4D;
}
.search-main-container .search-component-contaner {
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  align-items: center;
}
.search-main-container .search-component-contaner .search-dropdown-container {
  display: flex;
  -ms-flex: 0 0;
  flex: 0 0;
  margin-top: -38px;
  margin-left: 20px;
}
.search-main-container .search-component-contaner .search-text-container {
  -ms-flex: 1 1;
  flex: 1 1;
}
.search-main-container .search-component-contaner .button-container {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.search-main-container .search-component-contaner .button-container .search-btn-container {
  -ms-flex: 0 0;
  flex: 0 0;
  margin: 0 20px;
  padding-bottom: 10px;
}
.search-main-container .search-component-contaner .button-container .clear-btn-container {
  -ms-flex: 0 0;
  flex: 0 0;
  margin: 20px 0;
  padding-bottom: 10px;
}
.search-main-container .all-region-search-dropdown-container {
  margin-left: 20px;
  min-width: 300px;
  max-width: 450px;
}
.search-main-container .all-region-search-dropdown-container .hig__text-field__content {
  min-width: 300px;
  max-width: 450px;
}
.search-main-container .all-region-search-dropdown-container .hig__dropdown {
  min-width: 300px;
  max-width: 450px;
}
.search-main-container .all-region-search-dropdown-container .hig__dropdown .hig__text-field {
  margin-bottom: 0;
}
.search-main-container .all-region-search-dropdown-container .hig__dropdown .hig__text-field .hig__text-field__instructions {
  margin-bottom: 4px;
}
.search-main-container .all-region-search-dropdown-container .hig__dropdown .hig__dropdown__menu {
  max-width: 450px;
  min-width: 300px;
}
@media all and (max-width: 768px) {
  .search-main-container .search-component-contaner {
    justify-content: left;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .search-main-container .search-component-contaner .search-dropdown-container {
    min-width: 250px;
    max-width: 250px;
  }
  .search-main-container .search-component-contaner .search-dropdown-container .hig__text-field__content {
    min-width: 250px;
    max-width: 250px;
  }
  .search-main-container .search-component-contaner .search-dropdown-container .hig__dropdown .hig__dropdown__menu {
    max-width: 250px;
    min-width: 250px;
  }
  .search-main-container .search-component-contaner .button-container {
    align-items: baseline;
  }
  .search-main-container .search-component-contaner .button-container .search-btn-container {
    margin-left: 0px;
    margin-top: 0px;
  }
}
@media all and (max-width: 600px) {
  .search-main-container .search-component-contaner {
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
  }
  .search-main-container .search-component-contaner .search-dropdown-container {
    margin-left: 0;
    margin-top: 0;
  }
}

div.search-text-container > div.hig__text-field {
  margin-top: 0;
  margin-bottom: 0;
}

.instructions {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #485366;
}

.gap-vertical {
  margin-top: 20px;
  margin-bottom: 10px;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/containers/dashboard/dashboard.scss ***!
  \******************************************************************************************************************************************************************************************/
.dashboard-container {
  display: flex;
  margin-left: 5%;
}
.dashboard-container .progress-loader {
  margin: auto;
}
.dashboard-container .dashboard-content-container {
  display: flex;
  width: 100%;
}
.dashboard-container .dashboard-content-container .left-section {
  flex: 1 1 100%;
  min-width: 950px;
}
.dashboard-container .dashboard-content-container .full-width {
  flex: 1;
  margin-right: 5%;
}
.dashboard-container .dashboard-content-container .right-section {
  flex: 1 0 100%;
  margin-left: 20px;
  max-width: 400px;
  border: 1px solid #ddd;
}
.dashboard-container .hig__progress-ring {
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 99;
}
.dashboard-container .search-text-container {
  margin-top: 0 !important;
}

.dashboard-progress-loader {
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 99;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/search-result/search-result.scss ***!
  \**************************************************************************************************************************************************************************************************/
.search-result-container {
  position: relative !important;
  color: #4D4D4D;
}
.search-result-container .result-instruction .bold-txt {
  font-weight: bold;
}
.search-result-container .result-content-container {
  margin-top: 20px;
  text-align: left;
}
.search-result-container .result-content-container .custom-expand-collapse .panel .panel__content {
  overflow-x: auto;
}
.search-result-container .result-content-container .no-result-container {
  width: 60%;
  transform: translate(40%, 50%);
  font-size: 19px;
  color: #4D4D4D;
}
.search-result-container .result-content-container .no-result-container .heading p .fa-lg {
  margin-left: 0px;
}

.panel .panel__content {
  padding-bottom: 0;
}
.panel .panel__content .next-page-buttons {
  padding: 0;
}

.no-result-warning-container {
  margin-bottom: 15px;
}

.no-result-warning {
  color: red;
  font-weight: bold;
}

.table-warning-title {
  color: red;
}

.button-container {
  display: flex;
  justify-content: flex-end;
}

.global-hubs-info-block {
  display: inline-flex;
  gap: 5px;
  align-items: center;
}
.global-hubs-info-block .info-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  color: #485366;
}

.global-hubs-pagination-component {
  display: inline-flex;
  box-sizing: border-box;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 25px;
  padding: 5px 0;
  background-color: #f5f5f5;
}
.global-hubs-pagination-component .hig__dropdown {
  min-width: 50px;
  max-width: 50px;
}
.global-hubs-pagination-component .hig__dropdown .hig__text-field {
  min-width: 50px;
  max-width: 50px;
  margin: 0;
}
.global-hubs-pagination-component .hig__dropdown .hig__text-field .hig__text-field__input {
  padding: 0;
}
.global-hubs-pagination-component .hig__dropdown .hig__text-field .hig__text-field__extra--dropdown-caret {
  bottom: 2px;
}
.global-hubs-pagination-component .hig__dropdown__menu {
  min-width: auto;
}
.global-hubs-pagination-component .hig__button-v1--size-standard {
  border: none;
  padding: 0;
  min-width: 25px;
  max-width: 25px;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/table/table.scss ***!
  \**********************************************************************************************************************************************************************************/
td,
th {
  padding: 12px 10px;
}

a {
  color: #0696d7;
  text-decoration: underline;
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

tr {
  border-bottom: 1px solid #F2F2F2;
}
tr td {
  color: #4D4D4D;
  white-space: nowrap;
}
tr td .btn-unassign {
  cursor: pointer;
  min-width: 116px;
  display: inline-block;
}
tr td .hig__text-field,
tr td .hig__dropdown {
  cursor: default;
  min-width: 170px;
  max-width: 170px;
  margin: 0px;
}
tr td .hig__text-field__input-wrapper {
  margin-bottom: auto;
}
tr td .hig__text-field__input-wrapper .hig__text-field__input {
  cursor: pointer;
}
tr td .hig__text-field__input-wrapper .hig__dropdown__menu {
  min-width: 170px;
}
tr td input[type=radio] {
  height: 16px;
  width: 100%;
}
tr td.columnFilter input {
  width: 100%;
  padding: 5px;
  border: 1px solid #ddd;
}

tr:nth-child(even) {
  background-color: #F7FCFE;
}

.text-green {
  color: green;
}

.text-gray {
  color: gray;
}

.table-container-wrapper .filterIcon {
  display: none;
}
.table-container-wrapper .space-separator {
  height: 20px;
}
.table-container-wrapper .table-component-container {
  margin-top: 10px;
}
.table-container-wrapper .table-component-container .load-more-container {
  margin: 15px 0px;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  color: #0696d7;
  font-weight: bold;
}
.table-container-wrapper .table-component-container .load-more-container span {
  cursor: pointer;
}
.table-container-wrapper .table-component-container .no-load-more-container {
  margin-bottom: 15px;
}
.table-container-wrapper .table-component-container .table-popup-container {
  position: fixed;
  z-index: 99;
}
.table-container-wrapper .table-component-container .table-popup-container .tableExtendPopup .hig__modal .hig__modal__modal-overlay .hig__modal__modal-window,
.table-container-wrapper .table-component-container .table-popup-container .tableExtendPopup .hig__modal .hig__modal__modal-overlay .hig__modal__modal-window--is-scrolling {
  width: 100% !important;
  height: 100% !important;
  max-width: none;
}
.table-container-wrapper .table-component-container .table-popup-container .tableExtendPopup .hig__modal .hig__modal__modal-overlay .hig__modal__modal-window .hig__modal__modal-header,
.table-container-wrapper .table-component-container .table-popup-container .tableExtendPopup .hig__modal .hig__modal__modal-overlay .hig__modal__modal-window--is-scrolling .hig__modal__modal-header {
  padding: 0 0;
  margin: 8px 32px 0 32px;
  padding-bottom: 8px;
  min-height: 44px;
}
.table-container-wrapper .table-component-container .table-popup-container .tableExtendPopup .filterIcon {
  display: inline;
  position: unset;
}

.panel .table-container-wrapper .filterIcon {
  display: inline;
  position: absolute;
  right: 5%;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/table/table-column.scss ***!
  \*****************************************************************************************************************************************************************************************/
.allowClick {
  cursor: pointer;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  position: absoulte;
}

.blockClick {
  cursor: default;
}

th {
  color: #AAAAAA;
}
th .columnHeader {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.sorted-column {
  color: #333333;
}

.fa-lg {
  margin-left: 10px;
}

.fa-hiden {
  opacity: 0;
}

.thead {
  position: relative;
  padding-right: 0px !important;
}

.selectAllCheckbox {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/table/table-row.scss ***!
  \**************************************************************************************************************************************************************************************/
.property-item-checked {
  cursor: pointer;
  transition: background-color 0.3s ease;
  background-color: lightgray !important;
}
.property-item-checked:hover {
  cursor: pointer;
  transition: background-color 0.3s ease;
  background-color: lightgray !important;
}

.property-item:hover {
  cursor: pointer;
  transition: background-color 0.3s ease;
  background-color: lightgray !important;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/custom-popup/custom-popup.scss ***!
  \************************************************************************************************************************************************************************************************/
.custom-popup-container .hig__modal .hig__modal__modal-overlay {
  z-index: 99999;
}
.custom-popup-container .hig__modal .hig__modal__modal-overlay .hig__modal__modal-window {
  border-radius: 10px;
  border: 3px solid #0671a1;
  width: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  max-height: none;
  height: auto;
}
.custom-popup-container .hig__modal .hig__modal__modal-overlay .hig__modal__modal-window .hig__modal__modal-header p {
  font-weight: bold;
}
.custom-popup-container .hig__modal .hig__modal__modal-overlay .hig__modal__modal-window .hig__modal__modal-body .hig__modal__modal-slot {
  overflow-y: auto;
}
.custom-popup-container.show .hig__modal__text-field__input-wrapper .hig__modal__text-field__label.hig__text-field__label--visible {
  height: 20px;
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/collapsible/collapsible.scss ***!
  \**********************************************************************************************************************************************************************************************/
.left-container {
  float: left;
  width: 10%;
}

.right-container {
  float: right;
  width: 90%;
}

.panel-title a {
  cursor: pointer;
}

.icon-graph {
  display: table-cell !important;
  vertical-align: middle;
}

.panel__header .custom-header a {
  color: #555;
  font-weight: bold;
  text-decoration: none;
}

.panel {
  border-color: #ddd;
}
.panel .panel__header {
  border-bottom: 0.5px solid #ddd;
  border-radius: 0;
}
.panel .panel__content {
  padding: 0 15px;
  border-top: none;
  overflow: auto;
}

.colapsible-content .panel:first-child {
  margin-top: 10px;
}

.panel__header-indicator {
  display: none;
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/collapsible/toggle-arrow.scss ***!
  \***********************************************************************************************************************************************************************************************/
.fa {
  display: inline-block;
  padding-right: 15px;
}

.icon-arr {
  color: #0696d7;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/warning-popup/warning-popup.scss ***!
  \**************************************************************************************************************************************************************************************************/
.hubExtendPopup.custom-popup-container.show .hig__modal__header,
.hubRenamePopup.custom-popup-container.show .hig__modal__header,
.hubWarningPopup.custom-popup-container.show .hig__modal__header,
.communityWarningPopup.custom-popup-container.show .hig__modal__header,
.userStatusWarningPopup.custom-popup-container.show .hig__modal__header,
.hubContractAssignPopUp.custom-popup-container.show .hig__modal__header,
.hubUserRoleWarningPopup.custom-popup-container.show .hig__modal__header,
.oxygenUserAdditionPopup.custom-popup-container.show .hig__modal__header,
.hubManagementPopUp.custom-popup-container.show .hig__modal__header,
.hubOwnerTransferencePopup.custom-popup-container.show .hig__modal__header {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.hubExtendPopup.custom-popup-container.show .hig__modal__header .hig__modal__close-button,
.hubRenamePopup.custom-popup-container.show .hig__modal__header .hig__modal__close-button,
.hubWarningPopup.custom-popup-container.show .hig__modal__header .hig__modal__close-button,
.communityWarningPopup.custom-popup-container.show .hig__modal__header .hig__modal__close-button,
.userStatusWarningPopup.custom-popup-container.show .hig__modal__header .hig__modal__close-button,
.hubContractAssignPopUp.custom-popup-container.show .hig__modal__header .hig__modal__close-button,
.hubUserRoleWarningPopup.custom-popup-container.show .hig__modal__header .hig__modal__close-button,
.oxygenUserAdditionPopup.custom-popup-container.show .hig__modal__header .hig__modal__close-button,
.hubManagementPopUp.custom-popup-container.show .hig__modal__header .hig__modal__close-button,
.hubOwnerTransferencePopup.custom-popup-container.show .hig__modal__header .hig__modal__close-button {
  position: relative;
  top: auto;
  right: auto;
}
.hubExtendPopup.custom-popup-container.show .hig__modal__header span.hig__modal__header-title,
.hubRenamePopup.custom-popup-container.show .hig__modal__header span.hig__modal__header-title,
.hubWarningPopup.custom-popup-container.show .hig__modal__header span.hig__modal__header-title,
.communityWarningPopup.custom-popup-container.show .hig__modal__header span.hig__modal__header-title,
.userStatusWarningPopup.custom-popup-container.show .hig__modal__header span.hig__modal__header-title,
.hubContractAssignPopUp.custom-popup-container.show .hig__modal__header span.hig__modal__header-title,
.hubUserRoleWarningPopup.custom-popup-container.show .hig__modal__header span.hig__modal__header-title,
.oxygenUserAdditionPopup.custom-popup-container.show .hig__modal__header span.hig__modal__header-title,
.hubManagementPopUp.custom-popup-container.show .hig__modal__header span.hig__modal__header-title,
.hubOwnerTransferencePopup.custom-popup-container.show .hig__modal__header span.hig__modal__header-title {
  font-size: 20px;
}

.hubManagementJobDetailsCustomPopup {
  max-height: 60vh;
}

.warning-popup {
  display: flex;
  flex-direction: column;
}
.warning-popup .trasnfer-owner-warning {
  font-family: ArtifaktElement, sans-serif;
  font-weight: 500;
  color: red;
  min-height: 40px;
}

.warning-popup-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.warning-popup-red button.hig__button--secondary {
  background: red;
  color: #ffffff;
}
.warning-popup-red button.hig__button--secondary:hover {
  background: red;
}

.userStatusWarningPopup .warning-popup-red button.hig__button--secondary {
  background: red;
  color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
}
.userStatusWarningPopup .warning-popup-red button.hig__button--secondary:hover {
  background: red;
}

.hig__modal__window.hig__modal__window--standard {
  border-radius: 10px;
}

@media all and (max-width: 600px) {
  .warning-popup .warning-popup-buttons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
  }
}
@media all and (max-width: 500px) {
  .warning-popup .warning-popup-buttons {
    flex-direction: column;
    align-items: center;
  }
  .warning-popup .warning-popup-buttons a {
    margin-top: 10px;
    margin-left: 0px;
  }
  .hubExtendPopup.custom-popup-container.show .hig__modal__window.hig__modal__window--standard .hig__modal__header .hig__icon.hig__icon--24-size,
  .hubRenamePopup.custom-popup-container.show .hig__modal__window.hig__modal__window--standard .hig__modal__header .hig__icon.hig__icon--24-size,
  .hubWarningPopup.custom-popup-container.show .hig__modal__window.hig__modal__window--standard .hig__modal__header .hig__icon.hig__icon--24-size,
  .communityWarningPopup.custom-popup-container.show .hig__modal__window.hig__modal__window--standard .hig__modal__header .hig__icon.hig__icon--24-size,
  .userStatusWarningPopup.custom-popup-container.show .hig__modal__window.hig__modal__window--standard .hig__modal__header .hig__icon.hig__icon--24-size,
  .hubContractAssignPopUp.custom-popup-container.show .hig__modal__window.hig__modal__window--standard .hig__modal__header .hig__icon.hig__icon--24-size,
  .hubUserRoleWarningPopup.custom-popup-container.show .hig__modal__window.hig__modal__window--standard .hig__modal__header .hig__icon.hig__icon--24-size,
  .oxygenUserAdditionPopup.custom-popup-container.show .hig__modal__window.hig__modal__window--standard .hig__modal__header .hig__icon.hig__icon--24-size,
  .hubManagementPopUp.custom-popup-container.show .hig__modal__window.hig__modal__window--standard .hig__modal__header .hig__icon.hig__icon--24-size,
  .hubOwnerTransferencePopup.custom-popup-container.show .hig__modal__window.hig__modal__window--standard .hig__modal__header .hig__icon.hig__icon--24-size {
    width: 50%;
  }
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/custom-response/custom-response.scss ***!
  \******************************************************************************************************************************************************************************************************/
.dryrun-response-container .custom-response .service-container .custom-expand-collapse .panel, .final-response-container .custom-response .service-container .custom-expand-collapse .panel {
  margin-bottom: 5px;
}

.no-service-content-container .service-warning-title {
  color: red;
}

.table-warning-title {
  margin-bottom: 10px;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/extend-user-trial/extend-user-trial.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.extend-user-trial-content-container .extend-user-trial-content {
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.extend-user-trial-content-container .extend-user-trial-content .extend-user-trial-input {
  flex-grow: 2;
  margin-right: 20px;
}
.extend-user-trial-content-container .extend-user-trial-content .btn-change {
  flex-grow: 0;
}
.extend-user-trial-content-container .extend-user-trial-content .extend-user-trial-name-form {
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: space-around;
  flex-grow: 2;
}
.extend-user-trial-content-container .extend-user-trial-content .extend-user-trial-name-form .extend-user-trial-form-texfield-loader {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 2;
}
.extend-user-trial-content-container .extend-trial-note {
  font-family: ArtifaktElement, sans-serif;
  font-weight: 500;
  color: green;
  min-height: 40px;
}
.extend-user-trial-content-container .note-container {
  margin-top: 20px;
}
.extend-user-trial-content-container .note-container span {
  margin-right: 5px;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/properties-panel/properties-panel.scss ***!
  \********************************************************************************************************************************************************************************************************/
.properties-panel-attributes {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  position: relative;
  border-radius: 4px;
  font-family: Arial, sans-serif;
  color: #333;
}

.properties-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
  padding: 15px 10px;
  font-weight: bold;
}

.properties-panel-title {
  font-size: 18px;
  font-weight: bold;
  margin: 16px 0;
  display: flex;
  align-items: center;
  padding: 16px;
  justify-content: space-between;
}
.properties-panel-title .properties-panel-default-badge {
  margin-left: 8px;
  background: #f5f5f5;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  color: #666;
}

.properties-panel-attributes-list {
  display: flex;
  flex-direction: column;
  padding: 0 16px;
}
.properties-panel-attributes-list .attribute {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #F2F2F2;
}
.properties-panel-attributes-list .attribute:nth-child(even) {
  background-color: #F7FCFE;
}
.properties-panel-attributes-list .attribute:last-child {
  border-bottom: none;
}

.property-label {
  font-size: 14px !important;
  text-align: left;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  color: #AAA !important;
  font-weight: bold !important;
  padding-bottom: 0 !important;
}

.property-value {
  font-size: 14px !important;
  color: #333;
  flex: 1;
  text-align: left;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.property-value-tooltip {
  content: attr(data-tooltip);
  overflow: visible;
  text-overflow: inherit;
  background: #fff;
  position: absolute;
  left: auto;
  top: auto;
  width: auto;
  max-width: 20rem;
  border: 1px solid #eaebec;
  padding: 0 0.5rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.28);
  white-space: normal;
  word-wrap: break-word;
  display: block;
  color: black;
  margin-top: -1.25rem;
}

.property-value-dropdown {
  display: flex;
  flex: 0;
  max-width: 150px;
  min-width: 150px;
}
.property-value-dropdown .hig__dropdown {
  max-width: 150px;
  min-width: 150px;
}
.property-value-dropdown .hig__text-field__content {
  flex: 0 0 auto;
}
.property-value-dropdown .hig_dropdown {
  max-width: 150px;
  min-width: 150px;
}
.property-value-dropdown .hig__text-field {
  max-width: 150px;
  min-width: 150px;
  margin-bottom: 0;
  margin-top: 10px;
}
.property-value-dropdown .hig__dropdown__menu {
  max-width: 150px;
  min-width: 150px;
}

.property-value-link {
  color: #007bff;
  text-decoration: none;
  font-size: 15px;
  cursor: pointer;
  flex: 1;
  max-width: 150px;
}
.property-value-link:hover {
  text-decoration: underline;
}

.properties-panel-loader {
  position: absolute;
  top: 50%;
  right: 10%;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/containers/hubdetail/hubdetail.scss ***!
  \******************************************************************************************************************************************************************************************/
.hubdetail-container {
  margin: 20px 5% 20px 5%;
}
.hubdetail-container .show-back-link {
  display: block;
}
.hubdetail-container .hidden-back-link {
  display: none;
}
.hubdetail-container .bread-crum-container {
  color: #4D4D4D;
  font-weight: bold;
  margin-bottom: 25px;
}
.hubdetail-container .bread-crum-container a {
  color: #0696d7;
  text-decoration: underline;
  cursor: pointer;
}
.hubdetail-container .bread-crum-container i {
  margin-right: 10px;
}
.hubdetail-container .bread-crum-container a:focus, .hubdetail-container .bread-crum-container a:hover {
  color: #23527c;
}
.hubdetail-container .back-link-container {
  color: #4D4D4D;
  font-weight: bold;
  margin-bottom: 15px;
}
.hubdetail-container .back-link-container a {
  color: #0696d7;
  text-decoration: none;
  cursor: pointer;
}
.hubdetail-container .back-link-container a i {
  margin-right: 10px;
  margin-left: 0px;
}
.hubdetail-container .back-link-container a:focus, .hubdetail-container .back-link-container a:hover {
  color: #23527c;
}
.hubdetail-container .hub-detail-header {
  background-color: gray;
  padding: 20px 10px;
  color: #ffffff;
}
.hubdetail-container .hub-detail-header .hub-title-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
}
.hubdetail-container .hub-detail-header .hub-title-container .renameHub {
  font-size: 14px;
  color: orange;
  margin-left: 20px;
  cursor: pointer;
}
.hubdetail-container .hub-detail-header .hub-title-container .renameHub i {
  margin-right: -10px;
}
.hubdetail-container .hub-detail-header .hub-title-container .hub-rename-disable {
  opacity: 0.5;
}
.hubdetail-container .hub-detail-header .hub-title-container .extendHub {
  color: orange;
  margin-left: 20px;
  cursor: pointer;
  font-size: 14px;
}
.hubdetail-container .hub-detail-header .hub-title-container .extendHub i {
  margin-right: -10px;
}
.hubdetail-container .hub-detail-header .hub-corpid-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.hubdetail-container .hub-detail-header .hub-corpid-container .ans-value {
  display: flex;
  margin-right: 20px;
  font-weight: bold;
}
.hubdetail-container .hub-detail-header .hub-corpid-container .qparam {
  margin-right: 5px;
}
.hubdetail-container .hub-detail-header .hub-wipid-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.hubdetail-container .hub-detail-header .hub-wipid-container .ans-value {
  display: flex;
  margin-right: 20px;
  font-weight: bold;
}
.hubdetail-container .hub-detail-header .hub-wipid-container .qparam {
  margin-right: 5px;
}
@media all and (max-width: 500px) {
  .hubdetail-container .hub-detail-header .hub-title-container {
    display: flex;
    flex-flow: column;
  }
}
.hubdetail-container .hub-detail-header .gdpr-dropdown-actions {
  color: black;
  font-size: 14px;
  padding: 0px 10px;
}
.hubdetail-container .hub-detail-header .gdpr-dropdown-actions input {
  color: #ffffff;
}
.hubdetail-container .hub-detail-header .gdpr-dropdown-actions .hig__dropdown label {
  color: orange;
}
.hubdetail-container .hub-detail-header .gdpr-dropdown-actions .hig__dropdown .hig__text-field {
  margin: 0 0px;
}
.hubdetail-container .hub-detail-header .gdpr-dropdown-actions .hig__dropdown .hig__text-field .hig__text-field__content .hig__text-field__input-wrapper .hig__text-field__input {
  cursor: pointer;
}
.hubdetail-container .hub-detail-header .gdpr-dropdown-actions .hig__dropdown .hig__text-field .hig__text-field__content .hig__text-field__input-wrapper .hig__text-field__label {
  cursor: pointer;
}
.hubdetail-container .hub-detail-header .hub-content-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.hubdetail-container .hub-detail-header .hub-content-container .hub-content-data-wrapper {
  display: flex;
}
.hubdetail-container .hub-detail-header .hub-content-container .param-wrapper {
  display: flex;
}
.hubdetail-container .hub-detail-header .hub-content-container .ans-value {
  display: flex;
  margin-right: 20px;
  font-weight: bold;
}
.hubdetail-container .hub-detail-header .hub-content-container .qparam {
  margin-right: 5px;
}
.hubdetail-container .hub-detail-header .hub-content-container .hover {
  cursor: default;
}
.hubdetail-container .hub-detail-header .hub-content-container .hig__progress-ring {
  height: 20px;
  width: 20px;
}
@media all and (max-width: 850px) {
  .hubdetail-container .hub-detail-header .hub-content-container .gdpr-dropdown-actions .hig__text-field__content {
    min-width: 250px;
    max-width: 250px;
  }
  .hubdetail-container .hub-detail-header .hub-content-container .gdpr-dropdown-actions .hig__dropdown .hig__dropdown__menu {
    max-width: 250px;
    min-width: 250px;
  }
}
@media all and (max-width: 700px) {
  .hubdetail-container .hub-detail-header .hub-content-container {
    flex-flow: row wrap;
    justify-content: flex-start;
  }
  .hubdetail-container .hub-detail-header .hub-content-container .gdpr-dropdown-actions {
    padding-top: 10px;
    padding-left: 0px;
  }
  .hubdetail-container .hub-detail-header .hub-content-container .gdpr-dropdown-actions .hig__text-field__content {
    min-width: 200px;
    max-width: 200px;
  }
  .hubdetail-container .hub-detail-header .hub-content-container .gdpr-dropdown-actions .hig__dropdown .hig__dropdown__menu {
    max-width: 200px;
    min-width: 200px;
  }
}
.hubdetail-container .hub-detail-header .hub-content-container-status {
  display: flex;
  flex-flow: row wrap;
  flex-basis: auto;
  flex-grow: 4;
}
.hubdetail-container .hub-detail-header .hub-content-container-gdpr {
  display: flex;
  align-items: flex-end;
  flex-basis: content;
  flex-grow: 1;
}
.hubdetail-container .hub-detail-content {
  background-color: #F8F8F8;
  min-height: 100px;
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
}
.hubdetail-container .hub-detail-content .qparam {
  margin-top: 10px;
  min-height: 20px;
}
.hubdetail-container .hub-detail-content .ans-value {
  display: flex;
  font-weight: bold;
  min-height: 20px;
}
.hubdetail-container .hub-detail-content .col-1, .hubdetail-container .hub-detail-content .col-2, .hubdetail-container .hub-detail-content .col-3 {
  -ms-flex: 1 1;
  flex: 1 1;
}
.hubdetail-container .contract-detail-container {
  margin-top: 10px;
}
.hubdetail-container .project-detail-container .custom-expand-collapse .panel .panel-collapse, .hubdetail-container .member-detail-container .custom-expand-collapse .panel .panel-collapse, .hubdetail-container .contract-detail-container .custom-expand-collapse .panel .panel-collapse {
  overflow-x: auto;
}
.hubdetail-container div.collapsible-blocks .hig__progress-ring {
  position: absolute;
  top: 60%;
  right: 50%;
  z-index: 99;
}
.hubdetail-container .warning-popup-buttons.warning-popup-red .hig__button.hig__button--standard.hig__button--secondary {
  padding: 0px 5px;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/hub-rename/hub-rename.scss ***!
  \********************************************************************************************************************************************************************************************/
.hub-rename-content-container .hub-rename-content {
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.hub-rename-content-container .hub-rename-content .current-hub-name {
  flex-grow: 0;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hub-rename-content-container .hub-rename-content .new-hub-input {
  flex-grow: 2;
  margin-right: 20px;
}
.hub-rename-content-container .hub-rename-content .new-hub-input .hig__text-field {
  margin: 0 0;
  min-width: unset;
  max-width: unset;
}
.hub-rename-content-container .hub-rename-content .btn-change {
  flex-grow: 0;
}
.hub-rename-content-container .hub-rename-content .current-hub-name-form {
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: space-around;
  flex-grow: 2;
}
.hub-rename-content-container .hub-rename-content .current-hub-name-form .current-hub-name-form-texfield-loader {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 2;
}
.hub-rename-content-container .hub-rename-note {
  font-family: ArtifaktElement, sans-serif;
  font-weight: 500;
  color: red;
  min-height: 40px;
}
.hub-rename-content-container .note-container {
  margin-top: 20px;
}
.hub-rename-content-container .note-container span {
  margin-right: 5px;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/hub-trial-extend/hub-trial-extend.scss ***!
  \********************************************************************************************************************************************************************************************************/
.hub-extend-content .current-hub-name {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}
.hub-extend-content .option-main-container {
  display: flex;
  flex-direction: column;
}
.hub-extend-content .option-main-container .option-container {
  display: flex;
}
.hub-extend-content .option-main-container .option-container .hig__input-button--radio {
  flex-direction: row;
}
.hub-extend-content .option-main-container .option-container .input-container {
  margin-left: 25px;
}
.hub-extend-content .option-main-container .option-container .input-container .hig__text-field {
  margin: 0 0;
  min-width: 100px;
}
.hub-extend-content .option-main-container .option-container .input-container .hig__text-field .hig__text-field__content .hig__text-field__input-wrapper .hig__text-field__input {
  font-size: 12px;
  padding-bottom: 10px;
}
.hub-extend-content .option-main-container .option-container .input-container .hig__text-field .hig__text-field__content .hig__text-field__input-wrapper .hig__text-field__label {
  font-size: 12px;
  padding-bottom: 0px;
}
.hub-extend-content .option-main-container .option-container.trial-extend {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.hub-extend-content .option-main-container .mark-unlimited {
  margin-top: 0;
}
.hub-extend-content .option-main-container .demark-unlimited {
  margin-top: 5px;
}
.hub-extend-content .btn-submit-container {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-content: flex-end;
  align-items: center;
}
.hub-extend-content .btn-submit-container i {
  margin-right: 20px;
}
.hub-extend-content .note-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: inherit;
  justify-content: center;
  margin-top: 20px;
  margin-right: 20px;
}
.hub-extend-content .note-demark-unlimited {
  margin-left: 2%;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/radio-button/radio-button.scss ***!
  \************************************************************************************************************************************************************************************************/
.radio-button-container .radio-button {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.radio-button-container .radio-button input {
  margin: 0 !important;
}
.radio-button-container .radio-button label {
  font-size: 14px;
  font-weight: 400;
  font-family: "ArtifaktElement", sans-serif;
  color: #485366;
  margin: 8px;
  line-height: 14px;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/hub-contract-assign/hub-contract-assign.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.contract-assign-popup-container .hub-contract-assign .hig__text-field {
  margin: 0 0;
  min-width: unset;
  max-width: 70%;
}
.contract-assign-popup-container .hub-contract-assign .warning-popup-buttons.warning-popup-red {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  gap: 10px;
}
.contract-assign-popup-container .hub-contract-assign .warning-popup-buttons.warning-popup-red button {
  width: 80px;
}
.contract-assign-popup-container .hub-contract-assign .warning-popup-buttons.warning-popup-red button.hig__button--secondary {
  padding-left: 5px;
  padding-right: 5px;
}
@media all and (max-width: 600px) {
  .contract-assign-popup-container .warning-popup-buttons.warning-popup-red {
    flex-direction: column;
    align-items: center;
  }
  .contract-assign-popup-container .warning-popup-buttons.warning-popup-red a {
    margin-top: 10px;
    margin-left: 0px;
  }
  .contract-assign-popup-container .hub-contract-assign .hig__text-field {
    max-width: unset;
  }
  .contract-assign-popup-container .hubContractAssignPopUp.custom-popup-container.show .hig__modal__header span.hig__modal__header-title {
    font-size: 14px;
  }
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/containers/oxygen/oxygen.scss ***!
  \************************************************************************************************************************************************************************************/
.oxygen-search-container {
  margin: 20px 5% 20px 5%;
}
.oxygen-search-container .custom-expand-collapse .panel-default .panel-collapse .panel-body {
  padding: 15px 15px 10px 15px;
}
.oxygen-search-container .custom-expand-collapse .panel-default .panel-collapse .panel-body .table-component-container {
  overflow-x: auto;
}
.oxygen-search-container .hig__progress-ring {
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 99;
}
.oxygen-search-container .search-main-container {
  margin-bottom: 20px;
}
.oxygen-search-container .add_group_button {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}
.oxygen-search-container .search-text-container {
  display: flex;
  gap: 20px;
  margin-top: 0 !important;
}
.oxygen-search-container .search-text-container .text-field-container {
  width: -webkit-fill-available;
}

.no-result-warning-container {
  margin-bottom: 5px;
}

.no-result-warning {
  color: red;
  font-weight: bold;
}

div.search-text-container > div.hig__text-field {
  width: 100%;
  flex: 1;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/oxygen-user-addition/oxygen-user-addition.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.oxygen-search-container .oxygen-user-addition .oxygen-user-addition-form {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  align-items: baseline;
}
.oxygen-search-container .oxygen-user-addition .oxygen-user-addition-form .oxygen-tenantId-field div.hig__text-field, .oxygen-search-container .oxygen-user-addition .oxygen-user-addition-form .oxygen-groupId-field div.hig__text-field {
  min-width: unset;
  max-width: unset;
  margin-right: 10px;
}
.oxygen-search-container .oxygen-user-addition .oxygen-user-addition-form .warning-popup-buttons.warning-popup-red {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
}
@media all and (max-width: 600px) {
  .oxygen-search-container .oxygen-user-addition .oxygen-user-addition-form .warning-popup-buttons.warning-popup-red {
    justify-content: center;
  }
}
@media all and (max-width: 500px) {
  .oxygen-search-container .oxygen-user-addition .oxygen-user-addition-form .warning-popup-buttons.warning-popup-red {
    flex-direction: column;
    margin: auto;
  }
  .oxygen-search-container .oxygen-user-addition .oxygen-user-addition-form .warning-popup-buttons.warning-popup-red a {
    margin-top: 10px;
    margin-left: 0px;
  }
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/containers/login/login.scss ***!
  \**********************************************************************************************************************************************************************************/
.hide-content {
  visibility: hidden;
}

.show-content {
  visibility: visible;
}

.login-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.login-container .top-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.login-container .top-container .logo-container img {
  width: 360px;
  height: 60px;
}
.login-container .top-container .description-container {
  margin: 20px 0px 40px 0px;
}
.login-container .top-container .login-button-container {
  margin-bottom: 65px;
}
.login-container .adsk-brand-container {
  display: flex;
  flex-direction: row;
  padding-top: 50px;
  border-top: solid lightgray 1px;
}
.login-container .adsk-brand-container img {
  margin: 0px 40px;
  height: 50px;
}
.login-container .hig__progress-ring, .login-container .progress-loader {
  visibility: visible;
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 99;
}

@media screen and (max-width: 900px) {
  .login-container .top-container .login-button-container {
    margin-bottom: 35px;
  }
  .login-container .adsk-brand-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 25px;
  }
  .login-container .adsk-brand-container img {
    margin: 20px 20px;
  }
}
@media screen and (max-width: 400px) {
  .login-container .top-container .logo-container img {
    max-width: 250px;
  }
  .login-container .top-container .description-container {
    margin-bottom: 5px;
  }
  .login-container .top-container .login-button-container {
    margin-bottom: 15px;
  }
  .login-container .adsk-brand-container {
    max-height: 300px;
    padding-top: 10px;
  }
  .login-container .adsk-brand-container img {
    max-width: 220px;
    max-height: 40px;
  }
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/containers/migration-scheduler/migration-scheduler.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.migration-container {
  margin: 20px 5% 20px 5%;
}
.migration-container .hig__progress-ring {
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 99;
}
.migration-container .warning-popup .hig__modal__window {
  min-height: 150px;
  max-width: 600px;
}
.migration-container .warning-popup .warning-popup-buttons {
  align-content: center;
}
.migration-container .warning-popup .hig__button--standard {
  min-width: 100px;
}
.migration-container .migration-config .hig__modal__window {
  min-height: 350px;
}
.migration-container .hig__dropdown__menu,
.migration-container .hig__text-field,
.migration-container .hig__dropdown {
  min-width: 200px;
  max-width: 200px;
}
.migration-container .hig__dropdown * {
  max-width: 200px;
}
.migration-container .hig__text-area__field {
  margin: 0;
}
.migration-container .search-component-contaner {
  max-height: 150px;
}
.migration-container .pim_table_content {
  overflow-x: auto;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/migration-options/migration-options.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.migration-text-container .hig__text-field {
  max-width: none;
  margin: 15px 0;
}
.migration-text-container .hig__text-area__field {
  max-width: none;
  margin: 15px 0;
  width: 100%;
}

.active a {
  background-color: #087aad;
}

.migration-main-container .heading-container h2 {
  font-size: 18px;
  color: #4D4D4D;
}
.migration-main-container .migration-component-contaner {
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  align-items: center;
}
.migration-main-container .migration-component-contaner .migration-dropdown-container {
  -ms-flex: 0 0;
  flex: 0 0;
  display: flex;
  margin-top: -20px;
  margin-left: 20px;
}
.migration-main-container .migration-component-contaner .migration-text-container {
  -ms-flex: 1 1;
  flex: 1 1;
}
.migration-main-container .migration-component-contaner .button-container {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.migration-main-container .migration-component-contaner .button-container .migration-btn-container {
  -ms-flex: 0 0;
  flex: 0 0;
  margin-left: 20px;
  padding-bottom: 10px;
}
.migration-main-container .migration-component-contaner .button-container .clear-btn-container {
  -ms-flex: 0 0;
  flex: 0 0;
  margin: 20px;
  padding-bottom: 10px;
}
@media all and (max-width: 768px) {
  .migration-main-container .migration-component-contaner {
    justify-content: left;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .migration-main-container .migration-component-contaner .migration-dropdown-container {
    min-width: 250px;
    max-width: 250px;
  }
  .migration-main-container .migration-component-contaner .migration-dropdown-container .hig__text-field__content {
    min-width: 250px;
    max-width: 250px;
  }
  .migration-main-container .migration-component-contaner .migration-dropdown-container .hig__dropdown .hig__dropdown__menu {
    max-width: 250px;
    min-width: 250px;
  }
  .migration-main-container .migration-component-contaner .button-container {
    align-items: baseline;
  }
  .migration-main-container .migration-component-contaner .button-container .migration-btn-container {
    margin-left: 0px;
    margin-top: 0px;
  }
}
@media all and (max-width: 600px) {
  .migration-main-container .migration-component-contaner {
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
  }
  .migration-main-container .migration-component-contaner .migration-dropdown-container {
    margin-left: 0px;
    margin-top: 0px;
  }
}

div.migration-text-container > div.hig__text-field {
  margin-top: 0px;
  margin-bottom: 0px;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/containers/gdpr-manual-tools/gdpr-manual-tools.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.gdpr-manual-tools-container {
  margin: 20px 5% 20px 5%;
}
.gdpr-manual-tools-container .hig__progress-ring {
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 99;
}
.gdpr-manual-tools-container .hig__dropdown__menu,
.gdpr-manual-tools-container .hig__text-field,
.gdpr-manual-tools-container .hig__dropdown {
  min-width: 200px;
  max-width: 200px;
}
.gdpr-manual-tools-container .hig__dropdown * {
  max-width: 200px;
}
.gdpr-manual-tools-container .hig__text-area__field {
  margin: 0;
}
.gdpr-manual-tools-container .search-component-contaner {
  max-height: 150px;
}
.gdpr-manual-tools-container .gdpr_table_content {
  overflow-x: auto;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/notification/notification.scss ***!
  \************************************************************************************************************************************************************************************************/
.notification-component-container {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
  background-color: rgb(235, 73, 73);
  opacity: 0.95;
  z-index: 9999;
  color: #ffffff;
  text-align: center;
}
.notification-component-container .notification-content {
  display: flex;
}
.notification-component-container .notification-content .notification-content-container {
  flex-grow: 1;
}
.notification-component-container .notification-content .notification-content-container .access-warning-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.notification-component-container .notification-content .notification-content-container .access-warning-container div {
  display: flex;
  padding-right: 5px;
}
.notification-component-container .notification-content .notification-content-container .access-warning-container div a,
.notification-component-container .notification-content .notification-content-container .access-warning-container div a:hover {
  color: #ffffff;
  font-weight: bold;
}
.notification-component-container .notification-content .notification-content-container .access-warning-container div.hig__icon.hig__icon--24-size {
  visibility: hidden;
}
.notification-component-container .notification-content .notification-content-container .access-warning-container a.pseudoLink,
.notification-component-container .notification-content .notification-content-container .access-warning-container a:hover,
.notification-component-container .notification-content .notification-content-container .access-warning-container a:visited {
  text-recoration: underline;
  cursor: pointer;
  color: #ffffff;
  font-weight: bold;
}
@media all and (max-width: 710px) {
  .notification-component-container .notification-content .notification-content-container .access-warning-container div.divWrapper {
    flex-flow: row wrap;
    justify-content: center;
  }
  .notification-component-container .notification-content .notification-content-container .access-warning-container div.hig__icon {
    width: 0px;
    height: 0px;
  }
}
.notification-component-container .notification-content .notification-btn-container {
  flex-grow: 0;
}
.notification-component-container .notification-content .notification-btn-container i {
  cursor: pointer;
}

.generic-notification {
  background-color: #87bc40;
}

.hig__modal-window {
  width: 600px !important;
  border: 3px solid #0671a1;
  max-height: none !important;
  height: auto !important;
  border-radius: 10px !important;
}
.hig__modal-window div.notificationList div.access-warning-container {
  margin-bottom: 5px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: left;
  padding-left: 5px;
  gap: 8px;
}
.hig__modal-window div.notificationList div.access-warning-container div {
  padding-right: 5px;
}
.hig__modal-window div.notificationList div.access-warning-container div a,
.hig__modal-window div.notificationList div.access-warning-container div a:hover,
.hig__modal-window div.notificationList div.access-warning-container div a:visited {
  font-weight: bold;
}
.hig__modal-window div.notificationList div.access-warning-container div.divWrapper {
  width: 100%;
  margin-top: 5px;
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
}
.hig__modal-window div.notificationList div.access-warning-container svg {
  stroke: rgb(235, 73, 73);
  stroke-width: 1;
  margin-top: 8px !important;
}
.hig__modal-window div.notificationList div.access-warning-container .complete {
  stroke: #87bc40 !important;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/containers/restrict-search/restrict-search.scss ***!
  \******************************************************************************************************************************************************************************************************/
.restrict-search-container {
  margin: 20px 5% 20px 5%;
}
.restrict-search-container div .custom-expand-collapse .panel .panel-collapse {
  overflow-x: auto;
}
.restrict-search-container div #action_container #col_header_action_container p {
  color: blue;
}
.restrict-search-container .search-text-container {
  margin-top: 0 !important;
}
.restrict-search-container .service-container {
  margin-bottom: 20px;
}
.restrict-search-container .service-container .custom-expand-collapse .panel .panel__content .colapsible-content {
  padding-bottom: 10px;
}
.restrict-search-container .service-container .custom-expand-collapse .panel .panel__content .colapsible-content .tableContainer .custom-expand-collapse .panel {
  margin-bottom: 5px;
}
.restrict-search-container .service-container .custom-expand-collapse .panel .panel__content .colapsible-content .tableContainer .table-header {
  font-size: 16px;
  padding: 10px 0px;
  text-align: center;
}
.restrict-search-container .service-container .custom-expand-collapse .panel .panel__content .colapsible-content .tableContainer .table-container {
  overflow-x: auto;
  text-align: left;
  border: 1px solid #F2F2F2;
}
.restrict-search-container .service-container .custom-expand-collapse .panel .panel__content .colapsible-content .no-service-content-container .service-warning-title {
  color: red;
}

.no-result-container {
  font-size: 19px;
  color: #4D4D4D;
  width: 60%;
  transform: translate(40%, 50%);
}
.no-result-container .heading p .fa-lg {
  margin-left: 0px;
}

@media all and (max-width: 600px) {
  .no-result-container {
    display: inline;
  }
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/email-conflict/email-conflict.scss ***!
  \****************************************************************************************************************************************************************************************************/
.email-conflict-container .hig__text-field {
  max-width: 100%;
  min-width: 70%;
}
.email-conflict-container .old-email-container .hig__text-field .hig__text-field__content p, .email-conflict-container .new-email-continer .hig__text-field .hig__text-field__content p {
  color: red;
  font-weight: bold;
}
.email-conflict-container .old-email-container .hig__text-field .hig__text-field__content .hig__text-field__label:after, .email-conflict-container .new-email-continer .hig__text-field .hig__text-field__content .hig__text-field__label:after {
  color: red;
}
.email-conflict-container .old-email-container .hig__text-field .hig__text-field__content .hig__text-field__required-notice, .email-conflict-container .new-email-continer .hig__text-field .hig__text-field__content .hig__text-field__required-notice {
  display: none;
}
.email-conflict-container .dryrun-container .dryrun-response-container, .email-conflict-container .submit-response-container {
  width: 100%;
  margin-top: 20px;
  overflow-y: auto;
  padding: 20px;
  border: solid 1px black;
  padding-bottom: 0px;
  margin-bottom: 15px;
}
.email-conflict-container .submit-btn-container {
  margin-top: 20px;
}
.email-conflict-container .dry-run-btn-container, .email-conflict-container .submit-btn-container {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-bottom: 10px;
}
.email-conflict-container .dry-run-btn-container .btn-result-message, .email-conflict-container .submit-btn-container .btn-result-message {
  font-weight: bold;
  color: green;
  margin-left: 20px;
}
.email-conflict-container .email-note {
  font-family: ArtifaktElement, sans-serif;
  font-weight: bold;
  color: red;
  min-height: 40px;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/hub-failures/hub-failures.scss ***!
  \************************************************************************************************************************************************************************************************/
.hub-failures-container .txnid-container .hig__text-field {
  max-width: 100%;
  min-width: 70%;
  margin: 0px;
}
.hub-failures-container .txnid-container .hig__text-field .hig__text-field__content p {
  color: red;
  font-weight: bold;
}
.hub-failures-container .txnid-container .hig__text-field .hig__text-field__content .hig__text-field__label:after {
  color: red;
}
.hub-failures-container .txnid-container .hig__text-field .hig__text-field__content .hig__text-field__required-notice {
  display: none;
}
.hub-failures-container .dry-run-btn-container {
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
}
.hub-failures-container .dry-run-btn-container .resume-btn-container, .hub-failures-container .dry-run-btn-container .skip-btn-container {
  margin-right: 20px;
}
.hub-failures-container .dry-run-btn-container, .hub-failures-container .submit-btn-container {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.hub-failures-container .dry-run-btn-container .btn-result-message, .hub-failures-container .submit-btn-container .btn-result-message {
  font-weight: bold;
  color: green;
  margin-left: 20px;
}
.hub-failures-container .dryrun-container .dryrun-response-container, .hub-failures-container .submit-response-container {
  width: 100%;
  margin-bottom: 15px;
  overflow-y: auto;
  padding: 20px;
  border: solid 1px black;
  padding-bottom: 0px;
}
.hub-failures-container .submit-response-container {
  margin-top: 0px;
}
.hub-failures-container .submit-btn-container {
  margin: 10px 0px;
}
.hub-failures-container .no-dry-run-container {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  margin: 10px 0;
  font-weight: bold;
  color: red;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/login-identity-accounts/login-identity-accounts.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.btn-result-message {
  font-weight: bolder;
  color: green;
}

.login-accounts-main-container .login-accounts-main-contaner {
  margin-top: 5px;
  align-items: center;
}
.login-accounts-main-container .login-accounts-main-contaner .button-container {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.login-accounts-main-container .login-accounts-main-contaner .button-container .dryrun-btn-container {
  -ms-flex: 0 0;
  flex: 0 0;
  margin-left: 20px;
  padding-bottom: 10px;
}
.login-accounts-main-container .login-accounts-main-contaner .button-container .submit-btn-container {
  -ms-flex: 0 0;
  flex: 0 0;
  margin: 20px;
  padding-bottom: 10px;
}
.login-accounts-main-container .login-accounts-main-contaner .note {
  padding-bottom: 10px;
}
.login-accounts-main-container .login-accounts-main-contaner .value-input {
  flex-grow: 2;
  margin-right: 20px;
}
.login-accounts-main-container .login-accounts-main-contaner .value-input .hig__text-field {
  margin: 0 0;
  min-width: unset;
  max-width: unset;
}
@media all and (max-width: 768px) {
  .login-accounts-main-container .login-accounts-main-contaner .login-accounts-main-contaner {
    justify-content: left;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .login-accounts-main-container .login-accounts-main-contaner .button-container {
    align-items: center;
    justify-content: center;
  }
  .login-accounts-main-container .login-accounts-main-contaner .button-container .dryrun-btn-container {
    margin-left: 0;
    margin-top: 0;
  }
  .login-accounts-main-container .login-accounts-main-contaner .button-container .submit-btn-container {
    margin-left: 0;
    margin-top: 0;
  }
}
@media all and (max-width: 600px) {
  .login-accounts-main-container .login-accounts-main-contaner .login-accounts-main-contaner {
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
  }
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/login-linked-accounts/login-linked-accounts.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.login-linked-accounts-main-container .login-linked-accounts-component-contaner {
  margin-top: 5px;
  align-items: center;
}
.login-linked-accounts-main-container .login-linked-accounts-component-contaner .button-container {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.login-linked-accounts-main-container .login-linked-accounts-component-contaner .button-container .dryrun-btn-container {
  -ms-flex: 0 0;
  flex: 0 0;
  margin-left: 20px;
  padding-bottom: 10px;
}
.login-linked-accounts-main-container .login-linked-accounts-component-contaner .button-container .submit-btn-container {
  -ms-flex: 0 0;
  flex: 0 0;
  margin: 20px;
  padding-bottom: 10px;
}
.login-linked-accounts-main-container .login-linked-accounts-component-contaner .btn-result-message {
  font-weight: bold;
  color: green;
  margin-left: 20px;
}
.login-linked-accounts-main-container .note {
  padding-bottom: 10px;
}
.login-linked-accounts-main-container .value-input {
  flex-grow: 2;
  margin-right: 20px;
}
.login-linked-accounts-main-container .value-input .hig__text-field {
  margin: 0 0;
  min-width: unset;
  max-width: unset;
}
@media all and (max-width: 768px) {
  .login-linked-accounts-main-container .login-linked-accounts-component-contaner {
    justify-content: left;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .login-linked-accounts-main-container .button-container {
    align-items: center;
    justify-content: center;
  }
  .login-linked-accounts-main-container .button-container .dryrun-btn-container {
    margin-left: 0;
    margin-top: 0;
  }
  .login-linked-accounts-main-container .button-container .submit-btn-container {
    margin-left: 0;
    margin-top: 0;
  }
}
@media all and (max-width: 600px) {
  .login-linked-accounts-main-container .login-linked-accounts-component-contaner {
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
  }
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/login-accounts/login-accounts.scss ***!
  \****************************************************************************************************************************************************************************************************/
.result-message {
  color: green;
  font-weight: bold;
}

.email-warning-message {
  color: red;
  font-weight: bold;
}

.login-accounts-main-container .login-accounts-main-contaner {
  margin-top: 5px;
  align-items: center;
}
.login-accounts-main-container .login-accounts-main-contaner .button-container {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.login-accounts-main-container .login-accounts-main-contaner .button-container .dryrun-btn-container {
  -ms-flex: 0 0;
  flex: 0 0;
  margin-left: 20px;
  padding-bottom: 10px;
}
.login-accounts-main-container .login-accounts-main-contaner .button-container .submit-btn-container {
  -ms-flex: 0 0;
  flex: 0 0;
  margin: 20px;
  padding-bottom: 10px;
}
.login-accounts-main-container .login-accounts-main-contaner .btn-result-message {
  font-weight: bold;
  color: green;
  margin-left: 20px;
}
.login-accounts-main-container .result-message {
  color: green;
  font-weight: bold;
}
.login-accounts-main-container .note {
  padding-bottom: 10px;
}
.login-accounts-main-container .value-input {
  flex-grow: 2;
  margin-right: 20px;
}
.login-accounts-main-container .value-input .hig__text-field {
  margin: 0 0;
  min-width: unset;
  max-width: unset;
}
@media all and (max-width: 768px) {
  .login-accounts-main-container .login-accounts-main-contaner {
    justify-content: left;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .login-accounts-main-container .button-container {
    align-items: center;
    justify-content: center;
  }
  .login-accounts-main-container .button-container .dryrun-btn-container {
    margin-left: 0;
    margin-top: 0;
  }
  .login-accounts-main-container .button-container .submit-btn-container {
    margin-left: 0;
    margin-top: 0;
  }
}
@media all and (max-width: 600px) {
  .login-accounts-main-container .login-accounts-main-contaner {
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
  }
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/profile-accounts/profile-accounts.scss ***!
  \********************************************************************************************************************************************************************************************************/
.result-message {
  color: green;
  font-weight: bold;
}

.email-warning-message {
  color: red;
  font-weight: bold;
}

.profile-accounts-main-container .profile-accounts-main-contaner {
  margin-top: 5px;
  align-items: center;
}
.profile-accounts-main-container .profile-accounts-main-contaner .button-container {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.profile-accounts-main-container .profile-accounts-main-contaner .button-container .dryrun-btn-container {
  -ms-flex: 0 0;
  flex: 0 0;
  margin-left: 20px;
  padding-bottom: 10px;
}
.profile-accounts-main-container .profile-accounts-main-contaner .button-container .submit-btn-container {
  -ms-flex: 0 0;
  flex: 0 0;
  margin: 20px;
  padding-bottom: 10px;
}
.profile-accounts-main-container .profile-accounts-main-contaner .btn-result-message {
  font-weight: bold;
  color: green;
  margin-left: 20px;
}
.profile-accounts-main-container .result-message {
  color: green;
  font-weight: bold;
}
.profile-accounts-main-container .note {
  padding-bottom: 10px;
}
.profile-accounts-main-container .value-input {
  flex-grow: 2;
  margin-right: 20px;
}
.profile-accounts-main-container .value-input .hig__text-field {
  margin: 0 0;
  min-width: unset;
  max-width: unset;
}
@media all and (max-width: 768px) {
  .profile-accounts-main-container .profile-accounts-main-contaner {
    justify-content: left;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .profile-accounts-main-container .button-container {
    align-items: center;
    justify-content: center;
  }
  .profile-accounts-main-container .button-container .dryrun-btn-container {
    margin-left: 0;
    margin-top: 0;
  }
  .profile-accounts-main-container .button-container .submit-btn-container {
    margin-left: 0;
    margin-top: 0;
  }
}
@media all and (max-width: 600px) {
  .profile-accounts-main-container .profile-accounts-main-contaner {
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
  }
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/user-privilege-updation/user-privilege-updation.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.user-privilege-addition-form {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  align-items: baseline;
}
.user-privilege-addition-form .user-priv-popup-buttons.warning-popup-red {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
}
@media all and (max-width: 768px) {
  .user-privilege-addition-form .user-privilege-dropdown-container {
    min-width: 120px;
    max-width: 120px;
  }
  .user-privilege-addition-form .user-privilege-dropdown-container .hig__text-field__content {
    min-width: 120px;
    max-width: 120px;
  }
  .user-privilege-addition-form .user-privilege-dropdown-container .hig__dropdown .hig__dropdown__menu {
    max-width: 120px;
    min-width: 120px;
  }
  .user-privilege-addition-form .user-priv-popup-buttons.warning-popup-red {
    justify-content: center;
  }
}
@media all and (max-width: 600px) {
  .user-privilege-addition-form .user-priv-popup-buttons.warning-popup-red {
    flex-direction: column;
    margin: auto;
  }
  .user-privilege-addition-form .user-priv-popup-buttons.warning-popup-red a {
    margin-top: 10px;
    margin-left: 0;
  }
  .user-privilege-addition-form .user-privilege-dropdown-container {
    margin-left: 0;
    margin-top: 0;
  }
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/containers/user-management/user-management.scss ***!
  \******************************************************************************************************************************************************************************************************/
.user-management-search-container {
  margin: 20px 5% 20px 5%;
}
.user-management-search-container .custom-expand-collapse .panel-default .panel-collapse .panel-body {
  padding: 15px 15px 10px 15px;
}
.user-management-search-container .custom-expand-collapse .panel-default .panel-collapse .panel-body .table-component-container {
  overflow-x: auto;
}
.user-management-search-container .user-privilege-addition-container .hig__modal__window {
  max-height: none;
  height: 40%;
}
.user-management-search-container .hig__progress-ring {
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 99;
}
.user-management-search-container .search-main-container {
  margin-bottom: 20px;
}
.user-management-search-container .add_group_button {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}

.no-result-warning-container {
  margin-bottom: 5px;
}

.no-result-warning {
  color: red;
  font-weight: bold;
}

@media all and (max-width: 768px) {
  .user-management-search-container .user-privilege-addition-container .hig__modal__window {
    height: auto;
  }
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/containers/hub-management/hub-management.scss ***!
  \****************************************************************************************************************************************************************************************************/
.csv-download-btn {
  all: unset;
  margin-top: -10px;
}

.search-text-container {
  margin-top: 20px;
}
.search-text-container .hig__text-field {
  max-width: none;
  margin: 15px 0;
}
.search-text-container .hig__text-area__field {
  max-width: none;
  margin: 15px 0;
  width: 100%;
}

div.search-text-container > div.hig__text-field {
  margin-top: 0;
  margin-bottom: 0;
}

.hig__tabs {
  justify-content: start !important;
}

.hub-management__job-staus {
  margin-top: 20px;
}

.hig__tabs__tab {
  font-size: 16px;
}

.hig__tabs__tab-label {
  font-size: 16px;
}

.hig__tabs__tab--active .hig__tabs__tab-label {
  border-bottom-color: #0696d7;
  padding-bottom: 7px;
  font-size: 18px;
}

.csv-download-container {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/app-loader/app-loader.scss ***!
  \********************************************************************************************************************************************************************************************/
.loader-container .app-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.2;
  z-index: 999;
}
.loader-container .spiner-container {
  width: 5%;
  top: 50%;
  transform: translate(-95%, -95%);
  left: 50%;
  position: fixed;
  z-index: 9999;
  color: black;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/maintenance-alert/maintenance.scss ***!
  \****************************************************************************************************************************************************************************************************/
.maintenance-component-container {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
  background-color: rgb(248, 90, 5);
  opacity: 0.95;
  z-index: 9999;
  color: #ffffff;
  text-align: center;
}
.maintenance-component-container .maintenance-content {
  display: flex;
}
.maintenance-component-container .maintenance-content .maintenance-content-container {
  flex-grow: 1;
}
.maintenance-component-container .maintenance-content .maintenance-btn-container {
  flex-grow: 0;
}
.maintenance-component-container .maintenance-content .maintenance-btn-container i {
  cursor: pointer;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/style.scss ***!
  \*****************************************************************************************************************************************************************/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

a:focus.hig__button.hig__button--standard.hig__button--secondary {
  outline: none;
  outline-width: medium;
  outline-style: none;
  outline-color: currentcolor;
  color: #fff;
  background: #5ce1d3;
  border-color: #5ce1d3;
  -webkit-box-shadow: none;
  box-shadow: none;
}

html, body {
  height: 100%;
}

.panel__header {
  padding: 5px 15px;
}

.autodesk360 {
  height: 100%;
  font-family: ArtifaktElement, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.autodesk360 div[data-reactroot] {
  height: 100%;
}
.autodesk360 .routeContainer {
  height: 100%;
}

.gdpr-dropdown-actions .dropdown-label {
  color: orange;
}
.gdpr-dropdown-actions input {
  border-bottom: 1px solid #bec8d2;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/@weave-design/fonts/build/ArtifaktElement.css ***!
  \*************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "ArtifaktElement";
  src: local("Artifakt Element Regular"), local("ArtifaktElement-Regular"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF2/Artifakt%20Element%20Regular.woff2") format("woff2"), local("Artifakt Element Regular"), local("ArtifaktElement-Regular"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF/Artifakt%20Element%20Regular.woff") format("woff"), local("Artifakt Element Regular"), local("ArtifaktElement-Regular"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/TTF/Artifakt%20Element%20Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ArtifaktElement";
  src: local("Artifakt Element Semi Bold"), local("ArtifaktElement-SemiBold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF2/Artifakt%20Element%20Semi%20Bold.woff2") format("woff2"), local("Artifakt Element Semi Bold"), local("ArtifaktElement-SemiBold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF/Artifakt%20Element%20Semi%20Bold.woff") format("woff"), local("Artifakt Element Semi Bold"), local("ArtifaktElement-SemiBold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/TTF/Artifakt%20Element%20Semi%20Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ArtifaktElement";
  src: local("Artifakt Element Bold"), local("ArtifaktElement-Bold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF2/Artifakt%20Element%20Bold.woff2") format("woff2"), local("Artifakt Element Bold"), local("ArtifaktElement-Bold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF/Artifakt%20Element%20Bold.woff") format("woff"), local("Artifakt Element Bold"), local("ArtifaktElement-Bold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/TTF/Artifakt%20Element%20Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "ArtifaktElement";
  src: local("Artifakt Element Regular"), local("ArtifaktElement-Regular"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF2/Artifakt%20Element%20Italic.woff2") format("woff2"), local("Artifakt Element Regular"), local("ArtifaktElement-Regular"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF/Artifakt%20Element%20Italic.woff") format("woff"), local("Artifakt Element Regular"), local("ArtifaktElement-Regular"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/TTF/Artifakt%20Element%20Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "ArtifaktElement";
  src: local("Artifakt Element Semi Bold"), local("ArtifaktElement-SemiBold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF2/Artifakt%20Element%20Semi%20Bold%20Italic.woff2") format("woff2"), local("Artifakt Element Semi Bold"), local("ArtifaktElement-SemiBold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF/Artifakt%20Element%20Semi%20Bold%20Italic.woff") format("woff"), local("Artifakt Element Semi Bold"), local("ArtifaktElement-SemiBold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/TTF/Artifakt%20Element%20Semi%20Bold%20Italic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "ArtifaktElement";
  src: local("Artifakt Element Bold"), local("ArtifaktElement-Bold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF2/Artifakt%20Element%20Bold%20Italic.woff2") format("woff2"), local("Artifakt Element Bold"), local("ArtifaktElement-Bold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF/Artifakt%20Element%20Bold%20Italic.woff") format("woff"), local("Artifakt Element Bold"), local("ArtifaktElement-Bold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/TTF/Artifakt%20Element%20Bold%20Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/containers/audit/audit.scss ***!
  \**********************************************************************************************************************************************************************************/
.audit-container {
  margin: 20px 5% 20px 5%;
}
.audit-container .search-text-container {
  margin-top: 0 !important;
}
.audit-container .hig__progress-ring {
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 99;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/audit/search/audit-search.scss ***!
  \************************************************************************************************************************************************************************************************/
.search-main-container .search-component-contaner .region-search-dropdown-container {
  display: flex;
  -ms-flex: 0 0;
  flex: 0 0;
  margin-top: -38px;
  margin-left: 20px;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/audit-hub-list-popup/audit-hub-list-popup.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.hub-list-popup-container .hig__modal__header-title {
  font-weight: bold;
  font-size: 20px;
  box-sizing: border-box;
}

.hub-list-popup-container .hig__modal__header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d4dbe1;
  font-size: 24px;
  margin: 0 32px;
  min-height: 33px;
  padding: 16px 0;
  position: relative;
  z-index: 4;
}
.hub-list-popup-container .hig__modal__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  position: relative;
  z-index: 3;
  max-height: 260px;
  overflow: scroll;
  padding-bottom: 8px;
}
.hub-list-popup-container .hig__modal__body .hub-list li {
  padding-top: 3px;
  padding-bottom: 3px;
}
.hub-list-popup-container .hig__modal__window--is-scrolling .hig__modal__close-button {
  right: 0;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/audit/results/audit-results.scss ***!
  \**************************************************************************************************************************************************************************************************/
.search-result-container {
  color: #4D4D4D;
}
.search-result-container .result-instruction .bold-txt {
  font-weight: bold;
}
.search-result-container .result-content-container {
  margin-top: 20px;
  text-align: left;
}
.search-result-container .result-content-container .custom-expand-collapse .panel .panel-collapse .panel-body {
  overflow-x: auto;
}
.search-result-container .result-content-container .no-result-container {
  width: 60%;
  transform: translate(40%, 50%);
  font-size: 19px;
  color: #4D4D4D;
}
.search-result-container .result-content-container .no-result-container .heading p .fa-lg {
  margin-left: 0px;
}

.panel .panel-collapse .panel-body {
  padding-bottom: 0px;
}

.no-result-warning-container {
  margin-bottom: 15px;
}

.no-result-warning {
  color: red;
  font-weight: bold;
}

.table-warning-title {
  color: red;
}

.next-page-buttons {
  text-align: right;
  padding: 10px;
}
.next-page-buttons button:not(:last-child) {
  margin-right: 10px;
}

#audit-results tr td {
  white-space: pre-wrap;
}

.audit-subheader {
  display: flex;
  justify-content: space-between;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./app/components/audit/filter/audit-filter.scss ***!
  \************************************************************************************************************************************************************************************************/
.dateFilter {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
  font-size: 1.1em;
}

.dateFilter input[type=date]:focus {
  border-color: #66afe9;
  outline: none;
  box-shadow: 0 0 5px rgba(102, 175, 233, 0.5);
}

.audit-filter-buttons {
  display: flex;
  justify-content: space-between;
}