.portal-main-side-menu {
  width: 60px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #373050; }
  .portal-main-side-menu .menu-icons {
    margin-top: 20px;
    text-align: center; }
    .portal-main-side-menu .menu-icons ul {
      padding: 0;
      width: 100%;
      line-height: 34px;
      cursor: pointer;
      margin-top: 29px;
      list-style-type: none; }
      .portal-main-side-menu .menu-icons ul li:hover, .portal-main-side-menu .menu-icons ul li.item-selected {
        background-color: #241e37; }
      .portal-main-side-menu .menu-icons ul li span {
        text-align: center;
        vertical-align: middle; }
    .portal-main-side-menu .menu-icons .cx-logo-icon, .portal-main-side-menu .menu-icons .project-icon, .portal-main-side-menu .menu-icons .mgmt-icon, .portal-main-side-menu .menu-icons .analysis-icon, .portal-main-side-menu .menu-icons .user-icon, .portal-main-side-menu .menu-icons .dashboard-icon, .portal-main-side-menu .menu-icons .scan-icon .icon-search {
      display: inline-block; }
    .portal-main-side-menu .menu-icons .menu-tool-tip {
      background-color: #373050;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 4px;
      padding-bottom: 4px;
      line-height: 15px;
      font-size: 15px;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05); }
    .portal-main-side-menu .menu-icons .place-right:after {
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      left: -5px;
      border-right-color: #373050; }
  .portal-main-side-menu .my-account-icon {
    border: none;
    background-color: transparent; }

.my-profile-tooltip-container.popover {
  left: 10px !important;
  width: 225px;
  border: none;
  border-radius: 0 !important;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25) !important; }

.my-profile-tooltip-container .arrow {
  margin-left: -22px !important; }

.my-profile-tooltip-container a {
  color: #4a90e2;
  font-size: 13px;
  font-weight: normal; }

.my-profile-tooltip-container .links-container .portal-blank-button.link {
  color: #4a90e2;
  font-weight: normal;
  text-transform: none; }
  .my-profile-tooltip-container .links-container .portal-blank-button.link:hover {
    text-decoration: underline; }

.my-profile-tooltip-container .left-container, .my-profile-tooltip-container .right-container {
  display: inline-block;
  vertical-align: middle; }

.my-profile-tooltip-container .right-container {
  margin-left: 15px; }
  .my-profile-tooltip-container .right-container .user-full-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 130px;
    font-weight: bold; }
.restrictions-tooltip {
  display: flex;
  flex-direction: column;
  margin-top: 10px; }
  .restrictions-tooltip .restriction {
    display: flex;
    flex-direction: row; }
    .restrictions-tooltip .restriction div:first-child {
      display: flex;
      align-items: center;
      margin-right: 12px; }
      .restrictions-tooltip .restriction div:first-child svg {
        width: 18px !important;
        height: 18px !important; }
      .restrictions-tooltip .restriction div:first-child .check-icon {
        color: #4DBB40 !important; }
      .restrictions-tooltip .restriction div:first-child .error-icon {
        color: #F1605D !important; }
.form-validation-message-wrapper {
  display: none;
  width: 375px;
  margin-top: -30px;
  margin-bottom: 20px;
  width: 100%; }
  .form-validation-message-wrapper.show {
    display: block; }
  .form-validation-message-wrapper .error-message {
    color: #D0021B;
    font-size: 13px;
    font-weight: 500; }
.title-wrapper {
  text-align: left; }
  .title-wrapper > span:first-child {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color: #37314f;
    display: block;
    margin-bottom: 8px; }
  .title-wrapper.email-sent-success {
    margin-bottom: 15px; }
  .title-wrapper > div {
    color: #9b9b9b; }

.form-notification-message-wrapper {
  display: none;
  margin-top: 10px;
  margin-bottom: 25px; }
  .form-notification-message-wrapper.show {
    display: block; }

.change-password-error-message-wrapper {
  width: 335px;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: left; }

.change-password-sub-title {
  margin: 20px 0px 20px 0px;
  color: #9b9b9b;
  font-size: 15px;
  line-height: 20px; }
.twoFAContent {
  padding-top: 50px; }

.twoFAHeader {
  text-align: left;
  padding-top: 50px; }

.twoFAButtonDiv button {
  margin-top: 10px;
  margin-left: 10px;
  width: auto; }

/*Disable two factor form styles*/
.subTitle {
  padding-top: 30px;
  padding-bottom: 20px; }

.infoPanel {
  background-color: #edeff5;
  font-size: 15px; }

.boldtext {
  font-weight: bold; }

.buttonDiv button {
  margin-top: 15px;
  margin-left: 15px;
  width: auto; }

.disableFormButton {
  width: auto; }

.authKeyText {
  background-color: gray;
  color: white; }
.portal-dropdown-wrapper {
  position: relative;
  line-height: initial; }
  .portal-dropdown-wrapper .help-tooltip {
    top: 41px;
    right: 0; }
  .portal-dropdown-wrapper .portal-dropdown > label {
    color: #9b9b9b;
    font-weight: normal; }
  .portal-dropdown-wrapper .portal-dropdown > div hr {
    border-bottom: 1px solid #9b9b9b !important; }
  .portal-dropdown-wrapper .portal-dropdown .portal-dropdown > div > div > div:nth-child(2) {
    top: 8px; }
  .portal-dropdown-wrapper .portal-dropdown.error > div hr {
    border-bottom: 1px solid #d82943 !important; }
.user-profile-form-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-bottom: 30px; }

.form-validation-message-wrapper {
  margin-top: 20px;
  margin-bottom: 0; }

.edit-profile-sucess-message {
  color: #444444;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
  margin-top: 15px; }
.users-main-wrapper {
  min-height: 485px; }
  .users-main-wrapper .search-box input[type=text] {
    width: 235px; }

.add-user-form-wrapper {
  margin: auto; }
  .add-user-form-wrapper .general-form-wrapper {
    position: initial !important; }
  .add-user-form-wrapper .user-form-teamtree-wrapper {
    min-height: 450px; }
  .add-user-form-wrapper .user-form-organizations-scrolls {
    padding-top: 0;
    margin-top: 15px; }
  .add-user-form-wrapper .form-validation-message-wrapper {
    margin-top: 20px;
    margin-bottom: 0; }
  .add-user-form-wrapper .form-row {
    justify-content: space-between; }

.modal-add-new-user {
  width: 850px !important;
  padding: 30px !important; }
  .modal-add-new-user .modal-content {
    border-radius: 0; }
  .modal-add-new-user .modal-header {
    border-bottom: none;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 0; }
  .modal-add-new-user .main-header {
    padding: 0;
    margin-left: 15px;
    margin-right: 15px; }
    .modal-add-new-user .main-header .main-viewers-navbar {
      margin: 0; }
  .modal-add-new-user .modal-body {
    padding: 30px !important; }
  .modal-add-new-user .react-toggle {
    margin-top: 25px; }
  .modal-add-new-user .toggle-label {
    display: inline-block;
    margin-top: 25px;
    margin-left: 10px;
    margin-bottom: 6px;
    vertical-align: bottom;
    font-weight: normal;
    font-size: 15px; }

.user-form-buttons-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 2px;
  border-top: 1px solid #d2d1e0;
  padding: 30px; }
  .user-form-buttons-container .portal-blank-button {
    margin-right: 25px; }

.edit-roles-user-form-buttons-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 2px;
  border-top: 1px solid #d2d1e0;
  padding: 30px; }
  .edit-roles-user-form-buttons-container .portal-blank-button {
    margin-right: 25px; }

.user-profile-tab-container {
  display: flex;
  justify-content: center; }
  .user-profile-tab-container .user-profile-container {
    max-width: 765px !important;
    background-color: #ffffff !important;
    padding: 30px 30px 30px 30px; }
    .user-profile-tab-container .user-profile-container .user-profile-title {
      text-transform: capitalize;
      font-size: 18px;
      font-weight: 500; }
    .user-profile-tab-container .user-profile-container .tabs-dialog {
      padding-left: 0px !important;
      padding-right: 0px !important;
      margin-top: 10px; }
    .user-profile-tab-container .user-profile-container .user-profile-inner-wrapper {
      padding: 25px;
      float: left; }
    .user-profile-tab-container .user-profile-container .seperator {
      clear: both;
      border-bottom: 1px solid #d2d1e0;
      margin-bottom: 0 !important; }
    .user-profile-tab-container .user-profile-container .edit-profile-form-wrapper {
      position: initial !important;
      margin-bottom: 40px; }
      .user-profile-tab-container .user-profile-container .edit-profile-form-wrapper .form-validation-message-wrapper {
        margin-top: 20px;
        margin-bottom: 0; }
      .user-profile-tab-container .user-profile-container .edit-profile-form-wrapper .form-row {
        justify-content: space-between; }
    .user-profile-tab-container .user-profile-container .edit-profile-buttons-container {
      margin-top: 15px;
      overflow: hidden; }
      .user-profile-tab-container .user-profile-container .edit-profile-buttons-container button {
        padding-left: 25px;
        padding-right: 25px; }
      .user-profile-tab-container .user-profile-container .edit-profile-buttons-container .go-back {
        float: left; }
      .user-profile-tab-container .user-profile-container .edit-profile-buttons-container .disable-go-back {
        display: none; }
      .user-profile-tab-container .user-profile-container .edit-profile-buttons-container .save-profile {
        float: right; }

.change-password-form {
  display: flex; }
  .change-password-form .general-form-wrapper {
    margin: auto;
    padding-top: 40px; }
    .change-password-form .general-form-wrapper .welcome-message-wrapper > span:first-child {
      font-size: 15px;
      font-weight: 500;
      color: #444444; }
    .change-password-form .general-form-wrapper .change-password-button {
      display: flex;
      justify-content: flex-end;
      margin-top: 20px; }

.change-password-tab {
  justify-content: center;
  display: flex; }
.tree-node span {
  width: 125px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.user-form-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }

.form-validation-message-wrapper {
  margin-top: 20px;
  margin-bottom: 0; }
.dialog-main-wrapper {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px; }
  .dialog-main-wrapper .ldap-import-user-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .dialog-main-wrapper .ldap-import-user-header .title-wrapper {
      color: #372f51;
      font-size: 18px;
      font-weight: 500; }

.dialog-main-header-wrapper {
  margin-bottom: 25px; }

.ldap-add-groups-body {
  padding-top: 30px;
  padding-left: 26px;
  padding-right: 35px; }
.inner-tab-grid-header table thead tr th.table-header {
  font-size: 13px;
  border: none !important;
  border-bottom: 1px solid #d2d1e0 !important; }
  .inner-tab-grid-header table thead tr th.table-header span.member-name {
    display: inline-block;
    margin-left: 28px; }

.inner-table-container-wrapper {
  border-radius: 0;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important; }

.table-body-wrapper tr:last-child td {
  border-bottom: none !important; }

.table-row {
  height: 50px !important;
  color: #372f51;
  background-color: #ffffff !important; }
  .table-row td {
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #d9d9e5; }
  .table-row:hover {
    background-color: #edeff5 !important; }
  .table-row .ldap-row-inner-wrapper {
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .table-row .ldap-row-inner-wrapper .ldap-server-name {
      font-weight: 500;
      font-size: 15px; }
.portal-confirm-dialog .ldap-add-groups-header {
  padding-bottom: 0; }

.ldap-add-groups-main-wrapper .ldap-import-user-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .ldap-add-groups-main-wrapper .ldap-import-user-header .title-wrapper {
    color: #372f51;
    font-size: 18px;
    font-weight: 500; }

.ldap-add-groups-body {
  padding-top: 30px;
  padding-left: 26px;
  padding-right: 35px; }

.ldap-add-groups-dialog-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 18px !important;
  font-weight: 500 !important;
  padding: 25px; }
  .ldap-add-groups-dialog-title.alert-confirm {
    color: #37314f !important; }
  .ldap-add-groups-dialog-title.alert-info {
    background-color: #ffffff;
    color: #37314f !important; }
  .ldap-add-groups-dialog-title .portal-icon-component {
    margin-right: 5px; }
  .ldap-add-groups-dialog-title .close-button {
    cursor: pointer; }
  .ldap-add-groups-dialog-title.bottom-border {
    border-bottom: 1px solid #d2d1e0; }

.ldap-add-groups-dialog-actions {
  padding: 25px !important; }
  .ldap-add-groups-dialog-actions > span {
    margin-right: 20px !important; }
  .ldap-add-groups-dialog-actions.top-border {
    border-top: 1px solid #d2d1e0; }

.ldap-group-map-dialog-content-wrapper {
  height: 310px;
  padding: 25px; }

.group-map-searchbox-wrapper {
  margin-top: 25px; }

.team-members-list-header {
  font-size: 13px;
  line-height: 30px;
  font-weight: 500;
  border-bottom: 1px solid #d9d9e5; }
  .team-members-list-header span:first-child {
    margin-left: 46px; }
  .team-members-list-header span:nth-child(2) {
    margin-left: 170px; }
  .team-members-list-header span:nth-child(3) {
    margin-left: 144px; }

.add-team-member-buttons-wrapper {
  border-top: 1px solid #d9d9e5; }
.gruop-entries-loader-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  height: 245px; }
.list-no-results-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  height: 245px; }
.list-header {
  font-size: 13px;
  line-height: 30px;
  font-weight: 500; }
  .list-header span:first-child {
    margin-left: 15px; }
  .list-header span:nth-child(2) {
    margin-left: 107px; }
  .list-header.selectable-list span:first-child {
    margin-left: 50px; }
  .list-header.selectable-list span:nth-child(2) {
    margin-left: 106px; }
.checkbox-list-item-wrapper {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid #d9d9e5;
  width: 655px;
  height: 40px; }
  .checkbox-list-item-wrapper.no-results {
    display: flex;
    flex-flow: row;
    justify-content: center;
    border: none;
    height: 300px; }
  .checkbox-list-item-wrapper .left-selected-border {
    height: 40px;
    width: 4px;
    background-color: #fff; }
  .checkbox-list-item-wrapper.selected {
    background-color: #edeff5; }
    .checkbox-list-item-wrapper.selected .left-selected-border {
      background-color: #373050; }
  .checkbox-list-item-wrapper > div {
    text-align: left;
    margin-left: 0; }
  .checkbox-list-item-wrapper .checkbox {
    width: 35px !important;
    margin-left: 10px; }
  .checkbox-list-item-wrapper .dir-name-wrapper {
    width: 170px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .checkbox-list-item-wrapper .dir-name-wrapper .dir-name {
      font-size: 15px;
      color: #444444;
      font-weight: 500; }
      .checkbox-list-item-wrapper .dir-name-wrapper .dir-name.imported {
        color: #d2d1e0;
        cursor: default; }
  .checkbox-list-item-wrapper .group-name-wrapper {
    width: 430px;
    display: inline-block;
    padding-left: 10px; }
    .checkbox-list-item-wrapper .group-name-wrapper.mapped {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .checkbox-list-item-wrapper .group-name-wrapper > div {
      display: inline-block; }
    .checkbox-list-item-wrapper .group-name-wrapper .group-name {
      font-size: 13px;
      color: #666666;
      font-weight: normal; }
      .checkbox-list-item-wrapper .group-name-wrapper .group-name.imported {
        max-width: 85%;
        color: #d2d1e0;
        cursor: default; }
    .checkbox-list-item-wrapper .group-name-wrapper .mapped-indicator {
      font-size: 10px;
      color: #9290a4;
      background-color: #edeff5;
      border-radius: 25px;
      text-transform: uppercase;
      padding: 0 10px;
      text-align: center;
      white-space: nowrap; }
    .checkbox-list-item-wrapper .group-name-wrapper .ellipsis {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
.portal-confirm-dialog .ldap-add-groups-header {
  padding-bottom: 0; }

.ldap-add-groups-main-wrapper .ldap-import-user-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .ldap-add-groups-main-wrapper .ldap-import-user-header .title-wrapper {
    color: #372f51;
    font-size: 18px;
    font-weight: 500; }

.ldap-add-groups-body {
  padding-top: 30px;
  padding-left: 26px;
  padding-right: 35px; }

.ldap-add-groups-dialog-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 18px !important;
  font-weight: 500 !important;
  padding: 25px; }
  .ldap-add-groups-dialog-title.alert-confirm {
    color: #37314f !important; }
  .ldap-add-groups-dialog-title.alert-info {
    background-color: #ffffff;
    color: #37314f !important; }
  .ldap-add-groups-dialog-title .portal-icon-component {
    margin-right: 5px; }
  .ldap-add-groups-dialog-title .close-button {
    cursor: pointer; }
  .ldap-add-groups-dialog-title.bottom-border {
    border-bottom: 1px solid #d2d1e0; }

.ldap-add-groups-dialog-actions {
  padding: 25px !important; }
  .ldap-add-groups-dialog-actions > span {
    margin-right: 20px !important; }
  .ldap-add-groups-dialog-actions.top-border {
    border-top: 1px solid #d2d1e0; }

.ldap-group-map-dialog-content-wrapper {
  height: 310px;
  padding: 25px; }

.group-map-searchbox-wrapper {
  margin-top: 25px; }
.inner-tab-grid-header table thead tr th.table-header {
  font-size: 13px;
  border: none !important;
  border-bottom: 1px solid #d2d1e0 !important; }
  .inner-tab-grid-header table thead tr th.table-header span.member-name {
    display: inline-block;
    margin-left: 28px; }

.inner-table-container-wrapper {
  border-radius: 0;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important; }

.table-body-wrapper tr:last-child td {
  border-bottom: none !important; }

.table-row {
  height: 50px !important;
  color: #372f51;
  background-color: #ffffff !important; }
  .table-row td {
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #d9d9e5; }
  .table-row:hover {
    background-color: #edeff5 !important; }
  .table-row .ldap-row-inner-wrapper {
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .table-row .ldap-row-inner-wrapper .ldap-server-name {
      font-weight: 500;
      font-size: 15px; }
.content-header-wrapper {
  width: 100%; }
  .content-header-wrapper .content-teams-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 54px;
    font-size: 20px;
    font-weight: 500;
    line-height: 55px;
    padding-left: 15px;
    padding-right: 15px; }
    .content-header-wrapper .content-teams-header .edit-teams-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .content-header-wrapper .content-teams-header .edit-teams-wrapper .teams-menu-button-wrapper {
        width: 30px; }
.inner-tab-grid-header table thead tr th.table-header {
  font-size: 13px;
  border: none !important;
  border-bottom: 1px solid #d2d1e0 !important; }
  .inner-tab-grid-header table thead tr th.table-header span.member-name {
    display: inline-block;
    margin-left: 28px; }

.inner-table-container-wrapper {
  border-radius: 0;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important; }

.table-body-wrapper tr:last-child td {
  border-bottom: none !important; }

.table-row {
  height: 50px !important;
  color: #372f51;
  background-color: #ffffff !important; }
  .table-row td {
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #d9d9e5; }
  .table-row:hover {
    background-color: #edeff5 !important; }
  .table-row .ldap-row-inner-wrapper {
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .table-row .ldap-row-inner-wrapper .ldap-server-name {
      font-weight: 500;
      font-size: 15px; }

.setting-sub-title {
  margin: 20px 0px 20px 0px;
  color: #9b9b9b;
  font-size: 15px;
  line-height: 20px; }

.general-settings-title {
  color: #444444;
  font-size: 18px;
  font-weight: 500; }

.general-settings-section {
  margin: 0px -40px 0px -35px;
  padding: 0px 35px 0px 35px;
  border-top: 1px solid #d2d1e0;
  padding-top: 25px;
  overflow: hidden; }

.general-settings-submit {
  float: right; }

.add-domain-manager {
  margin-top: 15px; }

.add-first-domain-manager {
  margin-top: 15px;
  background-color: #F6F7FA;
  display: flex;
  justify-content: center;
  padding: 50px 0px 50px 0px; }

.domain-table-column-display {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 5px;
  margin-bottom: -5px; }

.domain-table-column-edit {
  margin-bottom: 5px;
  margin-top: -20px; }

.inner-table-container-wrapper {
  border-radius: 0;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important; }

.table-header {
  color: #9b9b9b;
  font-weight: 400; }

.table-row {
  height: 40px !important;
  color: #372f51;
  background-color: #ffffff !important; }
  .table-row td {
    vertical-align: middle;
    border: none  !important;
    border-bottom: 1px solid #d9d9e5 !important; }
  .table-row:last-child {
    border-bottom: 1px solid #d9d9e5 !important; }
  .table-row:hover {
    background-color: #edeff5 !important; }

.action-icons {
  margin-top: 5px;
  justify-content: center;
  color: #9b9b9b;
  margin-left: 15px; }
  .action-icons [stroke] {
    stroke: #9b9b9b; }

.table-style {
  max-width: 1340px; }

.domain-actions {
  display: flex;
  justify-content: center;
  margin-top: 4px;
  align-items: center; }

.domain-actions-open {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
  align-items: center; }
.advanced-role-mapping {
  display: flex;
  justify-content: space-evenly; }

.delete-advanced-role-mapping {
  position: relative;
  top: 40px; }
.advanced-role-mappings-elements .ReactVirtualized__Grid__innerScrollContainer {
  overflow: inherit !important; }
.edit-advanced-role-mapping-dialog-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 18px !important;
  font-weight: 500 !important;
  padding-top: 25px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 5px; }
  .edit-advanced-role-mapping-dialog-title.alert-confirm {
    color: #37314f !important; }
  .edit-advanced-role-mapping-dialog-title.alert-info {
    background-color: #ffffff;
    color: #37314f !important; }
  .edit-advanced-role-mapping-dialog-title .portal-icon-component {
    margin-right: 5px; }
  .edit-advanced-role-mapping-dialog-title .close-button {
    cursor: pointer; }
  .edit-advanced-role-mapping-dialog-title.bottom-border {
    border-bottom: 1px solid #d2d1e0; }

.edit-advanced-role-mapping-dialog-actions {
  padding: 25px !important;
  border-top: 1px solid #d2d1e0; }
  .edit-advanced-role-mapping-dialog-actions > span {
    margin-right: 20px !important; }

.edit-advanced-role-mapping-error-message .form-validation-message-wrapper {
  margin-top: 0px;
  margin-bottom: 0; }
.action-result-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 15px; }
  .action-result-wrapper svg {
    position: absolute;
    top: 3px; }
  .action-result-wrapper .action-text {
    margin-left: 25px; }
  .action-result-wrapper .action-failed-text {
    color: red; }
.test-connection-wrapper {
  display: flex;
  margin-top: 30px;
  margin-bottom: 5px; }
  .test-connection-wrapper .devider {
    margin-left: 15px;
    margin-right: 10px; }
.active-indicator .item-row {
  display: flex;
  align-items: center;
  height: 14px;
  margin-top: 8px; }

.active-indicator .text {
  margin-left: 5px; }
.saml-idp-wrapper {
  position: relative;
  height: 80px;
  margin-top: 25px;
  border: 1px solid #d2d1e0; }
  .saml-idp-wrapper:first-child {
    margin-top: 0; }
  .saml-idp-wrapper .section {
    float: left;
    height: 100%;
    padding: 15px; }
    .saml-idp-wrapper .section:nth-child(1) {
      width: 14%;
      background-color: #F6F7FA; }
      .saml-idp-wrapper .section:nth-child(1) .item-name {
        color: #444444;
        font-size: 18px;
        font-weight: 500; }
      .saml-idp-wrapper .section:nth-child(1) .saml-idp-active {
        color: #9b9b9b;
        font-size: 15px; }
    .saml-idp-wrapper .section:nth-child(2) {
      width: 71%;
      color: #9b9b9b;
      font-size: 15px; }
      .saml-idp-wrapper .section:nth-child(2) .additional-details {
        font-size: 15px;
        display: flex;
        align-items: center;
        height: 100%; }
        .saml-idp-wrapper .section:nth-child(2) .additional-details > div {
          display: inline-block; }
        .saml-idp-wrapper .section:nth-child(2) .additional-details .right {
          margin-left: 25px;
          color: #444444; }
    .saml-idp-wrapper .section:nth-child(3) {
      width: 15%; }
      .saml-idp-wrapper .section:nth-child(3) .edit-wrapper {
        float: right;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        width: 85px; }
.saml-edit-form-main-wrapper {
  margin-top: 25px; }
  .saml-edit-form-main-wrapper:first-child {
    margin-top: 0; }
  .saml-edit-form-main-wrapper .saml-edit-form-title {
    font-size: 18px;
    font-weight: 500; }
  .saml-edit-form-main-wrapper .form-body {
    padding: 19px 24px 24px 24px; }
    .saml-edit-form-main-wrapper .form-body .saml-form-row {
      display: flex;
      justify-content: start;
      width: 100%; }
      .saml-edit-form-main-wrapper .form-body .saml-form-row > div:first-child {
        margin-right: 35px; }

.saml-form-buttons-wrapper {
  display: flex;
  align-items: center;
  flex-flow: row;
  justify-content: flex-end;
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid #d2d1e0; }
  .saml-form-buttons-wrapper span, .saml-form-buttons-wrapper button {
    margin-right: 15px; }
.saml-service-provider-form {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }

.saml-download-metadata {
  margin-top: 25px;
  margin-bottom: 25px; }

.saml-update-service-provider-button-wrapper {
  border-top: 1px solid #d2d1e0;
  padding-top: 25px;
  overflow: hidden; }
  .saml-update-service-provider-button-wrapper .saml-update-service-provider-button {
    float: right; }
.content-left-hand-setting {
  min-width: 0 !important;
  max-width: 370px; }
.content-left-hand-setting {
  min-width: 0 !important;
  max-width: 370px; }

.master-ac-right-sub-title {
  margin: 20px 0px 20px 0px;
  color: #9b9b9b;
  font-size: 15px;
  line-height: 20px; }

.master-ac-right-title {
  color: #444444;
  font-size: 18px;
  font-weight: 500; }

.master-ac-left-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 10px; }
.menu-dropdown-button {
  box-shadow: none !important; }
  .menu-dropdown-button button > div > div:hover {
    background-color: transparent !important; }
  .menu-dropdown-button button > div > div > span {
    font-size: 12px !important;
    color: #666666 !important;
    text-transform: none !important; }
  .menu-dropdown-button .menu-dropdown-button-text {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-left: 5px;
    width: 180px; }
    .menu-dropdown-button .menu-dropdown-button-text > span {
      max-width: 168px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-right: 6px; }
    .menu-dropdown-button .menu-dropdown-button-text > svg {
      margin-top: 1px; }

.menu-item-text {
  width: 150px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.sso-login-seperator {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 25px;
  margin-bottom: 25px;
  width: 325px;
  color: #9b9b9b;
  font-size: 13px; }
  .sso-login-seperator:before {
    content: "";
    flex: 1;
    border-bottom: 1px solid #777777;
    margin: auto;
    margin-right: 20px; }
  .sso-login-seperator:after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #777777;
    margin: auto;
    margin-left: 20px; }
.errorDiv {
  font-size: 13px;
  font-weight: 400; }
.title-and-counter .item-title, .title-and-counter .item-counter {
  display: inline-block;
  vertical-align: middle; }

.title-and-counter .item-title {
  max-width: 80%;
  margin-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.title-and-counter .item-counter {
  background: #e9e9e9;
  border-radius: 15px;
  padding: 1px 3px;
  width: 35px;
  display: inline-block;
  text-align: center;
  color: #9290a4; }
  .title-and-counter .item-counter:hover {
    cursor: pointer; }
.grid-tooltip-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 170px;
  color: #666666;
  font-size: 13px !important; }
.ldap-users-list-item-wrapper {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid #d9d9e5;
  height: 40px;
  width: 98%; }
  .ldap-users-list-item-wrapper [data-cy=import-ldap-user-button] {
    display: none; }
  .ldap-users-list-item-wrapper:hover {
    background-color: #edeff5; }
    .ldap-users-list-item-wrapper:hover [data-cy=import-ldap-user-button] {
      display: block; }
  .ldap-users-list-item-wrapper table {
    width: 100%; }
  .ldap-users-list-item-wrapper.no-results {
    display: flex;
    flex-flow: row;
    justify-content: center;
    border: none;
    height: 300px; }
  .ldap-users-list-item-wrapper > div {
    text-align: left;
    margin-left: 0; }
  .ldap-users-list-item-wrapper .username-wrapper {
    width: 170px;
    padding-left: 15px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .ldap-users-list-item-wrapper .username-wrapper .username {
      font-size: 15px;
      color: #444444;
      font-weight: 500;
      display: inline-block;
      margin-top: 5px; }
  .ldap-users-list-item-wrapper .email-wrapper {
    width: 300px;
    display: inline-block;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .ldap-users-list-item-wrapper .email-wrapper .email {
      font-size: 13px;
      color: #666666;
      font-weight: normal;
      display: inline-block;
      margin-top: 5px; }
.ldap-user-entries-loader-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  height: 245px; }
.portal-confirm-dialog .ldap-add-groups-header {
  padding-bottom: 0; }

.ldap-add-groups-main-wrapper {
  height: 530px; }
  .ldap-add-groups-main-wrapper .ldap-import-user-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .ldap-add-groups-main-wrapper .ldap-import-user-header .title-wrapper {
      color: #372f51;
      font-size: 18px;
      font-weight: 500; }

.ldap-add-groups-dialog-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 18px !important;
  font-weight: 500 !important;
  padding: 25px; }
  .ldap-add-groups-dialog-title.alert-confirm {
    color: #37314f !important; }
  .ldap-add-groups-dialog-title.alert-info {
    background-color: #ffffff;
    color: #37314f !important; }
  .ldap-add-groups-dialog-title .portal-icon-component {
    margin-right: 5px; }
  .ldap-add-groups-dialog-title .close-button {
    cursor: pointer; }
  .ldap-add-groups-dialog-title.bottom-border {
    border-bottom: 1px solid #d2d1e0; }

.ldap-add-groups-dialog-actions {
  padding: 25px !important; }
  .ldap-add-groups-dialog-actions > span {
    margin-right: 20px !important; }
  .ldap-add-groups-dialog-actions.top-border {
    border-top: 1px solid #d2d1e0; }

.ldap-users-dialog-content-wrapper {
  height: 310px;
  margin-top: 25px; }

.group-map-searchbox-wrapper {
  margin-top: 25px; }
.import-button-wrapper {
  position: absolute;
  right: 50px;
  top: 80px;
  z-index: 440; }
  .import-button-wrapper .import-link-wrapper {
    font-weight: normal; }
    .import-button-wrapper .import-link-wrapper [stroke] {
      stroke: #4a90e2; }
.dialog-main-wrapper {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px; }
  .dialog-main-wrapper .ldap-import-user-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .dialog-main-wrapper .ldap-import-user-header .title-wrapper {
      color: #372f51;
      font-size: 18px;
      font-weight: 500; }

.dialog-import-ldap-user-main-header-wrapper {
  margin-bottom: 15px; }

.ldap-add-groups-body {
  padding-top: 30px;
  padding-left: 26px;
  padding-right: 35px; }

.create-user-dialog-header div[class^=cx-generic-button-wrapper] {
  position: relative;
  top: -28px; }
.grid-header table thead tr th {
  border-bottom: 1px solid #d2d1e0 !important;
  font-size: 13px;
  background-color: #ffffff; }
  .grid-header table thead tr th span.user-name {
    display: inline-block;
    margin-left: 40px; }

.grid-header table thead tr th:nth-child(10) {
  border-right: none !important; }

.grid-header table thead tr th:nth-child(11) {
  border-left: none !important; }

.table-container-wrapper {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0; }

.react-bs-table-bordered {
  border: none; }

.table-body-wrapper tr:last-child td {
  border-bottom: none !important; }
.table-toolbar-wrapper .table-toolbar {
  padding-right: 15px;
  float: left;
  width: 100%;
  line-height: 30px; }
  .table-toolbar-wrapper .table-toolbar .total-wrapper {
    color: #444444;
    font-weight: 500;
    font-size: 15px;
    float: left;
    height: 33px; }
  .table-toolbar-wrapper .table-toolbar .roles-buttons-wrapper {
    float: right;
    display: flex;
    flex-flow: row;
    width: 402px;
    justify-content: space-between;
    align-items: center;
    height: 26px; }
    .table-toolbar-wrapper .table-toolbar .roles-buttons-wrapper .add-user-button {
      height: 26px; }
.roles-main-wrapper {
  min-height: 485px; }
  .roles-main-wrapper .search-box input[type=text] {
    width: 235px; }

.grid-header table thead tr th {
  border-bottom: 1px solid #d2d1e0 !important;
  font-size: 13px;
  background-color: #ffffff; }
  .grid-header table thead tr th span.user-name {
    display: inline-block;
    margin-left: 13px; }

.role-name-column {
  color: #444444;
  font-weight: 500;
  font-size: 15px;
  margin-left: 15px; }

.react-bs-table-tool-bar {
  margin-bottom: 40px; }
  .react-bs-table-tool-bar .row {
    height: 0;
    line-height: 0;
    margin-left: 0; }

.roles-table-container-wrapper {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0; }

.react-bs-table-bordered {
  border: none; }
.permission-category {
  border-bottom: 1px solid #D2D1E0;
  font-size: 18px; }

.permission-item {
  text-transform: capitalize;
  margin-bottom: 5px; }

.permissions-group-header {
  padding: 15px;
  display: flex;
  align-items: center; }

.permissions-group-header-title {
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize; }

.permissions-group-header-sub-title {
  color: #9b9b9b;
  font-size: 13px;
  line-height: 20px; }

.permissions-group-header-buttons {
  margin-left: auto; }
  .permissions-group-header-buttons .portal-blank-button.link {
    color: #9b9b9b;
    font-weight: normal;
    text-transform: none;
    margin-right: 15px; }
    .permissions-group-header-buttons .portal-blank-button.link:hover {
      color: #4a90e2; }

.permission-seperator {
  height: 6px;
  opacity: 0.49;
  background: linear-gradient(0deg, rgba(55, 48, 80, 0) 0%, rgba(55, 48, 80, 0.35) 100%); }

.permissions-group-category-name {
  margin-left: 20px;
  padding: 15px 20px 15px 20px;
  padding-left: 0;
  border-bottom: 1px solid #d2d1e0; }

.permission-category-checkbox {
  font-size: 18px;
  line-height: 18px;
  font-weight: 500; }

.permissions-wrapper {
  padding: 20px;
  padding-top: 10px;
  padding-left: 35px; }

.icon-wrapper {
  cursor: pointer;
  margin-right: 10px; }

.closed-service-provider {
  border: 1px solid #D2D1E0; }
.edit-role-form-wrapper {
  padding: 0 30px 0 30px; }

.edit-role-buttons-container {
  margin-top: 40px;
  padding: 25px;
  text-align: right;
  border-top: 1px solid #D2D1E0; }
.roles-content-wrapper .roles-content-left-hand {
  padding: 15px 30px 30px 30px;
  max-width: 300px; }
  .roles-content-wrapper .roles-content-left-hand .role-name {
    font-size: 24px;
    font-weight: 500;
    color: #37314F;
    margin-top: 10px; }
  .roles-content-wrapper .roles-content-left-hand .edit-role-info {
    color: #9b9b9b;
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px; }

.roles-content-wrapper .roles-content-right-hand {
  padding: 15px 0 30px 0;
  overflow: auto; }
  .roles-content-wrapper .roles-content-right-hand .roles-content-body {
    height: 76vh; }
.title-wrapper {
  text-align: left; }
  .title-wrapper > span:first-child {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color: #37314f;
    display: block;
    margin-bottom: 8px; }
  .title-wrapper.email-sent-success {
    margin-bottom: 15px; }
  .title-wrapper > div {
    color: #9b9b9b; }

.error-message-wrapper {
  width: 335px;
  text-align: left; }

.eula-title {
  margin-top: 40px;
  text-align: center; }

.eula-wrapper {
  border: 1px solid #d2d1e0;
  margin-top: 10px;
  margin-bottom: 10px; }

.eula-content {
  margin: 10px; }

.form {
  display: flex;
  flex-direction: column;
  align-items: center; }
.title-wrapper {
  text-align: left; }
  .title-wrapper > span:first-child {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color: #37314f;
    display: block;
    margin-bottom: 8px; }
  .title-wrapper.email-sent-success {
    margin-bottom: 15px; }
  .title-wrapper > div {
    color: #9b9b9b; }
.title-wrapper {
  text-align: left; }
  .title-wrapper > span:first-child {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color: #37314f;
    display: block;
    margin-bottom: 8px; }
  .title-wrapper.email-sent-success {
    margin-bottom: 15px; }
  .title-wrapper > div {
    color: #9b9b9b; }

.error-message-wrapper {
  width: 335px;
  text-align: left; }

.form {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #565360; }

.input-spacing {
  margin-bottom: 28px; }

.link {
  font-weight: normal;
  text-transform: none;
  text-decoration: underline; }
  .link:hover {
    cursor: pointer; }

.eula-dialog-exit-icon {
  position: absolute !important;
  left: 100%;
  bottom: 100%;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important; }
  .eula-dialog-exit-icon svg {
    fill: #ffffff !important;
    color: #ffffff !important; }

.eula-wrapper-dimensions {
  max-height: 444px;
  height: 444px;
  width: 35%;
  max-width: 650px; }

.eula-wrapper {
  border-radius: 4px !important;
  height: 100%; }

.eula-dialog-body {
  padding: 28px 0 14px 32px !important;
  height: 100%;
  display: flex;
  flex-direction: column; }

.eula-title {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.02em;
  color: #565360;
  margin-bottom: 22px; }

.eula-content {
  padding-right: 28px; }
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: local("Roboto"), url(./893fe14628bd7ac498d550e96367e1be.ttf) format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: local("Roboto"), url(./256aab654d3c4dd0e12fd0a32c7e8aa6.ttf) format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto"), url(./d329cc8b34667f114a95422aaad1b063.ttf) format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: local("Roboto"), url(./b37d0bb73a2f688ecaee01647f41e3e5.ttf) format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto"), url(./fe13e4170719c2fc586501e777bde143.ttf) format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: local("Roboto"), url(./5b25afa871e1b896011859f8cdf8da74.ttf) format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), url(./ac3f799d5bbaf5196fab15ab8de8431c.ttf) format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto"), url(./de74c60991cd63c8b922e0e665a39c7a.ttf) format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto"), url(./7b5fb88f12bec8143f00e21bc3222124.ttf) format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: local("Roboto"), url(./129c5057f4480f9a353e15e1e1e09f9d.ttf) format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: local("Roboto"), url(./3f68500b267c20051088bcc0698af773.ttf) format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: local("Roboto"), url(./1e5737be5c68c15c3a105b2db9a3b67c.ttf) format("truetype"); }

@font-face {
  font-family: 'blogger sans';
  font-style: bold;
  font-weight: 700;
  src: local("blogger sans"), url(./c9b8f98786f4f15a5c67cc42810c673a.woff) format("woff"); }

@font-face {
  font-family: 'Axiforma';
  font-style: bold;
  font-weight: 700;
  src: local("Axiforma"), url(./44b8cda8a2bf778530bab7ceb048c190.woff2) format("woff2"), local("Axiforma"), url(./b4cdec736ef6785e0c2caa392a886eb8.woff) format("woff"); }

html, body {
  height: 100%; }

body {
  font-family: "Roboto", Arial;
  font-size: 16px;
  background-color: #edeff5 !important;
  min-width: 1280px; }
  body .container-fluid {
    padding: 0;
    margin: 0; }

@media only screen and (max-width: 1920px) {
  body {
    overflow: visible;
    -ms-overflow-style: scrollbar; } }

*:focus {
  outline: none !important; }

input::-ms-clear, input::-ms-reveal {
  display: none !important; }

a:hover, ul:hover, li:hover {
  transition: all 0.25s !important; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important; }

.main-wrapper .portal-main-wrapper {
  padding-left: 60px; }
  .main-wrapper .portal-main-wrapper .home-page-main-wrapper h1 {
    text-transform: capitalize; }
  .main-wrapper .portal-main-wrapper .main-body {
    padding: 35px; }
  .main-wrapper .portal-main-wrapper .error-full-wrapper {
    height: 95vh; }
  .main-wrapper .portal-main-wrapper .error-wrapper {
    height: 65vh; }
  .main-wrapper .portal-main-wrapper .error-details-wrapper {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: inherit; }
    .main-wrapper .portal-main-wrapper .error-details-wrapper .error-details {
      display: flex;
      flex-flow: column;
      align-items: center;
      width: 450px; }
      .main-wrapper .portal-main-wrapper .error-details-wrapper .error-details .alert-icon {
        margin-bottom: 20px; }
        .main-wrapper .portal-main-wrapper .error-details-wrapper .error-details .alert-icon .portal-icon-component span {
          display: block; }
      .main-wrapper .portal-main-wrapper .error-details-wrapper .error-details .error-detail {
        width: 450px;
        font-size: 18px;
        text-align: center; }

.main-wrapper .sub-title {
  color: #444444;
  font-size: 18px;
  font-weight: 500;
  padding-top: 25px; }

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

.cx-logo-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -246px -84px;
  width: 29px;
  height: 29px; }

.scan-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -246px -153px;
  width: 12px;
  height: 13px; }
  .scan-icon:hover {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -234px -153px;
    width: 12px;
    height: 13px; }
  .scan-icon.hover-icon {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -234px -153px;
    width: 12px;
    height: 13px; }

.menu-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -291px -108px;
  width: 16px;
  height: 4px;
  display: inline-block;
  cursor: pointer; }
  .menu-icon:hover {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -275px -108px;
    width: 16px;
    height: 4px; }
  .menu-icon.hover-icon {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -275px -108px;
    width: 16px;
    height: 4px; }

.filter-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -257px -140px;
  width: 8px;
  height: 9px;
  display: inline-block;
  cursor: pointer; }

.alert-white-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -360px -124px;
  width: 17px;
  height: 13px;
  display: inline-block; }

.close-white-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -209px -116px;
  width: 9px;
  height: 8px;
  display: inline-block; }

.active-filter-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -178px -153px;
  width: 14px;
  height: 14px;
  display: inline-block;
  cursor: pointer; }

.active-user-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -363px -84px;
  width: 16px;
  height: 16px;
  display: inline-block; }

.none-active-user-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -345px -84px;
  width: 18px;
  height: 19px;
  display: inline-block; }

.user-white-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -181px -140px;
  width: 14px;
  height: 13px;
  display: inline-block; }

.dashboard-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -242px -140px;
  width: 15px;
  height: 9px; }
  .dashboard-icon:hover {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -227px -140px;
    width: 15px;
    height: 9px; }
  .dashboard-icon.hover-icon {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -227px -140px;
    width: 15px;
    height: 9px; }

.project-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -345px -124px;
  width: 15px;
  height: 16px; }
  .project-icon:hover {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -330px -124px;
    width: 15px;
    height: 16px; }
  .project-icon.hover-icon {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -330px -124px;
    width: 15px;
    height: 16px; }

.user-icon-default {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -181px -140px;
  width: 14px;
  height: 13px; }

.user-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -181px -140px;
  width: 14px;
  height: 13px; }
  .user-icon:hover {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -167px -140px;
    width: 14px;
    height: 13px; }
  .user-icon.hover-icon {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -167px -140px;
    width: 14px;
    height: 13px; }

.my-account-icon-container {
  position: absolute;
  bottom: 15px;
  margin: auto;
  width: 60px;
  cursor: pointer; }
  .my-account-icon-container .my-account-icon {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -323px -84px;
    width: 22px;
    height: 22px;
    display: inline-block; }

.analysis-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -211px -140px;
  width: 16px;
  height: 10px; }
  .analysis-icon:hover {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -195px -140px;
    width: 16px;
    height: 10px; }
  .analysis-icon.hover-icon {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -195px -140px;
    width: 16px;
    height: 10px; }

.management-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -298px -124px;
  width: 16px;
  height: 16px; }
  .management-icon:hover {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -282px -124px;
    width: 16px;
    height: 16px; }
  .management-icon.hover-icon {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -282px -124px;
    width: 16px;
    height: 16px; }

.open-external-link-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -109px -174px;
  width: 12px;
  height: 12px; }

.user-large-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -56px -124px;
  width: 50px;
  height: 50px;
  display: inline-block; }

.alert-circle-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -106px -124px;
  width: 44px;
  height: 44px; }

.export-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -50px -174px;
  width: 11px;
  height: 15px;
  display: inline-block; }

.plus-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -133px -174px;
  width: 12px;
  height: 12px;
  display: inline-block; }
  .plus-icon:hover {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -121px -174px;
    width: 12px;
    height: 12px; }
  .plus-icon.hover-icon {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -121px -174px;
    width: 12px;
    height: 12px; }

.magnifying-glass-search-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -206px -153px;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle; }

.cx-logo-and-text-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: 0px -84px;
  width: 182px;
  height: 40px;
  display: inline-block;
  margin-top: 60px; }

.alert-error-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -150px -140px;
  width: 17px;
  height: 13px;
  display: inline-block; }

.alert-success-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -220px -153px;
  width: 14px;
  height: 14px;
  display: inline-block; }

.close-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -218px -116px;
  width: 9px;
  height: 8px;
  display: inline-block;
  vertical-align: middle; }
  .close-icon:hover {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -200px -116px;
    width: 9px;
    height: 8px; }

.close-blue-icon {
  display: inline-block;
  vertical-align: middle;
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -191px -116px;
  width: 9px;
  height: 8px; }
  .close-blue-icon:hover {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -182px -116px;
    width: 9px;
    height: 8px; }
  .close-blue-icon.hover-icon {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -182px -116px;
    width: 9px;
    height: 8px; }

.reset-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -272px -153px;
  width: 14px;
  height: 11px;
  display: inline-block;
  vertical-align: middle; }
  .reset-icon:hover {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -258px -153px;
    width: 14px;
    height: 11px; }

.user-settings-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -150px -124px;
  width: 20px;
  height: 16px;
  display: inline-block; }

.add-blue-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -170px -124px;
  width: 16px;
  height: 16px;
  display: inline-block; }

.trash-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -26px -174px;
  width: 13px;
  height: 17px;
  display: inline-block; }

.trash-grey-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: 0px -174px;
  width: 13px;
  height: 17px;
  display: inline-block; }

.question-mark-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -297px -153px;
  width: 11px;
  height: 11px;
  display: inline-block; }
  .question-mark-icon:hover {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -286px -153px;
    width: 11px;
    height: 11px; }

.minus-large-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -275px -84px;
  width: 24px;
  height: 24px;
  display: inline-block; }

.plus-large-icon {
  background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
  background-position: -299px -84px;
  width: 24px;
  height: 24px;
  display: inline-block; }

.content-wrapper {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
  background-color: #ffffff;
  overflow: hidden;
  display: flex;
  align-items: stretch; }
  .content-wrapper .content-left-hand {
    height: auto; }
  .content-wrapper .content-seperator {
    opacity: 0.49;
    background: linear-gradient(270deg, rgba(55, 48, 80, 0) 0%, rgba(55, 48, 80, 0.35) 100%);
    width: 6px;
    height: auto; }
  .content-wrapper .content-right-hand {
    height: auto;
    flex-grow: 10; }

.form-group {
  margin-bottom: 10px !important; }

.form-row {
  display: flex;
  justify-content: start;
  width: 100%; }
  .form-row.start {
    justify-content: baseline;
    align-items: center; }

.help-tooltip.inline {
  position: absolute;
  top: 62%;
  right: 5px; }

.help-tooltip:hover {
  cursor: pointer; }

.help-tooltip-content {
  line-height: 25px;
  font-weight: normal;
  max-width: 500px; }

.portal-textbox-wrapper {
  position: relative;
  line-height: initial; }

.portal-textbox {
  cursor: initial !important; }
  .portal-textbox.textbox-help-tooltip input {
    width: 94% !important; }
  .portal-textbox.content-visibility-toggle-button input {
    padding-right: 50px !important; }

.portal-textbox hr:first-child + hr {
  border-bottom: 1px solid #9b9b9b; }

.portal-grid .grid-toolbar, .portal-light-grid .grid-toolbar {
  padding-bottom: 30px; }

.portal-grid .react-bs-table-tool-bar, .portal-light-grid .react-bs-table-tool-bar {
  margin-bottom: 40px; }
  .portal-grid .react-bs-table-tool-bar .row, .portal-light-grid .react-bs-table-tool-bar .row {
    height: 0;
    line-height: 0; }

.portal-grid .table-row, .portal-light-grid .table-row {
  height: 60px;
  font-size: 13px;
  color: #444444;
  background-color: #ffffff !important; }
  .portal-grid .table-row td, .portal-light-grid .table-row td {
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #d9d9e5; }
  .portal-grid .table-row:hover, .portal-light-grid .table-row:hover {
    background-color: #edeff5 !important; }

.portal-grid .table-header, .portal-light-grid .table-header {
  color: #9290a4;
  font-weight: 500; }

.portal-grid .custom-filter-header > div, .portal-light-grid .custom-filter-header > div {
  display: inline-block; }

.portal-grid .general-table-column, .portal-light-grid .general-table-column {
  color: #666666;
  font-weight: normal;
  padding-right: 15px; }

.portal-grid .user-grid-filter, .portal-light-grid .user-grid-filter {
  margin-left: 8px;
  padding: 0px !important; }
  .portal-grid .user-grid-filter .popover-content, .portal-light-grid .user-grid-filter .popover-content {
    padding: 0px !important; }

.portal-light-grid {
  height: 70vh;
  padding-right: 10px; }
  .portal-light-grid .react-bs-container-body {
    box-shadow: none;
    border-radius: 0; }
  .portal-light-grid .user-name-column {
    margin-left: 0; }

.search-box {
  text-align: left;
  border: 1px solid #d2d1e0;
  height: 30px;
  border-radius: 1px;
  line-height: 30px;
  background-color: #dfe0ea;
  font-size: 13px;
  font-weight: normal;
  color: #9290a4;
  box-sizing: content-box;
  bottom: 68px;
  right: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .search-box:focus {
    border: 1px solid #9290a4; }
  .search-box.focus {
    border: 1px solid #9290a4; }
  .search-box input[type=text] {
    width: 170px;
    margin-left: 8px;
    height: 28px;
    background-color: transparent;
    border-width: 0px; }
    .search-box input[type=text]:focus {
      color: #37314f; }
    .search-box input[type=text]::-ms-clear {
      display: none; }
    .search-box input[type=text]::placeholder {
      color: #9b9b9b;
      font-size: 13px; }
  .search-box .input-contain-text {
    color: #37314f; }
  .search-box .search-button {
    margin-right: 10px; }
    .search-box .search-button .close-icon {
      cursor: pointer; }

.user-form-teamtree-wrapper {
  margin-right: 14px; }
  .user-form-teamtree-wrapper .search-box {
    background-color: #ffffff; }

.react-bs-table-pagination .pagination {
  margin: 0 10px 10px 10px; }

.react-bs-table-pagination #pageDropDown {
  margin-left: 10px; }

.react-bs-table-pagination .page-item.active .page-link {
  background-color: #dfe0ea;
  border-color: #dfe0ea; }

.react-bs-table-pagination .page-item .page-link {
  color: #666666; }
  .react-bs-table-pagination .page-item .page-link:hover {
    color: #666666; }

.general-button {
  min-width: 100px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  line-height: 30px;
  height: 30px;
  padding: 0 15px 0 15px;
  border-radius: 100px;
  border-width: 0;
  text-transform: uppercase; }
  .general-button.blue-button {
    color: #ffffff;
    background-color: #4a90e2; }
    .general-button.blue-button.confirm {
      background-color: #d82d49; }
    .general-button.blue-button:active {
      color: #ffffff;
      background-color: #3879c4; }
    .general-button.blue-button.disabled {
      background-color: #d2d1e0; }
  .general-button.transparent-button {
    background-color: transparent;
    border: 1px solid #979797;
    line-height: 25px;
    min-width: 0;
    height: 25px; }
  .general-button.red-button {
    color: #ffffff;
    background-color: #d82d49; }
    .general-button.red-button.disabled {
      background-color: #d2d1e0; }

.gernal-long-button {
  color: #ffffff;
  background-color: #373050;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 19px;
  height: 41px;
  width: 337px;
  border-radius: 100px;
  border-width: 0;
  margin-top: 20px; }
  .gernal-long-button:active {
    color: #ffffff;
    background-color: #37314f; }
  .gernal-long-button.disabled {
    background-color: #d2d1e0; }

.portal-small-button {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  line-height: 30px;
  height: 30px;
  padding: 0 15px 0 15px;
  border-radius: 100px;
  border-width: 0;
  text-transform: uppercase; }
  .portal-small-button.purple-button {
    background-color: #4a90e2; }
  .portal-small-button:active {
    color: #ffffff;
    background-color: #3879c4; }

.portal-general-button {
  color: #ffffff;
  background-color: #373050;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 19px;
  height: 41px;
  width: 337px;
  border-radius: 100px;
  border-width: 0;
  margin-top: 20px; }
  .portal-general-button:active {
    color: #ffffff;
    background-color: #37314f; }

.portal-submit-button {
  color: #ffffff;
  background-color: #4a90e2;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  line-height: 19px;
  height: 32px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 100px;
  border-width: 0;
  text-transform: uppercase; }
  .portal-submit-button:active {
    background-color: #3879c4; }
  .portal-submit-button.alert-confirm {
    background-color: #d82d49; }
  .portal-submit-button.alert-info {
    background-color: #4a90e2; }
  .portal-submit-button.disabled {
    background-color: #d2d1e0; }

.portal-blank-button {
  color: #666666;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  line-height: 19px;
  text-transform: uppercase;
  cursor: pointer; }

.icon-button {
  border: 0;
  background-color: transparent; }

.react-toggle-thumb {
  box-shadow: 0 1px 2px 0 rgba(146, 144, 164, 0.52) !important;
  border: none !important; }

.react-toggle-track {
  background-color: #d2d1e0 !important; }

.react-toggle--checked .react-toggle-track {
  background-color: #4a90e2 !important; }

.portal-general-input-text {
  border-radius: 0;
  font-size: 15px;
  height: 35px;
  width: 336px;
  padding: 5px 0 5px 0;
  border: 0;
  box-shadow: none;
  border-bottom: 2px solid #bdbdbd;
  color: #444444; }

.portal-general-control-label {
  font-weight: 500;
  font-size: 12px;
  color: #444444; }

.popover {
  border-radius: 0 !important;
  max-width: none; }

.rc-tree .rc-tree-node-selected, .portal-tree-view .rc-tree-node-selected {
  background-color: #edeff5;
  border: none; }

.rc-tree li, .portal-tree-view li {
  overflow: hidden;
  line-height: 35px;
  display: block;
  background-color: #ffffff; }
  .rc-tree li .rc-tree-node-content-wrapper, .portal-tree-view li .rc-tree-node-content-wrapper {
    height: auto; }
  .rc-tree li span.rc-tree-checkbox, .portal-tree-view li span.rc-tree-checkbox {
    margin-left: 10px;
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -266px -124px;
    width: 16px;
    height: 16px; }
    .rc-tree li span.rc-tree-checkbox:hover, .portal-tree-view li span.rc-tree-checkbox:hover {
      background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
      background-position: -250px -124px;
      width: 16px;
      height: 16px; }
    .rc-tree li span.rc-tree-checkbox.rc-tree-checkbox-checked, .portal-tree-view li span.rc-tree-checkbox.rc-tree-checkbox-checked {
      background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
      background-position: -234px -124px;
      width: 16px;
      height: 16px; }
  .rc-tree li span, .portal-tree-view li span {
    width: calc(100% - 14px);
    font-size: 15px;
    color: #444444; }
    .rc-tree li span:hover, .portal-tree-view li span:hover {
      background-color: #edeff5; }
    .rc-tree li span.rc-tree-switcher.rc-tree-switcher_close, .portal-tree-view li span.rc-tree-switcher.rc-tree-switcher_close {
      background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
      background-position: -133px -174px;
      width: 12px;
      height: 12px; }
      .rc-tree li span.rc-tree-switcher.rc-tree-switcher_close:hover, .portal-tree-view li span.rc-tree-switcher.rc-tree-switcher_close:hover {
        background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
        background-position: -121px -174px;
        width: 12px;
        height: 12px; }
    .rc-tree li span.rc-tree-switcher.rc-tree-switcher_open, .portal-tree-view li span.rc-tree-switcher.rc-tree-switcher_open {
      background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
      background-position: -73px -174px;
      width: 12px;
      height: 12px; }
      .rc-tree li span.rc-tree-switcher.rc-tree-switcher_open:hover, .portal-tree-view li span.rc-tree-switcher.rc-tree-switcher_open:hover {
        background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
        background-position: -61px -174px;
        width: 12px;
        height: 12px; }
    .rc-tree li span .rc-tree-icon__open, .rc-tree li span .rc-tree-icon__close, .rc-tree li span .rc-tree-icon__docu, .portal-tree-view li span .rc-tree-icon__open, .portal-tree-view li span .rc-tree-icon__close, .portal-tree-view li span .rc-tree-icon__docu {
      visibility: hidden;
      width: 7px; }
  .rc-tree li .rc-tree-node-content-wrapper.draggable:hover, .portal-tree-view li .rc-tree-node-content-wrapper.draggable:hover {
    cursor: move; }

.tabs-dialog button.tab-dialog {
  background-color: white !important;
  width: auto !important;
  margin-left: 30px !important;
  font-weight: normal !important; }
  .tabs-dialog button.tab-dialog.selected {
    border-bottom: 3px solid #372f51 !important;
    font-weight: bold !important; }

.tabs-dialog button.tab-dialog:first-child {
  margin-left: 0 !important; }

.tabs-dialog > div:first-child {
  width: auto !important;
  background-color: white !important; }

.tabs-dialog > div:first-child + div {
  border-bottom: 1px solid #d2d0df; }

.tabs-dialog > div:first-child + div div {
  display: none !important; }

.tabs-dialog > div button > div > div {
  flex-direction: row-reverse !important;
  height: 35px !important; }

.tabs-dialog .tab-dialog {
  text-transform: capitalize !important;
  font-size: 15px !important; }

.error-message {
  color: #D0021B;
  font-size: 13px;
  font-weight: 500; }

.sucess-message {
  color: #444444;
  font-size: 13px;
  font-weight: 500; }

.tab-form-validation-badge {
  color: #d4304a;
  margin-left: 8px;
  margin-top: 5px; }

div.grid-context-menu-button, div.grid-context-menu-button button, div.grid-context-menu-button button div {
  box-shadow: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  min-width: initial !important;
  width: initial !important; }
  div.grid-context-menu-button:hover, div.grid-context-menu-button button:hover, div.grid-context-menu-button button div:hover {
    background-color: transparent !important; }

.portal-date-picker {
  width: 325px; }
  .portal-date-picker > div {
    width: inherit !important; }
  .portal-date-picker > div > div hr {
    border-bottom: 1px solid #9b9b9b !important; }

.selectable-list-container {
  pointer-events: auto; }
  .selectable-list-container .search-box {
    height: 43px;
    background-color: #edeff5;
    border-bottom: 1px solid #d2d1e0;
    border-top: 1px solid #d2d1e0;
    border-left: none;
    border-right: none; }
    .selectable-list-container .search-box input {
      height: inherit;
      margin-left: 15px; }
    .selectable-list-container .search-box ::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #9b9b9b !important;
      opacity: 1;
      /* Firefox */ }
    .selectable-list-container .search-box :-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #9b9b9b !important; }
    .selectable-list-container .search-box ::-ms-input-placeholder {
      /* Microsoft Edge */
      color: #9b9b9b !important; }
    .selectable-list-container .search-box .search-button {
      margin-right: 15px;
      margin-top: 5px; }
  .selectable-list-container .selectable-list-title {
    font-size: 15px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    padding: 15px 15px 15px 15px; }
    .selectable-list-container .selectable-list-title .filter-title {
      color: #37314f; }
    .selectable-list-container .selectable-list-title .portal-icon-component {
      float: right;
      cursor: pointer; }
  .selectable-list-container .selectable-items-container {
    width: 300px; }
  .selectable-list-container .portal-blank-button.link {
    color: #9b9b9b;
    font-weight: normal;
    text-transform: none;
    margin-right: 15px; }
    .selectable-list-container .portal-blank-button.link:hover {
      color: #4a90e2; }
  .selectable-list-container .save-button {
    float: right; }
  .selectable-list-container .selectable-list-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #d2d1e0;
    padding: 15px; }

.selectable-list-box {
  pointer-events: auto;
  width: 250px;
  height: 275px; }
  .selectable-list-box .save-button {
    float: right; }
  .selectable-list-box .selected {
    color: #4a90e2 !important;
    background-color: #edeff5 !important; }
  .selectable-list-box .selectable-list-box-buttons {
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 20px;
    border-top: 1px solid #d2d1e0;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px; }
    .selectable-list-box .selectable-list-box-buttons .selectable-list-box-links {
      float: left;
      margin-left: 5px;
      margin-top: 5px; }
  .selectable-list-box .portal-blank-button.link {
    color: #9b9b9b;
    font-weight: normal;
    text-transform: none;
    margin-right: 15px; }
    .selectable-list-box .portal-blank-button.link:hover {
      color: #4a90e2; }

.checkbox-list .item-name {
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.checkbox-list .checkbox-item {
  width: 90%; }
  .checkbox-list .checkbox-item .disabled {
    color: rgba(0, 0, 0, 0.3); }

.checkbox-list .item-row {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .checkbox-list .item-row .portal-checkbox-wrapper .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.checkbox-list .item-additional-data {
  color: #9b9b9b;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.checkbox-list .list-content {
  padding: 10px;
  padding-bottom: 5px; }

.checkbox-list .item-container {
  display: flex;
  border-bottom: 1px solid #d2d1e0;
  font-family: "Roboto", Arial; }
  .checkbox-list .item-container:last-child {
    border-bottom: none; }
  .checkbox-list .item-container .selectable-item-detais {
    margin-left: -10px; }

.add-item-dialog-wrapper {
  display: flex;
  flex-flow: column;
  justify-content: space-between; }
  .add-item-dialog-wrapper .buttons-wrapper {
    display: flex;
    align-items: center;
    flex-flow: row;
    justify-content: flex-end;
    margin-top: 15px; }
    .add-item-dialog-wrapper .buttons-wrapper span {
      margin-right: 15px; }

.add-team-content-wrapper {
  padding-top: 0 !important; }

.portal-confirm-dialog .portal-confirm-dialog-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 18px !important;
  font-weight: 500 !important;
  padding: 25px; }
  .portal-confirm-dialog .portal-confirm-dialog-header.alert-confirm {
    color: #37314f !important; }
  .portal-confirm-dialog .portal-confirm-dialog-header.alert-info {
    background-color: #ffffff;
    color: #37314f !important; }
  .portal-confirm-dialog .portal-confirm-dialog-header .portal-icon-component {
    margin-right: 5px; }
  .portal-confirm-dialog .portal-confirm-dialog-header .close-button {
    cursor: pointer; }
  .portal-confirm-dialog .portal-confirm-dialog-header.bottom-border {
    border-bottom: 1px solid #d2d1e0; }

.portal-confirm-dialog .portal-confirm-dialog-body {
  padding: 0 !important;
  color: #444444 !important; }
  .portal-confirm-dialog .portal-confirm-dialog-body > div {
    padding: 0 0 25px 0;
    margin: 0 25px 0 25px;
    border-bottom: 1px solid #d2d1e0; }

.portal-confirm-dialog .portal-confirm-dialog-actions {
  padding: 25px !important; }
  .portal-confirm-dialog .portal-confirm-dialog-actions > span {
    margin-right: 20px !important; }
  .portal-confirm-dialog .portal-confirm-dialog-actions.top-border {
    border-top: 1px solid #d2d1e0; }

.copy-confirm-dialog .copy-to-clipboard-button {
  margin-left: 15px; }

div.edit-context-menu {
  box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2) !important;
  min-width: 120px;
  border: 1px solid #d5d5d5; }
  div.edit-context-menu > div > div > div > div {
    padding: 0 !important; }
    div.edit-context-menu > div > div > div > div div span {
      font-size: 15px !important; }
      div.edit-context-menu > div > div > div > div div span:hover {
        background-color: #ffffff !important;
        color: #4a90e2 !important; }

.tree-row-hover:hover {
  background-color: #edeff5 !important; }

.tabs-dialog button.tab-dialog {
  background-color: white !important;
  width: auto !important;
  margin-left: 30px !important;
  font-weight: normal !important; }
  .tabs-dialog button.tab-dialog.selected {
    border-bottom: 3px solid #372f51 !important;
    font-weight: bold !important; }

.tabs-dialog button.tab-dialog:first-child {
  margin-left: 0 !important; }

.tabs-dialog > div:first-child {
  width: auto !important;
  background-color: white !important; }

.tabs-dialog > div:first-child + div {
  border-bottom: 1px solid #d2d0df; }

.tabs-dialog > div:first-child + div div {
  display: none !important; }

.tabs-dialog > div button > div > div {
  flex-direction: row-reverse !important;
  height: 35px !important; }

.tabs-dialog .tab-dialog {
  text-transform: capitalize !important;
  font-size: 15px !important; }

.textfield-floating-text .required {
  display: inline-block;
  margin-left: 5px;
  color: #d4304a; }

.screen-loader-main-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.edit-context-menu.menu-dropdown {
  font-size: 12px; }

.add-link-button-wrapper {
  color: #4a90e2;
  font-weight: 500; }
  .add-link-button-wrapper .link-button {
    display: inline-flex;
    align-items: center;
    cursor: pointer; }
    .add-link-button-wrapper .link-button .add-blue-icon {
      margin-right: 5px;
      margin-bottom: 2px; }

.trash-button {
  cursor: pointer; }

.stepper-main-wrapper .stepper-header-wrapper {
  display: flex;
  border-bottom: 1px solid #d2d1e0;
  padding-top: 25px;
  padding-bottom: 10px; }
  .stepper-main-wrapper .stepper-header-wrapper .step {
    display: flex;
    align-items: center;
    margin-left: 35px;
    color: #d2d1e0;
    font-weight: normal;
    font-size: 15px; }
    .stepper-main-wrapper .stepper-header-wrapper .step .number {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      border-radius: 100%;
      color: #ffffff;
      background-color: #d2d1e0;
      font-weight: 500; }
    .stepper-main-wrapper .stepper-header-wrapper .step .name {
      padding-left: 8px; }
    .stepper-main-wrapper .stepper-header-wrapper .step.selected {
      color: #37314f;
      font-weight: bold; }
      .stepper-main-wrapper .stepper-header-wrapper .step.selected .number {
        background-color: #37314f; }
  .stepper-main-wrapper .stepper-header-wrapper .step:nth-child(1) {
    margin-left: 0; }

.__react_component_tooltip {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 20px;
  border: 1px solid #d2d1e0; }
  .__react_component_tooltip.show {
    opacity: 1 !important; }
  .__react_component_tooltip.general-tooltip {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25); }
    .__react_component_tooltip.general-tooltip h4 {
      font-size: 15px !important;
      color: #3b3455 !important; }
    .__react_component_tooltip.general-tooltip code {
      word-wrap: break-word; }

.tabs-dialog.buttons {
  padding-left: 0px;
  padding-right: 0px; }
  .tabs-dialog.buttons > div:first-child {
    margin-top: -35px;
    margin-left: -35px;
    padding-left: 35px;
    margin-right: -35px;
    height: 60px; }
  .tabs-dialog.buttons > div:first-child + div {
    border-bottom: none; }
  .tabs-dialog.buttons button.tab-button:first-of-type > div > div {
    padding-left: 16px; }
  .tabs-dialog.buttons button.tab-button > div > div {
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase; }
  .tabs-dialog.buttons button.tab-button.selected {
    border-bottom: none !important; }
    .tabs-dialog.buttons button.tab-button.selected > div > div {
      background-color: #373050 !important;
      height: 28px !important;
      color: #ffffff !important;
      border-radius: 100px !important;
      padding-left: 16px;
      padding-right: 16px; }
  .tabs-dialog.buttons button.tab-button {
    background-color: white !important;
    width: auto !important;
    margin-left: 30px !important;
    font-weight: normal !important; }
    .tabs-dialog.buttons button.tab-button.selected {
      font-weight: bold !important; }
  .tabs-dialog.buttons button.tab-button:first-child {
    margin-left: 0 !important; }
  .tabs-dialog.buttons .tabs-dialog-content-wrapper {
    margin-top: 25px; }

.main-header {
  background-color: #ffffff;
  position: relative;
  padding-left: 35px;
  padding-top: 20px; }
  .main-header .header-main-title {
    margin-bottom: 3px;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 38px;
    height: 42px;
    color: #372f51;
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .main-header .viewers-empty-header {
    height: 15px; }

.main-viewers-navbar {
  height: 40px;
  margin-top: 5px;
  border-bottom: 1px solid #D2D0DF; }
  .main-viewers-navbar .header-scan-info {
    float: right;
    display: inline-block;
    font-size: 13px;
    margin-top: 15px; }
    .main-viewers-navbar .header-scan-info .date-icon {
      display: inline-block;
      margin-right: 5px;
      vertical-align: text-top; }
    .main-viewers-navbar .header-scan-info .scan-dates {
      margin-left: 4px; }
      .main-viewers-navbar .header-scan-info .scan-dates .arrow-icon {
        display: inline-block;
        margin: 0 7px; }
      .main-viewers-navbar .header-scan-info .scan-dates .time-title {
        font-weight: 500; }
      .main-viewers-navbar .header-scan-info .scan-dates .time {
        margin-left: 2px; }
  .main-viewers-navbar .header-nav-tabs {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin-bottom: 0; }
    .main-viewers-navbar .header-nav-tabs li {
      display: inline-block;
      background-color: #ffffff;
      font-size: 15px;
      line-height: 12px;
      margin-right: 30px; }
      .main-viewers-navbar .header-nav-tabs li .tabs-list-item {
        color: #372f51;
        text-decoration: none;
        display: inline-block;
        padding-top: 15px;
        padding-bottom: 9px; }
    .main-viewers-navbar .header-nav-tabs li:hover:not(.selected) {
      transition: all 0.25s;
      cursor: pointer; }
      .main-viewers-navbar .header-nav-tabs li:hover:not(.selected) .tabs-list-item:hover {
        padding-bottom: 12px; }
    .main-viewers-navbar .header-nav-tabs .selected {
      font-weight: bold;
      border-bottom: 4px solid #372f51;
      cursor: default; }

.top-menu-wrapper ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .top-menu-wrapper ul li {
    display: inline-block;
    padding-right: 25px; }

.general-form-wrapper .form-submit {
  margin-top: 45px; }

.general-form-wrapper .form-horizontal {
  margin-top: 25px; }

.cx-toastr-container {
  padding: 0 !important;
  margin: 0;
  width: 380px;
  height: 76px;
  border: 1px solid #D2D1E0;
  box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2) !important;
  background: #ffffff !important; }
  .cx-toastr-container > button {
    color: black;
    background: white;
    margin-right: 5px; }
  .cx-toastr-container .cx-toastr-body {
    color: #372f51 !important;
    font-size: 15px;
    font-weight: 500;
    height: 100%;
    font-family: "Roboto", Arial !important; }
    .cx-toastr-container .cx-toastr-body .toastr-content-wrapper {
      height: 100%;
      width: 100%; }
      .cx-toastr-container .cx-toastr-body .toastr-content-wrapper .toastr-icon {
        width: 76px;
        height: 100%;
        float: left;
        text-align: center;
        line-height: 90px;
        background-color: #D2D1E0; }
        .cx-toastr-container .cx-toastr-body .toastr-content-wrapper .toastr-icon .icon-v {
          background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
          background-position: -214px -84px;
          width: 32px;
          height: 32px;
          display: inline-block; }
        .cx-toastr-container .cx-toastr-body .toastr-content-wrapper .toastr-icon .failure {
          background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
          background-position: -182px -84px;
          width: 32px;
          height: 32px;
          display: inline-block; }
      .cx-toastr-container .cx-toastr-body .toastr-content-wrapper .toastr-message-wrapper {
        line-height: 76px;
        padding-left: 10px;
        display: inline-block;
        max-width: 75%; }
        .cx-toastr-container .cx-toastr-body .toastr-content-wrapper .toastr-message-wrapper .toastr-message {
          display: inline-block;
          width: 275px;
          max-width: 100ch;
          overflow: hidden;
          text-overflow: ellipsis;
          line-height: 18px;
          vertical-align: middle; }
          .cx-toastr-container .cx-toastr-body .toastr-content-wrapper .toastr-message-wrapper .toastr-message .toastr-more-info {
            text-decoration: underline;
            margin-left: 5px;
            font-weight: normal;
            color: #666666; }
    .cx-toastr-container .cx-toastr-body .error-toastr .toastr-icon {
      background-color: #d82d49; }
  .cx-toastr-container .cx-toastr-progress-bar {
    background: #372f51 !important;
    height: 3px; }

.login-main-wrapper, .reset-password-mt-main-wrapper {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  min-height: 100vh; }
  .login-main-wrapper .wrapper-left, .login-main-wrapper .wrapper-right, .reset-password-mt-main-wrapper .wrapper-left, .reset-password-mt-main-wrapper .wrapper-right {
    min-height: 95vh; }
  .login-main-wrapper .wrapper-left, .reset-password-mt-main-wrapper .wrapper-left {
    background-color: #fff;
    flex-grow: 2;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center; }
    .login-main-wrapper .wrapper-left .forms-wrapper, .reset-password-mt-main-wrapper .wrapper-left .forms-wrapper {
      width: 335px;
      min-height: 100vh;
      display: flex;
      flex-flow: wrap;
      justify-content: space-between; }
    .login-main-wrapper .wrapper-left .logo-wrapper, .reset-password-mt-main-wrapper .wrapper-left .logo-wrapper {
      align-self: flex-start; }
    .login-main-wrapper .wrapper-left .general-form-wrapper, .reset-password-mt-main-wrapper .wrapper-left .general-form-wrapper {
      width: 335px; }
      .login-main-wrapper .wrapper-left .general-form-wrapper.login .portal-textbox, .reset-password-mt-main-wrapper .wrapper-left .general-form-wrapper.login .portal-textbox {
        width: 100% !important;
        z-index: 1; }
      .login-main-wrapper .wrapper-left .general-form-wrapper.forgot-password, .reset-password-mt-main-wrapper .wrapper-left .general-form-wrapper.forgot-password {
        height: 220px; }
        .login-main-wrapper .wrapper-left .general-form-wrapper.forgot-password form .portal-general-button, .reset-password-mt-main-wrapper .wrapper-left .general-form-wrapper.forgot-password form .portal-general-button {
          margin-top: 35px; }
      .login-main-wrapper .wrapper-left .general-form-wrapper .welcome-message-wrapper > span:first-child, .reset-password-mt-main-wrapper .wrapper-left .general-form-wrapper .welcome-message-wrapper > span:first-child {
        font-size: 18px;
        font-weight: 500;
        line-height: 21px;
        color: #37314f;
        display: block;
        margin-bottom: 8px; }
      .login-main-wrapper .wrapper-left .general-form-wrapper .welcome-message-wrapper.email-sent-success, .reset-password-mt-main-wrapper .wrapper-left .general-form-wrapper .welcome-message-wrapper.email-sent-success {
        margin-bottom: 15px; }
      .login-main-wrapper .wrapper-left .general-form-wrapper .welcome-message-wrapper > div, .reset-password-mt-main-wrapper .wrapper-left .general-form-wrapper .welcome-message-wrapper > div {
        color: #9b9b9b; }
      .login-main-wrapper .wrapper-left .general-form-wrapper .form-submit, .reset-password-mt-main-wrapper .wrapper-left .general-form-wrapper .form-submit {
        margin-top: 45px; }
      .login-main-wrapper .wrapper-left .general-form-wrapper .form-horizontal, .reset-password-mt-main-wrapper .wrapper-left .general-form-wrapper .form-horizontal {
        margin-top: 25px; }
    .login-main-wrapper .wrapper-left .user-login-form, .reset-password-mt-main-wrapper .wrapper-left .user-login-form {
      display: flex;
      flex-flow: wrap; }
    .login-main-wrapper .wrapper-left .tenant-header, .reset-password-mt-main-wrapper .wrapper-left .tenant-header {
      color: black;
      font-size: 22px;
      font-weight: 500;
      opacity: 0.8; }
    .login-main-wrapper .wrapper-left .login-bottom-links_mtac, .reset-password-mt-main-wrapper .wrapper-left .login-bottom-links_mtac {
      flex: auto;
      display: flex;
      margin-top: 10%;
      justify-content: space-around;
      cursor: pointer; }
    .login-main-wrapper .wrapper-left .login-bottom-links_stac, .reset-password-mt-main-wrapper .wrapper-left .login-bottom-links_stac {
      margin-bottom: 30px;
      flex: auto;
      display: flex;
      justify-content: space-between; }
  .login-main-wrapper .wrapper-right, .reset-password-mt-main-wrapper .wrapper-right {
    display: flex;
    align-items: flex-end;
    flex-grow: 12; }
    .login-main-wrapper .wrapper-right .title, .reset-password-mt-main-wrapper .wrapper-right .title {
      color: white;
      font-size: 7vh;
      font-family: "Axiforma";
      font-weight: bold;
      width: 25vw;
      margin-left: 50px;
      margin-bottom: 50px;
      line-height: 1.2; }
  .login-main-wrapper .authentication-providers-dropown-wrapper, .reset-password-mt-main-wrapper .authentication-providers-dropown-wrapper {
    margin-top: 2px;
    width: 325px; }
  .login-main-wrapper .auth-ddl-wrapper, .reset-password-mt-main-wrapper .auth-ddl-wrapper {
    display: inline-block;
    vertical-align: middle;
    height: 36px; }
  .login-main-wrapper .sso-login-button, .login-main-wrapper .sso-login-button:active, .reset-password-mt-main-wrapper .sso-login-button, .reset-password-mt-main-wrapper .sso-login-button:active {
    background-color: #ffffff;
    color: #373050;
    border: 1px solid #373050; }
    .login-main-wrapper .sso-login-button:hover, .login-main-wrapper .sso-login-button:active:hover, .reset-password-mt-main-wrapper .sso-login-button:hover, .reset-password-mt-main-wrapper .sso-login-button:active:hover {
      background-color: #ffffff;
      color: #373050; }

.change-password-main-wrapper, .reset-password-main-wrapper {
  background-color: #ffffff;
  min-height: 100vh;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center; }
  .change-password-main-wrapper .logo-wrapper, .reset-password-main-wrapper .logo-wrapper {
    position: absolute;
    top: 65px;
    left: 65px; }
    .change-password-main-wrapper .logo-wrapper .cx-logo-and-text-icon, .reset-password-main-wrapper .logo-wrapper .cx-logo-and-text-icon {
      margin: 0; }
  .change-password-main-wrapper .change-password-form, .change-password-main-wrapper .general-form-wrapper, .reset-password-main-wrapper .change-password-form, .reset-password-main-wrapper .general-form-wrapper {
    width: 100%;
    text-align: center; }
    .change-password-main-wrapper .change-password-form .welcome-message-wrapper > span:first-child, .change-password-main-wrapper .general-form-wrapper .welcome-message-wrapper > span:first-child, .reset-password-main-wrapper .change-password-form .welcome-message-wrapper > span:first-child, .reset-password-main-wrapper .general-form-wrapper .welcome-message-wrapper > span:first-child {
      font-size: 18px;
      font-weight: bold;
      color: #444444; }
    .change-password-main-wrapper .change-password-form .general-form-wrapper form .portal-submit-button, .change-password-main-wrapper .general-form-wrapper .general-form-wrapper form .portal-submit-button, .reset-password-main-wrapper .change-password-form .general-form-wrapper form .portal-submit-button, .reset-password-main-wrapper .general-form-wrapper .general-form-wrapper form .portal-submit-button {
      margin-top: 15px;
      height: 40px;
      width: 345px; }
    .change-password-main-wrapper .change-password-form .general-form-wrapper .welcome-message-wrapper, .change-password-main-wrapper .general-form-wrapper .general-form-wrapper .welcome-message-wrapper, .reset-password-main-wrapper .change-password-form .general-form-wrapper .welcome-message-wrapper, .reset-password-main-wrapper .general-form-wrapper .general-form-wrapper .welcome-message-wrapper {
      font-size: 18px !important; }
    .change-password-main-wrapper .change-password-form .general-form-wrapper .change-password-button, .change-password-main-wrapper .general-form-wrapper .general-form-wrapper .change-password-button, .reset-password-main-wrapper .change-password-form .general-form-wrapper .change-password-button, .reset-password-main-wrapper .general-form-wrapper .general-form-wrapper .change-password-button {
      display: flex;
      justify-content: center;
      margin-top: 20px; }

.reset-password-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 65px 65px 65px; }

.users-main-wrapper {
  min-height: 485px; }
  .users-main-wrapper .search-box input[type=text] {
    width: 235px; }

.add-user-form-wrapper {
  margin: auto; }
  .add-user-form-wrapper .general-form-wrapper {
    position: initial !important; }
  .add-user-form-wrapper .user-form-teamtree-wrapper {
    min-height: 450px; }
  .add-user-form-wrapper .user-form-organizations-scrolls {
    padding-top: 0;
    margin-top: 15px; }
  .add-user-form-wrapper .form-validation-message-wrapper {
    margin-top: 20px;
    margin-bottom: 0; }
  .add-user-form-wrapper .form-row {
    justify-content: space-between; }

.modal-add-new-user {
  width: 850px !important;
  padding: 30px !important; }
  .modal-add-new-user .modal-content {
    border-radius: 0; }
  .modal-add-new-user .modal-header {
    border-bottom: none;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 0; }
  .modal-add-new-user .main-header {
    padding: 0;
    margin-left: 15px;
    margin-right: 15px; }
    .modal-add-new-user .main-header .main-viewers-navbar {
      margin: 0; }
  .modal-add-new-user .modal-body {
    padding: 30px !important; }
  .modal-add-new-user .react-toggle {
    margin-top: 25px; }
  .modal-add-new-user .toggle-label {
    display: inline-block;
    margin-top: 25px;
    margin-left: 10px;
    margin-bottom: 6px;
    vertical-align: bottom;
    font-weight: normal;
    font-size: 15px; }

.user-form-buttons-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 2px;
  border-top: 1px solid #d2d1e0;
  padding: 30px; }
  .user-form-buttons-container .portal-blank-button {
    margin-right: 25px; }

.edit-roles-user-form-buttons-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 2px;
  border-top: 1px solid #d2d1e0;
  padding: 30px; }
  .edit-roles-user-form-buttons-container .portal-blank-button {
    margin-right: 25px; }

.user-profile-tab-container {
  display: flex;
  justify-content: center; }
  .user-profile-tab-container .user-profile-container {
    max-width: 765px !important;
    background-color: #ffffff !important;
    padding: 30px 30px 30px 30px; }
    .user-profile-tab-container .user-profile-container .user-profile-title {
      text-transform: capitalize;
      font-size: 18px;
      font-weight: 500; }
    .user-profile-tab-container .user-profile-container .tabs-dialog {
      padding-left: 0px !important;
      padding-right: 0px !important;
      margin-top: 10px; }
    .user-profile-tab-container .user-profile-container .user-profile-inner-wrapper {
      padding: 25px;
      float: left; }
    .user-profile-tab-container .user-profile-container .seperator {
      clear: both;
      border-bottom: 1px solid #d2d1e0;
      margin-bottom: 0 !important; }
    .user-profile-tab-container .user-profile-container .edit-profile-form-wrapper {
      position: initial !important;
      margin-bottom: 40px; }
      .user-profile-tab-container .user-profile-container .edit-profile-form-wrapper .form-validation-message-wrapper {
        margin-top: 20px;
        margin-bottom: 0; }
      .user-profile-tab-container .user-profile-container .edit-profile-form-wrapper .form-row {
        justify-content: space-between; }
    .user-profile-tab-container .user-profile-container .edit-profile-buttons-container {
      margin-top: 15px;
      overflow: hidden; }
      .user-profile-tab-container .user-profile-container .edit-profile-buttons-container button {
        padding-left: 25px;
        padding-right: 25px; }
      .user-profile-tab-container .user-profile-container .edit-profile-buttons-container .go-back {
        float: left; }
      .user-profile-tab-container .user-profile-container .edit-profile-buttons-container .disable-go-back {
        display: none; }
      .user-profile-tab-container .user-profile-container .edit-profile-buttons-container .save-profile {
        float: right; }

.change-password-form {
  display: flex; }
  .change-password-form .general-form-wrapper {
    margin: auto;
    padding-top: 40px; }
    .change-password-form .general-form-wrapper .welcome-message-wrapper > span:first-child {
      font-size: 15px;
      font-weight: 500;
      color: #444444; }
    .change-password-form .general-form-wrapper .change-password-button {
      display: flex;
      justify-content: flex-end;
      margin-top: 20px; }

.change-password-tab {
  justify-content: center;
  display: flex; }

.table-toolbar-wrapper .table-toolbar {
  padding-right: 15px;
  float: left;
  width: 100%;
  line-height: 30px; }
  .table-toolbar-wrapper .table-toolbar .total-users-wrapper {
    color: #37314f;
    font-size: 1em;
    font-weight: 500;
    float: left;
    height: 33px; }
  .table-toolbar-wrapper .table-toolbar .buttons-wrapper {
    float: right;
    display: flex;
    flex-flow: row;
    min-width: 490px;
    justify-content: flex-end;
    align-items: center;
    height: 26px; }
    .table-toolbar-wrapper .table-toolbar .buttons-wrapper .add-user-button {
      height: 26px; }
    .table-toolbar-wrapper .table-toolbar .buttons-wrapper .plus-font-icon {
      font-weight: 500;
      font-size: 18px; }
    .table-toolbar-wrapper .table-toolbar .buttons-wrapper .export-csv-button {
      display: inline-block;
      line-height: 33px;
      cursor: pointer;
      font-size: 13px;
      margin-right: 12px; }
      .table-toolbar-wrapper .table-toolbar .buttons-wrapper .export-csv-button.disabled {
        display: none;
        transition: all 1s; }
      .table-toolbar-wrapper .table-toolbar .buttons-wrapper .export-csv-button .export-icon {
        display: inline-block;
        margin-right: 4px;
        margin-top: 1px; }
  .table-toolbar-wrapper .table-toolbar .users-actions-left-toolbar {
    float: left;
    margin-left: 30px;
    display: flex; }
    .table-toolbar-wrapper .table-toolbar .users-actions-left-toolbar .users-selected {
      margin-right: 10px;
      color: #37314f;
      font-size: 1em;
      font-weight: 500; }
    .table-toolbar-wrapper .table-toolbar .users-actions-left-toolbar .users-actions-buttons {
      margin-top: -4px; }

.user-full-name-header-column > div {
  position: absolute;
  right: 30px; }
  .user-full-name-header-column > div .search-box {
    position: relative; }
  .user-full-name-header-column > div input[type=text] {
    border: none;
    background-color: #dfe0ea;
    font-size: 13px;
    font-weight: normal;
    color: #9290a4; }

.user-name-column {
  margin-left: 15px; }
  .user-name-column.users-grid {
    margin-left: 0; }
  .user-name-column .active-user-icon, .user-name-column .none-active-user-icon {
    top: 2px;
    position: relative; }
  .user-name-column .none-active-user-icon {
    top: 4px; }
  .user-name-column .user-full-name {
    color: #444444;
    font-weight: 500;
    font-size: 15px;
    margin-left: 10px; }
    .user-name-column .user-full-name span {
      margin-left: 3px; }

.user-grid-filter.popover {
  padding: 0px !important;
  border: 1px solid #d2d1e0; }

.user-grid-filter .popover-content {
  padding: 0px !important; }

.user-grid-filter .arrow {
  border-bottom-color: #d2d1e0 !important; }

.content-wrapper {
  min-width: fit-content; }
  .content-wrapper .content-left-hand {
    width: auto; }
    .content-wrapper .content-left-hand .teams-treeview-wrapper {
      overflow: auto;
      resize: horizontal;
      min-width: 250px;
      width: 370px;
      min-height: 76vh; }
  .content-wrapper .content-right-hand {
    min-width: 700px; }
    .content-wrapper .content-right-hand .content-body {
      height: 76vh; }

.add-team-member-dialog .team-member-list {
  width: 675px;
  height: 35vh;
  margin: auto;
  margin-top: 25px; }
  .add-team-member-dialog .team-member-list .user-full-name, .add-team-member-dialog .team-member-list .user-name, .add-team-member-dialog .team-member-list .user-email, .add-team-member-dialog .team-member-list .user-authentication-provider {
    display: inline-block;
    padding-right: 15px; }
  .add-team-member-dialog .team-member-list .user-full-name {
    color: #444444;
    font-weight: 500; }
  .add-team-member-dialog .team-member-list .user-name, .add-team-member-dialog .team-member-list .user-email, .add-team-member-dialog .team-member-list .user-authentication-provider {
    font-size: 13px;
    font-weight: normal;
    margin-left: 15px;
    color: #666666; }
  .add-team-member-dialog .team-member-list .member-list-checkbox-list-wrapper {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #d9d9e5;
    width: 655px;
    height: 40px; }
    .add-team-member-dialog .team-member-list .member-list-checkbox-list-wrapper:last-child {
      border: none; }
    .add-team-member-dialog .team-member-list .member-list-checkbox-list-wrapper.no-results {
      display: flex;
      flex-flow: row;
      justify-content: center;
      border: none;
      height: 300px; }
    .add-team-member-dialog .team-member-list .member-list-checkbox-list-wrapper .left-selected-border {
      height: 40px;
      width: 4px;
      background-color: #fff; }
    .add-team-member-dialog .team-member-list .member-list-checkbox-list-wrapper.selected {
      background-color: #edeff5; }
      .add-team-member-dialog .team-member-list .member-list-checkbox-list-wrapper.selected .left-selected-border {
        background-color: #373050; }
    .add-team-member-dialog .team-member-list .member-list-checkbox-list-wrapper > div {
      text-align: left;
      margin-left: 0; }
    .add-team-member-dialog .team-member-list .member-list-checkbox-list-wrapper .checkbox {
      width: 35px !important;
      margin-left: 10px; }
    .add-team-member-dialog .team-member-list .member-list-checkbox-list-wrapper .user-full-name {
      width: 216px; }
    .add-team-member-dialog .team-member-list .member-list-checkbox-list-wrapper .user-name {
      width: 216px; }
    .add-team-member-dialog .team-member-list .member-list-checkbox-list-wrapper .user-authentication-provider {
      width: 216px; }

.add-team-member-dialog .select-teams-dialog-scrolls .user-form-teamtree-wrapper {
  margin-right: 14px; }

.add-team-member-dialog .team-member-list-content .search-box {
  width: 672px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #edeff5;
  margin-bottom: 15px; }
  .add-team-member-dialog .team-member-list-content .search-box input[type=text] {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px; }
  .add-team-member-dialog .team-member-list-content .search-box .search-button {
    position: initial;
    right: 0;
    margin-right: 10px; }

.remove-user-column {
  text-align: right;
  margin-right: 20px; }

.portal-confirm-dialog .add-edit-team-header {
  padding-bottom: 0; }

.settings-wrapper .content-wrapper {
  min-height: 405px; }
  .settings-wrapper .content-wrapper .content-right-hand {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    padding: 35px 30px 30px 30px; }
    .settings-wrapper .content-wrapper .content-right-hand .title {
      color: #444444;
      font-size: 18px;
      font-weight: 500; }
    .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form {
      padding-bottom: 33px;
      padding-right: 32px;
      min-height: 405px; }
      .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .form-validation-message-wrapper {
        margin-top: 0px;
        margin-bottom: 0; }
      .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-inputs {
        overflow: hidden;
        padding-bottom: 38px; }
        .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-inputs .smtp-settings-host-container {
          display: flex;
          justify-content: space-between; }
          .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-inputs .smtp-settings-host-container .smtp-settings-host {
            width: 35%; }
          .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-inputs .smtp-settings-host-container .smtp-settings-port {
            width: 7.5%; }
          .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-inputs .smtp-settings-host-container .smtp-settings-encryption-type {
            width: 47.5%; }
        .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-inputs .smtp-settings-defualt-credentials {
          margin-top: 20px;
          margin-bottom: -7px;
          width: 400px; }
        .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-inputs .smtp-settings-host-from-container {
          display: flex;
          justify-content: space-between; }
          .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-inputs .smtp-settings-host-from-container .smtp-settings-from-address {
            width: 47.5%; }
          .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-inputs .smtp-settings-host-from-container .smtp-settings-from-display-name {
            width: 47.5%; }
        .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-inputs .smtp-settings-credentials {
          display: flex;
          justify-content: space-between; }
          .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-inputs .smtp-settings-credentials .smtp-settings-username {
            width: 47.5%; }
          .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-inputs .smtp-settings-credentials .smtp-settings-password {
            width: 47.5%; }
      .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-buttons {
        padding-top: 25px;
        overflow: hidden; }
        .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-buttons .portal-blank-button {
          color: #4a90e2; }
        .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-buttons .smtp-settings-submit {
          float: right; }
        .settings-wrapper .content-wrapper .content-right-hand .smtp-settings-form .smtp-settings-buttons .smtp-settings-test {
          float: left; }
  .settings-wrapper .content-wrapper .content-left-hand {
    padding-top: 32px;
    padding-left: 25px;
    padding-right: 25px; }
    .settings-wrapper .content-wrapper .content-left-hand .setting-title {
      font-size: 22px;
      font-weight: 500;
      line-height: 25px;
      margin-bottom: 10px; }
    .settings-wrapper .content-wrapper .content-left-hand .setting-sub-title {
      color: #9b9b9b;
      font-size: 15px;
      line-height: 20px;
      max-width: 320px; }

.smtp-settings-test-modal {
  width: 490px !important; }
  .smtp-settings-test-modal .modal-content {
    border-radius: 0; }
  .smtp-settings-test-modal .modal-header {
    border-bottom: none;
    padding-top: 25px;
    padding-left: 25px;
    padding-bottom: 0; }
  .smtp-settings-test-modal .modal-body {
    border-bottom: none;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-top: 0px; }
  .smtp-settings-test-modal .test-smtp-form-buttons {
    margin-top: 15px;
    text-align: right; }
    .smtp-settings-test-modal .test-smtp-form-buttons .portal-blank-button {
      margin-right: 30px; }
  .smtp-settings-test-modal .form-validation-message-wrapper {
    margin-top: 15px;
    margin-bottom: 0; }

.ldap-servers-main-wrapper {
  display: flex;
  flex-flow: column;
  justify-content: flex-start; }
  .ldap-servers-main-wrapper .add-server-button-wrapper {
    margin-top: 30px; }

.ldap-server-wrapper {
  display: flex;
  justify-content: space-between;
  border: 1px solid #d2d1e0;
  height: 110px;
  margin-top: 24px;
  color: #444444; }
  .ldap-server-wrapper .main-details {
    display: flex;
    flex-direction: column;
    width: 190px;
    background-color: #F6F7FA;
    font-size: 18px;
    font-weight: 500;
    padding-top: 18px;
    padding-left: 25px;
    padding-right: 25px; }
    .ldap-server-wrapper .main-details .server-name {
      line-height: 18px; }
    .ldap-server-wrapper .main-details > div {
      line-height: 25px; }
    .ldap-server-wrapper .main-details.hide {
      display: none; }
    .ldap-server-wrapper .main-details .active {
      color: #9b9b9b;
      font-size: 15px;
      font-weight: normal; }
  .ldap-server-wrapper .additional-details {
    display: flex;
    padding: 20px;
    font-size: 15px;
    flex-grow: 5; }
    .ldap-server-wrapper .additional-details > div div {
      line-height: 25px;
      width: inherit; }
    .ldap-server-wrapper .additional-details > div:first-child {
      color: #9b9b9b; }
    .ldap-server-wrapper .additional-details .right {
      padding-left: 25px;
      padding-right: 25px; }
    .ldap-server-wrapper .additional-details .ldap-base-dn {
      max-width: 300px; }
  .ldap-server-wrapper .actions {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    margin-right: 25px;
    margin-top: 25px;
    flex-grow: 1; }
    .ldap-server-wrapper .actions > div {
      display: flex;
      align-items: center; }
      .ldap-server-wrapper .actions > div > button {
        margin-left: 15px;
        color: #717171;
        font-size: 13px; }

.ldap-edit-form-wrapper {
  margin-top: 24px; }

.ldap-server-settings-form-main-wrapper .form-row:first-child, .ldap-schema-form-main-wrapper .form-row:first-child {
  margin-top: 15px; }

.ldap-server-settings-form-main-wrapper .form-row > div:first-child, .ldap-schema-form-main-wrapper .form-row > div:first-child {
  margin-right: 35px; }

.ldap-server-settings-form-main-wrapper .enable-sso, .ldap-schema-form-main-wrapper .enable-sso {
  margin-top: 15px; }

.ldap-server-settings-form-main-wrapper .form-row.enable-server {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .ldap-server-settings-form-main-wrapper .form-row.enable-server div.react-toggle {
    margin-right: 15px; }

.ldap-server-settings-form-main-wrapper .use-ssl {
  margin-top: 30px; }

.ldap-server-settings-form-main-wrapper .verify-ssl {
  margin-top: 5px; }

.ldap-form-buttons-wrapper {
  display: flex;
  align-items: center;
  flex-flow: row;
  justify-content: flex-end;
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid #d2d1e0; }
  .ldap-form-buttons-wrapper span, .ldap-form-buttons-wrapper button {
    margin-right: 15px; }

.tabs-dialog {
  padding-left: 0; }

.setting-sub-title {
  margin: 20px 0px 20px 0px;
  color: #9b9b9b;
  font-size: 15px;
  line-height: 20px; }

.general-settings-title {
  color: #444444;
  font-size: 18px;
  font-weight: 500; }

.general-settings-section {
  margin: 0px -40px 0px -35px;
  padding: 0px 35px 0px 35px;
  border-top: 1px solid #d2d1e0;
  padding-top: 25px;
  overflow: hidden; }

.general-settings-submit {
  float: right; }

.add-domain-manager {
  margin-top: 15px; }

.add-first-domain-manager {
  margin-top: 15px;
  background-color: #F6F7FA;
  display: flex;
  justify-content: center;
  padding: 50px 0px 50px 0px; }

.domain-table-column-display {
  overflow: hidden;
  text-overflow: ellipsis; }

.domain-table-column-edit {
  margin-bottom: 5px;
  margin-top: -20px; }

.inner-table-container-wrapper {
  border-radius: 0;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important; }

.table-header {
  color: #9b9b9b;
  font-weight: 400; }

.table-row {
  height: 50px !important;
  color: #372f51;
  background-color: #ffffff !important; }
  .table-row td {
    vertical-align: middle;
    border: none  !important;
    border-bottom: 1px solid #d9d9e5 !important; }
  .table-row:last-child {
    border-bottom: 1px solid #d9d9e5 !important; }
  .table-row:hover {
    background-color: #edeff5 !important; }

.domain-tooltip {
  overflow-wrap: break-word;
  margin-bottom: 10px; }

.action-icons {
  justify-content: center;
  color: #9b9b9b;
  margin-left: 15px; }
  .action-icons [stroke] {
    stroke: #9b9b9b; }

.general-table-column {
  font-weight: normal;
  padding-right: 15px; }

.table-style {
  max-width: 1340px; }

.domain-actions {
  display: flex;
  justify-content: center;
  margin-top: 4px;
  align-items: center; }

.domain-actions-open {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
  align-items: center; }

.organization-wrapper {
  height: 78vh; }
  .organization-wrapper .content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 54px;
    font-size: 20px;
    font-weight: 500;
    line-height: 55px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #d2d0df; }
    .organization-wrapper .content-header .edit-teams-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .organization-wrapper .content-header .edit-teams-wrapper .teams-menu-button-wrapper {
        width: 30px; }
  .organization-wrapper .content-body {
    padding: 5px 5px 5px 15px;
    min-height: 400px; }
  .organization-wrapper .portal-light-grid.organization-users-grid {
    width: 99%;
    margin-top: 15px; }

div.grid-context-menu-button button {
  width: 30px !important; }
  div.grid-context-menu-button button:hover .icon-button {
    background-image: url(././images/e00ec8282c98cbe1b6d329879ea6c87a.png);
    background-position: -275px -108px;
    width: 16px;
    height: 4px; }

.roles-checkbox-list {
  margin-top: 25px;
  width: 100%; }
  .roles-checkbox-list .role-name, .roles-checkbox-list .item-name {
    color: #444444;
    font-size: 15px;
    font-weight: 500; }
  .roles-checkbox-list .item-container {
    width: inherit;
    position: relative; }
    .roles-checkbox-list .item-container.selected {
      background-color: #edeff5; }
      .roles-checkbox-list .item-container.selected > div:first-child {
        height: 100%;
        position: absolute;
        width: 4px;
        background-color: #373050;
        top: 0;
        left: 0; }
  .roles-checkbox-list .item-additional-data {
    color: #666666;
    font-size: 13px; }

.portal-checkbox-wrapper {
  position: relative;
  line-height: initial; }

.portal-checkbox-wrapper {
  display: flex;
  justify-content: start;
  align-items: center; }
  .portal-checkbox-wrapper .help-tooltip {
    margin-left: 10px; }
  .portal-checkbox-wrapper .text {
    color: #444444; }
    .portal-checkbox-wrapper .text.disabled {
      color: #9b9b9b; }
  .portal-checkbox-wrapper:hover > svg:nth-child(1) {
    fill: #9290a4; }

/*# sourceMappingURL=main.876975bbb09d33f7f4f0a1862fb5e9e0.css.map*/