.primary-color {
  color: #00b1ff;
}
.success-color {
  color: #449d44;
}
.danger-color {
  color: #d9534f;
}
.warning-color {
  color: #f0ad4e;
}
.secondarytext-color {
  color: #757575;
}
.caption-size {
  font-size: 12px;
  letter-spacing: -0.02px;
}
#RobotoLight {
  font-family: Roboto;
  font-weight: 300;
}
#RobotoMedium {
  font-family: Roboto;
  font-weight: 500;
}
#RobotoRegular {
  font-family: Roboto;
  font-weight: normal;
}
#RobotoBold {
  font-family: Roboto;
  font-weight: bold;
}
#Display4Font {
  font-family: Roboto;
  font-weight: 300;
  font-size: 112px;
  letter-spacing: -0.22px;
}
#Display3Font {
  font-size: 56px;
  letter-spacing: -0.11px;
}
#Display2Font {
  font-size: 45px;
  letter-spacing: -0.09px;
}
#Display1Font {
  font-size: 34px;
  letter-spacing: -0.07px;
}
#HeadlineFont {
  font-size: 24px;
  letter-spacing: -0.05px;
}
#TitleFont {
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.04px;
}
#SubheaderFont {
  font-size: 16px;
  letter-spacing: -0.03px;
}
#HeaderFont {
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.03px;
}
#BodyMenuFont {
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.03px;
}
#BodyFont {
  font-size: 14px;
  letter-spacing: -0.03px;
}
#CaptionFont {
  font-size: 12px;
  letter-spacing: -0.02px;
}
#ButtonFont {
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.03px;
}
#OverflowEllipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body {
  background-color: #ffffff;
  font-family: Roboto;
  overflow: auto;
  font-size: 14px;
  color: #212121;
  margin: 0px;
}
body div,
body i,
body button {
  outline: none !important;
}
body .MuiButton-root {
  min-width: 88px;
  white-space: nowrap;
}
label {
  margin-bottom: 0px;
  font-weight: normal;
}
a {
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
input::-ms-clear {
  width: 0;
  height: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.error-message-container {
  width: 100%;
  text-align: left;
  margin: 10px 0px;
}
.error-message-container .error-message {
  font-family: Roboto;
  font-weight: normal;
  font-size: 12px;
  color: #d9534f;
}
.icon-notification {
  background-color: #00b1ff;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  font-size: 13px;
  display: inline;
  padding: 2px 13px 2px 13px;
  margin-left: 10px;
}
.web-link {
  color: #00b1ff;
  cursor: pointer;
  text-decoration: none;
}
.web-link:hover {
  text-decoration: underline;
  color: #00b1ff;
}
.display-none {
  display: none !important;
}
.matched-search-text {
  background-color: #ffec3d;
}
.cursor-pointer {
  cursor: pointer !important;
}
/*--- START Custom material ---*/
/*--- START ExpansionPanel ---*/
.MuiExpansionPanel-root .MuiExpansionPanelSummary-root .MuiExpansionPanelSummary-content {
  font-size: 16px;
  letter-spacing: -0.03px;
  font-family: Roboto;
  font-weight: normal;
  color: #212121;
}
/*--- START ExpansionPanel ---*/
/*--- START KeyboardTimePicker ---*/
.hide-icon .MuiIconButton-root {
  display: none;
}
/*--- START KeyboardTimePicker ---*/
/*--- START Switch ---*/
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked {
    left: 35%;
    -webkit-transform: none;
            transform: none;
  }
}
/*--- START Switch ---*/
/*--- START Tooltip ---*/
.MuiTooltip-popper .MuiTooltip-tooltip {
  font-size: 12px;
}
/*--- START Tooltip ---*/
/*--- START IconButton ---*/
.MuiIconButton-root.filter-btn {
  padding: 6px;
  margin-left: 4px;
}
.MuiIconButton-root.filter-btn .MuiIconButton-label {
  width: 24px;
  height: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.MuiIconButton-root.filter-btn .MuiIconButton-label [class^='icon-'],
.MuiIconButton-root.filter-btn .MuiIconButton-label [class*=' icon-'] {
  font-size: 16px;
}
.MuiIconButton-root.filter-btn .MuiIconButton-label [class^='icon-']::before,
.MuiIconButton-root.filter-btn .MuiIconButton-label [class*=' icon-']::before {
  display: block;
}
/*--- END IconButton ---*/
/*--- END Custom material ---*/
/*--- START Loading ---*/
.loading {
  background-color: rgba(255, 255, 255, 0);
  display: none;
  text-align: center;
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.spinner {
  width: 40px;
  height: 40px;
  position: relative;
}
.cube1,
.cube2 {
  background-color: #00b1ff;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}
.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
@-webkit-keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
/*--- END Loading ---*/
/*--- START Loading content icon ---*/
.loading-content-icon {
  width: 36px;
  height: 36px;
  position: relative;
}
.loading-content-icon div {
  position: absolute;
  border: 1px solid #757575;
  opacity: 1;
  border-radius: 50%;
  -webkit-animation: loading-content-icon 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
          animation: loading-content-icon 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.loading-content-icon div:nth-child(2) {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
@-webkit-keyframes loading-content-icon {
  0% {
    top: 18px;
    left: 18px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 18px;
    left: 18px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 18px;
    left: 18px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 36px;
    height: 36px;
    opacity: 0;
  }
}
@keyframes loading-content-icon {
  0% {
    top: 18px;
    left: 18px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 18px;
    left: 18px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 18px;
    left: 18px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 36px;
    height: 36px;
    opacity: 0;
  }
}
/*--- END Loading content icon ---*/
/*--- START Header ---*/
.header {
  width: 100%;
  height: 64px;
  background-color: #2e2e2e;
  position: fixed;
  z-index: 10;
  top: 0px;
}
.header .header-logo {
  width: 80px;
  height: 64px;
  background: #005673;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .header-logo img {
  width: 80px;
}
.header .header-logo i {
  color: #ffffff;
  font-size: 26px;
}
.header .header-content {
  height: 64px;
  padding-left: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header .header-content .element {
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .header-content .element #wid-i3host-user-menu {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #efefef;
}
.header .header-content .left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 10px;
}
.header .header-content .center {
  -webkit-box-flex: 5;
      -ms-flex-positive: 5;
          flex-grow: 5;
}
.header .header-content .right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 25px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header .header-left-logo img {
  max-height: 30px;
}
.header .app-name {
  color: #ffffff;
  font-size: 14px;
  max-width: 87px;
  padding: 0px 0px 0px 11px;
  margin: 0px 0px 0px 8px;
  position: relative;
  line-height: 1.1;
}
.header .app-name::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #757575;
}
/*--- END Header ---*/
/*--- START Sidebar ---*/
.sidebar {
  width: 80px;
  background-color: #353535;
  float: left;
  position: fixed;
  margin-top: 64px;
  height: 100vh;
  top: 0px;
  z-index: 3;
}
.sidebar .sidebar-content {
  overflow-y: auto;
  height: calc(100% - 120px);
  margin: 0px;
  padding: 0px;
}
.sidebar .sidebar-content .element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: static;
  font-size: 14px;
  letter-spacing: -0.03px;
  font-family: Roboto;
  font-weight: normal;
  cursor: pointer;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.sidebar .sidebar-content .element .symbol {
  font-size: 22px;
  color: #ffffff;
  margin-right: 0px;
  height: 35px;
}
.sidebar .sidebar-content .element:hover {
  background-color: #23282f;
}
.sidebar .sidebar-content .element:hover .sidebar-toggle-icon {
  cursor: default;
}
.sidebar .sidebar-content .selected-element {
  background-color: #29b6f6;
  color: #fff;
}
.sidebar .sidebar-content .selected-element .symbol {
  color: #fff;
}
.sidebar .sidebar-content .selected-element .sidebar-toggle-icon {
  color: #fff;
  cursor: default;
}
.sidebar .sidebar-content .element-lvl1 {
  height: 80px;
}
.sidebar .sidebar-content .element-lvl1 .element-child {
  padding-left: 0px;
  height: 80px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sidebar .sidebar-content .element-lvl1 .element-child .element-child-text {
  font-size: 14px;
  height: 21px;
  display: block;
}
.sidebar .sidebar-content.dialog {
  height: auto;
}
.sidebar .sidebar-content.dialog .element .symbol {
  height: auto;
}
.sidebar .sidebar-content.dialog .element-lvl1 {
  height: calc(80px - 24px);
}
.sidebar .sidebar-content.dialog .element-lvl1 .element-child {
  height: calc(80px - 24px);
}
.sidebar .sidebar-content.dialog .selected-element {
  background-color: transparent;
}
.sidebar .sidebar-content .disabled-element {
  opacity: 0.5;
  cursor: default;
}
.sidebar .sidebar-content .disabled-element .element-child {
  cursor: default;
}
.sidebar .sidebar-content .disabled-element:hover {
  background-color: #353535;
  border: none;
}
/*--- END Sidebar ---*/
/*--- START Web container content ---*/
.web-container {
  position: fixed;
  right: 0px;
  top: 64px;
  width: calc(100vw - 80px);
  height: calc(100vh - 64px);
  overflow: auto;
}
.web-container .header-page {
  display: block;
  height: 36px;
  margin-top: 0px;
  margin-bottom: 16px;
}
.web-container .header-page .left {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.web-container .header-page .left .title {
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.04px;
  color: #212121;
}
.web-container .header-page .right {
  float: right;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.web-container .header-page .right button {
  margin-left: 10px;
}
/*--- END Web container content ---*/
/*--- START Template dialog ---*/
.template-dialog .MuiDialogContent-root:first-child {
  padding-top: 0px;
}
.template-dialog .body-container {
  padding: 0px;
}
.template-dialog .body-container .content-container {
  display: inline-block;
}
.template-dialog .body-container .content-container .title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.template-dialog .body-container .content-container .title-container .title {
  font-size: 20px;
  letter-spacing: -0.04px;
  font-family: Roboto;
  font-weight: 500;
}
.template-dialog .body-container .content-container .title-container .text-right {
  text-align: right;
}
.template-dialog .body-container .content-container .title-container .MuiButton-root {
  margin-left: 12px;
}
.template-dialog .body-container .content-container .main-container {
  padding: 0px 24px 16px 24px;
}
.template-dialog .body-container .content-container .footer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-top: 1px solid #bdbdbd;
  padding: 16px 24px;
}
.template-dialog .body-container .content-container .footer-container .MuiButton-root {
  margin-left: 12px;
}
.template-dialog .MuiPaper-root {
  max-height: calc(100% - 20px);
}
/*--- END Template dialog ---*/
/*--- START Placeholder Loading ---*/
@-webkit-keyframes ph-animation {
  0% {
    -webkit-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(30%, 0, 0);
            transform: translate3d(30%, 0, 0);
  }
}
@keyframes ph-animation {
  0% {
    -webkit-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(30%, 0, 0);
            transform: translate3d(30%, 0, 0);
  }
}
.ph-loading-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  direction: ltr;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ph-loading-item * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ph-loading-item::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ph-loading-item::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 500%;
  margin-left: -250%;
  pointer-events: none;
  content: ' ';
  background: -webkit-gradient(linear, left top, right top, color-stop(46%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.35)), color-stop(54%, rgba(255, 255, 255, 0))) 50% 50%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  -webkit-animation: ph-animation 1.4s linear infinite;
          animation: ph-animation 1.4s linear infinite;
}
.ph-loading-item > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 15px;
}
.ph-loading-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -7.5px;
}
.ph-loading-row div {
  height: var(--height, 10px);
  margin-top: 7.5px;
  background-color: #ced4da;
}
.ph-loading-row .big {
  height: var(--height, 20px);
}
.ph-loading-row .empty {
  background-color: rgba(255, 255, 255, 0);
}
.ph-loading-row.big div {
  height: var(--height, 20px);
}
.ph-loading-col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333333%;
          flex: 0 0 8.33333333%;
}
.ph-loading-col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66666667%;
          flex: 0 0 16.66666667%;
}
.ph-loading-col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
.ph-loading-col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333333%;
          flex: 0 0 33.33333333%;
}
.ph-loading-col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66666667%;
          flex: 0 0 41.66666667%;
}
.ph-loading-col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.ph-loading-col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333333%;
          flex: 0 0 58.33333333%;
}
.ph-loading-col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66666667%;
          flex: 0 0 66.66666667%;
}
.ph-loading-col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
}
.ph-loading-col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333333%;
          flex: 0 0 83.33333333%;
}
.ph-loading-col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66666667%;
          flex: 0 0 91.66666667%;
}
.ph-loading-col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
[class*='ph-col'] {
  direction: ltr;
}
[class*='ph-col'] > * + .ph-loading-row {
  margin-top: 0;
}
[class*='ph-col'] > * + * {
  margin-top: 7.5px;
}
.ph-loading-avatar {
  position: relative;
  width: 100%;
  min-width: 60px;
  overflow: hidden;
  background-color: #ced4da;
  border-radius: 50%;
}
.ph-loading-avatar::before {
  display: block;
  padding-top: 100%;
  content: ' ';
}
.ph-loading-picture {
  width: var(--width, 100%);
  height: var(--height, 120px);
  background-color: #ced4da;
}
/*--- END Placeholder Loading ---*/
.dashboard-page {
  overflow: auto;
  height: calc(100vh - 64px);
  position: relative;
}
.dashboard-page .companies-container {
  padding: 16px 24px 0;
  overflow: auto;
}
.dashboard-page .companies-container .list-company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.dashboard-page .companies-container .show-all-btn-container {
  text-align: center;
  margin-top: 24px;
}
.dashboard-page .companies-container .show-all-btn-container .MuiButton-root {
  border-radius: 99px;
  text-transform: initial;
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.03px;
  color: #212121;
}
.dashboard-page .companies-container .no-company-found {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  letter-spacing: -0.03px;
  color: #757575;
  margin-top: 48px;
}
.dashboard-page .dashboard-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 24px 0;
  background-color: #ffffff;
  height: 49px;
}
.dashboard-page .dashboard-header.fixed {
  border-color: #e0e0e0;
}
.dashboard-page .dashboard-header.fixed .header-left,
.dashboard-page .dashboard-header.fixed .header-right {
  min-width: auto;
  width: 0px;
}
.dashboard-page .dashboard-header.fixed .header-left > *,
.dashboard-page .dashboard-header.fixed .header-right > * {
  max-width: 0;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
}
.dashboard-page .dashboard-header.fixed .header-center {
  gap: 0;
}
.dashboard-page .dashboard-header.fixed .feature-dropdown {
  max-width: 0;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
}
.dashboard-page .dashboard-header .title {
  margin: 0;
  font-family: Roboto;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  color: #212121;
}
.dashboard-page .dashboard-header .header-left,
.dashboard-page .dashboard-header .header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 155px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.dashboard-page .dashboard-header .header-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dashboard-page .dashboard-header .header-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.dashboard-page .dashboard-header .search-autocomplete {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 300px;
  margin-right: 12px;
}
.dashboard-page .dashboard-header .search-autocomplete .MuiInputBase-root {
  padding: 8px;
  border-radius: 99px;
}
.dashboard-page .dashboard-header .search-autocomplete .MuiInputBase-root .MuiInputBase-input {
  padding: 0;
  padding-right: 24px;
  font-size: 14px;
  line-height: 22px;
  color: #212121;
  font-family: Roboto;
  font-weight: normal;
}
.dashboard-page .dashboard-header .search-autocomplete .MuiInputBase-root .search-icon {
  font-size: 14px;
  color: #757575;
  margin-right: 4px;
}
.dashboard-page .dashboard-header .feature-dropdown {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  min-width: 130px;
  margin-right: 12px;
}
.dashboard-page .dashboard-header .feature-dropdown .MuiInputBase-root {
  border-radius: 99px;
}
.dashboard-page .dashboard-header .feature-dropdown .MuiInputBase-root .MuiSelect-root {
  padding: 8px 32px 8px 6px;
}
.dashboard-page .dashboard-header .feature-dropdown .MuiInputBase-root .MuiSelect-root,
.dashboard-page .dashboard-header .feature-dropdown .MuiInputBase-root .dropdown-text {
  font-size: 12px;
  line-height: 18px;
  font-family: Roboto;
  font-weight: 500;
  color: #212121;
  white-space: nowrap;
}
.dashboard-page .dashboard-header .feature-dropdown .MuiInputBase-root .MuiSelect-select:focus {
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
}
.dashboard-page .dashboard-header .feature-dropdown:last-child {
  margin-right: 0px;
}
@media all and (max-width: 1440px) {
  .dashboard-page .dashboard-header .header-right {
    min-width: auto;
  }
  .dashboard-page .dashboard-header .search-autocomplete {
    width: 410px;
  }
}
@media all and (max-width: 820px) {
  .dashboard-page .dashboard-header .search-autocomplete {
    width: 320px;
  }
}
.dashboard-page .home-recently-open {
  margin-top: 40px;
  z-index: 1;
  position: relative;
  padding: 0 24px 24px;
}
.dashboard-page .home-recently-open .title {
  margin: 0 0 16px;
  font-family: Roboto;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  color: #212121;
}
.log-page {
  padding: 24px;
  min-width: 1165px;
}
.log-page .header-page .right .refresh-btn {
  margin-right: 16px;
}
.log-page .config-feature {
  border: 1px solid #e2dfdf;
  margin-bottom: 25px;
}
.log-page .config-feature .date-range-feature {
  padding: 8px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.log-page .config-feature .date-range-feature .date-range-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.log-page .config-feature .date-range-feature .date-range-container .error-text {
  color: red;
  font-size: 12px;
  margin-top: 20px;
}
.log-page .config-feature .date-range-feature .MuiFormControl-marginNormal {
  margin-top: 8px;
}
.log-page .config-feature .date-range-feature i {
  font-size: 20px;
  color: #757575;
}
.log-page .config-feature .date-range-feature .btn-feature-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.log-page .config-feature .date-range-feature .btn-feature-area .search-btn {
  margin-top: 14px;
  height: 36px;
  width: 106px;
}
.log-page .config-feature .date-range-feature .btn-feature-area .show-hide-advance-btn {
  margin-top: 14px;
  height: 36px;
  width: 170px;
}
.log-page .config-feature .advanced-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 0px 24px 16px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.log-page .config-feature .advanced-area .MuiFormControl-root .MuiInputBase-input {
  cursor: pointer;
}
.log-page .config-feature .advanced-area .MuiFormControl-root .MuiInputBase-root {
  cursor: pointer;
}
.log-page .config-feature .advanced-area .MuiFormControl-root .MuiFormHelperText-root {
  display: none;
}
.log-page .config-feature .advanced-area .MuiFormControl-root i {
  color: rgba(0, 0, 0, 0.54);
  font-size: 10px;
}
.log-page .config-feature .advanced-area .MuiFormControl-marginNormal {
  margin-bottom: 0px;
  margin-top: 0px;
  width: 100%;
}
.log-page .config-feature .advanced-area .log-menu-filter {
  width: calc(100% / 8);
}
.log-page .config-feature .advanced-area .i3-search-textfield {
  margin-top: 16px;
  width: auto;
}
.log-page .i3-table-container tbody tr .success-text {
  color: green;
}
.log-page .i3-table-container tbody tr .fail-text {
  color: red;
}
.log-page .i3-table-container .log-table-user {
  width: 20%;
}
.log-page .i3-table-container .i3-table-features .left span {
  line-height: 22px;
  color: #212121;
}
.log-page .i3-table-container .i3-table-features .right .MuiFormControl-root {
  margin: 0;
  width: 260px;
}
.log-page .i3-table-container .i3-table-features .right .MuiFormControl-root .form-control-error {
  display: none;
}
.log-page #logTableId tr th {
  min-width: 100px;
  width: auto;
}
.log-popover-filter-item {
  width: 230px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 400px;
}
.log-popover-filter-item .log-filter-item {
  padding-left: 11px;
  margin-right: 0px;
  width: 100%;
}
.log-popover-filter-item .log-filter-item span {
  font-size: 14px;
}
.log-popover-filter-item .setup-search-txt {
  padding-top: 8px;
  margin-left: 12px;
  width: calc(100% - 24px);
  padding-right: 12px;
}
#export-log-dialog .MuiDialog-paperWidthSm {
  height: 253px;
  width: 448px;
}
#export-log-dialog .MuiDialogTitle-root {
  padding: 16px 24px 0px 24px;
}
#export-log-dialog .MuiFormControl-marginNormal {
  margin-bottom: 0;
}
#export-log-dialog .log-file-name {
  padding-bottom: 33px;
  padding-left: 24px;
  padding-right: 24px;
}
#export-log-dialog .MuiDialogActions-root {
  padding-top: 24px;
  padding-right: 24px;
}
.no-permissions-page {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.no-permissions-page .no-permissions-content {
  display: inline;
}
.no-permissions-page .no-permissions-content img {
  width: 400px;
}
.no-permissions-page .no-permissions-content .no-permissions-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
  font-size: 32px;
}
.header-page .right .setup-search-txt {
  margin: 0 12px 0px 0px;
  width: 259px;
}
.header-page .right .setup-search-txt .form-control-error {
  height: 0;
}
.company-page {
  min-width: 750px;
  padding: 24px;
}
.company-page .i3-table-container {
  min-width: 999px;
}
.company-page .i3-table-container .MuiSwitch-root {
  margin-left: -7px;
}
.company-page .i3-table-container .width300 {
  width: 310px;
}
.company-page .i3-table-container .width200 {
  min-width: 200px;
}
.company-page .i3-table-container .width120 {
  min-width: 120px;
}
.company-page .i3-table-container .width500 {
  width: 500px;
}
.company-page .i3-table-container .minwidth100 {
  min-width: 100px;
}
.company-page .i3-table-container .minwidth120 {
  min-width: 120px;
}
.company-page .i3-table-container #company-group-name-filter-btn.selected-button i {
  color: #00b1ff;
}
.company-page .i3-table-container .width150 {
  min-width: 150px;
}
.company-page .i3-table-container .filter-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.company-page .i3-table-container .filter-area .activate-text {
  padding-top: 20px;
}
.company-page .i3-table-container .logo {
  min-width: 100px;
}
.company-page .i3-table-container img {
  max-height: 45px;
  width: auto !important;
}
.company-page .i3-table-container tbody tr {
  height: 80px;
}
.company-page .i3-table-container tbody tr:hover .remove-btn {
  display: block;
}
.company-page .i3-table-container tbody tr .remove-btn {
  display: none;
  width: 40px;
  height: 40px;
}
.company-page .i3-table-container tbody tr .remove-btn {
  margin-left: 5px;
  margin-right: 5px;
}
.company-page .i3-table-container tbody tr .active-status {
  color: green;
}
.company-page .i3-table-container tbody tr .deactive-status {
  color: red;
}
.company-page .i3-table-container tbody tr .disable {
  color: currentColor;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
  display: inline-block;
}
.company-page .i3-table-container .i3-fixed-header {
  max-height: calc(100vh - 221px);
  height: auto;
}
.company-page .i3-table-container .i3-table-features .right .status-filter-area {
  height: 37px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  cursor: pointer;
  position: relative;
}
.company-page .i3-table-container .i3-table-features .right .status-filter-area #company-status-filter-btn {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.company-page .i3-table-container .i3-table-features .right .status-filter-area #company-status-filter-btn #company-status-filter-text {
  min-width: 110px;
  margin-right: 10px;
}
.company-page .i3-table-container .i3-table-features .right .status-filter-area:hover:after {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0px;
  border-bottom: 2px solid #212121;
  bottom: -1px;
}
.company-page .i3-table-container .i3-table-features .right .setup-search-txt {
  margin: 0px;
  width: 260px;
  margin-top: 6px;
  margin-left: 16px;
}
.company-page .i3-table-container .i3-table-features .right .setup-search-txt .form-control-error {
  display: none;
}
.company-page .i3-table-container .i3-table-features .right .MuiButtonBase-root {
  margin-left: 16px;
}
.company-page .i3-table-container .i3-table-features .right #company-columns-filter-btn {
  text-transform: none;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
}
.company-page .i3-table-container .i3-table-features .right #company-columns-filter-btn i {
  font-size: 12px;
}
.company-page .i3-table-container .multi-line-ellipsis {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#company-status-filter-menu .MuiMenuItem-root {
  font-size: 14px;
}
.company-group-page {
  min-width: 750px;
  padding: 24px;
}
.company-group-page .i3-table-container {
  min-width: 999px;
}
.company-group-page .i3-table-container .MuiSwitch-root {
  margin-left: -7px;
}
.company-group-page .i3-table-container .width200 {
  min-width: 200px;
}
.company-group-page .i3-table-container tbody thead tr th:last-child {
  min-width: 150px;
}
.company-group-page .i3-table-container tbody tr:hover .remove-btn {
  display: block;
}
.company-group-page .i3-table-container tbody tr .remove-btn {
  display: none;
  width: 40px;
  height: 40px;
}
.company-group-page .i3-table-container tbody tr .remove-btn {
  margin-left: 5px;
  margin-right: 5px;
}
.company-group-page .i3-table-container tbody button {
  min-width: auto;
}
.company-group-page .i3-table-container tbody button i {
  font-size: 18px;
}
.company-group-page .i3-table-container tbody button.btn-edit i {
  color: #757575;
}
.company-group-page .i3-table-container .i3-fixed-header {
  max-height: calc(100vh - 221px);
  height: auto;
}
.company-group-page .i3-table-container .i3-table-features .right .setup-search-txt {
  width: 260px;
  margin: 0px;
}
.company-group-page .i3-table-container .i3-table-features .right .setup-search-txt .form-control-error {
  display: none;
}
.company-group-page .i3-table-container .i3-table-features .right .MuiButton-root {
  margin-left: 24px;
}
.user-management-page {
  /*--- START Menu ---*/
  /*--- END Menu ---*/
  /*--- START User group ---*/
  /*--- END User group ---*/
  /*--- START User ---*/
  /*--- END User ---*/
  /*--- START User Management Container ---*/
  /*--- END User Management Container ---*/
}
.user-management-page .config-content {
  z-index: 3;
  position: fixed;
  top: 64px;
  left: calc(200px + 80px);
  width: calc(100vw - (200px + 80px));
  overflow: auto;
  height: calc(100vh - 64px);
}
.user-management-page .config-content .header-setting-container .title {
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.04px;
}
.user-management-page .config-content .content-setting-container {
  padding: 0px 24px;
  margin: 22px 0px 0;
  min-height: calc(100vh - 175px);
}
.user-management-page .config-content .text-right {
  text-align: right !important;
}
.user-management-page .config-content .actions {
  min-width: 150px;
}
.user-management-page .user-management-menu-container {
  z-index: 3;
  position: fixed;
  top: 64px;
  left: 80px;
  width: 200px;
  background-color: #eeeeee;
  overflow-y: auto;
  height: calc(100vh - 64px);
  padding-top: 25px;
}
.user-management-page .user-management-menu-container .element-container {
  background-color: #eeeeee;
  margin: 0px;
  padding: 0px;
}
.user-management-page .user-management-menu-container .element-container .collapse-expand-btn {
  position: absolute;
  z-index: 3;
  min-height: 0px;
  min-width: 0px;
  height: 20px;
  width: 20px;
  font-size: 8px;
  padding: 0px;
  top: 12px;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.user-management-page .user-management-menu-container .element-container .collapse-expand-btn i {
  line-height: 0px;
}
.user-management-page .user-management-menu-container .element-container .expand-expand-btn {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.user-management-page .user-management-menu-container .element-container .element-content {
  position: relative;
  display: block;
}
.user-management-page .user-management-menu-container .element-container .element {
  position: relative;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin: 0px;
  font-size: 24px;
  letter-spacing: -0.05px;
  font-size: 16px;
  color: #212121;
  padding-left: 29px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.user-management-page .user-management-menu-container .element-container .element img {
  width: 26px;
  margin-left: 14px;
  margin-right: 8px;
}
.user-management-page .user-management-menu-container .element-container .element .circle-warning {
  position: absolute;
  min-width: 0px;
  width: 15px;
  height: 15px;
  top: 24px;
  left: 17px;
}
.user-management-page .user-management-menu-container .element-container .element:hover {
  background-color: #bbe2f3;
}
.user-management-page .user-management-menu-container .element-container .selected-element {
  background-color: #ffffff;
  font-family: Roboto;
  font-weight: 500;
}
.user-management-page .user-management-menu-container .element-container .disabled-element {
  opacity: 0.5;
}
.user-management-page .user-management-menu-container .element-container .disabled-element:hover {
  background-color: #ffffff;
  cursor: default;
}
.user-management-page .user-management-menu-container .element-container .children-container {
  margin: 0px;
  padding: 0px;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
  height: 0px;
  overflow: hidden;
}
.user-management-page .user-management-menu-container .element-container .children-container .element {
  padding-left: 41px;
}
.user-management-page .user-group-page {
  padding: 24px;
  min-width: 768px;
}
.user-management-page .user-group-page .i3-table-container {
  width: auto;
  padding-top: 0px;
  margin: 0px -24px;
}
.user-management-page .user-group-page .i3-table-container .i3-table td img {
  width: auto;
  margin: auto;
  max-height: 45px;
}
.user-management-page .user-group-page .i3-table-container .i3-table-features .right .setup-search-txt {
  width: 260px;
  margin: 0px;
}
.user-management-page .user-group-page .i3-table-container .i3-table-features .right .setup-search-txt .form-control-error {
  display: none;
}
.user-management-page .user-group-page .i3-table-container .i3-table-features .right .MuiButton-root {
  margin-left: 16px;
}
.user-management-page .user-group-page input[type='password']::-ms-reveal,
.user-management-page .user-group-page input[type='password']::-ms-clear {
  display: none;
}
.user-management-page .user-group-page #userGroupsDetailTableId thead tr th:last-child,
.user-management-page .user-group-page #userGroupsListTableId thead tr th:last-child {
  min-width: 150px;
}
.user-management-page .user-group-page #userGroupsDetailTableId tr .groups-action,
.user-management-page .user-group-page #userGroupsListTableId tr .groups-action {
  display: none;
}
.user-management-page .user-group-page #userGroupsDetailTableId tr:hover .groups-action,
.user-management-page .user-group-page #userGroupsListTableId tr:hover .groups-action {
  display: block;
}
.user-management-page .user-group-page #userGroupsDetailTableId tr.defined-group .index-col,
.user-management-page .user-group-page #userGroupsListTableId tr.defined-group .index-col,
.user-management-page .user-group-page #userGroupsDetailTableId tr.defined-group .name-col,
.user-management-page .user-group-page #userGroupsListTableId tr.defined-group .name-col,
.user-management-page .user-group-page #userGroupsDetailTableId tr.defined-group .users-col,
.user-management-page .user-group-page #userGroupsListTableId tr.defined-group .users-col {
  font-family: Roboto;
  font-weight: bold;
}
.user-management-page .user-group-page #userGroupsDetailTableId .row-bold,
.user-management-page .user-group-page #userGroupsListTableId .row-bold {
  font-family: Roboto;
  font-weight: bold;
}
.user-management-page .user-group-page #userGroupsDetailTableId button,
.user-management-page .user-group-page #userGroupsListTableId button {
  min-width: auto;
}
.user-management-page .user-group-page #userGroupsDetailTableId button i,
.user-management-page .user-group-page #userGroupsListTableId button i {
  font-size: 18px;
}
.user-management-page .user-group-page #userGroupsDetailTableId button.btn-edit i,
.user-management-page .user-group-page #userGroupsListTableId button.btn-edit i {
  color: #757575;
}
.user-management-page .user-group-page #userGroupsDetailTableId thead tr th:last-child {
  min-width: auto;
}
.user-management-page .user-group-page .paper-padding {
  padding: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}
.user-management-page .user-group-page .paper-padding .text-field-description {
  margin-bottom: 0px;
}
.user-management-page .user-group-page .paper-padding .MuiTypography-root {
  font-size: 16px;
  letter-spacing: -0.03px;
  font-family: Roboto;
  font-weight: bold;
}
.user-management-page .user-group-page .paper-padding .MuiInputAdornment-root .MuiTypography-root {
  font-family: Roboto;
  font-weight: normal;
}
.user-management-page .user-group-page .content-setting-container .marginRight16 {
  margin-right: 16px;
}
.user-management-page .user-group-page .content-setting-container .i3-fixed-header {
  max-height: calc(100vh - 227px);
  height: auto;
}
.user-management-page .user-group-page .i3-search-container {
  margin: 0px;
}
.user-management-page .user-group-page .i3-search-container .MuiFormHelperText-root {
  display: none;
}
.user-management-page .user-page {
  padding: 24px;
  width: auto;
}
.user-management-page .user-page .content-setting-container .i3-table-container.i3-table-user {
  padding-top: 0px;
  width: calc(100% + 48px);
  margin: 0px -24px;
}
.user-management-page .user-page .content-setting-container .i3-table-container.i3-table-user .i3-table-features .left .MuiButton-outlinedSecondary span {
  color: #d9534f;
}
.user-management-page .user-page .content-setting-container .i3-table-container.i3-table-user .i3-fixed-header {
  max-height: calc(100vh - 227px);
  height: auto;
}
.user-management-page .user-page .content-setting-container .i3-table-container.i3-table-user .i3-table-features .right .setup-search-txt {
  width: 260px;
  margin: 0px;
}
.user-management-page .user-page .content-setting-container .i3-table-container.i3-table-user .i3-table-features .right .setup-search-txt .form-control-error {
  display: none;
}
.user-management-page .user-page .content-setting-container .i3-table-container.i3-table-user .i3-table-features .right .company-filter-feature {
  margin-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.user-management-page .user-page .content-setting-container .i3-table-container.i3-table-user .i3-table-features .right .company-filter-feature .company-permission-select {
  margin-top: 0;
}
.user-management-page .user-page .content-setting-container .i3-table-container.i3-table-user .i3-table-features .right .company-filter-feature .company-permission-select .MuiSelect-select {
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.03px;
  font-weight: 700;
  color: #212121;
}
.user-management-page .user-page .content-setting-container .i3-table-container.i3-table-user .i3-table-features .right .company-filter-feature .company-permission-select::before {
  display: none;
}
@media screen and (max-width: 1444px) {
  .user-management-page .user-page .content-setting-container .i3-table-container.i3-table-user .i3-table-features {
    overflow-x: auto;
    gap: 24px;
  }
  .user-management-page .user-page .content-setting-container .i3-table-container.i3-table-user .i3-table-features .left,
  .user-management-page .user-page .content-setting-container .i3-table-container.i3-table-user .i3-table-features .right {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    max-width: none;
    width: auto;
  }
  .user-management-page .user-page .content-setting-container .i3-table-container.i3-table-user .i3-table-features .right .setup-search-txt {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.user-management-page .user-page .content-setting-container input[type='password']::-ms-reveal,
.user-management-page .user-page .content-setting-container input[type='password']::-ms-clear {
  display: none;
}
.user-management-page .user-page .content-setting-container .col-user-page {
  padding: 24px;
  min-height: calc(100vh - 165px);
}
.user-management-page .user-page .content-setting-container .col-user-page:nth-child(1) {
  border-right: 1px solid rgba(117, 117, 117, 0.24);
}
.user-management-page .user-page .content-setting-container .col-user-page .MuiTypography-root {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.04px;
  font-family: Roboto;
  font-weight: normal;
}
.user-management-page .user-page .content-setting-container .col-user-page .MuiTypography-root.MuiTypography-h6 {
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.03px;
  margin-top: 50px;
}
.user-management-page .user-page .content-setting-container .col-user-page .change-pass-form {
  padding: 24px;
}
.user-management-page .user-page .content-setting-container .col-user-page .change-pass-form .btn-close i {
  font-size: 20px;
}
.user-management-page .user-page .content-setting-container .col-user-page .pass-strength {
  pointer-events: none;
}
.user-management-page .user-page .content-setting-container .col-user-page .pass-strength span {
  height: 5px;
}
.user-management-page .user-page .content-setting-container .col-user-page .pass-strength span.MuiSlider-root.pass-week {
  color: #d9534f;
}
.user-management-page .user-page .content-setting-container .col-user-page .pass-strength span.MuiSlider-root.pass-medium {
  color: #f0ad4e;
}
.user-management-page .user-page .content-setting-container .col-user-page .pass-strength span.MuiSlider-root.pass-strong {
  color: #0088ff;
}
.user-management-page .user-page .content-setting-container .col-user-page .pass-strength span.MuiSlider-root.pass-very-strong {
  color: #449d44;
}
.user-management-page .user-page .content-setting-container .col-user-page .pass-strength span.MuiSlider-thumb {
  display: none;
}
.user-management-page .user-page .content-setting-container #user-columns-filter-btn {
  text-transform: none;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
}
.user-management-page .user-page .content-setting-container #user-columns-filter-btn i {
  font-size: 12px;
}
.user-management-page .user-page .content-setting-container #usersListTableId .width100 {
  width: 110px;
}
.user-management-page .user-page .content-setting-container #usersListTableId .MuiFormControlLabel-root {
  margin-right: 0px;
}
.user-management-page .user-page .content-setting-container #usersListTableId th:last-child {
  width: 60px !important;
  min-width: 60px;
}
.user-management-page .user-page .content-setting-container #usersListTableId tr:hover {
  cursor: pointer;
}
.user-management-page .user-page .content-setting-container #usersListTableId .row-bold {
  font-family: Roboto;
  font-weight: bold;
}
.user-management-page .user-page .content-setting-container #usersListTableId .active {
  background-color: rgba(189, 189, 189, 0.36);
}
.user-management-page .user-page .content-setting-container #usersListTableId tr td {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.user-management-page .user-page .content-setting-container #usersListTableId tr .groups-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  visibility: hidden;
  opacity: 0;
}
.user-management-page .user-page .content-setting-container #usersListTableId tr .groups-action .sync-to-cms-btn {
  height: 36px;
  margin-left: 0;
  padding: 5px 10px;
}
.user-management-page .user-page .content-setting-container #usersListTableId tr .groups-action .sync-to-cms-btn .MuiButton-label {
  gap: 4px;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 0;
}
.user-management-page .user-page .content-setting-container #usersListTableId tr .groups-action .sync-to-cms-btn i {
  font-size: 8px;
  line-height: 0;
}
.user-management-page .user-page .content-setting-container #usersListTableId tr .groups-action .action-icon-btn {
  width: 36px;
  height: 36px;
  font-size: 16px;
  margin-left: 0;
}
.user-management-page .user-page .content-setting-container #usersListTableId tr:hover .groups-action {
  visibility: visible;
  opacity: 1;
}
.user-management-page .user-page .content-setting-container #usersListTableId tr .force-show-action {
  visibility: visible !important;
  opacity: 1 !important;
}
.user-management-page .user-page .content-setting-container #usersListTableId button {
  min-width: auto;
  margin-left: 5px;
}
.user-management-page .user-page .content-setting-container #usersListTableId .selected-button i {
  color: #00b1ff;
}
.user-management-page .user-page .content-setting-container #usersListTableId .expired-item {
  background-color: #fce1e1;
}
.user-management-page .user-page .content-setting-container #usersListTableId .expired-item .MuiSwitch-colorPrimary.Mui-checked.Mui-disabled {
  color: #00b1ff;
  opacity: 0.4;
}
.user-management-page .user-page .content-setting-container #usersListTableId .expired-item .MuiSwitch-colorPrimary.Mui-checked.Mui-disabled + .MuiSwitch-track {
  background-color: #00b1ff;
}
.user-management-page .user-page .content-setting-container #usersListTableId .thumbnail-img {
  width: 44px;
}
.user-management-page .user-page .content-setting-container #usersListTableId .username-td .wrapper-username {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.user-management-page .user-page .content-setting-container #usersListTableId .username-td .wrapper-username > span:first-child {
  line-height: 22px;
}
.user-management-page .user-page .content-setting-container #usersListTableId .username-td .wrapper-username .all-companies-tag {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  color: #757575;
  line-height: 18px;
  background: #eee;
  padding: 0 2px;
  border-radius: 4px;
}
.user-management-page .user-page .content-setting-container .marginRight12 {
  margin-right: 12px;
}
.user-management-page .user-page .content-setting-container .group-button {
  margin-top: 12px;
  display: none;
}
.user-management-page .user-page .content-setting-container .status-active {
  color: #449d44;
}
.user-management-page .user-page .content-setting-container .status-inactive {
  color: #d9534f;
}
.user-management-page .user-page .content-setting-container .user-note {
  display: inline-block;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-management-page .user-page .content-setting-container .paper-padding {
  padding: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}
.user-management-page .user-page .content-setting-container .paper-padding .text-field-description {
  margin-bottom: 0px;
}
.user-management-page .user-page .content-setting-container .paper-padding .MuiTypography-root {
  font-size: 16px;
  letter-spacing: -0.03px;
  font-family: Roboto;
  font-weight: bold;
}
.user-management-page .user-page .content-setting-container .user-detail {
  padding: 10px 0px;
}
.user-management-page .user-page .content-setting-container .user-detail .change-pass-form {
  padding: 24px;
}
.user-management-page .user-page .content-setting-container .user-detail .change-pass-form .MuiTypography-root {
  font-size: 20px;
  font-family: Roboto;
  font-weight: normal;
}
.user-management-page .user-page .content-setting-container .user-detail .change-pass-form i {
  font-size: 18px;
}
.user-management-page .user-page .content-setting-container .user-detail .change-pass-form .text-field-pass .MuiFormHelperText-root.Mui-error {
  padding-left: 0.575rem;
  position: relative;
}
.user-management-page .user-page .content-setting-container .user-detail .change-pass-form .text-field-pass .MuiFormHelperText-root.Mui-error::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #c7261b;
  left: 0;
  top: 6px;
}
.user-management-page .user-page .content-setting-container .user-detail .change-pass-form .text-field-pass .MuiFormHelperText-root.Mui-error:nth-child(2) {
  margin-bottom: 5px;
  padding-left: 0px;
}
.user-management-page .user-page .content-setting-container .user-detail .change-pass-form .text-field-pass .MuiFormHelperText-root.Mui-error:nth-child(2)::before {
  width: 0;
  height: 0;
}
.user-management-page .user-page .content-setting-container .user-detail .MuiFormControlLabel-label {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
}
.user-management-page .user-page .content-setting-container .user-detail .MuiFormControlLabel-root {
  margin-right: 0px;
}
.user-management-page .user-page .content-setting-container .user-detail .element-expired-date {
  width: 50px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.user-management-page .user-page .content-setting-container .user-detail .element-expired-date .MuiFormHelperText-root {
  display: none;
}
.user-management-page .user-page .content-setting-container .user-detail .form-control-expires-time {
  width: 166px;
  margin: 0px;
}
.user-management-page .user-page .content-setting-container .user-detail .btn-show-expiration {
  cursor: pointer;
  color: #00b1ff;
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  display: inline-block;
  margin-right: 16px;
}
.user-management-page .user-page .content-setting-container .user-detail .title-expiry {
  font-family: Roboto;
  font-weight: normal;
  display: inline-block;
  margin-top: 10px;
}
.user-management-page .user-page .content-setting-container .user-detail .display-flex {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-management-page .user-page .content-setting-container .btn-more-options {
  margin-left: 10px;
}
.user-management-page .user-detail .paper-margin {
  margin: 22px 0px 16px;
  max-width: 616px;
}
.user-management-page .user-detail .footer-setting-container {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 616px;
}
.user-management-page .user-detail .footer-setting-container .right {
  display: block;
  width: 100%;
  text-align: right;
}
.user-management-page .user-management-container {
  padding: 24px;
  padding-top: 20px;
}
.user-management-page .user-management-container .add-edit-um-content-container {
  border: 1px solid #e2dfdf;
  margin-top: 16px;
  min-width: 768px;
  position: relative;
  overflow: auto;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-header-container {
  position: relative;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-header-container .steps {
  display: block;
  margin: 18px 12px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-header-container .step-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 36px 0px 12px;
  position: relative;
  color: #757575;
  cursor: pointer;
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-header-container .step-item span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #bdbdbd;
  color: #212121;
  margin-right: 12px;
  font-size: 14px;
  cursor: pointer;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-header-container .step-item:not(:last-child):after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 28px;
  height: 1px;
  background-color: #212121;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-header-container .step-item.step-current {
  color: #212121;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-header-container .step-item.step-current span {
  background-color: #00b1ff;
  color: #ffffff;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-header-container .step-item.step-past {
  color: #212121;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-header-container .step-item.step-past span {
  background-color: #00b1ff;
  color: #ffffff;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-header-container .group-btn {
  position: absolute;
  top: 0px;
  right: 16px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-header-container .group-btn button:last-child {
  margin-left: 10px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container {
  padding: 0 24px 24px 24px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-menu-container {
  width: 284px;
  border: 1px solid rgba(117, 117, 117, 0.24);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  min-height: calc(100vh - 260px);
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-menu-container .step-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  border-radius: 4px;
  height: 46px;
  padding: 8px 12px;
  margin-bottom: 8px;
  -webkit-box-shadow: 0px 0px 0px 1px #e0e0e0;
          box-shadow: 0px 0px 0px 1px #e0e0e0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-menu-container .step-item.step-current {
  -webkit-box-shadow: 0px 0px 0px 2px #0078d4;
          box-shadow: 0px 0px 0px 2px #0078d4;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-menu-container .step-item i {
  color: #449d43;
  margin-left: auto;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container {
  width: calc(100% - 300px);
  border: 1px solid #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  padding: 0px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container.none-border {
  border: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .step-content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding: 0px 16px;
  border-bottom: 1px solid #e0e0e0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .step-content-header div {
  width: 85px;
  text-align: left;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .step-content-header div label {
  margin: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .step-content-header div label span {
  font-size: 14px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .enable-checkbox-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 16px;
  height: 48px;
  border-bottom: 1px solid rgba(117, 117, 117, 0.2);
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .enable-checkbox-item .label-width {
  width: 85px;
  text-align: left;
  margin: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .enable-checkbox-item.group-label {
  height: 30px;
  background-color: #f7f7f7;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .enable-checkbox-item.group-label span {
  color: #757575;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .role-checkbox-group {
  padding: 12px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid rgba(117, 117, 117, 0.2);
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .radio-group-item {
  padding: 0px 24px;
  height: 48px;
  border-bottom: 1px solid rgba(117, 117, 117, 0.2);
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .radio-group-item .radio-label-custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .radio-group-item .radio-label-custom .icon-help-outline {
  color: #757575;
  font-size: 17px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .note-pro-setup {
  color: #757575;
  padding: 16px 24px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3host-cms-container {
  padding: 16px 24px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3analytics-container .permissions-setup-content table {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3analytics-container .permissions-setup-content table .content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3analytics-container .permissions-setup-content table .content-header .content-header-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 13px 24px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3analytics-container .permissions-setup-content table tbody tr > td {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3analytics-container .permissions-setup-content table tbody .permissions-item-name {
  padding: 13px 16px 13px 32px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3analytics-container .permissions-setup-content table tbody .MuiFormGroup-root .MuiFormControlLabel-root {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 24px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .health-monitoring-container .step-content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .health-monitoring-container .step-content-header .MuiFormControlLabel-root {
  margin-right: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .health-monitoring-container .setup-permission-groups {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 48px;
  padding: 0 36px;
  border-bottom: 1px solid #e0e0e0;
  gap: 16px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .health-monitoring-container .setup-permission-groups .setup-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .health-monitoring-container .setup-permission-groups .setup-item .MuiFormControlLabel-root {
  margin-right: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3live-container .step-content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3live-container .step-content-header .edit-note {
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3live-container .step-content-header .edit-note.dealer-group {
  visibility: visible;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3live-container .step-content-header .edit-note .admin-app-link {
  color: #0c98f5;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3live-container .step-content-header .MuiFormControlLabel-root {
  margin-right: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-cloud-container .role-radio-group {
  padding: 12px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container .permissions-setup-content {
  width: 100%;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container .permissions-setup-content table {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container .permissions-setup-content table thead .empty-header {
  width: 45%;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container .permissions-setup-content table td {
  border-bottom: 1px solid #e2dfdf;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container .permissions-setup-content table tbody .permissions-item-name {
  font-size: 12px;
  letter-spacing: -0.02px;
  padding: 14px 10px;
  white-space: normal;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container .permissions-setup-content table tbody td .MuiFormControlLabel-root {
  width: 33%;
  margin: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container .permissions-setup-content table tbody td .MuiFormControlLabel-root .MuiRadio-root {
  margin: 0 auto;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container .permissions-setup-content table tbody td .width33 {
  width: 33%;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container .permissions-setup-content table tbody tr:first-child td {
  border-top: 1px solid #e2dfdf;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container .permissions-setup-content table tbody tr:last-child td {
  border: none;
}
@media (max-width: 1268px) {
  .user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container .permissions-setup-content table {
    padding-left: 18px;
  }
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container .permissions-setup-content .content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container .permissions-setup-content .content-header .content-header-item {
  width: 33%;
  padding: 16px 8px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container .permissions-setup-content .content-header .content-header-item .MuiButton-root {
  margin: 0 auto;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .i3ai-container .permissions-setup-content .content-header .MuiButton-root {
  display: block;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-tabs {
  width: 20%;
  border-right: 1px solid #e2dfdf;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-tabs ul {
  height: calc(100vh - 360px);
  padding-left: 0;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-tabs ul li {
  padding-bottom: 15px;
  padding-top: 16px;
  padding-left: 24px;
  cursor: pointer;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-tabs ul .selected-setup-type {
  background-color: #f4f4f4;
  color: #00b1ff;
  font-weight: bold;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-content {
  width: 80%;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-content table {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-content table thead .empty-header {
  width: 45%;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-content table td {
  border-bottom: 1px solid #e2dfdf;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-content table tbody .permissions-item-name {
  font-size: 12px;
  letter-spacing: -0.02px;
  padding: 14px 10px;
  white-space: normal;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-content table tbody td .MuiFormControlLabel-root {
  width: 33%;
  margin: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-content table tbody td .MuiFormControlLabel-root .MuiRadio-root {
  margin: 0 auto;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-content table tbody td .width33 {
  width: 33%;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-content table tbody tr:first-child td {
  border-top: 1px solid #e2dfdf;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-content table tbody tr:last-child td {
  border: none;
}
@media (max-width: 1268px) {
  .user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-content table {
    padding-left: 18px;
  }
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-content .content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-content .content-header .content-header-item {
  width: 33%;
  padding-top: 8px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-content .content-header .content-header-item .MuiButton-root {
  margin: 0 auto;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .permissions-setup-content .content-header .MuiButton-root {
  display: block;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .pro-setup-container .pro-list-details {
  padding: 0;
  border-top: 1px solid #e2dfdf;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container {
  min-width: 500px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cms-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cms-header .cms-header-title {
  width: 50%;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cms-header .cms-header-title label span {
  font-size: 14px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cms-header .cms-header-search {
  width: 50%;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cms-header .cms-header-search .MuiFormControl-marginNormal {
  margin: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cms-header .cms-header-search .i3-search-container p {
  height: 0px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 374px);
  border: 1px solid #e0e0e0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .step-two-cloud-menu-container {
  width: 240px;
  border-right: 1px solid #e0e0e0;
  overflow-y: auto;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .step-two-cloud-menu-container .step-item {
  line-height: 22px;
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .step-two-cloud-menu-container .step-item i {
  color: #449d43;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .step-two-cloud-menu-container .step-item.step-current,
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .step-two-cloud-menu-container .step-item:hover {
  background-color: #f4f4f4;
  color: #00afff;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content {
  width: calc(100% - 240px);
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .role-cloud-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 16px;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .role-cloud-item .role-cloud-item-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .role-cloud-item label {
  margin: 0px;
  min-width: 85px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .role-cloud-item label span {
  font-size: 14px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .role-cloud-item.padding {
  padding-left: 32px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .role-cloud-item.padding + .group-opt-item {
  padding-left: 32px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .role-cloud-item.no-border {
  border: none;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .group-opt-item {
  border-bottom: 1px solid #e0e0e0;
  padding: 0px 16px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .group-opt-item span {
  font-size: 14px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .role-cloud-item-checkbox {
  border-bottom: 1px solid #e0e0e0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .role-cloud-item-checkbox .role-cloud-item {
  border: none;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .sub-level-1:before {
  height: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root.Mui-expanded {
  margin: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .sub-summary {
  margin: 0;
  min-height: auto;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .sub-summary.Mui-expanded {
  min-height: auto;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .MuiExpansionPanelSummary-content {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .MuiExpansionPanelSummary-content label {
  margin: 0px;
  min-width: 85px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .MuiExpansionPanelSummary-content label span {
  font-size: 14px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .MuiExpansionPanelSummary-content i {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .MuiExpansionPanelSummary-content.Mui-expanded i {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .sub-level-2 .MuiExpansionPanelSummary-content {
  padding: 0px 0px 0px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .sub-level-2 .role-cloud-item {
  padding: 0px 16px 0px 48px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .sub-level-2 .role-cloud-item + .group-opt-item {
  padding-left: 48px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .sub-level-2 .sub-level-3 .MuiExpansionPanelSummary-content {
  padding: 0px 0px 0px 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .sub-level-2 .sub-level-3 .role-cloud-item {
  padding: 0px 16px 0px 64px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .sub-level-2 .sub-level-3 .role-cloud-item + .group-opt-item {
  padding-left: 64px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .sub-level-2 .sub-level-3 .sub-level-4 .MuiExpansionPanelSummary-content {
  padding: 0px 0px 0px 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .sub-level-2 .sub-level-3 .sub-level-4 .role-cloud-item {
  padding: 0px 16px 0px 80px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-root .sub-level-2 .sub-level-3 .sub-level-4 .role-cloud-item + .group-opt-item {
  padding-left: 80px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .MuiPaper-elevation1 {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .icon-expand-button {
  font-size: 10px;
  color: #212121;
  margin: 0px 0px 0px 7px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .full-width {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .sub-content {
  max-height: calc(100vh - 422px);
  overflow: auto;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .sub-content .sub-summary .MuiExpansionPanelSummary-content {
  font-size: 14px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .group-radio-engagement {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  padding-right: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-managed-services-container .cloud-managed-services-list .cloud-managed-services-content .group-radio-engagement span {
  font-size: 14px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .no-connection-with-cms {
  padding: 8px 16px;
  background: #f5f5f5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-backup {
  display: block;
  min-width: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .cloud-backup .cloud-backup-title {
  font-size: 16px;
  font-weight: 600;
  padding: 0px 24px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .one-setup-container .step-content-header {
  padding-right: 65px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .one-setup-container .os-server-container .os-server-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 13px 32px;
  border-bottom: 1px solid #e2dfdf;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container .step-content-container .one-setup-container .os-server-container .i3-remote-server-item {
  gap: 84px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-two-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-two-container .step-two-content {
  width: calc(100% - 216px);
  overflow: auto;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-two-container .step-two-content .radio-choose-companies {
  padding-left: 11px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-three-container .title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-three-container .title .MuiFormControl-root {
  width: 284px;
  margin: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-three-container .title .MuiFormControl-root .company-permission-select .MuiSelect-selectMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-three-container .title .MuiFormControl-root .company-permission-select .MuiSelect-selectMenu i {
  color: #449d43;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-three-container .title .MuiButton-root {
  height: 36px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-three-container .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-three-container .step-content-container,
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-three-container .step-menu-container {
  min-height: calc(100vh - 354px);
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-three-container .step-content-container.none-border,
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-three-container .step-menu-container.none-border {
  border: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-three-container .step-three-content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding: 0px 16px;
  border-bottom: 1px solid #e0e0e0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-three-container .step-three-content-header div {
  width: 85px;
  text-align: left;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-three-container .step-three-content-header div label {
  margin: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-container.step-three-container .step-three-content-header div label span {
  font-size: 14px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container {
  max-width: 473px;
  height: calc(100vh - 255px);
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .element-expired-date {
  width: 50px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .element-expired-date .MuiFormHelperText-root {
  display: none;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .form-control-expires-time {
  width: 220px;
  margin: 0px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .btn-show-expiration {
  cursor: pointer;
  color: #00b1ff;
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  display: inline-block;
  margin-right: 16px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .title-expiry {
  font-family: Roboto;
  font-weight: normal;
  display: inline-block;
  margin-top: 10px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .display-flex {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container label {
  margin-right: 0px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .change-pass-form {
  padding: 24px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .change-pass-form .btn-close i {
  font-size: 20px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .pass-strength {
  pointer-events: none;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .pass-strength span {
  height: 5px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .pass-strength span.MuiSlider-root.pass-week {
  color: #d9534f;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .pass-strength span.MuiSlider-root.pass-medium {
  color: #f0ad4e;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .pass-strength span.MuiSlider-root.pass-strong {
  color: #0088ff;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .pass-strength span.MuiSlider-root.pass-very-strong {
  color: #449d44;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .pass-strength span.MuiSlider-thumb {
  display: none;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .footer-setting-container {
  text-align: right;
  padding: 24px 0px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .footer-setting-container button:last-child {
  margin-left: 10px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-one-container .skip-registration-checkbox {
  margin-top: 24px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container {
  height: calc(100vh - 236px);
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .step-two-note {
  color: #757575;
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 15px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 14px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .MuiFormControlLabel-root .MuiCheckbox-root,
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .MuiFormControlLabel-root .MuiRadio-root {
  padding: 5px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .full-width {
  width: 100%;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .i3-table-container {
  margin-top: 20px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .i3-table-container .i3-table td img {
  width: auto;
  max-height: 45px;
  margin-left: 0;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .i3-table-container.hidden {
  display: none;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .i3-table-container .i3-fixed-header {
  height: auto;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .i3-table-container #usersAiCloudCompanyTableId {
  max-height: calc(100vh - 355px);
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .i3host-cms-setting .i3-fixed-header {
  max-height: calc(100vh - 448px);
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .i3host-cms-setting .i3-fixed-header .checkbox-col {
  width: 18%;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .i3host-cms-setting .i3-fixed-header .checkbox-col .MuiFormControlLabel-root {
  margin-right: 0px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .i3host-cms-setting .i3-fixed-header .checkbox-col.sort::before {
  left: 0px;
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .aicloud-setting .i3-fixed-header {
  max-height: calc(100vh - 355px);
}
.user-management-page .user-management-container .add-edit-um-content-container .step-two-container .role-group-title {
  font-weight: bolder;
  line-height: 22px;
  margin: 15px 0 10px 0;
}
.user-management-page .header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-management-page .header-container .left-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-management-page .header-container .left-header .title {
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.04px;
}
.user-management-page .header-container .right-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.user-management-page .header-container .right-header .MuiButton-root {
  margin-right: 10px;
}
.user-management-page .header-container .right-header .MuiButton-root:last-child {
  margin-right: 0px;
}
.menu-filter-data-user .MuiMenu-paper {
  max-height: 50vh;
  top: 190px !important;
}
.menu-filter-data-user .MuiList-root {
  min-width: 200px;
}
.menu-filter-data-user .MuiList-root li {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
}
.menu-filter-data-user .MuiList-root li .MuiButtonBase-root {
  padding: 5px;
  padding-left: 0px;
}
.menu-filter-data-user .MuiList-root li .MuiTypography-root {
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.04px;
}
.menu-filter-data-user .line-after {
  border-bottom: 1px solid #e2dfdf;
}
.menu-filter-data-group .MuiMenu-paper {
  max-height: 50vh;
}
.menu-filter-data-group .MuiList-root {
  min-width: 200px;
}
.menu-filter-data-group .MuiList-root li {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
}
.menu-filter-data-group .MuiList-root li .MuiButtonBase-root {
  padding: 5px;
  padding-left: 0px;
}
.menu-filter-data-group .MuiList-root li .MuiTypography-root {
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.04px;
}
.menu-filter-data-group .line-after {
  border-bottom: 1px solid #e2dfdf;
}
.change-email-setting .content-container {
  max-width: 448px;
}
.change-email-setting .footer-container {
  padding-bottom: 16px;
}
.assign-cms-link-setting .content-container {
  width: 500px;
}
.assign-cms-link-setting .content-container .main-container {
  margin-bottom: 16px;
}
.assign-cms-link-setting .content-container .i3-text-field {
  width: 200px;
  margin: 8px 0px;
}
.assign-cms-link-setting .content-container .i3-text-field .form-control-error {
  display: none;
}
.assign-cms-link-setting .content-container .i3-table-container .i3-table-features .left span {
  padding-left: 10px;
}
.assign-cms-link-setting .content-container .i3-table-container .i3-fixed-header {
  height: auto;
  max-height: calc(100vh - 286px);
}
.assign-cms-link-setting .content-container .i3-table-container .i3-fixed-header:after {
  border-bottom: 0px;
}
.assign-cms-link-setting .content-container .i3-table-container .logo-company img {
  max-height: 45px;
  width: auto;
}
.assign-cms-link-setting .footer-container {
  padding-bottom: 16px;
}
.copy-to-setting .MuiDialog-paper {
  height: calc(100vh - 64px);
}
.copy-to-setting .body-container {
  padding-top: 0;
}
.copy-to-setting .content-container {
  min-width: 800px;
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.copy-to-setting .content-container .group-copy-item {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 0 12px;
  margin-bottom: 8px !important;
}
.copy-to-setting .content-container .group-copy-item.Mui-expanded {
  margin: 0px;
}
.copy-to-setting .content-container .group-copy-item:before {
  display: none;
}
.copy-to-setting .content-container .group-copy-item .group-copy-container-title {
  padding: 0px;
  min-height: 32px;
}
.copy-to-setting .content-container .group-copy-item .group-copy-container-title.Mui-expanded {
  min-height: 32px;
}
.copy-to-setting .content-container .group-copy-item .group-copy-container-title > div {
  margin: 0px;
}
.copy-to-setting .content-container .group-copy-item .group-copy-container-title > div label {
  margin-left: 0px;
}
.copy-to-setting .content-container .group-copy-item .group-copy-container-title > div label span {
  font-size: 14px;
  margin-right: 7px;
}
.copy-to-setting .content-container .group-copy-item .group-copy-container-title > div i {
  font-size: 16px;
}
.copy-to-setting .content-container .group-copy-item.hidden {
  display: none;
}
.copy-to-setting .content-container .user-copy-item .i3-table td img {
  width: 49px;
  height: 49px;
}
.copy-to-setting .content-container .user-copy-item .i3-table tbody tr:last-child {
  border-bottom: 0;
}
.copy-to-setting .content-container .user-copy-item.hidden {
  display: none;
}
.copy-to-setting .content-container .user-copy-item.i3-table-container {
  border: 0;
  margin-bottom: 8px;
}
.copy-to-setting .content-container .MuiDialogActions-root {
  border-top: 1px solid #bdbdbd;
  padding: 16px 24px;
}
.copy-to-setting .footer-container {
  padding-bottom: 16px;
}
.copy-to-setting .main-container .i3-text-field p {
  height: 0;
}
.copy-to-setting .main-container .MuiIconButton-root {
  padding-right: 0;
  padding-left: 0;
}
.copy-to-setting .main-container .form-control {
  width: 50%;
  margin-bottom: 16px;
  margin-top: 0;
  padding: 0px 24px;
}
.copy-to-setting .list-group-container {
  position: relative;
  width: 100%;
  max-height: calc(100vh - 250px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.copy-to-setting .list-group-container .no-result {
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  color: #757575;
  margin-top: 24px;
}
.copy-to-setting .user-copy-item {
  display: block;
}
.copy-to-setting .user-copy-item.hidden {
  display: block;
}
.menu-more-options .MuiPaper-root {
  overflow: auto;
}
.menu-more-options .MuiList-root li {
  font-size: 14px;
  gap: 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.menu-more-options .MuiList-root li .icon {
  color: #757575;
}
.menu-more-options .MuiList-root li .option-danger {
  color: #d9534f;
}
.menu-more-options .MuiList-root li.more-options-item {
  position: relative;
  overflow: auto;
}
.menu-more-options .MuiList-root li.more-options-item .sub-menu {
  padding: 0;
  position: absolute;
  top: 0;
  right: 200px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 10000;
  min-width: 200px;
}
.menu-more-sub-menu .MuiList-root {
  max-height: 60vh;
}
.menu-more-sub-menu .MuiList-root li {
  font-size: 14px;
  gap: 8px;
}
.menu-more-sub-menu .MuiList-root li .company-logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #fff;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.menu-more-sub-menu .MuiList-root li .company-logo img {
  max-width: 26px;
  max-height: 26px;
}
/*--- START User Sync to CMS Dialog ---*/
.sync-dealer-to-cms-dialog .MuiPaper-root {
  max-width: 800px;
  width: 100%;
  height: 90vh;
}
.sync-dealer-to-cms-dialog .sync-user-to-cms-search-txt {
  margin: 0;
}
.sync-dealer-to-cms-dialog .sync-user-to-cms-search-txt .MuiFormHelperText-root {
  display: none;
}
.sync-dealer-to-cms-dialog .MuiDialogActions-root {
  padding: 8px 24px 16px;
}
.sync-dealer-to-cms-dialog .i3-table-container .i3-fixed-header {
  max-height: calc(100vh - 335px);
  height: auto;
}
.sync-dealer-to-cms-dialog .i3-table-container .i3-fixed-header::after {
  display: none;
}
.sync-dealer-to-cms-dialog .i3-table-container .i3-table td.text-secondary {
  color: #757575;
}
.sync-dealer-to-cms-dialog .i3-table-container .i3-table td.text-success {
  color: #449d43;
}
.sync-dealer-to-cms-dialog .i3-table-container .i3-table td.text-success .status-txt {
  background-color: #e8f5e8;
}
.sync-dealer-to-cms-dialog .i3-table-container .i3-table td.text-danger {
  color: #d9534f;
}
.sync-dealer-to-cms-dialog .i3-table-container .i3-table td.text-danger .status-txt {
  background-color: #fbeaed;
}
.sync-dealer-to-cms-dialog .i3-table-container .i3-table .status-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sync-dealer-to-cms-dialog .i3-table-container .i3-table .status-container .status-txt {
  padding: 4px;
  border-radius: 6px;
}
.sync-dealer-to-cms-dialog .i3-table-container .i3-table .status-container .icon-round-info-button {
  font-size: 14px;
  margin-left: 6px;
  color: #757575;
}
.sync-dealer-to-cms-dialog .i3-table-container .MuiIconButton-root {
  width: 32px;
  height: 32px;
  margin-left: 6px;
}
.sync-dealer-to-cms-dialog .i3-table-container .MuiIconButton-root i {
  font-size: 12px;
}
.sync-dealer-to-cms-dialog .MuiDialogContent-root:has(.sync-status-header) .i3-table-container .i3-fixed-header {
  height: calc(100vh - 400px);
}
.sync-dealer-to-cms-dialog .sync-status-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  margin-bottom: 16px;
  background-color: #e0f1fd;
  border-radius: 8px;
}
.sync-dealer-to-cms-dialog .sync-status-header .sync-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.sync-dealer-to-cms-dialog .sync-status-header .sync-status .text {
  font-size: 14px;
  font-weight: 500;
}
.sync-dealer-to-cms-dialog .sync-status-header .MuiButton-root {
  height: 28px;
  text-transform: none;
}
.sync-dealer-to-cms-dialog .sync-status-header .MuiButton-root i {
  font-size: 12px;
  margin-right: 4px;
}
.sync-dealer-to-cms-dialog .dot-flashing {
  position: relative;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #757575;
  color: #757575;
  -webkit-animation: dot-flashing 0.8s infinite linear alternate;
          animation: dot-flashing 0.8s infinite linear alternate;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  margin-left: 12px;
  margin-top: 3px;
  margin-right: 10px;
}
.sync-dealer-to-cms-dialog .dot-flashing::before,
.sync-dealer-to-cms-dialog .dot-flashing::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #757575;
  color: #757575;
  -webkit-animation: dot-flashing 0.8s infinite alternate;
          animation: dot-flashing 0.8s infinite alternate;
}
.sync-dealer-to-cms-dialog .dot-flashing::before {
  left: -8px;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.sync-dealer-to-cms-dialog .dot-flashing::after {
  left: 8px;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.sync-dealer-to-cms-dialog .fading-circle {
  width: 22px;
  height: 22px;
  position: relative;
  margin: auto;
}
.sync-dealer-to-cms-dialog .fading-circle .circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sync-dealer-to-cms-dialog .fading-circle .circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 2px;
  height: 5px;
  background-color: #212121;
  border-radius: 4px;
  -webkit-animation: sk-fading-circle-delay 0.8s infinite ease-in-out both;
  animation: sk-fading-circle-delay 0.8s infinite ease-in-out both;
}
.sync-dealer-to-cms-dialog .fading-circle .circle-2 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sync-dealer-to-cms-dialog .fading-circle .circle-2:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.sync-dealer-to-cms-dialog .fading-circle .circle-3 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sync-dealer-to-cms-dialog .fading-circle .circle-3:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.sync-dealer-to-cms-dialog .fading-circle .circle-4 {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.sync-dealer-to-cms-dialog .fading-circle .circle-4:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.sync-dealer-to-cms-dialog .fading-circle .circle-5 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sync-dealer-to-cms-dialog .fading-circle .circle-5:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.sync-dealer-to-cms-dialog .fading-circle .circle-6 {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.sync-dealer-to-cms-dialog .fading-circle .circle-6:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.sync-dealer-to-cms-dialog .fading-circle .circle-7 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sync-dealer-to-cms-dialog .fading-circle .circle-7:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.sync-dealer-to-cms-dialog .fading-circle .circle-8 {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}
.sync-dealer-to-cms-dialog .fading-circle .circle-8:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes dot-flashing {
  0% {
    background-color: #757575;
  }
  50%,
  100% {
    background-color: rgba(117, 117, 117, 0.2);
  }
}
@keyframes dot-flashing {
  0% {
    background-color: #757575;
  }
  50%,
  100% {
    background-color: rgba(117, 117, 117, 0.2);
  }
}
@-webkit-keyframes sk-fading-circle-delay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-fading-circle-delay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
/*--- END User Sync to CMS Dialog ---*/
/*--- START Setup Company permission Dialog ---*/
.setup-company-permission-dialog .MuiPaper-root {
  max-width: 800px;
  width: 100%;
  height: 90vh;
}
.setup-company-permission-dialog .setup-company-permission-search-txt {
  margin: 0;
}
.setup-company-permission-dialog .setup-company-permission-search-txt .MuiFormHelperText-root {
  display: none;
}
.setup-company-permission-dialog .MuiDialogActions-root {
  padding: 16px 24px;
  border-top: 1px solid #bdbdbd;
}
.setup-company-permission-dialog .MuiDialogContent-root {
  overflow: hidden;
  padding: 8px 0;
}
.setup-company-permission-dialog .MuiDialogContent-root .setup-company-permission-dialog-description {
  font-size: 14px;
  letter-spacing: -0.03px;
  font-family: Roboto;
  font-weight: normal;
  color: #212121;
  margin-bottom: 16px;
  padding: 0 24px;
}
.setup-company-permission-dialog .MuiDialogContent-root .setup-list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 24px;
}
.setup-company-permission-dialog .MuiDialogContent-root .setup-list-header .setup-list-header-items {
  font-size: 16px;
  letter-spacing: -0.03px;
  font-family: Roboto;
  font-weight: 500;
  color: #212121;
}
.setup-company-permission-dialog .MuiDialogContent-root .setup-list-header .right-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.setup-company-permission-dialog .MuiDialogContent-root .setup-list-header .right-container .setup-company-permission-search-txt {
  min-width: 260px;
}
.setup-company-permission-dialog .MuiDialogContent-root .setup-list-header .right-container .setup-company-permission-status-filter {
  min-width: 100px;
}
.setup-company-permission-dialog .MuiDialogContent-root .list-companies-container {
  margin-top: 16px;
  overflow-y: auto;
  height: 100%;
  padding: 0 24px;
}
.setup-company-permission-dialog .MuiDialogContent-root .list-companies-container .list-companies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.setup-company-permission-dialog .MuiDialogContent-root .list-companies-container .list-companies .list-company-item {
  width: calc((100% - 110px) / 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
  gap: 8px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
}
.setup-company-permission-dialog .MuiDialogContent-root .list-companies-container .list-companies .list-company-item:hover {
  border: 1px solid #0c98f5;
}
.setup-company-permission-dialog .MuiDialogContent-root .list-companies-container .list-companies .list-company-item .list-company-item-logo {
  width: 40px;
  height: 40px;
}
.setup-company-permission-dialog .MuiDialogContent-root .list-companies-container .list-companies .list-company-item .list-company-item-logo .list-company-item-logo-image {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.setup-company-permission-dialog .MuiDialogContent-root .list-companies-container .list-companies .list-company-item .list-company-item-name {
  font-size: 16px;
  letter-spacing: -0.03px;
  font-family: Roboto;
  font-weight: 500;
  color: #212121;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.setup-company-permission-dialog .MuiDialogContent-root .list-companies-container .list-companies .list-company-item .list-company-item-checked {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #e8f5e8;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.setup-company-permission-dialog .MuiDialogContent-root .list-companies-container .list-companies .list-company-item .list-company-item-checked i {
  color: #449d44;
}
/*--- END Setup Company permission Dialog ---*/
/*--- START Unassign company Dialog ---*/
.unassign-company-box-dialog .message-box-content .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 3px;
}
.unassign-company-box-dialog .message-box-content .title .note {
  font-size: 12px;
  padding: 2px 6px;
  background-color: #e8f5e8;
  border-radius: 4px;
}
/*--- END Unassign company Dialog ---*/
/*--- START User security ---*/
.user-security-page {
  padding: 24px;
}
.user-security-page .content-setting-container {
  margin-bottom: 0;
  border: 1px solid rgba(117, 117, 117, 0.24);
}
.user-security-page .user-security-info {
  width: 100%;
  max-width: 520px;
  display: inline-block;
  padding: 0;
}
.user-security-page .user-security-info .content-container .MuiGrid-root {
  padding-top: 0px;
  padding-bottom: 0px;
}
.user-security-page .user-security-info .content-container .user-security-label {
  font-family: Roboto;
  font-weight: 500;
  position: relative;
  z-index: 1001;
  color: #212121;
  display: block;
  font-size: 16px;
  padding-top: 8px;
  margin-bottom: 8px;
  margin-top: 24px;
}
.user-security-page .user-security-info .content-container .user-security-label i {
  cursor: pointer;
}
.user-security-page .user-security-info .content-container .user-security-label:first-child {
  margin-top: 0px;
}
.user-security-page .user-security-info .content-container .checkbox-security .MuiTypography-root {
  font-size: 14px;
}
.user-security-page .user-security-info .content-container .checkbox-security .MuiTypography-root .highlight-label {
  color: #757575;
}
.user-security-page .user-security-info .content-container .group-btn-security {
  margin-top: 16px;
  text-align: right;
}
.user-security-page .user-security-info .content-container .group-btn-security .btn-save {
  margin-left: 8px;
}
.user-security-page .user-security-info .content-container .group-btn-security .btn-save i {
  font-size: 12px;
}
.user-security-page .user-security-info .content-container .checkbox-enable-account-lockout .MuiTypography-root {
  color: #212121;
  font-size: 14px;
}
.user-security-page .user-security-info .content-container .checkbox-lock-forever .MuiTypography-root {
  color: #212121;
  font-size: 12px;
}
.user-security-page .user-security-info .content-container .password-rules-margin {
  margin: 12px 0px;
}
.user-security-page .user-security-info .content-container .password-rules-margin .rules-margin-title {
  margin-bottom: 10px;
}
.user-security-page .user-security-info .content-container .min-required-length .MuiFormLabel-root,
.user-security-page .user-security-info .content-container .change-password-after .MuiFormLabel-root,
.user-security-page .user-security-info .content-container .max-previous-old-password .MuiFormLabel-root {
  white-space: nowrap;
}
.user-security-page .user-security-info .content-container .input-number-no-fullwidth {
  width: 35px;
  height: 24px;
  min-width: 35px;
  margin: -3px 15px 0 15px;
}
.user-security-page .user-security-info .content-container .input-number-no-fullwidth .form-control-error {
  display: none;
}
.user-security-page .user-security-info .content-container .input-number-no-fullwidth input {
  padding: 3px 0px;
  height: auto;
}
.user-security-page .user-security-info .content-container .label-with-input {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-security-page .user-security-info .content-container .label-with-input.label-margin {
  padding: 12px 0px;
}
.user-security-page .user-security-info .content-container .MuiDivider-root {
  margin-top: 15px;
}
/*--- END User security ---*/
/*--- START Edit multi user ---*/
.edit-multi-user-dialog .MuiDialog-paperWidthSm {
  max-width: 100%;
}
.edit-multi-user-dialog .MuiPaper-root {
  max-width: auto;
}
.edit-multi-user-dialog .content-container {
  width: 500px;
}
.edit-multi-user-dialog .content-container .MuiFormControlLabel-root {
  margin-right: 0px;
}
.edit-multi-user-dialog .content-container .element-expired-date {
  width: 50px;
  margin-top: 3px;
  margin-bottom: 0px;
}
.edit-multi-user-dialog .content-container .element-expired-date .MuiFormHelperText-root {
  display: none;
}
.edit-multi-user-dialog .content-container .form-control-expires-time {
  width: 166px;
  margin: 0px;
}
.edit-multi-user-dialog .content-container .btn-show-expiration {
  cursor: pointer;
  color: #00b1ff;
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  display: inline-block;
  margin-right: 16px;
}
.edit-multi-user-dialog .content-container .title-expiry {
  display: inline-block;
  margin-top: 10px;
}
.edit-multi-user-dialog .footer-container {
  padding-bottom: 16px;
}
/*--- END Edit multi user ---*/
.apply-to-status-filter-popover .MuiMenu-paper {
  max-height: 50vh;
}
.apply-to-status-filter-popover .MuiList-root {
  min-width: 150px;
}
.apply-to-status-filter-popover .MuiList-root li {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  cursor: pointer;
}
.apply-to-status-filter-popover .MuiList-root li .MuiButtonBase-root {
  padding: 5px;
  padding-left: 0px;
}
.apply-to-status-filter-popover .MuiList-root li .MuiTypography-root {
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.04px;
}
/*--- START Maintenance Notification ---*/
.maintenance-notification-container .header-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 17px 24px;
  margin-bottom: 0;
}
.maintenance-notification-container .maintenance-notification-main {
  padding: 0 24px;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 28px;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 24px;
  overflow-x: auto;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side-title,
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .preview-side-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  display: inline-block;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side {
  width: 100%;
  max-width: calc(100% - 893px);
  min-width: 634px;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .head-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .head-group .i3-select-container {
  max-width: 200px;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .head-group .btn-reset {
  margin-left: auto;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .head-group .expired-date-group .MuiButtonBase-root {
  min-width: auto;
  line-height: 0;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .head-group .expired-date-group .expired-date-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .head-group .expired-date-group .expired-date-view .i3-text-field {
  max-width: 121px;
  margin: 0;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .head-group .expired-date-group .expired-date-view .i3-text-field .MuiInputBase-formControl::after {
  border-bottom: none;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .head-group .expired-date-group .expired-date-view .btn-edit {
  font-size: 13px;
  padding: 8px 5px;
  border-radius: 50%;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .head-group .expired-date-group .expired-date-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 4px;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .head-group .expired-date-group .expired-date-edit .editor-side-datepicker {
  max-width: 140px;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .head-group .expired-date-group .expired-date-edit .editor-side-datepicker .MuiInputAdornment-root .MuiIconButton-root {
  padding: 0;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .head-group .expired-date-group .expired-date-edit .btn-cancel {
  color: red;
  font-size: 12px;
  padding: 8px 5px;
  border-radius: 50%;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .editor-side-content {
  border-radius: 8px;
  padding: 24px;
  border: 1px solid #e0e0e0;
  max-height: calc(100vh - 320px);
  overflow-y: auto;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .editor-side-content .MuiFormControl-root.form-control.i3-text-field {
  margin-top: 0;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .editor-side-content .content-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .editor-side-content .schedule-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .editor-side-content .schedule-list .schedule-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .editor-side-content .schedule-list .schedule-item .btn-remove-schedule {
  color: #db4537;
  min-width: auto;
  width: auto;
  padding: 6px 2px;
  font-size: 17px;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .editor-side-content .schedule-list .schedule-item .btn-remove-schedule i {
  line-height: 0;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .editor-side-content .schedule-list .schedule-item .schedule-item-form {
  background-color: #e2f6f9;
  padding: 12px 16px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .editor-side-content .schedule-list .schedule-item .schedule-item-form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .editor-side-content .schedule-list .add-schedule {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side .editor-side-content .schedule-list .add-schedule .MuiButton-root .MuiButton-label {
  text-transform: initial;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .preview-side {
  width: 100%;
  max-width: 865px;
  min-width: 820px;
}
.maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .preview-side .preview-side-content {
  max-height: 76vh;
  overflow-y: auto;
}
@media screen and (max-width: 1444px) {
  .maintenance-notification-container .maintenance-notification-main .maintenance-notification-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .editor-side,
  .maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .preview-side {
    max-width: 100%;
  }
  .maintenance-notification-container .maintenance-notification-main .maintenance-notification-content .preview-side .preview-side-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/*--- END Maintenance Notification ---*/
.wrong-something-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wrong-something-page .icon {
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.wrong-something-page .note {
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.03px;
  margin-top: 16px;
}
.wrong-something-page .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.wrong-something-page .buttons .MuiButtonBase-root {
  margin: 0px;
  margin-left: 12px;
  background-color: #e3e6eb;
}
.wrong-something-page .buttons .MuiButtonBase-root:hover {
  opacity: 0.8;
}
.wrong-something-page .buttons .MuiButtonBase-root:first-child {
  margin-left: 0px;
}
.favorite-page {
  overflow: auto;
  height: calc(100vh - 64px);
  position: relative;
}
.favorite-page .header-container {
  padding: 24px 24px 0;
}
.favorite-page .header-container .title {
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.04px;
  color: #212121;
  margin: 0;
}
.favorite-page .small-title {
  font-size: 16px;
  letter-spacing: -0.03px;
  font-family: Roboto;
  font-weight: 500;
  color: #212121;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.favorite-page .not-found {
  font-size: 16px;
  letter-spacing: -0.03px;
  font-family: Roboto;
  font-weight: normal;
  color: #757575;
}
.favorite-page .companies-container {
  padding: 24px 24px 0;
  overflow: auto;
}
.favorite-page .companies-container .list-company-container {
  margin-top: 16px;
}
.favorite-page .companies-container .list-company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.favorite-page .companies-container .show-all-btn-container {
  text-align: center;
  margin-top: 24px;
}
.favorite-page .companies-container .show-all-btn-container .MuiButton-root {
  border-radius: 99px;
  text-transform: initial;
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.03px;
  color: #212121;
}
.favorite-page .companies-container .no-company-found {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  letter-spacing: -0.03px;
  color: #757575;
  margin-top: 48px;
}
.favorite-page .favorite-loading-container {
  padding: 0 24px;
}
.favorite-page .no-favorite-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 277px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.favorite-page .no-favorite-container .background {
  width: 255px;
}
.favorite-page .no-favorite-container .message {
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.04px;
  color: #212121;
}
.favorite-page .no-favorite-container .note {
  font-size: 14px;
  letter-spacing: -0.03px;
  color: #757575;
  margin-top: 10px;
}
.favorite-page .favorite-activities {
  margin-top: 24px;
  z-index: 1;
  position: relative;
  padding: 0 24px 24px;
}
.favorite-page .favorite-activities .title {
  margin: 0;
  font-family: Roboto;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  color: #212121;
}
.i3-text-field.has-icon {
  position: relative;
}
.i3-text-field.has-icon i {
  font-size: 18px;
  color: #757575;
}
.i3-text-field.has-icon i.icon-text-field {
  position: absolute;
  top: 27px;
  left: -34px;
}
.i3-text-field .form-control-error {
  -webkit-animation-name: showError;
          animation-name: showError;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
}
@-webkit-keyframes showError {
  from {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes showError {
  from {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.i3-search-textfield .MuiInput-input {
  padding-right: 24px;
}
.i3-search-textfield .clear-btn {
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 4px;
}
.i3-search-textfield .clear-btn i {
  color: #757575;
  font-size: 12px;
}
.i3-table-container {
  width: auto;
  border: 1px solid #e2dfdf;
  padding-top: 0px;
  position: relative;
}
.i3-table-container .i3-table-title-container {
  margin-left: 25px;
  font-size: 24px;
  letter-spacing: -0.05px;
  margin-left: 0px;
  padding-left: 25px;
  padding-right: 25px;
  display: block;
  height: 54px;
}
.i3-table-container .i3-table-title-container .left {
  float: left;
  height: 100%;
}
.i3-table-container .i3-table-title-container .right {
  float: right;
  height: 100%;
  padding-left: 24px;
}
.i3-table-container .i3-table-title-container .right .i3-text-field {
  margin-top: 0px;
  margin-bottom: 0px;
}
.i3-table-container .i3-table-features {
  padding-left: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 55px;
  background-color: #f7f9fd;
  padding-right: 24px;
  margin-top: 0px;
}
.i3-table-container .i3-table-features .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
}
.i3-table-container .i3-table-features .left .all {
  font-size: 14px;
  letter-spacing: -0.03px;
  color: #212121;
}
.i3-table-container .i3-table-features .left .selected {
  font-size: 14px;
  letter-spacing: -0.03px;
  color: #00b1ff;
  margin-left: 10px;
}
.i3-table-container .i3-table-features .right {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.i3-table-container .i3-table-features .right a {
  cursor: pointer;
}
.i3-table-container .i3-table-features .right .MuiButton-root {
  margin-left: 10px;
}
.i3-table-container .i3-table-features .right .i3-search-container {
  margin-right: 10px;
  width: 215px;
}
.i3-table-container .i3-table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.i3-table-container .i3-table .width50 {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.i3-table-container .i3-table .width100 {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.i3-table-container .i3-table .width120 {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.i3-table-container .i3-table .width150 {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.i3-table-container .i3-table .width170 {
  width: 170px;
  min-width: 170px;
  max-width: 170px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.i3-table-container .i3-table .width200 {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.i3-table-container .i3-table .width250 {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.i3-table-container .i3-table md-checkbox {
  display: inline-block;
  margin-bottom: 0px;
}
.i3-table-container .i3-table md-switch {
  height: 25px;
}
.i3-table-container .i3-table tr {
  border-bottom: 1px solid #e2dfdf;
  outline: none;
  cursor: default;
  height: 57px;
}
.i3-table-container .i3-table tr .feature-btn {
  display: none;
  width: 40px;
  height: 40px;
  margin-left: 5px;
  margin-right: 5px;
}
.i3-table-container .i3-table tr:hover .show-when-hover {
  visibility: visible;
}
.i3-table-container .i3-table tr:hover .feature-btn {
  display: block;
}
.i3-table-container .i3-table td,
.i3-table-container .i3-table th {
  padding-left: 24px;
  padding-right: 5px;
  text-align: left;
  font-size: 14px;
  letter-spacing: -0.03px;
  font-size: 12px;
  font-family: Roboto;
  font-weight: normal;
  color: #212121;
}
.i3-table-container .i3-table td md-input-container,
.i3-table-container .i3-table th md-input-container {
  width: 50%;
  display: inline-block;
  padding: 0px;
  margin: 0px;
}
.i3-table-container .i3-table td md-input-container .md-errors-spacer,
.i3-table-container .i3-table th md-input-container .md-errors-spacer {
  min-height: 0px;
}
.i3-table-container .i3-table td md-input-container input,
.i3-table-container .i3-table th md-input-container input {
  font-size: 12px;
}
.i3-table-container .i3-table td img,
.i3-table-container .i3-table th img {
  width: 18px;
  margin-left: 10px;
  margin-bottom: -5px;
}
.i3-table-container .i3-table td .thumbnail-img,
.i3-table-container .i3-table th .thumbnail-img {
  width: 50px;
  margin-left: 0px;
}
.i3-table-container .i3-table td .thumbnail-img.thumbnail-zoom-img,
.i3-table-container .i3-table th .thumbnail-img.thumbnail-zoom-img {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.i3-table-container .i3-table td .thumbnail-img.thumbnail-zoom-img:hover,
.i3-table-container .i3-table th .thumbnail-img.thumbnail-zoom-img:hover {
  -webkit-transform: scale(3);
          transform: scale(3);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
}
.i3-table-container .i3-table td .disconnect-btn,
.i3-table-container .i3-table th .disconnect-btn {
  float: right;
  margin-right: 20px;
  width: 20px;
  cursor: pointer;
}
.i3-table-container .i3-table th {
  font-family: Roboto;
  font-weight: 500;
  color: #212121;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}
.i3-table-container .i3-table .sort {
  color: #212121;
  cursor: pointer;
  position: relative;
}
.i3-table-container .i3-table .sort i {
  font-size: 14px;
}
.i3-table-container .i3-table .sort.up::before {
  content: '\e9f4';
  font-family: fontello;
  font-weight: normal;
  font-size: 14px;
  margin-right: 5px;
  visibility: hidden;
  position: absolute;
  left: 9px;
  top: 21px;
  -webkit-animation-name: upAnimation;
          animation-name: upAnimation;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
@-webkit-keyframes upAnimation {
  from {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes upAnimation {
  from {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.i3-table-container .i3-table .sort.down::before {
  content: '\e9f3';
  font-family: fontello;
  font-weight: normal;
  font-size: 14px;
  margin-right: 5px;
  visibility: hidden;
  position: absolute;
  left: 9px;
  top: 21px;
  -webkit-animation-name: downAnimation;
          animation-name: downAnimation;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
@-webkit-keyframes downAnimation {
  from {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes downAnimation {
  from {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.i3-table-container .i3-table .sort:hover.up::before {
  visibility: visible;
}
.i3-table-container .i3-table .sort:hover.down::before {
  visibility: visible;
}
.i3-table-container .i3-table .selected-sort.up::before {
  visibility: visible;
}
.i3-table-container .i3-table .selected-sort.down::before {
  visibility: visible;
}
.i3-table-container .i3-table .i3-collapse-title {
  background-color: rgba(189, 189, 189, 0.1);
  border-top: 2px solid #e2dfdf;
}
.i3-table-container .i3-table .i3-collapse-title td:nth-child(3) {
  padding-left: 0;
}
.i3-table-container .i3-table .i3-collapse-table {
  border-bottom: 1px solid #e2dfdf;
}
.i3-table-container .i3-table .i3-collapse-btn {
  width: 20px;
  height: 20px;
  color: #757575;
  padding: 0;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}
.i3-table-container .i3-table .i3-table-tree-head {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
  padding-left: 39px;
}
.i3-table-container .i3-table .i3-table-tree-head.up::before {
  left: 22px;
}
.i3-table-container .i3-table .i3-table-tree-head.down::before {
  left: 22px;
}
.i3-table-container .i3-table .i3-table-tree-head .i3-table-tree-head-content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.i3-table-container .i3-table .i3-table-tree-head .i3-table-tree-head-content md-checkbox {
  float: left;
}
.i3-table-container .i3-table .i3-table-tree-head .i3-table-tree-head-content span {
  float: left;
  margin-top: 2px;
}
.i3-table-container .i3-table .i3-table-tree-head .i3-table-tree-head-content .collapse-btn {
  position: absolute;
  left: 12px;
  top: 17px;
}
.i3-table-container .i3-table .i3-table-max-width-content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
}
.i3-table-container .i3-table .i3-table-edit-btn {
  position: absolute;
  right: 0;
  bottom: 5px;
  width: 30px;
  height: 30px;
  min-width: 0;
  display: none;
}
.i3-table-container .i3-table .i3-table-editable-field {
  display: block;
  position: absolute;
  left: 30px;
  right: 50px;
  height: 24px;
  top: 15px;
}
.i3-table-container .i3-table .i3-table-editable-field input {
  width: 100%;
}
.i3-table-container .i3-table .i3-table-camera-name-col {
  overflow: hidden;
  max-width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.i3-table-container .i3-table .i3-table-editable-cell {
  position: relative;
  padding-right: 45px;
}
.i3-table-container .i3-table .i3-table-editable-cell:hover .i3-table-edit-btn {
  display: block;
}
.i3-table-container .i3-table .i3-table-editable-name {
  white-space: nowrap;
  min-width: 150px;
}
.i3-table-container .i3-table .i3-table-editable-name.invisible-editName {
  visibility: hidden;
}
.i3-table-container .i3-table .disabled-item {
  pointer-events: none;
}
.i3-table-container .i3-table .disabled-item span {
  color: #bdbdbd;
}
.i3-table-container .i3-table .edit-item:hover {
  background-color: rgba(189, 189, 189, 0.36);
}
.i3-table-container .i3-table .multi-item .root-name {
  font-size: 14px;
  letter-spacing: -0.03px;
  font-size: 12px;
  color: #212121;
  margin-right: 10px;
}
.i3-table-container .i3-table .multi-item .collapse-btn {
  font-size: 12px;
  color: #757575;
}
.i3-table-container .i3-table .root-item .check-btn {
  padding-top: 3px;
}
.i3-table-container .i3-table .child-item .check-btn {
  margin-left: 35px;
  margin-right: -35px;
}
.i3-table-container .i3-table .child-item .i3-table-tree-head .i3-table-tree-head-content .check-btn {
  margin-left: 20px;
}
.i3-table-container .i3-table .child-item .i3-table-tree-head .i3-table-tree-head-content span {
  margin-left: 35px;
}
.i3-table-container .i3-table .selected-item {
  background-color: #e1f6ff;
}
.i3-table-container .i3-table .disabled-item:hover {
  background-color: #ffffff;
}
.i3-table-container .i3-table .error-item {
  background-color: #ffecb3;
}
.i3-table-container .i3-table .i3-hiding {
  display: none;
}
.i3-table-container .i3-table .feature-container {
  min-width: 80px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.i3-table-container .i3-table-fullinput td md-input-container,
.i3-table-container .i3-table-fullinput th md-input-container {
  width: 100%;
}
.i3-table-container .i3-table-fixed tbody {
  overflow-y: auto;
}
.i3-table-container .i3-table-fixed thead,
.i3-table-container .i3-table-fixed tbody,
.i3-table-container .i3-table-fixed tr {
  display: block;
}
.i3-table-container .i3-table-footer {
  text-align: right;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
.i3-table-container .i3-table-footer .page-index {
  margin-right: 34px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.i3-table-container .i3-table-footer i {
  font-size: 12px;
}
.i3-table-container .i3-table-footer .arrow-disabled {
  color: rgba(0, 0, 0, 0.2);
  cursor: text;
}
.i3-table-container .i3-table-footer:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  bottom: 70px;
  left: 0px;
  border-bottom: 1px solid #e2dfdf;
}
.i3-table-container .i3-table-errors {
  padding: 15px;
  padding-left: 25px;
  background-color: #d9534f;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}
.i3-table-container .i3-table-errors .error {
  margin-bottom: 5px;
}
.i3-table-container .i3-table-no-data-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 57px;
  border-bottom: 1px solid #e2dfdf;
}
.i3-table-container .i3-table-no-data-container .text {
  display: block;
  font-size: 12px;
  letter-spacing: -0.02px;
  color: #bdbdbd;
  font-family: Roboto;
  font-weight: 500;
}
.i3-table-container .i3-scrollx-container {
  overflow-x: auto;
  overflow-y: hidden;
}
.i3-table-container .i3-fixed-header {
  overflow: auto;
  height: calc(100vh - 286px);
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
.i3-table-container .i3-fixed-header .i3-table thead tr {
  border: none;
}
.i3-table-container .i3-fixed-header .i3-table th {
  position: sticky;
  top: 0px;
  background-color: #ffffff;
  z-index: 10;
}
.i3-table-container .i3-fixed-header .i3-table th:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  top: 57px;
  left: 0px;
  border-bottom: 1px solid #e2dfdf;
}
.i3-table-container .i3-no-paging .i3-table tbody tr:last-child {
  border-bottom: none;
}
.i3-table-container .i3-no-paging .i3-table-no-data-container {
  border-bottom: none;
}
.i3-table-container .i3-virtual {
  white-space: nowrap;
}
.i3-table-container .i3-sticky-header .i3-table {
  white-space: pre-wrap;
  word-break: break-word;
}
.i3-table-container .i3-sticky-header .i3-table thead tr {
  border-bottom: none;
}
.i3-table-container .i3-sticky-header .i3-table thead tr th {
  position: sticky;
  z-index: 10;
  top: -1px;
  background-color: #ffffff;
}
.i3-table-container .i3-sticky-header .i3-table thead tr th:after {
  content: ' ';
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 1px;
  background-color: #e2dfdf;
}
.i3-table-container .i3-adding-more-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 57px;
  background-color: rgba(255, 255, 255, 0.5);
}
.i3-table-container .i3-adding-more-loading .loading-icon {
  width: 36px;
  height: 36px;
  position: relative;
}
.i3-table-container .i3-adding-more-loading .loading-icon div {
  position: absolute;
  border: 2px solid #00b1ff;
  opacity: 1;
  border-radius: 50%;
  -webkit-animation: loading-icon 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
          animation: loading-icon 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.i3-table-container .i3-adding-more-loading .loading-icon div:nth-child(2) {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
@-webkit-keyframes loading-icon {
  0% {
    top: 18px;
    left: 18px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 18px;
    left: 18px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 18px;
    left: 18px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 36px;
    height: 36px;
    opacity: 0;
  }
}
@keyframes loading-icon {
  0% {
    top: 18px;
    left: 18px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 18px;
    left: 18px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 18px;
    left: 18px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 36px;
    height: 36px;
    opacity: 0;
  }
}
.slider-element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-right: 80px;
  position: relative;
  padding-top: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.slider-element .slider-bar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.slider-element .slider-bar .MuiSlider-thumb {
  width: 18px;
  height: 18px;
  margin-top: -8px;
}
.slider-element .i3-text-field {
  position: absolute;
  right: 20px;
  width: 40px;
  top: 0px;
  margin: 0px;
}
.i3-date-range-picker-container .data-range-text-field {
  width: 320px;
}
.i3-date-range-picker-container .data-range-text-field .MuiFormHelperText-root {
  display: none;
}
.i3-date-range-picker-container .data-range-text-field .i3-text-field {
  width: 320px;
}
.i3-date-range-popver-day-config {
  display: block;
  padding-bottom: 12px;
}
.i3-date-range-popver-day-config .MuiFormHelperText-root {
  display: none;
}
.i3-date-range-popver-day-config .start-day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.i3-date-range-popver-day-config .start-day .MuiFormControl-root {
  width: 50px;
}
.i3-date-range-popver-day-config .start-day .start-day-text {
  -ms-flex-line-pack: center;
      align-content: center;
  margin-top: 8px;
  margin-left: 24px;
}
.i3-date-range-popver-day-config .start-day .start-day-value {
  -ms-flex-line-pack: center;
      align-content: center;
  padding-left: 7px;
  padding-top: 8px;
  padding-right: 7px;
  cursor: default;
  font-weight: bolder;
}
.i3-date-range-popver-day-config .start-day .start-hour-minute {
  margin-right: 16px;
}
.i3-date-range-popver-day-config .start-day .is-choosing {
  border: 1px solid #0058ca;
  background-color: rgba(0, 177, 255, 0.3);
}
.i3-date-range-popver-day-config .end-day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.i3-date-range-popver-day-config .end-day .MuiFormControl-root {
  width: 50px;
}
.i3-date-range-popver-day-config .end-day .end-day-text {
  margin-left: 24px;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-top: 8px;
}
.i3-date-range-popver-day-config .end-day .end-day-value {
  -ms-flex-line-pack: center;
      align-content: center;
  margin-left: 6px;
  padding-right: 7px;
  padding-top: 8px;
  padding-left: 7px;
  cursor: default;
  font-weight: bolder;
}
.i3-date-range-popver-day-config .end-day .end-hour-minute {
  margin-right: 16px;
}
.i3-date-range-popver-day-config .end-day .is-choosing {
  border: 1px solid #0058ca;
  background-color: rgba(0, 177, 255, 0.3);
}
.i3-date-range-popver-day-config .done-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: 12px;
  padding-right: 16px;
}
.i3-date-range-popver-day-config .done-btn .MuiButton-root {
  min-width: 60px;
}
.i3-date-range-popver-calendar .MuiPickersCalendar-transitionContainer {
  overflow: hidden;
  min-width: 340px;
  min-height: 240px;
  margin-top: 10px;
}
.i3-date-range-popver-calendar .day {
  width: 40px;
  height: 40px;
  margin: 0;
  color: #212121;
  padding: 0px;
  -webkit-transition: none;
  transition: none;
}
.i3-date-range-popver-calendar .day:after {
  border-radius: 100%;
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  height: 40px;
  width: 40px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  z-index: 2;
}
.i3-date-range-popver-calendar .day:hover {
  background-color: transparent;
  color: #212121;
}
.i3-date-range-popver-calendar .day:hover:after {
  background-color: #e2dfdf;
  bottom: -1px;
  left: -1px;
  height: 38px;
  width: 38px;
  right: -1px;
  top: -1px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.i3-date-range-popver-calendar .day > .MuiIconButton-label {
  z-index: 3;
}
.i3-date-range-popver-calendar .hidden {
  opacity: 0;
  pointer-events: none;
}
.i3-date-range-popver-calendar .current {
  color: #00b1ff;
}
.i3-date-range-popver-calendar .focused-range {
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 177, 255, 0.3)), to(rgba(0, 177, 255, 0.3))) no-repeat;
  background: linear-gradient(to right, rgba(0, 177, 255, 0.3), rgba(0, 177, 255, 0.3)) no-repeat;
  width: 40px;
  margin-right: 0;
  margin-left: 0;
  border-radius: 0;
}
.i3-date-range-popver-calendar .begin-cap {
  color: white;
}
.i3-date-range-popver-calendar .begin-cap:after {
  -webkit-transform: scale(1);
          transform: scale(1);
  background-color: #00b1ff;
}
.i3-date-range-popver-calendar .end-cap {
  color: white;
}
.i3-date-range-popver-calendar .end-cap:after {
  -webkit-transform: scale(1);
          transform: scale(1);
  background-color: #00b1ff;
}
.i3-date-range-popver-calendar .choosing-first:after {
  background: white;
  border: 2px solid #00b1ff;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.i3-date-range-popver-calendar .choosing-last:after {
  background: white;
  border: 2px solid #00b1ff;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.i3-date-range-popver-calendar .focused-first {
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 177, 255, 0.3)), to(rgba(0, 177, 255, 0.3))) no-repeat 20px 0 / 20px 40px;
  background: linear-gradient(to right, rgba(0, 177, 255, 0.3), rgba(0, 177, 255, 0.3)) no-repeat 20px 0 / 20px 40px;
}
.i3-date-range-popver-calendar .focused-last {
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 177, 255, 0.3)), to(rgba(0, 177, 255, 0.3))) no-repeat 0 / 20px 40px;
  background: linear-gradient(to right, rgba(0, 177, 255, 0.3), rgba(0, 177, 255, 0.3)) no-repeat 0 / 20px 40px;
}
.i3-date-range-popver-calendar .disabled {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.38);
}
.i3-date-range-popver-calendar .disabled:after {
  display: none;
}
.hover {
  position: relative;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  z-index: 1000 !important;
}
.hover:hover {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.hover-specific {
  position: relative;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  z-index: 1000 !important;
}
.hover-specific:hover {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.hover-on-bottom-page {
  position: relative;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  z-index: 1000 !important;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.hover-on-bottom-page:hover {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.hover-on-top-page {
  position: relative;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  z-index: 1000 !important;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.hover-on-top-page:hover {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.hover-on-left-page {
  position: relative;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  z-index: 1000 !important;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.hover-on-left-page:hover {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.hover-on-right-page {
  position: relative;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  z-index: 1000 !important;
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.hover-on-right-page:hover {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.hover-on-top-left-page {
  position: relative;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  z-index: 1000 !important;
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
.hover-on-top-left-page:hover {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.hover-on-top-right-page {
  position: relative;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  z-index: 1000 !important;
  -webkit-transform-origin: top right;
          transform-origin: top right;
}
.hover-on-top-right-page:hover {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.hover-on-bottom-left-page {
  position: relative;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  z-index: 1000 !important;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}
.hover-on-bottom-left-page:hover {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.hover-on-bottom-right-page {
  position: relative;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  z-index: 1000 !important;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}
.hover-on-bottom-right-page:hover {
  -webkit-transform: scale(3);
          transform: scale(3);
}
.i3-note-tooltip {
  margin: -5px -10px;
  background-color: #ffffff;
  color: #212121;
  padding: 10px;
  max-width: 240px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  font-weight: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.i3-load-page-content-waiting {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.i3-load-page-content-waiting .label {
  font-size: 14px;
  letter-spacing: -0.03px;
  margin-left: 10px;
  color: #757575;
}
.scroll-to-top.MuiIconButton-root {
  background-color: white;
  right: 24px;
  bottom: 24px;
  position: fixed;
  z-index: 9999;
  width: 40px;
  height: 40px;
  border: none;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 1px solid #e0e0e0;
  font-size: 14px;
}
.i3-select-container {
  width: 200px;
}
.i3-select-container .form-control-error {
  -webkit-animation-name: showError;
          animation-name: showError;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
}
@keyframes showError {
  from {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.i3-select-menu-popover .MuiPaper-root {
  max-width: 400px;
}
.i3-select-menu-popover .MuiList-root {
  padding: 0;
}
.i3-select-menu-popover .MuiList-root .MuiMenuItem-root {
  white-space: normal;
}
.i3-select-menu-popover .search-input-menu-item {
  background: #fff;
  padding-right: 28px;
}
.custom-toast-container .MuiSnackbarContent-root {
  padding: 0px;
}
.custom-toast-container .MuiSnackbarContent-root .MuiSnackbarContent-message {
  padding: 0px;
}
.custom-toast-container .custom-toast {
  cursor: pointer;
  font-size: 16px;
  letter-spacing: -0.03px;
  border-radius: 3px;
  color: #fff;
  padding: 5px 15px;
  padding-right: 40px;
  margin-top: 0px;
  min-height: 44px;
}
.custom-toast-container .custom-toast .MuiSnackbarContent-message {
  position: relative;
  width: 100%;
}
.custom-toast-container .custom-toast .toast-message-container {
  padding-left: 25px;
  padding-right: 5px;
}
.custom-toast-container .custom-toast .icon {
  position: absolute;
  left: -5px;
  top: 9px;
}
.custom-toast-container .custom-toast .message {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  letter-spacing: -0.03px;
}
.custom-toast-container .custom-toast .close-btn {
  color: #ffffff;
  letter-spacing: -0.02px;
  font-size: 12px;
  position: absolute;
  right: -30px;
  top: 6px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  outline: none;
  padding: 0px;
}
.custom-toast-container .custom-toast-success {
  background-color: #449d44 !important;
}
.custom-toast-container .custom-toast-warning {
  background-color: #f0ad4e !important;
}
.custom-toast-container .custom-toast-error {
  background-color: #d9534f !important;
}
.message-box .message-box-content {
  width: 352px;
  -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  padding: 24px;
}
.message-box .icon-container {
  text-align: center;
}
.message-box .icon-container img {
  height: 56px;
}
.message-box .title {
  text-align: center;
  margin-top: 38px;
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.04px;
  color: #212121;
}
.message-box .message {
  text-align: center;
  margin-top: 18px;
  font-size: 14px;
  letter-spacing: -0.03px;
  color: #757575;
}
.message-box.schedule-in-use-message .message-left {
  text-align: left;
  white-space: pre-line;
  line-height: 24px;
}
.message-box.schedule-in-use-message .message-left span {
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.03px;
}
.message-box .button-container {
  text-align: center;
  margin-top: 24px;
}
.message-box .button-container button {
  margin-left: 5px;
  margin-right: 5px;
  outline: none;
}
.add-company-dialog .MuiDialogContent-root:first-child {
  padding-top: 0px;
}
.add-company-dialog .body-container {
  width: 448px;
}
.add-company-dialog .body-container .content-container .main-container .add-company-logo {
  border: 1px solid #e2dfdf;
  height: 98px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #757575;
  cursor: pointer;
}
.add-company-dialog .body-container .content-container .main-container .add-company-logo .upload-logo-area i {
  display: block;
  font-size: 25px;
  margin-left: 37px;
  color: #dbdbdb;
}
.add-company-dialog .body-container .content-container .main-container .add-company-logo .upload-logo-area span {
  color: rgba(33, 33, 33, 0.5);
  font-size: 12px;
}
.add-company-dialog .body-container .content-container .img-company .img-company-logo {
  height: 100px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #757575;
}
.add-company-dialog .body-container .content-container .img-company .img-company-logo img {
  cursor: pointer;
  max-height: 100px;
  max-width: 200px;
}
.add-company-dialog .body-container .content-container .img-company .img-company-logo #companyImg {
  cursor: default;
}
.add-company-dialog .body-container .content-container .img-company .img-company-logo .MuiButton-root {
  min-width: 19px;
  margin-left: 5px;
}
.add-company-dialog .body-container .content-container .img-company .img-company-logo .edit-company {
  position: absolute;
  right: 0px;
  top: 1%;
}
.add-company-dialog .body-container .content-container .img-company .img-company-logo .edit-company .edit-logo {
  text-transform: none;
}
.add-company-dialog .body-container .content-container .img-company .img-company-logo .edit-company .edit-logo .MuiButton-label {
  color: #757575;
  gap: 4px;
}
.add-company-dialog .body-container .content-container .img-company .img-company-logo .edit-company .edit-logo i {
  font-size: 12px;
  color: #757575;
}
.add-company-dialog .body-container .content-container .img-company .img-company-logo .edit-company .edit-logo span {
  font-size: 12px;
}
.add-company-dialog .body-container .content-container .logo-required-area {
  margin-top: 3px;
  height: 16px;
}
.add-company-dialog .body-container .content-container .logo-required-area .logo-required-text {
  text-align: center;
  color: #f44336;
  margin: 0;
  font-size: 12px;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-weight: 400;
  line-height: 1.66;
  letter-spacing: 0.03333em;
}
.add-company-dialog .body-container .content-container .text-field-area .MuiFormControl-marginNormal {
  margin-bottom: 0px;
}
.add-company-dialog .body-container .footer-container {
  margin-top: 24px;
  padding-bottom: 16px;
}
.add-company-group-dialog .MuiDialogContent-root:first-child {
  padding-top: 0px;
}
.add-company-group-dialog .body-container {
  width: 448px;
}
.add-company-group-dialog .body-container .content-container {
  display: block;
}
.add-company-group-dialog .body-container .content-container .footer-container {
  margin-top: 24px;
  padding-bottom: 16px;
}
#list-company-item-popover .edit-cms-credential {
  text-transform: none;
  background-color: #ffffff;
}
#list-company-item-popover .edit-cms-credential .MuiButton-label {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #212121;
}
.companies-search-suggestion-popper .MuiPaper-root {
  margin: 0;
  border-radius: 8px;
  -webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.14);
}
.companies-search-suggestion-popper .MuiAutocomplete-option {
  padding: 0;
}
.companies-search-suggestion-popper .suggestion-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 100%;
  padding: 6px 16px;
}
.companies-search-suggestion-popper .suggestion-item .photo {
  width: 30px;
  height: 30px;
}
.companies-search-suggestion-popper .suggestion-item .photo .i3-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.companies-search-suggestion-popper .suggestion-item .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.companies-search-suggestion-popper .suggestion-item .content .name {
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #212121;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 150px;
}
.companies-search-suggestion-popper .suggestion-item .content .dot {
  color: #e0e0e0;
}
.companies-search-suggestion-popper .suggestion-item .content .type {
  padding: 2px 6px;
  background-color: #eeeeee;
  border-radius: 34px;
  font-family: Roboto;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
@media all and (max-width: 1440px) {
  .companies-search-suggestion-popper .suggestion-item .content .name {
    max-width: 240px;
  }
}
@media all and (max-width: 820px) {
  .companies-search-suggestion-popper .suggestion-item .content .name {
    max-width: 160px;
  }
}
.sync-user-box-dialog .message-box-content {
  padding: 0;
  width: 500px;
}
.sync-user-box-dialog .message-box-content.MuiDialogContent-root:first-child {
  padding-top: 0;
}
.sync-user-box-dialog .icon-container {
  display: none;
}
.sync-user-box-dialog .title {
  font-size: 20px;
  letter-spacing: -0.04px;
  font-family: Roboto;
  font-weight: 500;
  color: #212121;
  padding: 16px 24px 24px 24px;
  text-align: left;
  margin: 0;
}
.sync-user-box-dialog .message {
  padding: 0px 24px 24px 24px;
  font-size: 14px;
  letter-spacing: -0.03px;
  color: #212121;
  line-height: 24px;
  text-align: left;
  margin: 0;
}
.sync-user-box-dialog .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-top: 1px solid #bdbdbd;
  padding: 16px 24px;
  margin: 0;
}
.oidc-error-message {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.oidc-error-message .error-icon {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
.oidc-error-message .message {
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.03px;
  margin-top: 10px;
}
.dashboard-company-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.dashboard-company-loading .company-loading-item {
  width: calc((100% / 6) - 39.5px);
  padding: 16px 12px;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
}
.dashboard-company-loading .company-loading-item .ph-loading-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dashboard-company-loading .company-loading-item .ph-loading-item .ph-loading-col-12 {
  padding: 0;
  margin: 0;
}
.dashboard-company-loading .ph-loading-row {
  margin-top: 0;
}
.dashboard-company-loading .ph-loading-row div {
  margin-top: 0;
}
.dashboard-company-loading .ph-loading-row .content,
.dashboard-company-loading .ph-loading-row .buttons {
  background-color: transparent;
}
.dashboard-company-loading .ph-loading-row .buttons {
  margin-top: 7.5px;
}
.loading-title {
  margin: 24px -15px 0;
}
.loading-title .ph-loading-item > * {
  margin-bottom: 16px;
}
.dashboard-recently-loading .ph-loading-item {
  padding: 8px 24px;
  border-radius: 16px;
  border: 1px solid #e0e0e0;
}
.dashboard-recently-loading .ph-loading-item > * {
  padding-right: 0;
  padding-left: 0;
}
.dashboard-recently-loading .loading-table-grid {
  display: grid;
  grid-template-columns: 0.15fr repeat(4, 1fr);
  padding: 7.5px 0;
  border-bottom: 1px solid #e0e0e0;
}
.dashboard-recently-loading .loading-table-grid.table-header {
  padding-bottom: 14px;
}
.dashboard-recently-loading .loading-table-grid .ph-loading-row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0;
}
.dashboard-recently-loading .loading-table-grid .ph-loading-row div {
  margin-top: 0;
}
.dashboard-recently-loading .loading-table-grid .picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboard-recently-loading .loading-table-grid .picture .ph-loading-picture {
  width: 37px;
}
.dashboard-company-item {
  padding: 16px 12px;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  position: relative;
  width: calc((100% / 6) - 39.5px);
}
.dashboard-company-item:hover {
  -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.14);
  border: 1px solid #0c98f5;
}
.dashboard-company-item .dashboard-company-item__logo {
  width: 40px;
  height: 40px;
}
.dashboard-company-item .dashboard-company-item__logo .logo {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.dashboard-company-item .dashboard-company-item__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.dashboard-company-item .dashboard-company-item__content .dashboard-company-item__name-text {
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  color: #212121;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding-right: 30px;
}
.dashboard-company-item .dashboard-company-item__content .dashboard-company-item__name-text.has-more-option {
  padding-right: 64px;
}
.dashboard-company-item .dashboard-company-item__content .dashboard-company-item__system {
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.dashboard-company-item .dashboard-company-item__content .dashboard-company-item__system .dashboard-company-item__system-text {
  font-size: 14px;
  letter-spacing: -0.03px;
  color: #757575;
}
.dashboard-company-item .dashboard-company-item__content .dashboard-company-item__system .dashboard-company-item__system-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.dashboard-company-item .dashboard-company-item__content .dashboard-company-item__system .dashboard-company-item__system-buttons .MuiButton-root {
  min-width: auto;
  padding: 2px 6px;
  background-color: #eeeeee;
  border-radius: 8px;
  text-transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.dashboard-company-item .dashboard-company-item__content .dashboard-company-item__system .dashboard-company-item__system-buttons .MuiButton-root:hover {
  background-color: #e0e0e0;
}
.dashboard-company-item .dashboard-company-item__content .dashboard-company-item__system .dashboard-company-item__system-buttons .MuiButton-root .MuiButton-label {
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.03px;
  color: #212121;
}
.dashboard-company-item .icon-btns {
  padding: 0;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 12px;
  right: 12px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.dashboard-company-item .icon-btns .MuiIconButton-label {
  height: 100%;
  font-size: 16px;
}
.dashboard-company-item .icon-btns .icon-btn {
  width: 34px;
  height: 34px;
  margin-right: 2px;
}
.dashboard-company-item .icon-btns .icon-btn.favorited {
  color: #d4b106;
}
.dashboard-company-item .icon-btns .icon-btn:last-child {
  margin-right: 0px;
}
@media all and (max-width: 1600px) {
  .dashboard-company-item {
    width: calc((100% / 5) - 39px);
  }
}
@media all and (max-width: 1440px) {
  .dashboard-company-item {
    width: calc((100% / 4) - 38px);
  }
}
@media all and (max-width: 1024px) {
  .dashboard-company-item {
    width: calc((100% / 3) - 37px);
  }
}
@media all and (max-width: 820px) {
  .dashboard-company-item {
    width: calc((100% / 2) - 34px);
  }
}
.dashboard-recently-table-container {
  padding: 24px;
  padding-top: 0px;
  border-radius: 16px;
  border: 1px solid #e0e0e0;
  background: #fff;
  margin-top: 16px;
}
.dashboard-recently-table-container .i3-table th,
.dashboard-recently-table-container .i3-table td {
  font-size: 14px;
}
.dashboard-recently-table-container .i3-table .favorite-th {
  width: 40px;
  max-width: 40px;
  min-width: 40px;
  padding-left: 8px;
}
.dashboard-recently-table-container .i3-table td .logo {
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
}
.dashboard-recently-table-container .i3-table .edit-item {
  cursor: pointer;
}
.dashboard-recently-table-container .i3-table .edit-item .feature-container {
  height: 57px;
  vertical-align: middle;
  width: 40px;
  max-width: 40px;
  min-width: 40px;
  padding-left: 8px;
}
.dashboard-recently-table-container .i3-table .edit-item .feature-container .favorite-btn {
  height: 40px;
  width: 40px;
  font-size: 20px;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.dashboard-recently-table-container .i3-table .edit-item .feature-container .favorite-btn.favorited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  color: #d4b106;
}
.dashboard-recently-table-container .i3-table .edit-item:hover .feature-container .favorite-btn {
  visibility: visible;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dashboard-recently-table-container .i3-table-no-data-container {
  display: none;
}
.global-search {
  width: 100%;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  background: #414141;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #414141;
}
.global-search .icon {
  color: #e0e0e0;
  font-size: 16px;
}
.global-search .placeholder {
  color: #bdbdbd;
  font-size: 14px;
  letter-spacing: -0.03px;
  margin-left: 8px;
}
.global-search:hover {
  border: 1px solid #505050;
}
#global-search-popover div[aria-hidden='true'] {
  background-color: rgba(0, 0, 0, 0.48) !important;
}
#global-search-popover .MuiPaper-root {
  width: 1000px;
  margin-top: 64px;
  border-radius: 8px;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .filter-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .filter-container .company-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 180px;
  min-width: 180px;
  padding: 13px 4px 13px 12px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-color: #eeeeee;
  border-radius: 0px;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .filter-container .company-select .logo {
  width: 18px;
  height: 18px;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .filter-container .company-select .name {
  font-size: 14px;
  letter-spacing: -0.03px;
  font-weight: 600;
  text-transform: none;
  margin-left: 8px;
  width: 130px;
  max-width: 130px;
  text-align: start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .filter-container .company-select .icon {
  color: #757575;
  font-size: 14px;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .filter-container .search-textfield {
  margin: 0px;
  height: 50px;
  background-color: #e0e0e0;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .filter-container .search-textfield .form-control-error {
  display: none;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .filter-container .search-textfield .MuiFormControl-root {
  height: 100%;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .filter-container .search-textfield .MuiFormControl-root .MuiInputBase-root {
  height: 100%;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .filter-container .search-textfield .MuiFormControl-root .MuiInputBase-root .MuiInputBase-input {
  padding-left: 16px;
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.04px;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .filter-container .search-textfield .MuiFormControl-root .MuiInputBase-root:before,
#global-search-popover .MuiPaper-root .global-search-popover-container .filter-container .search-textfield .MuiFormControl-root .MuiInputBase-root:after {
  display: none;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .filter-container .close-popover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e0e0e0;
  padding-left: 12px;
  padding-right: 12px;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .filter-container .close-popover .note {
  white-space: nowrap;
  color: #757575;
  font-size: 12px;
  letter-spacing: -0.02px;
  font-family: Roboto;
  font-weight: 500;
  background-color: #eeeeee;
  padding: 4px 8px;
  border-radius: 4px;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .filter-container .close-popover .close-btn {
  color: #757575;
  font-size: 14px;
  width: 35px;
  height: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 10px;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .feature-content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px 8px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .feature-content-container .feature-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 8px;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .feature-content-container .feature-header .result {
  font-size: 14px;
  letter-spacing: -0.03px;
  font-weight: 600;
  color: #757575;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .feature-content-container .feature-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 50vh;
  overflow: auto;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .feature-content-container .feature-list .feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .feature-content-container .feature-list .feature-item .feature-name {
  font-size: 16px;
  letter-spacing: -0.03px;
  color: #212121;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .feature-content-container .feature-list .feature-item .app-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 6px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 34px;
  background-color: #eee;
  font-size: 14px;
  letter-spacing: -0.03px;
  color: #212121;
  white-space: pre;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .feature-content-container .feature-list .feature-item .feature-path {
  font-size: 16px;
  letter-spacing: -0.03px;
  color: #757575;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .feature-content-container .feature-list .feature-item .element {
  position: relative;
  margin-left: 20px;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .feature-content-container .feature-list .feature-item .element:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #bdbdbd;
  left: 0;
  top: calc(50% - 2px);
  margin-left: -12px;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .feature-content-container .feature-list .feature-item .element:first-child {
  margin-left: 0px;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .feature-content-container .feature-list .feature-item .element:first-child:before {
  display: none;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .feature-content-container .feature-list .feature-item:hover {
  background-color: #e3e6eb;
  cursor: pointer;
}
#global-search-popover .MuiPaper-root .global-search-popover-container .feature-content-container.recent-search .feature-list .feature-item .feature-name {
  font-family: Roboto;
  font-weight: 500;
}
#global-search-company-popover .MuiPaper-root {
  width: 320px;
  border-radius: 8px;
  margin-left: 80px;
}
#global-search-company-popover .MuiPaper-root .global-search-company-popover-container {
  padding: 8px 0px;
}
#global-search-company-popover .MuiPaper-root .global-search-company-popover-container .company-search-textfield {
  margin: 0px;
}
#global-search-company-popover .MuiPaper-root .global-search-company-popover-container .company-search-textfield .MuiInputBase-root {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 28px;
  margin: 4px 12px;
  border-radius: 16px;
}
#global-search-company-popover .MuiPaper-root .global-search-company-popover-container .company-search-textfield .MuiInputBase-root .MuiInputBase-input {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0px;
  padding-bottom: 0px;
}
#global-search-company-popover .MuiPaper-root .global-search-company-popover-container .company-search-textfield .MuiInputBase-root i {
  font-size: 14px;
  color: #757575;
}
#global-search-company-popover .MuiPaper-root .global-search-company-popover-container .company-search-textfield .form-control-error {
  display: none;
}
#global-search-company-popover .MuiPaper-root .global-search-company-popover-container .company-container {
  min-height: 20px;
}
#global-search-company-popover .MuiPaper-root .global-search-company-popover-container .company-container .MuiMenuItem-root {
  height: 38px;
}
#global-search-company-popover .MuiPaper-root .global-search-company-popover-container .company-container .MuiMenuItem-root .option-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
#global-search-company-popover .MuiPaper-root .global-search-company-popover-container .company-container .MuiMenuItem-root .option-item .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  padding: 4px;
  border: 1px solid #eee;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -o-object-fit: contain;
     object-fit: contain;
}
#global-search-company-popover .MuiPaper-root .global-search-company-popover-container .company-container .MuiMenuItem-root .option-item .name {
  font-size: 14px;
  letter-spacing: -0.03px;
  margin-left: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#global-search-company-popover .MuiPaper-root .global-search-company-popover-container .company-container .MuiMenuItem-root.selected {
  background-color: #e3e6eb;
}
.tab-panel-container {
  border: 1px solid #e2dfdf;
}
.tab-panel-container .MuiAppBar-root {
  background-color: rgba(189, 189, 189, 0.1);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tab-panel-container .MuiAppBar-root .MuiButtonBase-root {
  color: #212121;
}
.tab-panel-container .MuiAppBar-root .MuiButtonBase-root.tab-hide {
  width: 0;
  min-width: 0;
  max-width: 0;
  padding: 0;
  overflow: hidden;
}
.tab-panel-container .MuiAppBar-root .MuiTabs-indicator {
  background-color: #00b1ff;
  height: 3px;
}
/*--- START apply to dialog ---*/
.apply-permissions-dialog .MuiPaper-root {
  max-width: 100%;
}
.apply-permissions-dialog .MuiPaper-root .content-container {
  width: 800px;
}
.apply-permissions-dialog .MuiPaper-root .main-container .note {
  line-height: 22px;
  margin-bottom: 16px;
}
.apply-permissions-dialog .MuiPaper-root .main-container .i3-search-container {
  margin: 0;
}
.apply-permissions-dialog .MuiPaper-root .main-container .i3-search-container .form-control-error {
  height: 0;
}
.apply-permissions-dialog .MuiPaper-root .main-container .apply-status-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  margin-bottom: 16px;
  background-color: #e0f1fd;
  border-radius: 8px;
}
.apply-permissions-dialog .MuiPaper-root .main-container .apply-status-header .apply-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.apply-permissions-dialog .MuiPaper-root .main-container .apply-status-header .apply-status .text {
  font-size: 14px;
  font-weight: 500;
}
.apply-permissions-dialog .MuiPaper-root .main-container .apply-status-header .MuiButton-root {
  height: 28px;
  text-transform: none;
}
.apply-permissions-dialog .MuiPaper-root .main-container .apply-status-header .MuiButton-root i {
  font-size: 12px;
  margin-right: 4px;
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle {
  width: 22px;
  height: 22px;
  position: relative;
  margin: auto;
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 2px;
  height: 5px;
  background-color: #212121;
  border-radius: 4px;
  -webkit-animation: sk-fading-circle-delay 0.8s infinite ease-in-out both;
  animation: sk-fading-circle-delay 0.8s infinite ease-in-out both;
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle-2 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle-2:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle-3 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle-3:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle-4 {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle-4:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle-5 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle-5:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle-6 {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle-6:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle-7 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle-7:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle-8 {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}
.apply-permissions-dialog .MuiPaper-root .main-container .fading-circle .circle-8:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.apply-permissions-dialog .MuiPaper-root .main-container .status-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.apply-permissions-dialog .MuiPaper-root .main-container .status-container.status-succeeded .status-txt {
  color: #449d44;
}
.apply-permissions-dialog .MuiPaper-root .main-container .status-container.status-failed .status-txt {
  color: #d9534f;
}
.apply-permissions-dialog .MuiPaper-root .main-container .status-container .dot-flashing {
  position: relative;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #757575;
  color: #757575;
  -webkit-animation: dot-flashing 0.8s infinite linear alternate;
          animation: dot-flashing 0.8s infinite linear alternate;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  margin-left: 12px;
  margin-top: 3px;
  margin-right: 10px;
}
.apply-permissions-dialog .MuiPaper-root .main-container .status-container .dot-flashing::before,
.apply-permissions-dialog .MuiPaper-root .main-container .status-container .dot-flashing::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #757575;
  color: #757575;
  -webkit-animation: dot-flashing 0.8s infinite alternate;
          animation: dot-flashing 0.8s infinite alternate;
}
.apply-permissions-dialog .MuiPaper-root .main-container .status-container .dot-flashing::before {
  left: -8px;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.apply-permissions-dialog .MuiPaper-root .main-container .status-container .dot-flashing::after {
  left: 8px;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
@keyframes dot-flashing {
  0% {
    background-color: #757575;
  }
  50%,
  100% {
    background-color: rgba(117, 117, 117, 0.2);
  }
}
@-webkit-keyframes sk-fading-circle-delay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-fading-circle-delay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.apply-permissions-dialog .MuiPaper-root .main-container .i3-table-container .i3-fixed-header {
  height: calc(100vh - 350px);
}
.apply-permissions-dialog .MuiPaper-root .main-container .selected-button i {
  color: #00b1ff;
}
/*--- END apply to dialog ---*/
/*--- START approve dialog ---*/
.approve-dialog-setting .MuiPaper-root {
  max-width: 100%;
}
.approve-dialog-setting .MuiPaper-root .content-container {
  width: 500px;
}
/*--- END approve dialog ---*/
/*--- START move user dialog ---*/
.move-user-dialog-setting .MuiPaper-root {
  max-width: 100%;
}
.move-user-dialog-setting .MuiPaper-root .content-container {
  width: 500px;
}
.move-user-dialog-setting .MuiPaper-root .content-container .i3-select-container {
  margin: 16px 0;
}
/*--- END move user dialog ---*/
.failed-lock-popover-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 190px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px;
  gap: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.failed-lock-popover-container .remaining-lock-time {
  font-size: 14px;
  letter-spacing: -0.03px;
  line-height: 22px;
}
.failed-lock-popover-container .remaining-lock-time .time {
  font-weight: 700;
}
.company-select-popover .MuiList-root {
  max-height: calc(50vh);
}
.company-select-popover .MuiList-root .MuiMenuItem-root {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.company-select-popover .MuiList-root .MuiMenuItem-root i {
  color: #449d43;
}